DevTools: render parsed manifest data in the resources panel.

third_party/WebKit/Source/devtools/front_end/resources/ResourcesPanel.js

 /*
  * Copyright (C) 2007, 2008, 2010 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  * Copyright (C) 2013 Samsung Electronics. All rights reserved.
  *
  * 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
@@ skipping 29 matching lines @@
 
     this._resourcesLastSelectedItemSetting = WebInspector.settings.createSetting("resourcesLastSelectedItem", {});
 
     this._sidebarTree = new TreeOutlineInShadow();
     this._sidebarTree.element.classList.add("resources-sidebar");
     this._sidebarTree.registerRequiredCSS("resources/resourcesSidebar.css");
     this._sidebarTree.element.classList.add("filter-all", "outline-disclosure");
     this.panelSidebarElement().appendChild(this._sidebarTree.element);
     this.setDefaultFocusedElement(this._sidebarTree.element);
 
-    var storageTreeElement = new TreeElement(WebInspector.UIString("Storage"), true);
-    storageTreeElement.listItemElement.classList.add("storage-group-list-item");
-    storageTreeElement.setCollapsible(false);
-    storageTreeElement.selectable = false;
-    this._sidebarTree.appendChild(storageTreeElement);
+    this._applicationTreeElement = this._addSidebarSection(WebInspector.UIString("Application"));
+    var manifestTreeElement = new WebInspector.AppManifestTreeElement(this);
+    this._applicationTreeElement.appendChild(manifestTreeElement);
 
+    var storageTreeElement = this._addSidebarSection(WebInspector.UIString("Storage"));
     this.localStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Local Storage"), "LocalStorage", ["domstorage-storage-tree-item", "local-storage"]);
     storageTreeElement.appendChild(this.localStorageListTreeElement);
-
     this.sessionStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Session Storage"), "SessionStorage", ["domstorage-storage-tree-item", "session-storage"]);
     storageTreeElement.appendChild(this.sessionStorageListTreeElement);
-
     this.indexedDBListTreeElement = new WebInspector.IndexedDBTreeElement(this);
     storageTreeElement.appendChild(this.indexedDBListTreeElement);
-
     this.databasesListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Web SQL"), "Databases", ["database-storage-tree-item"]);
     storageTreeElement.appendChild(this.databasesListTreeElement);
-
     this.cookieListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Cookies"), "Cookies", ["cookie-storage-tree-item"]);
     storageTreeElement.appendChild(this.cookieListTreeElement);
 
-    var cacheTreeElement = new TreeElement(WebInspector.UIString("Cache"), true);
-    cacheTreeElement.listItemElement.classList.add("storage-group-list-item");
-    cacheTreeElement.setCollapsible(false);
-    cacheTreeElement.selectable = false;
-    this._sidebarTree.appendChild(cacheTreeElement);
-
+    var cacheTreeElement = this._addSidebarSection(WebInspector.UIString("Cache"));
     this.cacheStorageListTreeElement = new WebInspector.ServiceWorkerCacheTreeElement(this);
     cacheTreeElement.appendChild(this.cacheStorageListTreeElement);
-
     this.applicationCacheListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Application Cache"), "ApplicationCache", ["application-cache-storage-tree-item"]);
     cacheTreeElement.appendChild(this.applicationCacheListTreeElement);
 
-    this.resourcesListTreeElement = new TreeElement(WebInspector.UIString("Frames"), true);
-    this.resourcesListTreeElement.listItemElement.classList.add("storage-group-list-item");
-    this.resourcesListTreeElement.setCollapsible(false);
-    this.resourcesListTreeElement.selectable = false;
-    this._sidebarTree.appendChild(this.resourcesListTreeElement);
+    this.resourcesListTreeElement = this._addSidebarSection(WebInspector.UIString("Frames"));
 
     var mainContainer = new WebInspector.VBox();
     this.storageViews = mainContainer.element.createChild("div", "vbox flex-auto");
     this._storageViewToolbar = new WebInspector.Toolbar("resources-toolbar", mainContainer.element);
     this.splitWidget().setMainWidget(mainContainer);
 
     /** @type {!Map.<!WebInspector.Database, !Object.<string, !WebInspector.DatabaseTableView>>} */
     this._databaseTableViews = new Map();
     /** @type {!Map.<!WebInspector.Database, !WebInspector.DatabaseQueryView>} */
     this._databaseQueryViews = new Map();
     /** @type {!Map.<!WebInspector.Database, !WebInspector.DatabaseTreeElement>} */
     this._databaseTreeElements = new Map();
     /** @type {!Map.<!WebInspector.DOMStorage, !WebInspector.DOMStorageItemsView>} */
     this._domStorageViews = new Map();
     /** @type {!Map.<!WebInspector.DOMStorage, !WebInspector.DOMStorageTreeElement>} */
     this._domStorageTreeElements = new Map();
     /** @type {!Object.<string, !WebInspector.CookieItemsView>} */
     this._cookieViews = {};
     /** @type {!Object.<string, boolean>} */
     this._domains = {};
 
     this.panelSidebarElement().addEventListener("mousemove", this._onmousemove.bind(this), false);
     this.panelSidebarElement().addEventListener("mouseleave", this._onmouseleave.bind(this), false);
 
     WebInspector.targetManager.observeTargets(this);
 }
 
 WebInspector.ResourcesPanel.prototype = {
+    /**
+     * @param {string} title
+     * @return {!TreeElement}
+     */
+    _addSidebarSection: function(title)
+    {
+        var treeElement = new TreeElement(title, true);
+        treeElement.listItemElement.classList.add("storage-group-list-item");
+        treeElement.setCollapsible(false);
+        treeElement.selectable = false;
+        this._sidebarTree.appendChild(treeElement);
+        return treeElement;
+    },
+
     wasShown: function()
     {
         if (!this._sidebarTree.selectedTreeElement) {
             if (this.serviceWorkersTreeElement)
                 this.serviceWorkersTreeElement.select();
             else
                 this.localStorageListTreeElement.select();
         }
     },
 
     /**
      * @override
      * @param {!WebInspector.Target} target
      */
     targetAdded: function(target)
     {
         if (this._target)
             return;
         this._target = target;
 
         if (target.serviceWorkerManager) {
             this.serviceWorkersTreeElement = new WebInspector.ServiceWorkersTreeElement(this);
-            this._sidebarTree.insertChild(this.serviceWorkersTreeElement, 0);
+            this._applicationTreeElement.insertChild(this.serviceWorkersTreeElement, 0);
         }
 
         this._databaseModel = WebInspector.DatabaseModel.fromTarget(target);
         this._domStorageModel = WebInspector.DOMStorageModel.fromTarget(target);
 
         if (target.resourceTreeModel.cachedResourcesLoaded())
             this._initialize();
 
         target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.Load, this._loadEventFired, this);
         target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.CachedResourcesLoaded, this._initialize, this);
@@ skipping 88 matching lines @@
         this._domStorageViews.clear();
         this._domStorageTreeElements.clear();
         this._cookieViews = {};
 
         this.databasesListTreeElement.removeChildren();
         this.localStorageListTreeElement.removeChildren();
         this.sessionStorageListTreeElement.removeChildren();
         this.cookieListTreeElement.removeChildren();
         this.cacheStorageListTreeElement.removeChildren();
 
-        if (this.visibleView && !(this.visibleView instanceof WebInspector.StorageCategoryView) && !(this.visibleView instanceof WebInspector.ServiceWorkersView))
+        if (this.visibleView && !(this.visibleView instanceof WebInspector.StorageCategoryView)
+            && !(this.visibleView instanceof WebInspector.ServiceWorkersView)
+            && !(this.visibleView instanceof WebInspector.AppManifestView)) {
             this.visibleView.detach();
+            delete this.visibleView;
+        }
 
         this._storageViewToolbar.removeToolbarItems();
 
         if (this._sidebarTree.selectedTreeElement)
             this._sidebarTree.selectedTreeElement.deselect();
     },
 
     _populateResourceTree: function()
     {
         this._treeElementForFrameId = {};
@@ skipping 280 matching lines @@
                 view = new WebInspector.DatabaseQueryView(database);
                 this._databaseQueryViews.set(database, view);
                 view.addEventListener(WebInspector.DatabaseQueryView.Events.SchemaUpdated, this._updateDatabaseTables, this);
             }
         }
 
         this._innerShowView(view);
     },
 
     /**
-     * @param {!WebInspector.Widget} view
-     */
-    showIndexedDB: function(view)
-    {
-        this._innerShowView(view);
-    },
-
-    /**
-     * @param {!WebInspector.Widget} view
-     */
-    showServiceWorkerCache: function(view)
-    {
-        this._innerShowView(view);
-    },
-
-    /**
-     * @param {!WebInspector.Widget} view
-     */
-     showServiceWorkersView: function(view)
-    {
-        this._innerShowView(view);
-    },
-
-    /**
      * @param {!WebInspector.DOMStorage} domStorage
      */
     _showDOMStorage: function(domStorage)
     {
         if (!domStorage)
             return;
 
         var view;
         view = this._domStorageViews.get(domStorage);
         if (!view) {
@@ skipping 840 matching lines @@
     /**
      * @override
      * @return {boolean}
      */
     onselect: function(selectedByUser)
     {
         WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
         if (!this._view)
             this._view = new WebInspector.ServiceWorkerCacheView(this._model, this._cache);
 
-        this._storagePanel.showServiceWorkerCache(this._view);
+        this._storagePanel._innerShowView(this._view);
         return false;
     },
 
     clear: function()
     {
         if (this._view)
             this._view.clear();
     },
 
     __proto__: WebInspector.BaseStorageTreeElement.prototype
@@ skipping 21 matching lines @@
 
     /**
      * @override
      * @return {boolean}
      */
     onselect: function(selectedByUser)
     {
         WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
         if (!this._view)
             this._view = new WebInspector.ServiceWorkersView();
-        this._storagePanel.showServiceWorkersView(this._view);
+        this._storagePanel._innerShowView(this._view);
         return false;
     },
 
     __proto__: WebInspector.BaseStorageTreeElement.prototype
 }
 
+/**
+ * @constructor
+ * @extends {WebInspector.BaseStorageTreeElement}
+ * @param {!WebInspector.ResourcesPanel} storagePanel
+ */
+WebInspector.AppManifestTreeElement = function(storagePanel)
+{
+    WebInspector.BaseStorageTreeElement.call(this, storagePanel, WebInspector.UIString("Manifest"), [], false);
+}
+
+WebInspector.AppManifestTreeElement.prototype = {
+    /**
+     * @return {string}
+     */
+    get itemURL()
+    {
+        return "manifest://";
+    },
+
+    /**
+     * @override
+     * @return {boolean}
+     */
+    onselect: function(selectedByUser)
+    {
+        WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
+        if (!this._view)
+            this._view = new WebInspector.AppManifestView();
+        this._storagePanel._innerShowView(this._view);
+        return false;
+    },
+
+    __proto__: WebInspector.BaseStorageTreeElement.prototype
+}
 
 /**
  * @constructor
  * @extends {WebInspector.StorageCategoryTreeElement}
  * @param {!WebInspector.ResourcesPanel} storagePanel
  */
 WebInspector.IndexedDBTreeElement = function(storagePanel)
 {
     WebInspector.StorageCategoryTreeElement.call(this, storagePanel, WebInspector.UIString("IndexedDB"), "IndexedDB", ["indexed-db-storage-tree-item"]);
 }
@@ skipping 187 matching lines @@
     /**
      * @override
      * @return {boolean}
      */
     onselect: function(selectedByUser)
     {
         WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
         if (!this._view)
             this._view = new WebInspector.IDBDatabaseView(this._database);
 
-        this._storagePanel.showIndexedDB(this._view);
+        this._storagePanel._innerShowView(this._view);
         return false;
     },
 
     /**
      * @param {string} objectStoreName
      */
     _objectStoreRemoved: function(objectStoreName)
     {
         var objectStoreTreeElement = this._idbObjectStoreTreeElements[objectStoreName];
         objectStoreTreeElement.clear();
@@ skipping 107 matching lines @@
     /**
      * @override
      * @return {boolean}
      */
     onselect: function(selectedByUser)
     {
         WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
         if (!this._view)
             this._view = new WebInspector.IDBDataView(this._model, this._databaseId, this._objectStore, null);
 
-        this._storagePanel.showIndexedDB(this._view);
+        this._storagePanel._innerShowView(this._view);
         return false;
     },
 
     /**
      * @param {string} indexName
      */
     _indexRemoved: function(indexName)
     {
         var indexTreeElement = this._idbIndexTreeElements[indexName];
         indexTreeElement.clear();
@@ skipping 64 matching lines @@
     /**
      * @override
      * @return {boolean}
      */
     onselect: function(selectedByUser)
     {
         WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
         if (!this._view)
             this._view = new WebInspector.IDBDataView(this._model, this._databaseId, this._objectStore, this._index);
 
-        this._storagePanel.showIndexedDB(this._view);
+        this._storagePanel._innerShowView(this._view);
         return false;
     },
 
     clear: function()
     {
         if (this._view)
             this._view.clear();
     },
 
     __proto__: WebInspector.BaseStorageTreeElement.prototype
@@ skipping 232 matching lines @@
 WebInspector.ResourcesPanelFactory.prototype = {
     /**
      * @override
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.ResourcesPanel._instance();
     }
 }