mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 01:38:07 +08:00
Jack Lynch
b110942f5c
To support custom shortcuts, this updates the module.schema.json to require actions to have categories and adds categories to existing actions. It also renames the existing "DevTools" category to "Global." Custom shortcuts design doc: https://docs.google.com/document/d/1oOPSWPxCHvMoBZ0Fw9jwFZt6gP4lrsrsl8DEAp-Hy7o/edit#heading=h.2xpjzz3fl1ju Bug: 174309 Change-Id: I0860f040e19502b4c47301356b52a2f12166dee5 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2101972 Reviewed-by: Shane Clifford <shanejc@microsoft.com> Reviewed-by: Vidal Diazleal <vidorteg@microsoft.com> Commit-Queue: Jack Lynch <jalyn@microsoft.com>
345 lines
10 KiB
JSON
345 lines
10 KiB
JSON
{
|
|
"extensions": [
|
|
{
|
|
"type": "view",
|
|
"location": "panel",
|
|
"id": "elements",
|
|
"title": "Elements",
|
|
"order": 10,
|
|
"className": "Elements.ElementsPanel"
|
|
},
|
|
{
|
|
"type": "@UI.ContextMenu.Provider",
|
|
"contextTypes": [
|
|
"SDK.RemoteObject",
|
|
"SDK.DOMNode",
|
|
"SDK.DeferredDOMNode"
|
|
],
|
|
"className": "Elements.ElementsPanel.ContextMenuProvider"
|
|
},
|
|
{
|
|
"type": "@UI.Renderer",
|
|
"contextTypes": [
|
|
"SDK.DOMNode",
|
|
"SDK.DeferredDOMNode"
|
|
],
|
|
"className": "Elements.ElementsTreeOutline.Renderer"
|
|
},
|
|
{
|
|
"type": "@Common.Revealer",
|
|
"contextTypes": [
|
|
"SDK.DOMNode",
|
|
"SDK.DeferredDOMNode",
|
|
"SDK.RemoteObject"
|
|
],
|
|
"destination": "Elements panel",
|
|
"className": "Elements.ElementsPanel.DOMNodeRevealer"
|
|
},
|
|
{
|
|
"type": "@Common.Linkifier",
|
|
"contextTypes": [
|
|
"SDK.DOMNode",
|
|
"SDK.DeferredDOMNode"
|
|
],
|
|
"className": "Elements.DOMLinkifier.Linkifier"
|
|
},
|
|
{
|
|
"type": "@Common.Revealer",
|
|
"contextTypes": [
|
|
"SDK.CSSProperty"
|
|
],
|
|
"destination": "styles sidebar",
|
|
"className": "Elements.ElementsPanel.CSSPropertyRevealer"
|
|
},
|
|
{
|
|
"type": "setting",
|
|
"category": "Elements",
|
|
"order": 1,
|
|
"title": "Show user agent shadow DOM",
|
|
"settingName": "showUAShadowDOM",
|
|
"settingType": "boolean",
|
|
"defaultValue": false
|
|
},
|
|
{
|
|
"type": "setting",
|
|
"category": "Elements",
|
|
"order": 2,
|
|
"title": "Word wrap",
|
|
"settingName": "domWordWrap",
|
|
"settingType": "boolean",
|
|
"defaultValue": true,
|
|
"options": [
|
|
{
|
|
"value": true,
|
|
"title": "Enable DOM word wrap"
|
|
},
|
|
{
|
|
"value": false,
|
|
"title": "Disable DOM word wrap"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "setting",
|
|
"category": "Elements",
|
|
"order": 3,
|
|
"title": "Show HTML comments",
|
|
"settingName": "showHTMLComments",
|
|
"settingType": "boolean",
|
|
"defaultValue": true,
|
|
"options": [
|
|
{
|
|
"value": true,
|
|
"title": "Show HTML comments"
|
|
},
|
|
{
|
|
"value": false,
|
|
"title": "Hide HTML comments"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "setting",
|
|
"category": "Elements",
|
|
"order": 4,
|
|
"title": "Reveal DOM node on hover",
|
|
"settingName": "highlightNodeOnHoverInOverlay",
|
|
"settingType": "boolean",
|
|
"defaultValue": true
|
|
},
|
|
{
|
|
"type": "setting",
|
|
"category": "Elements",
|
|
"order": 5,
|
|
"title": "Show detailed inspect tooltip",
|
|
"settingName": "showDetailedInspectTooltip",
|
|
"settingType": "boolean",
|
|
"defaultValue": true
|
|
},
|
|
{
|
|
"type": "setting",
|
|
"settingName": "showEventListenersForAncestors",
|
|
"settingType": "boolean",
|
|
"defaultValue": true
|
|
},
|
|
{
|
|
"type": "@UI.ToolbarItem.Provider",
|
|
"className": "Elements.ElementStatePaneWidget.ButtonProvider",
|
|
"order": 1,
|
|
"location": "styles-sidebarpane-toolbar"
|
|
},
|
|
{
|
|
"type": "@UI.ToolbarItem.Provider",
|
|
"className": "Elements.ClassesPaneWidget.ButtonProvider",
|
|
"order": 2,
|
|
"location": "styles-sidebarpane-toolbar"
|
|
},
|
|
{
|
|
"type": "@UI.ToolbarItem.Provider",
|
|
"className": "Elements.StylesSidebarPane.ButtonProvider",
|
|
"order": 100,
|
|
"location": "styles-sidebarpane-toolbar"
|
|
},
|
|
{
|
|
"type": "action",
|
|
"actionId": "elements.hide-element",
|
|
"category": "Elements",
|
|
"title": "Hide element",
|
|
"contextTypes": [
|
|
"Elements.ElementsPanel"
|
|
],
|
|
"className": "Elements.ElementsActionDelegate",
|
|
"bindings": [
|
|
{
|
|
"shortcut": "H"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "action",
|
|
"actionId": "elements.edit-as-html",
|
|
"category": "Elements",
|
|
"title": "Edit as HTML",
|
|
"contextTypes": [
|
|
"Elements.ElementsPanel"
|
|
],
|
|
"className": "Elements.ElementsActionDelegate",
|
|
"bindings": [
|
|
{
|
|
"shortcut": "F2"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "action",
|
|
"actionId": "elements.undo",
|
|
"category": "Elements",
|
|
"title": "Undo",
|
|
"contextTypes": [
|
|
"Elements.ElementsPanel"
|
|
],
|
|
"className": "Elements.ElementsActionDelegate",
|
|
"bindings": [
|
|
{
|
|
"platform": "windows,linux",
|
|
"shortcut": "Ctrl+Z"
|
|
},
|
|
{
|
|
"platform": "mac",
|
|
"shortcut": "Meta+Z"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "action",
|
|
"actionId": "elements.redo",
|
|
"category": "Elements",
|
|
"title": "Redo",
|
|
"contextTypes": [
|
|
"Elements.ElementsPanel"
|
|
],
|
|
"className": "Elements.ElementsActionDelegate",
|
|
"bindings": [
|
|
{
|
|
"platform": "windows,linux",
|
|
"shortcut": "Ctrl+Y"
|
|
},
|
|
{
|
|
"platform": "mac",
|
|
"shortcut": "Meta+Shift+Z"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "@Elements.MarkerDecorator",
|
|
"className": "Elements.ElementsPanel.PseudoStateMarkerDecorator",
|
|
"marker": "pseudo-state-marker"
|
|
},
|
|
{
|
|
"type": "@Elements.MarkerDecorator",
|
|
"factoryName": "Elements.GenericDecorator",
|
|
"marker": "hidden-marker",
|
|
"title": "Element is hidden",
|
|
"color": "#555"
|
|
},
|
|
{
|
|
"type": "action",
|
|
"category": "Elements",
|
|
"actionId": "elements.toggle-element-search",
|
|
"toggleable": true,
|
|
"className": "Elements.InspectElementModeController.ToggleSearchActionDelegate",
|
|
"title": "Select an element in the page to inspect it",
|
|
"iconClass": "largeicon-node-search",
|
|
"bindings": [
|
|
{
|
|
"platform": "windows,linux",
|
|
"shortcut": "Ctrl+Shift+C"
|
|
},
|
|
{
|
|
"platform": "mac",
|
|
"shortcut": "Meta+Shift+C"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "action",
|
|
"actionId": "elements.capture-area-screenshot",
|
|
"className": "Elements.InspectElementModeController.ToggleSearchActionDelegate",
|
|
"title": "Capture area screenshot",
|
|
"category": "Screenshot"
|
|
},
|
|
{
|
|
"type": "@UI.ToolbarItem.Provider",
|
|
"actionId": "elements.toggle-element-search",
|
|
"location": "main-toolbar-left",
|
|
"order": 0
|
|
},
|
|
{
|
|
"type": "@UI.ViewLocationResolver",
|
|
"name": "elements-sidebar",
|
|
"category": "Elements",
|
|
"className": "Elements.ElementsPanel"
|
|
},
|
|
{
|
|
"type": "view",
|
|
"location": "elements-sidebar",
|
|
"id": "elements.eventListeners",
|
|
"title": "Event Listeners",
|
|
"order": 5,
|
|
"hasToolbar": true,
|
|
"persistence": "permanent",
|
|
"className": "Elements.EventListenersWidget"
|
|
},
|
|
{
|
|
"type": "view",
|
|
"location": "elements-sidebar",
|
|
"id": "elements.domProperties",
|
|
"title": "Properties",
|
|
"order": 7,
|
|
"persistence": "permanent",
|
|
"className": "Elements.PropertiesWidget"
|
|
},
|
|
{
|
|
"type": "view",
|
|
"experiment": "captureNodeCreationStacks",
|
|
"location": "elements-sidebar",
|
|
"id": "elements.domCreation",
|
|
"title": "Stack Trace",
|
|
"order": 10,
|
|
"persistence": "permanent",
|
|
"className": "Elements.NodeStackTraceWidget"
|
|
}
|
|
],
|
|
"dependencies": [
|
|
"components",
|
|
"extensions",
|
|
"inline_editor",
|
|
"color_picker",
|
|
"event_listeners"
|
|
],
|
|
"scripts": [],
|
|
"modules": [
|
|
"elements.js",
|
|
"elements-legacy.js",
|
|
"InspectElementModeController.js",
|
|
"ColorSwatchPopoverIcon.js",
|
|
"ComputedStyleModel.js",
|
|
"DOMLinkifier.js",
|
|
"DOMPath.js",
|
|
"ElementsBreadcrumbs.js",
|
|
"ElementsSidebarPane.js",
|
|
"ElementsTreeElement.js",
|
|
"ElementsTreeOutline.js",
|
|
"EventListenersWidget.js",
|
|
"MarkerDecorator.js",
|
|
"MetricsSidebarPane.js",
|
|
"PlatformFontsWidget.js",
|
|
"PropertiesWidget.js",
|
|
"NodeStackTraceWidget.js",
|
|
"StylePropertyHighlighter.js",
|
|
"StylesSidebarPane.js",
|
|
"StylePropertyTreeElement.js",
|
|
"ComputedStyleWidget.js",
|
|
"ElementsPanel.js",
|
|
"ClassesPaneWidget.js",
|
|
"ElementStatePaneWidget.js",
|
|
"ElementsTreeElementHighlighter.js"
|
|
],
|
|
"resources": [
|
|
"breadcrumbs.css",
|
|
"classesPaneWidget.css",
|
|
"computedStyleSidebarPane.css",
|
|
"computedStyleWidgetTree.css",
|
|
"domLinkifier.css",
|
|
"elementsPanel.css",
|
|
"elementStatePaneWidget.css",
|
|
"elementsTreeOutline.css",
|
|
"metricsSidebarPane.css",
|
|
"platformFontsWidget.css",
|
|
"propertiesWidget.css",
|
|
"nodeStackTraceWidget.css",
|
|
"stylesSectionTree.css",
|
|
"stylesSidebarPane.css"
|
|
]
|
|
}
|