Source/WebInspectorUI/UserInterface/Views/StorageSidebarPanel.js - WebKit - Git at Google

 /*
  * Copyright (C) 2013, 2015 Apple 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:
  * 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
  *    notice, this list of conditions and the following disclaimer in the
  *    documentation and/or other materials provided with the distribution.
  *
  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
  * THE POSSIBILITY OF SUCH DAMAGE.
  */

 WI.StorageSidebarPanel = class StorageSidebarPanel extends WI.NavigationSidebarPanel
 {
     constructor()
     {
         super("storage", WI.UIString("Storage"));

         this._navigationBar = new WI.NavigationBar;
         this.addSubview(this._navigationBar);

         var scopeItemPrefix = "storage-sidebar-";
         var scopeBarItems = [];

         scopeBarItems.push(new WI.ScopeBarItem(scopeItemPrefix + "type-all", WI.UIString("All Storage"), true));

         var storageTypes = [
             {identifier: "application-cache", title: WI.UIString("Application Cache"), classes: [WI.ApplicationCacheFrameTreeElement, WI.ApplicationCacheManifestTreeElement]},
             {identifier: "cookies", title: WI.UIString("Cookies"), classes: [WI.CookieStorageTreeElement]},
             {identifier: "database", title: WI.UIString("Databases"), classes: [WI.DatabaseHostTreeElement, WI.DatabaseTableTreeElement, WI.DatabaseTreeElement]},
             {identifier: "indexed-database", title: WI.UIString("Indexed Databases"), classes: [WI.IndexedDatabaseHostTreeElement, WI.IndexedDatabaseObjectStoreTreeElement, WI.IndexedDatabaseTreeElement]},
             {identifier: "local-storage", title: WI.UIString("Local Storage"), classes: [WI.DOMStorageTreeElement], localStorage: true},
             {identifier: "session-storage", title: WI.UIString("Session Storage"), classes: [WI.DOMStorageTreeElement], localStorage: false}
         ];

         storageTypes.sort(function(a, b) { return a.title.extendedLocaleCompare(b.title); });

         for (var info of storageTypes) {
             var scopeBarItem = new WI.ScopeBarItem(scopeItemPrefix + info.identifier, info.title);
             scopeBarItem.__storageTypeInfo = info;
             scopeBarItems.push(scopeBarItem);
         }

         this._scopeBar = new WI.ScopeBar("storage-sidebar-scope-bar", scopeBarItems, scopeBarItems[0], true);
         this._scopeBar.addEventListener(WI.ScopeBar.Event.SelectionChanged, this._scopeBarSelectionDidChange, this);

         this._navigationBar.addNavigationItem(this._scopeBar);

         this._localStorageRootTreeElement = null;
         this._sessionStorageRootTreeElement = null;

         this._databaseRootTreeElement = null;
         this._databaseHostTreeElementMap = new Map;

         this._indexedDatabaseRootTreeElement = null;
         this._indexedDatabaseHostTreeElementMap = new Map;

         this._cookieStorageRootTreeElement = null;

         this._applicationCacheRootTreeElement = null;
         this._applicationCacheURLTreeElementMap = new Map;

         WI.storageManager.addEventListener(WI.StorageManager.Event.CookieStorageObjectWasAdded, this._cookieStorageObjectWasAdded, this);
         WI.storageManager.addEventListener(WI.StorageManager.Event.DOMStorageObjectWasAdded, this._domStorageObjectWasAdded, this);
         WI.storageManager.addEventListener(WI.StorageManager.Event.DOMStorageObjectWasInspected, this._domStorageObjectWasInspected, this);
         WI.storageManager.addEventListener(WI.StorageManager.Event.DatabaseWasAdded, this._databaseWasAdded, this);
         WI.storageManager.addEventListener(WI.StorageManager.Event.DatabaseWasInspected, this._databaseWasInspected, this);
         WI.storageManager.addEventListener(WI.StorageManager.Event.IndexedDatabaseWasAdded, this._indexedDatabaseWasAdded, this);
         WI.storageManager.addEventListener(WI.StorageManager.Event.Cleared, this._storageCleared, this);

         WI.applicationCacheManager.addEventListener(WI.ApplicationCacheManager.Event.FrameManifestAdded, this._frameManifestAdded, this);
         WI.applicationCacheManager.addEventListener(WI.ApplicationCacheManager.Event.FrameManifestRemoved, this._frameManifestRemoved, this);

         this.contentTreeOutline.addEventListener(WI.TreeOutline.Event.SelectionDidChange, this._treeSelectionDidChange, this);

         for (var domStorageObject of WI.storageManager.domStorageObjects)
             this._addDOMStorageObject(domStorageObject);

         for (var cookieStorageObject of WI.storageManager.cookieStorageObjects)
             this._addCookieStorageObject(cookieStorageObject);

         for (var database of WI.storageManager.databases)
             this._addDatabase(database);

         for (var indexedDatabase of WI.storageManager.indexedDatabases)
             this._addIndexedDatabase(indexedDatabase);

         for (var applicationCacheObject of WI.applicationCacheManager.applicationCacheObjects)
             this._addFrameManifest(applicationCacheObject);
     }

     // Public

     get minimumWidth()
     {
         return this._navigationBar.minimumWidth;
     }

     showDefaultContentView()
     {
         // Don't show anything by default. It doesn't make a whole lot of sense here.
     }

     closed()
     {
         super.closed();

         WI.storageManager.removeEventListener(null, null, this);
         WI.applicationCacheManager.removeEventListener(null, null, this);
     }

     // Protected

     hasCustomFilters()
     {
         console.assert(this._scopeBar.selectedItems.length === 1);
         var selectedScopeBarItem = this._scopeBar.selectedItems[0];
         return selectedScopeBarItem && !selectedScopeBarItem.exclusive;
     }

     matchTreeElementAgainstCustomFilters(treeElement, flags)
     {
         console.assert(this._scopeBar.selectedItems.length === 1);
         var selectedScopeBarItem = this._scopeBar.selectedItems[0];

         // Show everything if there is no selection or "All Storage" is selected (the exclusive item).
         if (!selectedScopeBarItem || selectedScopeBarItem.exclusive)
             return true;

         // Folders are hidden on the first pass, but visible childen under the folder will force the folder visible again.
         if (treeElement instanceof WI.FolderTreeElement)
             return false;

         function match()
         {
             for (var constructor of selectedScopeBarItem.__storageTypeInfo.classes) {
                 if (constructor === WI.DOMStorageTreeElement && treeElement instanceof constructor)
                     return treeElement.representedObject.isLocalStorage() === selectedScopeBarItem.__storageTypeInfo.localStorage;
                 if (treeElement instanceof constructor)
                     return true;
             }

             return false;
         }

         var matched = match();
         if (matched)
             flags.expandTreeElement = true;
         return matched;
     }

     // Private

     _treeSelectionDidChange(event)
     {
         if (!this.visible)
             return;

         let treeElement = event.data.selectedElement;
         if (!treeElement)
             return;

         if (treeElement instanceof WI.FolderTreeElement || treeElement instanceof WI.DatabaseHostTreeElement ||
             treeElement instanceof WI.IndexedDatabaseHostTreeElement || treeElement instanceof WI.ApplicationCacheManifestTreeElement)
             return;

         if (treeElement instanceof WI.StorageTreeElement || treeElement instanceof WI.DatabaseTableTreeElement ||
             treeElement instanceof WI.DatabaseTreeElement || treeElement instanceof WI.ApplicationCacheFrameTreeElement ||
             treeElement instanceof WI.IndexedDatabaseTreeElement || treeElement instanceof WI.IndexedDatabaseObjectStoreTreeElement || treeElement instanceof WI.IndexedDatabaseObjectStoreIndexTreeElement) {
             WI.showRepresentedObject(treeElement.representedObject);
             return;
         }

         console.error("Unknown tree element", treeElement);
     }

     _domStorageObjectWasAdded(event)
     {
         this._addDOMStorageObject(event.data.domStorage);
     }

     _addDOMStorageObject(domStorage)
     {
         var storageElement = new WI.DOMStorageTreeElement(domStorage);

         if (domStorage.isLocalStorage())
             this._localStorageRootTreeElement = this._addStorageChild(storageElement, this._localStorageRootTreeElement, WI.UIString("Local Storage"));
         else
             this._sessionStorageRootTreeElement = this._addStorageChild(storageElement, this._sessionStorageRootTreeElement, WI.UIString("Session Storage"));
     }

     _domStorageObjectWasInspected(event)
     {
         var domStorage = event.data.domStorage;
         var treeElement = this.treeElementForRepresentedObject(domStorage);
         treeElement.revealAndSelect(true);
     }

     _databaseWasAdded(event)
     {
         this._addDatabase(event.data.database);
     }

     _addDatabase(database)
     {
         console.assert(database instanceof WI.DatabaseObject);

         let databaseHostElement = this._databaseHostTreeElementMap.get(database.host);
         if (!databaseHostElement) {
             databaseHostElement = new WI.DatabaseHostTreeElement(database.host);
             this._databaseHostTreeElementMap.set(database.host, databaseHostElement);
             this._databaseRootTreeElement = this._addStorageChild(databaseHostElement, this._databaseRootTreeElement, WI.UIString("Databases"));
         }

         let databaseElement = new WI.DatabaseTreeElement(database);
         databaseHostElement.appendChild(databaseElement);
     }

     _databaseWasInspected(event)
     {
         var database = event.data.database;
         var treeElement = this.treeElementForRepresentedObject(database);
         treeElement.revealAndSelect(true);
     }

     _indexedDatabaseWasAdded(event)
     {
         this._addIndexedDatabase(event.data.indexedDatabase);
     }

     _addIndexedDatabase(indexedDatabase)
     {
         console.assert(indexedDatabase instanceof WI.IndexedDatabase);

         let indexedDatabaseHostElement = this._indexedDatabaseHostTreeElementMap.get(indexedDatabase.host);
         if (!indexedDatabaseHostElement) {
             indexedDatabaseHostElement = new WI.IndexedDatabaseHostTreeElement(indexedDatabase.host);
             this._indexedDatabaseHostTreeElementMap.set(indexedDatabase.host, indexedDatabaseHostElement);
             this._indexedDatabaseRootTreeElement = this._addStorageChild(indexedDatabaseHostElement, this._indexedDatabaseRootTreeElement, WI.UIString("Indexed Databases"));
         }

         let indexedDatabaseElement = new WI.IndexedDatabaseTreeElement(indexedDatabase);
         indexedDatabaseHostElement.appendChild(indexedDatabaseElement);
     }

     _cookieStorageObjectWasAdded(event)
     {
         this._addCookieStorageObject(event.data.cookieStorage);
     }

     _addCookieStorageObject(cookieStorage)
     {
         console.assert(cookieStorage instanceof WI.CookieStorageObject);

         var cookieElement = new WI.CookieStorageTreeElement(cookieStorage);
         this._cookieStorageRootTreeElement = this._addStorageChild(cookieElement, this._cookieStorageRootTreeElement, WI.UIString("Cookies"));
     }

     _frameManifestAdded(event)
     {
         this._addFrameManifest(event.data.frameManifest);
     }

     _addFrameManifest(frameManifest)
     {
         console.assert(frameManifest instanceof WI.ApplicationCacheFrame);

         let manifest = frameManifest.manifest;
         let manifestURL = manifest.manifestURL;
         let applicationCacheManifestElement = this._applicationCacheURLTreeElementMap.get(manifestURL);
         if (!applicationCacheManifestElement) {
             applicationCacheManifestElement = new WI.ApplicationCacheManifestTreeElement(manifest);
             this._applicationCacheURLTreeElementMap.set(manifestURL, applicationCacheManifestElement);
             this._applicationCacheRootTreeElement = this._addStorageChild(applicationCacheManifestElement, this._applicationCacheRootTreeElement, WI.UIString("Application Cache"));
         }

         let frameCacheElement = new WI.ApplicationCacheFrameTreeElement(frameManifest);
         applicationCacheManifestElement.appendChild(frameCacheElement);
     }

     _frameManifestRemoved(event)
     {
          // FIXME: Implement this.
     }

     _compareTreeElements(a, b)
     {
         console.assert(a.mainTitle);
         console.assert(b.mainTitle);

         return (a.mainTitle || "").extendedLocaleCompare(b.mainTitle || "");
     }

     _addStorageChild(childElement, parentElement, folderName)
     {
         if (!parentElement) {
             childElement.flattened = true;

             this.contentTreeOutline.insertChild(childElement, insertionIndexForObjectInListSortedByFunction(childElement, this.contentTreeOutline.children, this._compareTreeElements));

             return childElement;
         }

         if (parentElement instanceof WI.StorageTreeElement) {
             console.assert(parentElement.flattened);

             var previousOnlyChild = parentElement;
             previousOnlyChild.flattened = false;
             this.contentTreeOutline.removeChild(previousOnlyChild);

             var folderElement = new WI.FolderTreeElement(folderName);
             this.contentTreeOutline.insertChild(folderElement, insertionIndexForObjectInListSortedByFunction(folderElement, this.contentTreeOutline.children, this._compareTreeElements));

             folderElement.appendChild(previousOnlyChild);
             folderElement.insertChild(childElement, insertionIndexForObjectInListSortedByFunction(childElement, folderElement.children, this._compareTreeElements));

             return folderElement;
         }

         console.assert(parentElement instanceof WI.FolderTreeElement);
         parentElement.insertChild(childElement, insertionIndexForObjectInListSortedByFunction(childElement, parentElement.children, this._compareTreeElements));

         return parentElement;
     }

     _storageCleared(event)
     {
         this.contentBrowser.contentViewContainer.closeAllContentViews();

         if (this._localStorageRootTreeElement && this._localStorageRootTreeElement.parent)
             this._localStorageRootTreeElement.parent.removeChild(this._localStorageRootTreeElement);

         if (this._sessionStorageRootTreeElement && this._sessionStorageRootTreeElement.parent)
             this._sessionStorageRootTreeElement.parent.removeChild(this._sessionStorageRootTreeElement);

         if (this._databaseRootTreeElement && this._databaseRootTreeElement.parent)
             this._databaseRootTreeElement.parent.removeChild(this._databaseRootTreeElement);

         if (this._indexedDatabaseRootTreeElement && this._indexedDatabaseRootTreeElement.parent)
             this._indexedDatabaseRootTreeElement.parent.removeChild(this._indexedDatabaseRootTreeElement);

         if (this._cookieStorageRootTreeElement && this._cookieStorageRootTreeElement.parent)
             this._cookieStorageRootTreeElement.parent.removeChild(this._cookieStorageRootTreeElement);

         if (this._applicationCacheRootTreeElement && this._applicationCacheRootTreeElement.parent)
             this._applicationCacheRootTreeElement.parent.removeChild(this._applicationCacheRootTreeElement);

         this._localStorageRootTreeElement = null;
         this._sessionStorageRootTreeElement = null;
         this._databaseRootTreeElement = null;
         this._databaseHostTreeElementMap.clear();
         this._indexedDatabaseRootTreeElement = null;
         this._indexedDatabaseHostTreeElementMap.clear();
         this._cookieStorageRootTreeElement = null;
         this._applicationCacheRootTreeElement = null;
         this._applicationCacheURLTreeElementMap.clear();
     }

     _scopeBarSelectionDidChange(event)
     {
         this.updateFilter();
     }
 };
	/*
	* Copyright (C) 2013, 2015 Apple 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:
	* 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
	* notice, this list of conditions and the following disclaimer in the
	* documentation and/or other materials provided with the distribution.
	*
	* THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
	* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
	* THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
	* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
	* BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
	* CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
	* SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
	* INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
	* CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
	* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
	* THE POSSIBILITY OF SUCH DAMAGE.
	*/

	WI.StorageSidebarPanel = class StorageSidebarPanel extends WI.NavigationSidebarPanel
	{
	constructor()
	{
	super("storage", WI.UIString("Storage"));

	this._navigationBar = new WI.NavigationBar;
	this.addSubview(this._navigationBar);

	var scopeItemPrefix = "storage-sidebar-";
	var scopeBarItems = [];

	scopeBarItems.push(new WI.ScopeBarItem(scopeItemPrefix + "type-all", WI.UIString("All Storage"), true));

	var storageTypes = [
	{identifier: "application-cache", title: WI.UIString("Application Cache"), classes: [WI.ApplicationCacheFrameTreeElement, WI.ApplicationCacheManifestTreeElement]},
	{identifier: "cookies", title: WI.UIString("Cookies"), classes: [WI.CookieStorageTreeElement]},
	{identifier: "database", title: WI.UIString("Databases"), classes: [WI.DatabaseHostTreeElement, WI.DatabaseTableTreeElement, WI.DatabaseTreeElement]},
	{identifier: "indexed-database", title: WI.UIString("Indexed Databases"), classes: [WI.IndexedDatabaseHostTreeElement, WI.IndexedDatabaseObjectStoreTreeElement, WI.IndexedDatabaseTreeElement]},
	{identifier: "local-storage", title: WI.UIString("Local Storage"), classes: [WI.DOMStorageTreeElement], localStorage: true},
	{identifier: "session-storage", title: WI.UIString("Session Storage"), classes: [WI.DOMStorageTreeElement], localStorage: false}
	];

	storageTypes.sort(function(a, b) { return a.title.extendedLocaleCompare(b.title); });

	for (var info of storageTypes) {
	var scopeBarItem = new WI.ScopeBarItem(scopeItemPrefix + info.identifier, info.title);
	scopeBarItem.__storageTypeInfo = info;
	scopeBarItems.push(scopeBarItem);
	}

	this._scopeBar = new WI.ScopeBar("storage-sidebar-scope-bar", scopeBarItems, scopeBarItems[0], true);
	this._scopeBar.addEventListener(WI.ScopeBar.Event.SelectionChanged, this._scopeBarSelectionDidChange, this);

	this._navigationBar.addNavigationItem(this._scopeBar);

	this._localStorageRootTreeElement = null;
	this._sessionStorageRootTreeElement = null;

	this._databaseRootTreeElement = null;
	this._databaseHostTreeElementMap = new Map;

	this._indexedDatabaseRootTreeElement = null;
	this._indexedDatabaseHostTreeElementMap = new Map;

	this._cookieStorageRootTreeElement = null;

	this._applicationCacheRootTreeElement = null;
	this._applicationCacheURLTreeElementMap = new Map;

	WI.storageManager.addEventListener(WI.StorageManager.Event.CookieStorageObjectWasAdded, this._cookieStorageObjectWasAdded, this);
	WI.storageManager.addEventListener(WI.StorageManager.Event.DOMStorageObjectWasAdded, this._domStorageObjectWasAdded, this);
	WI.storageManager.addEventListener(WI.StorageManager.Event.DOMStorageObjectWasInspected, this._domStorageObjectWasInspected, this);
	WI.storageManager.addEventListener(WI.StorageManager.Event.DatabaseWasAdded, this._databaseWasAdded, this);
	WI.storageManager.addEventListener(WI.StorageManager.Event.DatabaseWasInspected, this._databaseWasInspected, this);
	WI.storageManager.addEventListener(WI.StorageManager.Event.IndexedDatabaseWasAdded, this._indexedDatabaseWasAdded, this);
	WI.storageManager.addEventListener(WI.StorageManager.Event.Cleared, this._storageCleared, this);

	WI.applicationCacheManager.addEventListener(WI.ApplicationCacheManager.Event.FrameManifestAdded, this._frameManifestAdded, this);
	WI.applicationCacheManager.addEventListener(WI.ApplicationCacheManager.Event.FrameManifestRemoved, this._frameManifestRemoved, this);

	this.contentTreeOutline.addEventListener(WI.TreeOutline.Event.SelectionDidChange, this._treeSelectionDidChange, this);

	for (var domStorageObject of WI.storageManager.domStorageObjects)
	this._addDOMStorageObject(domStorageObject);

	for (var cookieStorageObject of WI.storageManager.cookieStorageObjects)
	this._addCookieStorageObject(cookieStorageObject);

	for (var database of WI.storageManager.databases)
	this._addDatabase(database);

	for (var indexedDatabase of WI.storageManager.indexedDatabases)
	this._addIndexedDatabase(indexedDatabase);

	for (var applicationCacheObject of WI.applicationCacheManager.applicationCacheObjects)
	this._addFrameManifest(applicationCacheObject);
	}

	// Public

	get minimumWidth()
	{
	return this._navigationBar.minimumWidth;
	}

	showDefaultContentView()
	{
	// Don't show anything by default. It doesn't make a whole lot of sense here.
	}

	closed()
	{
	super.closed();

	WI.storageManager.removeEventListener(null, null, this);
	WI.applicationCacheManager.removeEventListener(null, null, this);
	}

	// Protected

	hasCustomFilters()
	{
	console.assert(this._scopeBar.selectedItems.length === 1);
	var selectedScopeBarItem = this._scopeBar.selectedItems[0];
	return selectedScopeBarItem && !selectedScopeBarItem.exclusive;
	}

	matchTreeElementAgainstCustomFilters(treeElement, flags)
	{
	console.assert(this._scopeBar.selectedItems.length === 1);
	var selectedScopeBarItem = this._scopeBar.selectedItems[0];

	// Show everything if there is no selection or "All Storage" is selected (the exclusive item).
	if (!selectedScopeBarItem \|\| selectedScopeBarItem.exclusive)
	return true;

	// Folders are hidden on the first pass, but visible childen under the folder will force the folder visible again.
	if (treeElement instanceof WI.FolderTreeElement)
	return false;

	function match()
	{
	for (var constructor of selectedScopeBarItem.__storageTypeInfo.classes) {
	if (constructor === WI.DOMStorageTreeElement && treeElement instanceof constructor)
	return treeElement.representedObject.isLocalStorage() === selectedScopeBarItem.__storageTypeInfo.localStorage;
	if (treeElement instanceof constructor)
	return true;
	}

	return false;
	}

	var matched = match();
	if (matched)
	flags.expandTreeElement = true;
	return matched;
	}

	// Private

	_treeSelectionDidChange(event)
	{
	if (!this.visible)
	return;

	let treeElement = event.data.selectedElement;
	if (!treeElement)
	return;

	if (treeElement instanceof WI.FolderTreeElement \|\| treeElement instanceof WI.DatabaseHostTreeElement \|\|
	treeElement instanceof WI.IndexedDatabaseHostTreeElement \|\| treeElement instanceof WI.ApplicationCacheManifestTreeElement)
	return;

	if (treeElement instanceof WI.StorageTreeElement \|\| treeElement instanceof WI.DatabaseTableTreeElement \|\|
	treeElement instanceof WI.DatabaseTreeElement \|\| treeElement instanceof WI.ApplicationCacheFrameTreeElement \|\|
	treeElement instanceof WI.IndexedDatabaseTreeElement \|\| treeElement instanceof WI.IndexedDatabaseObjectStoreTreeElement \|\| treeElement instanceof WI.IndexedDatabaseObjectStoreIndexTreeElement) {
	WI.showRepresentedObject(treeElement.representedObject);
	return;
	}

	console.error("Unknown tree element", treeElement);
	}

	_domStorageObjectWasAdded(event)
	{
	this._addDOMStorageObject(event.data.domStorage);
	}

	_addDOMStorageObject(domStorage)
	{
	var storageElement = new WI.DOMStorageTreeElement(domStorage);

	if (domStorage.isLocalStorage())
	this._localStorageRootTreeElement = this._addStorageChild(storageElement, this._localStorageRootTreeElement, WI.UIString("Local Storage"));
	else
	this._sessionStorageRootTreeElement = this._addStorageChild(storageElement, this._sessionStorageRootTreeElement, WI.UIString("Session Storage"));
	}

	_domStorageObjectWasInspected(event)
	{
	var domStorage = event.data.domStorage;
	var treeElement = this.treeElementForRepresentedObject(domStorage);
	treeElement.revealAndSelect(true);
	}

	_databaseWasAdded(event)
	{
	this._addDatabase(event.data.database);
	}

	_addDatabase(database)
	{
	console.assert(database instanceof WI.DatabaseObject);

	let databaseHostElement = this._databaseHostTreeElementMap.get(database.host);
	if (!databaseHostElement) {
	databaseHostElement = new WI.DatabaseHostTreeElement(database.host);
	this._databaseHostTreeElementMap.set(database.host, databaseHostElement);
	this._databaseRootTreeElement = this._addStorageChild(databaseHostElement, this._databaseRootTreeElement, WI.UIString("Databases"));
	}

	let databaseElement = new WI.DatabaseTreeElement(database);
	databaseHostElement.appendChild(databaseElement);
	}

	_databaseWasInspected(event)
	{
	var database = event.data.database;
	var treeElement = this.treeElementForRepresentedObject(database);
	treeElement.revealAndSelect(true);
	}

	_indexedDatabaseWasAdded(event)
	{
	this._addIndexedDatabase(event.data.indexedDatabase);
	}

	_addIndexedDatabase(indexedDatabase)
	{
	console.assert(indexedDatabase instanceof WI.IndexedDatabase);

	let indexedDatabaseHostElement = this._indexedDatabaseHostTreeElementMap.get(indexedDatabase.host);
	if (!indexedDatabaseHostElement) {
	indexedDatabaseHostElement = new WI.IndexedDatabaseHostTreeElement(indexedDatabase.host);
	this._indexedDatabaseHostTreeElementMap.set(indexedDatabase.host, indexedDatabaseHostElement);
	this._indexedDatabaseRootTreeElement = this._addStorageChild(indexedDatabaseHostElement, this._indexedDatabaseRootTreeElement, WI.UIString("Indexed Databases"));
	}

	let indexedDatabaseElement = new WI.IndexedDatabaseTreeElement(indexedDatabase);
	indexedDatabaseHostElement.appendChild(indexedDatabaseElement);
	}

	_cookieStorageObjectWasAdded(event)
	{
	this._addCookieStorageObject(event.data.cookieStorage);
	}

	_addCookieStorageObject(cookieStorage)
	{
	console.assert(cookieStorage instanceof WI.CookieStorageObject);

	var cookieElement = new WI.CookieStorageTreeElement(cookieStorage);
	this._cookieStorageRootTreeElement = this._addStorageChild(cookieElement, this._cookieStorageRootTreeElement, WI.UIString("Cookies"));
	}

	_frameManifestAdded(event)
	{
	this._addFrameManifest(event.data.frameManifest);
	}

	_addFrameManifest(frameManifest)
	{
	console.assert(frameManifest instanceof WI.ApplicationCacheFrame);

	let manifest = frameManifest.manifest;
	let manifestURL = manifest.manifestURL;
	let applicationCacheManifestElement = this._applicationCacheURLTreeElementMap.get(manifestURL);
	if (!applicationCacheManifestElement) {
	applicationCacheManifestElement = new WI.ApplicationCacheManifestTreeElement(manifest);
	this._applicationCacheURLTreeElementMap.set(manifestURL, applicationCacheManifestElement);
	this._applicationCacheRootTreeElement = this._addStorageChild(applicationCacheManifestElement, this._applicationCacheRootTreeElement, WI.UIString("Application Cache"));
	}

	let frameCacheElement = new WI.ApplicationCacheFrameTreeElement(frameManifest);
	applicationCacheManifestElement.appendChild(frameCacheElement);
	}

	_frameManifestRemoved(event)
	{
	// FIXME: Implement this.
	}

	_compareTreeElements(a, b)
	{
	console.assert(a.mainTitle);
	console.assert(b.mainTitle);

	return (a.mainTitle \|\| "").extendedLocaleCompare(b.mainTitle \|\| "");
	}

	_addStorageChild(childElement, parentElement, folderName)
	{
	if (!parentElement) {
	childElement.flattened = true;

	this.contentTreeOutline.insertChild(childElement, insertionIndexForObjectInListSortedByFunction(childElement, this.contentTreeOutline.children, this._compareTreeElements));

	return childElement;
	}

	if (parentElement instanceof WI.StorageTreeElement) {
	console.assert(parentElement.flattened);

	var previousOnlyChild = parentElement;
	previousOnlyChild.flattened = false;
	this.contentTreeOutline.removeChild(previousOnlyChild);

	var folderElement = new WI.FolderTreeElement(folderName);
	this.contentTreeOutline.insertChild(folderElement, insertionIndexForObjectInListSortedByFunction(folderElement, this.contentTreeOutline.children, this._compareTreeElements));

	folderElement.appendChild(previousOnlyChild);
	folderElement.insertChild(childElement, insertionIndexForObjectInListSortedByFunction(childElement, folderElement.children, this._compareTreeElements));

	return folderElement;
	}

	console.assert(parentElement instanceof WI.FolderTreeElement);
	parentElement.insertChild(childElement, insertionIndexForObjectInListSortedByFunction(childElement, parentElement.children, this._compareTreeElements));

	return parentElement;
	}

	_storageCleared(event)
	{
	this.contentBrowser.contentViewContainer.closeAllContentViews();

	if (this._localStorageRootTreeElement && this._localStorageRootTreeElement.parent)
	this._localStorageRootTreeElement.parent.removeChild(this._localStorageRootTreeElement);

	if (this._sessionStorageRootTreeElement && this._sessionStorageRootTreeElement.parent)
	this._sessionStorageRootTreeElement.parent.removeChild(this._sessionStorageRootTreeElement);

	if (this._databaseRootTreeElement && this._databaseRootTreeElement.parent)
	this._databaseRootTreeElement.parent.removeChild(this._databaseRootTreeElement);

	if (this._indexedDatabaseRootTreeElement && this._indexedDatabaseRootTreeElement.parent)
	this._indexedDatabaseRootTreeElement.parent.removeChild(this._indexedDatabaseRootTreeElement);

	if (this._cookieStorageRootTreeElement && this._cookieStorageRootTreeElement.parent)
	this._cookieStorageRootTreeElement.parent.removeChild(this._cookieStorageRootTreeElement);

	if (this._applicationCacheRootTreeElement && this._applicationCacheRootTreeElement.parent)
	this._applicationCacheRootTreeElement.parent.removeChild(this._applicationCacheRootTreeElement);

	this._localStorageRootTreeElement = null;
	this._sessionStorageRootTreeElement = null;
	this._databaseRootTreeElement = null;
	this._databaseHostTreeElementMap.clear();
	this._indexedDatabaseRootTreeElement = null;
	this._indexedDatabaseHostTreeElementMap.clear();
	this._cookieStorageRootTreeElement = null;
	this._applicationCacheRootTreeElement = null;
	this._applicationCacheURLTreeElementMap.clear();
	}

	_scopeBarSelectionDidChange(event)
	{
	this.updateFilter();
	}
	};