Devtools: Introduce WI.ExtensibleToolbar

Source/devtools/front_end/ui/Toolbar.js

 /*
  * Copyright (C) 2009 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 893 matching lines @@
         var options = [];
         for (var index = 0; index < this._states.length; index++) {
             if (this._states[index] !== this.state() && this._states[index] !== this._currentState)
                 options.push(this._buttons[index]);
         }
         return options;
     },
 
     __proto__: WebInspector.ToolbarButton.prototype
 }
+
+/**
+ * @constructor
+ * @extends {WebInspector.Toolbar}
+ * @param {string} location
+ * @param {!Element=} parentElement
+ */
+WebInspector.ExtensibleToolbar = function(location, parentElement)
+{
+    WebInspector.Toolbar.call(this, parentElement);
+    this._loadItems(location);
+}
+
+WebInspector.ExtensibleToolbar.prototype = {
+

[dgozman, 2015/04/23 14:09:36]

nit: extra blank line

[sergeyv, 2015/04/23 17:42:12]

Done.

+    /**
+     * @param {string} location
+     */
+    _loadItems: function(location)
+    {
+        var extensions = self.runtime.extensions(WebInspector.ToolbarItem.Provider);
+        var promises = [];
+        for (var i = 0; i < extensions.length; ++i) {
+            if (extensions[i].descriptor()["location"] === location)
+                promises.push(resolveItem(extensions[i]));
+        }
+        Promise.all(promises).then(appendItemsInOrder.bind(this));
+
+        /**
+         * @param {!Runtime.Extension} extension
+         * @return {!Promise.<?WebInspector.ToolbarItem>}
+         */
+        function resolveItem(extension)
+        {
+            var descriptor = extension.descriptor();
+            if (!descriptor.className)
+                return Promise.resolve(new WebInspector.ToolbarButton(WebInspector.UIString(descriptor["title"]), descriptor["elementClass"])).then(attachHandler);
+            return extension.instancePromise().then(fetchItemFromProvider).then(attachHandler);
+
+            /**
+             * @param {!Object} provider
+             */
+            function fetchItemFromProvider(provider)
+            {
+                return /** @type {!WebInspector.ToolbarItem.Provider} */ (provider).item();
+            }
+
+            /**
+             * @param {?WebInspector.ToolbarItem} item
+             * @return {?WebInspector.ToolbarItem} item
+             */
+            function attachHandler(item)
+            {
+                if (extension.descriptor()["actionId"] && item)
+                    item.addEventListener("click", handler);
+                return item;
+            }
+
+            function handler()
+            {
+                WebInspector.actionRegistry.execute(extension.descriptor()["actionId"]);
+            }
+        }
+
+        /**
+         * @param {!Array.<?WebInspector.ToolbarItem>} items
+         * @this {WebInspector.ExtensibleToolbar}
+         */
+        function appendItemsInOrder(items)
+        {
+            for (var i = 0; i < items.length; ++i) {
+                var item = items[i];
+                if (item)
+                    this.appendToolbarItem(item);
+            }
+        }
+    },
+
+    __proto__: WebInspector.Toolbar.prototype
+}