Devtools[LayoutEditor]: Rework layout-editor workflow

Source/devtools/protocol.json

Index: Source/devtools/protocol.json
diff --git a/Source/devtools/protocol.json b/Source/devtools/protocol.json
index 5eb716fe0edb8d32c669ab07e7033caeb1db7c86..eb610db64d2b430768591f9d1cdbc4b058464414 100644
--- a/Source/devtools/protocol.json
+++ b/Source/devtools/protocol.json
@@ -2340,7 +2340,6 @@
                     { "name": "showInfo", "type": "boolean", "optional": true, "description": "Whether the node info tooltip should be shown (default: false)." },
                     { "name": "showRulers", "type": "boolean", "optional": true, "description": "Whether the rulers should be shown (default: false)." },
                     { "name": "showExtensionLines", "type": "boolean", "optional": true, "description": "Whether the extension lines from node to the rulers should be shown (default: false)." },
-                    { "name": "showLayoutEditor", "type": "boolean", "optional": true, "hidden": true},

[pfeldman, 2015/08/25 21:25:29]

Like you don't have it here.

[sergeyv, 2015/08/26 02:25:49]

Done.

                     { "name": "displayAsMaterial", "type": "boolean", "optional": true, "hidden": true},
                     { "name": "contentColor", "$ref": "RGBA", "optional": true, "description": "The content box highlight fill color (default: transparent)." },
                     { "name": "paddingColor", "$ref": "RGBA", "optional": true, "description": "The padding highlight fill color (default: transparent)." },
@@ -2518,7 +2517,7 @@
                 "hidden": true,
                 "parameters": [
                     { "name": "enabled", "type": "boolean", "description": "True to enable inspection mode, false to disable it." },
-                    { "name": "inspectUAShadowDOM", "type": "boolean", "optional": true, "description": "True to enable inspection mode for user agent shadow DOM." },
+                    { "name": "mode", "type": "string", "enum": ["showUAShadowDOM", "showLayoutEditor"], "optional": true, "description": "True to enable inspection mode for user agent shadow DOM." },
                     { "name": "highlightConfig", "$ref": "HighlightConfig", "optional": true, "description": "A descriptor for the highlight appearance of hovered-over nodes. May be omitted if <code>enabled == false</code>." }
                 ],
                 "description": "Enters the 'inspect' mode. In this mode, elements that user is hovering over are highlighted. Backend then generates 'inspectNodeRequested' event upon element selection."