DevTools: introduce the Clear storage pane 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 32 matching lines @@
     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);
 
     this._applicationTreeElement = this._addSidebarSection(WebInspector.UIString("Application"));
     this._manifestTreeElement = new WebInspector.AppManifestTreeElement(this);
     this._applicationTreeElement.appendChild(this._manifestTreeElement);
+    this.serviceWorkersTreeElement = new WebInspector.ServiceWorkersTreeElement(this);
+    this._applicationTreeElement.appendChild(this.serviceWorkersTreeElement);
+    var clearStorageTreeElement = new WebInspector.ClearStorageTreeElement(this);
+    this._applicationTreeElement.appendChild(clearStorageTreeElement);
 
     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);
@@ skipping 57 matching lines @@
 
     /**
      * @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._applicationTreeElement.appendChild(this.serviceWorkersTreeElement);
-        }
-
         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);
         target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.WillLoadCachedResources, this._resetWithFrames, this);
         this._databaseModel.addEventListener(WebInspector.DatabaseModel.Events.DatabaseAdded, this._databaseAdded, this);
+        this._databaseModel.addEventListener(WebInspector.DatabaseModel.Events.DatabasesRemoved, this._resetWebSQL, this);
     },
 
     /**
      * @override
      * @param {!WebInspector.Target} target
      */
     targetRemoved: function(target)
     {
         if (target !== this._target)
             return;
         delete this._target;
 
         target.resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.EventTypes.Load, this._loadEventFired, this);
         target.resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.EventTypes.CachedResourcesLoaded, this._initialize, this);
         target.resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.EventTypes.WillLoadCachedResources, this._resetWithFrames, this);
         this._databaseModel.removeEventListener(WebInspector.DatabaseModel.Events.DatabaseAdded, this._databaseAdded, this);
+        this._databaseModel.removeEventListener(WebInspector.DatabaseModel.Events.DatabasesRemoved, this._resetWebSQL, this);
 
         this._resetWithFrames();
     },
 
     _initialize: function()
     {
         this._databaseModel.enable();
         this._domStorageModel.enable();
         var indexedDBModel = WebInspector.IndexedDBModel.fromTarget(this._target);
         if (indexedDBModel)
@@ skipping 41 matching lines @@
             this.showResource(mainResource);
     },
 
     _resetWithFrames: function()
     {
         this.resourcesListTreeElement.removeChildren();
         this._treeElementForFrameId = {};
         this._reset();
     },
 
-    _reset: function()
+    _resetWebSQL: function()
     {
-        this._domains = {};
+        if (this.visibleView instanceof WebInspector.DatabaseQueryView || this.visibleView instanceof WebInspector.DatabaseTableView) {
+            this.visibleView.detach();
+            delete this.visibleView;
+        }
+
         var queryViews = this._databaseQueryViews.valuesArray();
         for (var i = 0; i < queryViews.length; ++i)
             queryViews[i].removeEventListener(WebInspector.DatabaseQueryView.Events.SchemaUpdated, this._updateDatabaseTables, this);
         this._databaseTableViews.clear();
         this._databaseQueryViews.clear();
         this._databaseTreeElements.clear();
-        this._domStorageViews.clear();
-        this._domStorageTreeElements.clear();
-        this._cookieViews = {};
+        this.databasesListTreeElement.removeChildren();
+        this.databasesListTreeElement.setExpandable(false);
+    },
 
-        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)
-            && !(this.visibleView instanceof WebInspector.AppManifestView)) {
+    _resetDOMStorage: function()
+    {
+        if (this.visibleView instanceof WebInspector.DOMStorageItemsView) {
             this.visibleView.detach();
             delete this.visibleView;
         }
+
+        this._domStorageViews.clear();
+        this._domStorageTreeElements.clear();
+        this.localStorageListTreeElement.removeChildren();
+        this.sessionStorageListTreeElement.removeChildren();
+    },
+
+    _resetCookies: function()
+    {
+        if (this.visibleView instanceof WebInspector.CookieItemsView) {
+            this.visibleView.detach();
+            delete this.visibleView;
+        }
+        this._cookieViews = {};
+        this.cookieListTreeElement.removeChildren();
+    },
+
+    _resetCacheStorage: function()
+    {
+        if (this.visibleView instanceof WebInspector.ServiceWorkerCacheView) {
+            this.visibleView.detach();
+            delete this.visibleView;
+        }
+        this.cacheStorageListTreeElement.removeChildren();
+        this.cacheStorageListTreeElement.setExpandable(false);
+    },
+
+    _resetAppCache: function()
+    {
+        for (var frameId of Object.keys(this._applicationCacheFrameElements))
+            this._applicationCacheFrameManifestRemoved({data: frameId});
+        this.applicationCacheListTreeElement.setExpandable(false);
+    },
+
+    _reset: function()
+    {
+        this._domains = {};
+        this._resetWebSQL();
+        this._resetDOMStorage();
+        this._resetCookies();
+        this._resetCacheStorage();
+        // No need to this._resetAppCache.
+
+        if ((this.visibleView instanceof WebInspector.ResourceSourceFrame)
+            || (this.visibleView instanceof WebInspector.ImageView)
+            || (this.visibleView instanceof WebInspector.FontView)) {
+            this.visibleView.detach();
+            delete this.visibleView;
+        }
 
         this._storageViewToolbar.removeToolbarItems();
 
         if (this._sidebarTree.selectedTreeElement)
             this._sidebarTree.selectedTreeElement.deselect();
     },
 
     _populateResourceTree: function()
     {
         this._treeElementForFrameId = {};
@@ skipping 103 matching lines @@
 
     addDocumentURL: function(url)
     {
         var parsedURL = url.asParsedURL();
         if (!parsedURL)
             return;
 
         var domain = parsedURL.securityOrigin();
         if (!this._domains[domain]) {
             this._domains[domain] = true;
-
             var cookieDomainTreeElement = new WebInspector.CookieTreeElement(this, domain);
             this.cookieListTreeElement.appendChild(cookieDomainTreeElement);
         }
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _domStorageAdded: function(event)
     {
@@ skipping 193 matching lines @@
         }
 
         this._innerShowView(view);
     },
 
     /**
      * @param {string} cookieDomain
      */
     clearCookies: function(cookieDomain)
     {
-        this._cookieViews[cookieDomain].clear();
+        if (this._cookieViews[cookieDomain])
+            this._cookieViews[cookieDomain].clear();
     },
 
     showApplicationCache: function(frameId)
     {
         if (!this._applicationCacheViews[frameId])
             this._applicationCacheViews[frameId] = new WebInspector.ApplicationCacheItemsView(this._applicationCacheModel, frameId);
 
         this._innerShowView(this._applicationCacheViews[frameId]);
     },
 
@@ skipping 84 matching lines @@
     _populateApplicationCacheTree: function()
     {
         this._applicationCacheModel = new WebInspector.ApplicationCacheModel(this._target);
 
         this._applicationCacheViews = {};
         this._applicationCacheFrameElements = {};
         this._applicationCacheManifestElements = {};
 
         this._applicationCacheModel.addEventListener(WebInspector.ApplicationCacheModel.EventTypes.FrameManifestAdded, this._applicationCacheFrameManifestAdded, this);
         this._applicationCacheModel.addEventListener(WebInspector.ApplicationCacheModel.EventTypes.FrameManifestRemoved, this._applicationCacheFrameManifestRemoved, this);
+        this._applicationCacheModel.addEventListener(WebInspector.ApplicationCacheModel.EventTypes.FrameManifestsReset, this._resetAppCache, this);
 
         this._applicationCacheModel.addEventListener(WebInspector.ApplicationCacheModel.EventTypes.FrameManifestStatusUpdated, this._applicationCacheFrameManifestStatusChanged, this);
         this._applicationCacheModel.addEventListener(WebInspector.ApplicationCacheModel.EventTypes.NetworkStateChanged, this._applicationCacheNetworkStateChanged, this);
     },
 
     _applicationCacheFrameManifestAdded: function(event)
     {
         var frameId = event.data;
         var manifestURL = this._applicationCacheModel.frameManifestURL(frameId);
 
@@ skipping 719 matching lines @@
 }
 
 
 /**
  * @constructor
  * @extends {WebInspector.BaseStorageTreeElement}
  * @param {!WebInspector.ResourcesPanel} storagePanel
  */
 WebInspector.ServiceWorkersTreeElement = function(storagePanel)
 {
-    WebInspector.BaseStorageTreeElement.call(this, storagePanel, WebInspector.UIString("Service Workers"), ["service-workers-tree-item"], false);
+    WebInspector.BaseStorageTreeElement.call(this, storagePanel, WebInspector.UIString("Service Workers"), [], false, true);
 }
 
 WebInspector.ServiceWorkersTreeElement.prototype = {
     /**
      * @return {string}
      */
     get itemURL()
     {
         return "service-workers://";
     },
@@ skipping 14 matching lines @@
     __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.BaseStorageTreeElement.call(this, storagePanel, WebInspector.UIString("Manifest"), [], false, true);
 }
 
 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.BaseStorageTreeElement}
+ * @param {!WebInspector.ResourcesPanel} storagePanel
+ */
+WebInspector.ClearStorageTreeElement = function(storagePanel)
+{
+    WebInspector.BaseStorageTreeElement.call(this, storagePanel, WebInspector.UIString("Clear storage"), [], false, true);
+}
+
+WebInspector.ClearStorageTreeElement.prototype = {
+    /**
+     * @return {string}
+     */
+    get itemURL()
+    {
+        return "clear-storage://";
+    },
+
+    /**
+     * @override
+     * @return {boolean}
+     */
+    onselect: function(selectedByUser)
+    {
+        WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
+        if (!this._view)
+            this._view = new WebInspector.ClearStorageView(this._storagePanel);
+        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"]);
 }
 
 WebInspector.IndexedDBTreeElement.prototype = {
     _initialize: function()
@@ skipping 650 matching lines @@
 WebInspector.ResourcesPanelFactory.prototype = {
     /**
      * @override
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.ResourcesPanel._instance();
     }
 }