DevTools: extract modules (non-extensions)

third_party/WebKit/Source/devtools/front_end/elements/module.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"],
+            "contextTypes": [
+                "SDK.RemoteObject",
+                "SDK.DOMNode",
+                "SDK.DeferredDOMNode"
+            ],
             "className": "Elements.ElementsPanel.ContextMenuProvider"
         },
         {
             "type": "@Common.Renderer",
-            "contextTypes": ["SDK.DOMNode", "SDK.RemoteObject"],
+            "contextTypes": [
+                "SDK.DOMNode",
+                "SDK.RemoteObject"
+            ],
             "className": "Elements.ElementsTreeOutline.Renderer"
         },
         {
             "type": "@Common.Revealer",
-            "contextTypes": ["SDK.DOMNode", "SDK.DeferredDOMNode", "SDK.RemoteObject" ],
+            "contextTypes": [
+                "SDK.DOMNode",
+                "SDK.DeferredDOMNode",
+                "SDK.RemoteObject"
+            ],
             "className": "Elements.ElementsPanel.DOMNodeRevealer"
         },
         {
             "type": "@Common.Revealer",
-            "contextTypes": ["SDK.CSSProperty" ],
+            "contextTypes": [
+                "SDK.CSSProperty"
+            ],
             "className": "Elements.ElementsPanel.CSSPropertyRevealer"
         },
         {
             "type": "setting",
             "category": "Elements",
             "order": 0,
             "title": "Color format:",
             "settingName": "colorFormat",
             "settingType": "enum",
             "defaultValue": "original",
             "options": [
-                { "title": "Set color format as authored", "text": "As authored", "value": "original" },
-                { "title": "Set color format to HEX", "text": "HEX: #dac0de", "value": "hex", "raw": true },
-                { "title": "Set color format to RGB", "text": "RGB: rgb(128, 255, 255)", "value": "rgb", "raw": true },
-                { "title": "Set color format to HSL", "text": "HSL: hsl(300, 80%, 90%)", "value": "hsl", "raw": true }
+                {
+                    "title": "Set color format as authored",
+                    "text": "As authored",
+                    "value": "original"
+                },
+                {
+                    "title": "Set color format to HEX",
+                    "text": "HEX: #dac0de",
+                    "value": "hex",
+                    "raw": true
+                },
+                {
+                    "title": "Set color format to RGB",
+                    "text": "RGB: rgb(128, 255, 255)",
+                    "value": "rgb",
+                    "raw": true
+                },
+                {
+                    "title": "Set color format to HSL",
+                    "text": "HSL: hsl(300, 80%, 90%)",
+                    "value": "hsl",
+                    "raw": true
+                }
             ]
         },
         {
             "type": "setting",
             "category": "Elements",
-            "order":1,
+            "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" }
+                {
+                    "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" }
+                {
+                    "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
@@ skipping 18 matching lines @@
         },
         {
             "type": "@UI.ToolbarItem.Provider",
             "className": "Elements.StylesSidebarPane.ButtonProvider",
             "order": 100,
             "location": "styles-sidebarpane-toolbar"
         },
         {
             "type": "@UI.ActionDelegate",
             "actionId": "elements.hide-element",
-            "contextTypes": ["Elements.ElementsPanel"],
+            "contextTypes": [
+                "Elements.ElementsPanel"
+            ],
             "className": "Elements.ElementsActionDelegate",
             "bindings": [
                 {
                     "shortcut": "H"
                 }
             ]
         },
         {
             "type": "@UI.ActionDelegate",
             "actionId": "elements.edit-as-html",
-            "contextTypes": ["Elements.ElementsPanel"],
+            "contextTypes": [
+                "Elements.ElementsPanel"
+            ],
             "className": "Elements.ElementsActionDelegate",
             "bindings": [
                 {
                     "shortcut": "F2"
                 }
             ]
         },
         {
             "type": "@Components.DOMPresentationUtils.MarkerDecorator",
             "className": "Elements.ElementsPanel.PseudoStateMarkerDecorator",
@@ skipping 58 matching lines @@
             "location": "elements-sidebar",
             "id": "elements.domProperties",
             "title": "Properties",
             "order": 7,
             "persistence": "permanent",
             "className": "Elements.PropertiesWidget"
         }
     ],
     "dependencies": [
         "components",
-        "extensions"
+        "extensions",
+        "inline_editor",
+        "color_picker"
     ],
     "scripts": [
         "InspectElementModeController.js",
         "ColorSwatchPopoverIcon.js",
         "ComputedStyleModel.js",
         "ElementsBreadcrumbs.js",
         "ElementsSidebarPane.js",
         "ElementsTreeElement.js",
         "ElementsTreeOutline.js",
         "EventListenersWidget.js",
@@ skipping 10 matching lines @@
     ],
     "resources": [
         "breadcrumbs.css",
         "computedStyleSidebarPane.css",
         "elementsPanel.css",
         "elementsTreeOutline.css",
         "platformFontsWidget.css",
         "stylesSectionTree.css"
     ]
 }