blob: f4f22ae9a9a7d7637822fa1817aba05ae6b2edbc [file] [log] [blame]
/*
* 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"), {exclusive: 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.domStorageManager.addEventListener(WI.DOMStorageManager.Event.CookieStorageObjectWasAdded, this._cookieStorageObjectWasAdded, this);
WI.domStorageManager.addEventListener(WI.DOMStorageManager.Event.DOMStorageObjectWasAdded, this._domStorageObjectWasAdded, this);
WI.domStorageManager.addEventListener(WI.DOMStorageManager.Event.DOMStorageObjectWasInspected, this._domStorageObjectWasInspected, this);
WI.domStorageManager.addEventListener(WI.DOMStorageManager.Event.Cleared, this._domStorageCleared, this);
WI.databaseManager.addEventListener(WI.DatabaseManager.Event.DatabaseWasAdded, this._databaseWasAdded, this);
WI.databaseManager.addEventListener(WI.DatabaseManager.Event.DatabaseWasInspected, this._databaseWasInspected, this);
WI.databaseManager.addEventListener(WI.DatabaseManager.Event.Cleared, this._databaseCleared, this);
WI.indexedDBManager.addEventListener(WI.IndexedDBManager.Event.IndexedDatabaseWasAdded, this._indexedDatabaseWasAdded, this);
WI.indexedDBManager.addEventListener(WI.IndexedDBManager.Event.Cleared, this._indexedDatabaseCleared, this);
WI.applicationCacheManager.addEventListener(WI.ApplicationCacheManager.Event.FrameManifestAdded, this._frameManifestAdded, this);
WI.applicationCacheManager.addEventListener(WI.ApplicationCacheManager.Event.FrameManifestRemoved, this._frameManifestRemoved, this);
WI.applicationCacheManager.addEventListener(WI.ApplicationCacheManager.Event.Cleared, this._applicationCacheCleared, this);
this.contentTreeOutline.addEventListener(WI.TreeOutline.Event.SelectionDidChange, this._treeSelectionDidChange, this);
for (var domStorageObject of WI.domStorageManager.domStorageObjects)
this._addDOMStorageObject(domStorageObject);
for (var cookieStorageObject of WI.domStorageManager.cookieStorageObjects)
this._addCookieStorageObject(cookieStorageObject);
for (var database of WI.databaseManager.databases)
this._addDatabase(database);
for (var indexedDatabase of WI.indexedDBManager.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.domStorageManager.removeEventListener(WI.DOMStorageManager.Event.CookieStorageObjectWasAdded, this._cookieStorageObjectWasAdded, this);
WI.domStorageManager.removeEventListener(WI.DOMStorageManager.Event.DOMStorageObjectWasAdded, this._domStorageObjectWasAdded, this);
WI.domStorageManager.removeEventListener(WI.DOMStorageManager.Event.DOMStorageObjectWasInspected, this._domStorageObjectWasInspected, this);
WI.domStorageManager.removeEventListener(WI.DOMStorageManager.Event.Cleared, this._domStorageCleared, this);
WI.databaseManager.removeEventListener(WI.DatabaseManager.Event.DatabaseWasAdded, this._databaseWasAdded, this);
WI.databaseManager.removeEventListener(WI.DatabaseManager.Event.DatabaseWasInspected, this._databaseWasInspected, this);
WI.databaseManager.removeEventListener(WI.DatabaseManager.Event.Cleared, this._databaseCleared, this);
WI.indexedDBManager.removeEventListener(WI.IndexedDBManager.Event.IndexedDatabaseWasAdded, this._indexedDatabaseWasAdded, this);
WI.indexedDBManager.removeEventListener(WI.IndexedDBManager.Event.Cleared, this._indexedDatabaseCleared, this);
WI.applicationCacheManager.removeEventListener(WI.ApplicationCacheManager.Event.FrameManifestAdded, this._frameManifestAdded, this);
WI.applicationCacheManager.removeEventListener(WI.ApplicationCacheManager.Event.FrameManifestRemoved, this._frameManifestRemoved, this);
WI.applicationCacheManager.removeEventListener(WI.ApplicationCacheManager.Event.Cleared, this._applicationCacheCleared, this);
}
// Protected
resetFilter()
{
this._scopeBar.resetToDefault();
super.resetFilter();
}
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.selected)
return;
let treeElement = this.contentTreeOutline.selectedTreeElement;
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;
}
_closeContentViewForTreeElement(treeElement)
{
const onlyExisting = true;
let contentView = this.contentBrowser.contentViewForRepresentedObject(treeElement.representedObject, onlyExisting);
if (contentView)
this.contentBrowser.contentViewContainer.closeContentView(contentView);
}
_domStorageCleared(event)
{
if (this._localStorageRootTreeElement && this._localStorageRootTreeElement.parent) {
this._closeContentViewForTreeElement(this._localStorageRootTreeElement);
this._localStorageRootTreeElement.parent.removeChild(this._localStorageRootTreeElement);
}
if (this._sessionStorageRootTreeElement && this._sessionStorageRootTreeElement.parent) {
this._closeContentViewForTreeElement(this._sessionStorageRootTreeElement);
this._sessionStorageRootTreeElement.parent.removeChild(this._sessionStorageRootTreeElement);
}
if (this._cookieStorageRootTreeElement && this._cookieStorageRootTreeElement.parent) {
this._closeContentViewForTreeElement(this._cookieStorageRootTreeElement);
this._cookieStorageRootTreeElement.parent.removeChild(this._cookieStorageRootTreeElement);
}
this._localStorageRootTreeElement = null;
this._sessionStorageRootTreeElement = null;
this._cookieStorageRootTreeElement = null;
}
_applicationCacheCleared(event)
{
if (this._applicationCacheRootTreeElement && this._applicationCacheRootTreeElement.parent) {
this._closeContentViewForTreeElement(this._applicationCacheRootTreeElement);
this._applicationCacheRootTreeElement.parent.removeChild(this._applicationCacheRootTreeElement);
}
this._applicationCacheRootTreeElement = null;
this._applicationCacheURLTreeElementMap.clear();
}
_indexedDatabaseCleared(event)
{
if (this._indexedDatabaseRootTreeElement && this._indexedDatabaseRootTreeElement.parent) {
this._closeContentViewForTreeElement(this._indexedDatabaseRootTreeElement);
this._indexedDatabaseRootTreeElement.parent.removeChild(this._indexedDatabaseRootTreeElement);
}
this._indexedDatabaseRootTreeElement = null;
this._indexedDatabaseHostTreeElementMap.clear();
}
_databaseCleared(event)
{
if (this._databaseRootTreeElement && this._databaseRootTreeElement.parent) {
this._closeContentViewForTreeElement(this._databaseRootTreeElement);
this._databaseRootTreeElement.parent.removeChild(this._databaseRootTreeElement);
}
this._databaseRootTreeElement = null;
this._databaseHostTreeElementMap.clear();
}
_scopeBarSelectionDidChange(event)
{
this.updateFilter();
}
};