Devtools: [CustomFormatter] Add context menu to disassemble custom previews

Source/devtools/front_end/components/ObjectPropertiesSection.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
@@ skipping 37 matching lines @@
 
     this.element._section = this;
     this.registerRequiredCSS("components/objectValue.css");
     this.registerRequiredCSS("components/objectPropertiesSection.css");
     this.rootElement().childrenListElement.classList.add("source-code", "object-properties-section")
 }
 
 /** @const */
 WebInspector.ObjectPropertiesSection._arrayLoadThreshold = 100;
 
+/**
+ * @param {!WebInspector.RemoteObject} object
+ * @param {boolean=} skipProto
+ * @return {!Element}
+ */
+WebInspector.ObjectPropertiesSection.defaultObjectPresentation = function(object, skipProto)
+{
+    var componentRoot = createElementWithClass("span", "source-code");
+    WebInspector.installComponentRootStyles(componentRoot);
+
+    var shadowRoot = componentRoot.createShadowRoot();
+    shadowRoot.appendChild(WebInspector.Widget.createStyleElement("components/objectValue.css"));
+    shadowRoot.appendChild(WebInspector.ObjectPropertiesSection.createValueElement(object, false));
+    if (!object.hasChildren)
+        return componentRoot;
+
+    var objectPropertiesSection = new WebInspector.ObjectPropertiesSection(object, componentRoot);
+    objectPropertiesSection.editable = false;
+    if (skipProto)
+        objectPropertiesSection.skipProto();
+
+    return objectPropertiesSection.element;
+}
+
 WebInspector.ObjectPropertiesSection.prototype = {
     skipProto: function()
     {
         this._skipProto = true;
     },
 
     expand: function()
     {
         this._objectTreeElement.expand();
     },
@@ skipping 988 matching lines @@
 
 /**
  * @param {!WebInspector.RemoteObject} value
  * @param {boolean} wasThrown
  * @param {!Element=} parentElement
  * @return {!Element}
  */
 WebInspector.ObjectPropertiesSection.createValueElementWithCustomSupport = function(value, wasThrown, parentElement)
 {
     if (value.customPreview()) {
-        var result = WebInspector.CustomPreviewSection.createInShadow(value);
+        var result = (new WebInspector.CustomPreviewComponent(value)).element;
         result.classList.add("object-properties-section-custom-section");
         return result
     }
     return WebInspector.ObjectPropertiesSection.createValueElement(value, wasThrown, parentElement);
 }
 
 /**
  * @param {!WebInspector.RemoteObject} value
  * @param {boolean} wasThrown
  * @param {!Element=} parentElement
@@ skipping 126 matching lines @@
                 return;
             if (token === "(") {
                 params = [];
                 return;
             }
             if (params && tokenType === "js-def")
                 params.push(token);
         }
     }
 }