Devtools: allow multiple custom formatters

Source/devtools/front_end/components/CustomPreviewSection.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @param {!WebInspector.RemoteObject} object
  * @param {!Array.<*>=} prefixML
  */
 WebInspector.CustomPreviewSection = function(object, prefixML)
@@ skipping 184 matching lines @@
         else
             parent.removeChild(this._cachedContent);
     },
 
     _loadBody: function()
     {
         /**
          * @suppressReceiverCheck
          * @suppressGlobalPropertiesCheck
          * @suppress {undefinedVars}
-         * @this {?}
+         * @this {Object}
+         * @param {*=} formatter
          */
-        function load()
+        function load(formatter)
         {
             /**
              * @param {*} jsonMLObject
              * @throws {string} error message
              */
             function substituteObjectTagsInCustomPreview(jsonMLObject)
             {
                 if (!jsonMLObject || (typeof jsonMLObject !== "object") || (typeof jsonMLObject.splice !== "function"))
                     return;
 
                 var obj = jsonMLObject.length;
                 if (!(typeof obj === "number" && obj >>> 0 === obj && (obj > 0 || 1 / obj > 0)))
                     return;
 
                 var startIndex = 1;
                 if (jsonMLObject[0] === "object") {
                     var attributes = jsonMLObject[1];
                     var originObject = attributes["object"];
                     if (typeof originObject === "undefined")
                         throw "Illegal format: obligatory attribute \"object\" isn't specified";
 
                     jsonMLObject[1] = bindRemoteObject(originObject, false, false, null, false);
                     startIndex = 2;
                 }
-
                 for (var i = startIndex; i < jsonMLObject.length; ++i)
                     substituteObjectTagsInCustomPreview(jsonMLObject[i]);
             }
 
             try {
-                var formatter = window["devtoolsFormatter"];
-                if (!formatter)
-                    return null;
-
                 var body = formatter.body(this);
                 substituteObjectTagsInCustomPreview(body);
                 return body;
             } catch (e) {
                 console.error("Custom Formatter Failed: " + e);
                 return null;
             }
         }
 
-        this._object.callFunctionJSON(load, [], onBodyLoaded.bind(this));
+        var customPreview = this._object.customPreview();
+        this._object.callFunctionJSON(load, [{objectId: customPreview.formatterObjectId}], onBodyLoaded.bind(this));
 
         /**
          * @param {*} bodyJsonML
          * @this {WebInspector.CustomPreviewSection}
          */
         function onBodyLoaded(bodyJsonML)
         {
             if (!bodyJsonML)
                 return;
 
             this._cachedContent = this._renderJSONMLTag(bodyJsonML);
             this._toggleExpand();
         }
     }
 }