strong-arc
Version:
A visual suite for the StrongLoop API Platform
1,470 lines (1,256 loc) • 71.2 kB
JavaScript
/*
* 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
* 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.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE 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 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.
*/
/**
* @constructor
* @extends {WebInspector.PanelWithSidebarTree}
* @implements {WebInspector.TargetManager.Observer}
*/
WebInspector.ResourcesPanel = function(database)
{
WebInspector.PanelWithSidebarTree.call(this, "resources");
this.registerRequiredCSS("resourcesPanel.css");
WebInspector.settings.resourcesLastSelectedItem = WebInspector.settings.createSetting("resourcesLastSelectedItem", {});
this.sidebarElement().classList.add("filter-all", "children", "small", "outline-disclosure");
this.sidebarTree.element.classList.remove("sidebar-tree");
this.resourcesListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Frames"), "Frames", ["frame-storage-tree-item"]);
this.sidebarTree.appendChild(this.resourcesListTreeElement);
this.databasesListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Web SQL"), "Databases", ["database-storage-tree-item"]);
this.sidebarTree.appendChild(this.databasesListTreeElement);
this.indexedDBListTreeElement = new WebInspector.IndexedDBTreeElement(this);
this.sidebarTree.appendChild(this.indexedDBListTreeElement);
this.localStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Local Storage"), "LocalStorage", ["domstorage-storage-tree-item", "local-storage"]);
this.sidebarTree.appendChild(this.localStorageListTreeElement);
this.sessionStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Session Storage"), "SessionStorage", ["domstorage-storage-tree-item", "session-storage"]);
this.sidebarTree.appendChild(this.sessionStorageListTreeElement);
this.cookieListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Cookies"), "Cookies", ["cookie-storage-tree-item"]);
this.sidebarTree.appendChild(this.cookieListTreeElement);
this.applicationCacheListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Application Cache"), "ApplicationCache", ["application-cache-storage-tree-item"]);
this.sidebarTree.appendChild(this.applicationCacheListTreeElement);
if (WebInspector.experimentsSettings.fileSystemInspection.isEnabled()) {
this.fileSystemListTreeElement = new WebInspector.FileSystemListTreeElement(this);
this.sidebarTree.appendChild(this.fileSystemListTreeElement);
}
var mainView = new WebInspector.VBox();
this.storageViews = mainView.element.createChild("div", "resources-main diff-container");
var statusBarContainer = mainView.element.createChild("div", "resources-status-bar");
this.storageViewStatusBarItemsContainer = statusBarContainer.createChild("div", "status-bar");
mainView.show(this.mainElement());
/** @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.sidebarElement().addEventListener("mousemove", this._onmousemove.bind(this), false);
this.sidebarElement().addEventListener("mouseout", this._onmouseout.bind(this), false);
/**
* @this {WebInspector.ResourcesPanel}
* @return {?WebInspector.SourceFrame}
*/
function sourceFrameGetter()
{
var view = this.visibleView;
if (view && view instanceof WebInspector.SourceFrame)
return /** @type {!WebInspector.SourceFrame} */ (view);
return null;
}
WebInspector.GoToLineDialog.install(this, sourceFrameGetter.bind(this));
WebInspector.targetManager.observeTargets(this);
}
WebInspector.ResourcesPanel.prototype = {
/**
* @param {!WebInspector.Target} target
*/
targetAdded: function(target)
{
if (this._target)
return;
if (target.resourceTreeModel.cachedResourcesLoaded())
this._cachedResourcesLoaded();
target.databaseModel.databases().forEach(this._addDatabase.bind(this));
target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.Load, this._loadEventFired, this);
target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.CachedResourcesLoaded, this._cachedResourcesLoaded, this);
target.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.WillLoadCachedResources, this._resetWithFrames, this);
target.databaseModel.addEventListener(WebInspector.DatabaseModel.Events.DatabaseAdded, this._databaseAdded, this);
this._target = target;
},
/**
* @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._cachedResourcesLoaded, this);
target.resourceTreeModel.removeEventListener(WebInspector.ResourceTreeModel.EventTypes.WillLoadCachedResources, this._resetWithFrames, this);
target.databaseModel.removeEventListener(WebInspector.DatabaseModel.Events.DatabaseAdded, this._databaseAdded, this);
this._resetWithFrames();
},
/**
* @return {boolean}
*/
canSearch: function()
{
return false;
},
wasShown: function()
{
WebInspector.Panel.prototype.wasShown.call(this);
this._initialize();
},
_initialize: function()
{
if (!this._initialized && this.isShowing() && this._cachedResourcesWereLoaded) {
var target = /** @type {!WebInspector.Target} */ (WebInspector.targetManager.mainTarget());
this._populateResourceTree();
this._populateDOMStorageTree();
this._populateApplicationCacheTree(target);
this.indexedDBListTreeElement._initialize();
if (WebInspector.experimentsSettings.fileSystemInspection.isEnabled())
this.fileSystemListTreeElement._initialize();
this._initDefaultSelection();
this._initialized = true;
}
},
_loadEventFired: function()
{
this._initDefaultSelection();
},
_initDefaultSelection: function()
{
if (!this._initialized)
return;
var itemURL = WebInspector.settings.resourcesLastSelectedItem.get();
if (itemURL) {
for (var treeElement = this.sidebarTree.children[0]; treeElement; treeElement = treeElement.traverseNextTreeElement(false, this.sidebarTree, true)) {
if (treeElement.itemURL === itemURL) {
treeElement.revealAndSelect(true);
return;
}
}
}
var mainResource = WebInspector.resourceTreeModel.inspectedPageURL() && this.resourcesListTreeElement && this.resourcesListTreeElement.expanded
? WebInspector.resourceTreeModel.resourceForURL(WebInspector.resourceTreeModel.inspectedPageURL())
: null;
if (mainResource)
this.showResource(mainResource);
},
_resetWithFrames: function()
{
this.resourcesListTreeElement.removeChildren();
this._treeElementForFrameId = {};
this._reset();
},
_reset: function()
{
this._domains = {};
var queryViews = this._databaseQueryViews.values();
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.localStorageListTreeElement.removeChildren();
this.sessionStorageListTreeElement.removeChildren();
this.cookieListTreeElement.removeChildren();
if (this.visibleView && !(this.visibleView instanceof WebInspector.StorageCategoryView))
this.visibleView.detach();
this.storageViewStatusBarItemsContainer.removeChildren();
if (this.sidebarTree.selectedTreeElement)
this.sidebarTree.selectedTreeElement.deselect();
},
_populateResourceTree: function()
{
this._treeElementForFrameId = {};
WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameAdded, this._frameAdded, this);
WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameNavigated, this._frameNavigated, this);
WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.FrameDetached, this._frameDetached, this);
WebInspector.resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.EventTypes.ResourceAdded, this._resourceAdded, this);
/**
* @param {!WebInspector.ResourceTreeFrame} frame
* @this {WebInspector.ResourcesPanel}
*/
function populateFrame(frame)
{
this._frameAdded({data:frame});
for (var i = 0; i < frame.childFrames.length; ++i)
populateFrame.call(this, frame.childFrames[i]);
var resources = frame.resources();
for (var i = 0; i < resources.length; ++i)
this._resourceAdded({data:resources[i]});
}
populateFrame.call(this, WebInspector.resourceTreeModel.mainFrame);
},
_frameAdded: function(event)
{
var frame = event.data;
var parentFrame = frame.parentFrame;
var parentTreeElement = parentFrame ? this._treeElementForFrameId[parentFrame.id] : this.resourcesListTreeElement;
if (!parentTreeElement) {
console.warn("No frame to route " + frame.url + " to.")
return;
}
var frameTreeElement = new WebInspector.FrameTreeElement(this, frame);
this._treeElementForFrameId[frame.id] = frameTreeElement;
parentTreeElement.appendChild(frameTreeElement);
},
_frameDetached: function(event)
{
var frame = event.data;
var frameTreeElement = this._treeElementForFrameId[frame.id];
if (!frameTreeElement)
return;
delete this._treeElementForFrameId[frame.id];
if (frameTreeElement.parent)
frameTreeElement.parent.removeChild(frameTreeElement);
},
_resourceAdded: function(event)
{
var resource = event.data;
var frameId = resource.frameId;
if (resource.statusCode >= 301 && resource.statusCode <= 303)
return;
var frameTreeElement = this._treeElementForFrameId[frameId];
if (!frameTreeElement) {
// This is a frame's main resource, it will be retained
// and re-added by the resource manager;
return;
}
frameTreeElement.appendResource(resource);
},
_frameNavigated: function(event)
{
var frame = event.data;
if (!frame.parentFrame)
this._reset();
var frameId = frame.id;
var frameTreeElement = this._treeElementForFrameId[frameId];
if (frameTreeElement)
frameTreeElement.frameNavigated(frame);
var applicationCacheFrameTreeElement = this._applicationCacheFrameElements[frameId];
if (applicationCacheFrameTreeElement)
applicationCacheFrameTreeElement.frameNavigated(frame);
},
_cachedResourcesLoaded: function()
{
this._cachedResourcesWereLoaded = true;
this._initialize();
},
/**
* @param {!WebInspector.Event} event
*/
_databaseAdded: function(event)
{
var database = /** @type {!WebInspector.Database} */ (event.data);
this._addDatabase(database);
},
/**
* @param {!WebInspector.Database} database
*/
_addDatabase: function(database)
{
var databaseTreeElement = new WebInspector.DatabaseTreeElement(this, database);
this._databaseTreeElements.set(database, databaseTreeElement);
this.databasesListTreeElement.appendChild(databaseTreeElement);
},
addDocumentURL: function(url)
{
var parsedURL = url.asParsedURL();
if (!parsedURL)
return;
var domain = parsedURL.host;
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)
{
var domStorage = /** @type {!WebInspector.DOMStorage} */ (event.data);
this._addDOMStorage(domStorage);
},
/**
* @param {!WebInspector.DOMStorage} domStorage
*/
_addDOMStorage: function(domStorage)
{
console.assert(!this._domStorageTreeElements.get(domStorage));
var domStorageTreeElement = new WebInspector.DOMStorageTreeElement(this, domStorage, (domStorage.isLocalStorage ? "local-storage" : "session-storage"));
this._domStorageTreeElements.set(domStorage, domStorageTreeElement);
if (domStorage.isLocalStorage)
this.localStorageListTreeElement.appendChild(domStorageTreeElement);
else
this.sessionStorageListTreeElement.appendChild(domStorageTreeElement);
},
/**
* @param {!WebInspector.Event} event
*/
_domStorageRemoved: function(event)
{
var domStorage = /** @type {!WebInspector.DOMStorage} */ (event.data);
this._removeDOMStorage(domStorage);
},
/**
* @param {!WebInspector.DOMStorage} domStorage
*/
_removeDOMStorage: function(domStorage)
{
var treeElement = this._domStorageTreeElements.get(domStorage);
if (!treeElement)
return;
var wasSelected = treeElement.selected;
var parentListTreeElement = treeElement.parent;
parentListTreeElement.removeChild(treeElement);
if (wasSelected)
parentListTreeElement.select();
this._domStorageTreeElements.remove(domStorage);
this._domStorageViews.remove(domStorage);
},
/**
* @param {!WebInspector.Database} database
*/
selectDatabase: function(database)
{
if (database) {
this._showDatabase(database);
this._databaseTreeElements.get(database).select();
}
},
/**
* @param {!WebInspector.DOMStorage} domStorage
*/
selectDOMStorage: function(domStorage)
{
if (domStorage) {
this._showDOMStorage(domStorage);
this._domStorageTreeElements.get(domStorage).select();
}
},
/**
* @param {!WebInspector.Resource} resource
* @param {number=} line
* @param {number=} column
* @return {boolean}
*/
showResource: function(resource, line, column)
{
var resourceTreeElement = this._findTreeElementForResource(resource);
if (resourceTreeElement)
resourceTreeElement.revealAndSelect(true);
if (typeof line === "number") {
var resourceSourceFrame = this._resourceSourceFrameViewForResource(resource);
if (resourceSourceFrame)
resourceSourceFrame.revealPosition(line, column, true);
}
return true;
},
_showResourceView: function(resource)
{
var view = this._resourceViewForResource(resource);
if (!view) {
this.visibleView.detach();
return;
}
this._innerShowView(view);
},
/**
* @param {!WebInspector.Resource} resource
* @return {?WebInspector.View}
*/
_resourceViewForResource: function(resource)
{
if (WebInspector.ResourceView.hasTextContent(resource)) {
var treeElement = this._findTreeElementForResource(resource);
if (!treeElement)
return null;
return treeElement.sourceView();
}
return WebInspector.ResourceView.nonSourceViewForResource(resource);
},
/**
* @param {!WebInspector.Resource} resource
* @return {?WebInspector.ResourceSourceFrame}
*/
_resourceSourceFrameViewForResource: function(resource)
{
var resourceView = this._resourceViewForResource(resource);
if (resourceView && resourceView instanceof WebInspector.ResourceSourceFrame)
return /** @type {!WebInspector.ResourceSourceFrame} */ (resourceView);
return null;
},
/**
* @param {!WebInspector.Database} database
* @param {string=} tableName
*/
_showDatabase: function(database, tableName)
{
if (!database)
return;
var view;
if (tableName) {
var tableViews = this._databaseTableViews.get(database);
if (!tableViews) {
tableViews = /** @type {!Object.<string, !WebInspector.DatabaseTableView>} */ ({});
this._databaseTableViews.set(database, tableViews);
}
view = tableViews[tableName];
if (!view) {
view = new WebInspector.DatabaseTableView(database, tableName);
tableViews[tableName] = view;
}
} else {
view = this._databaseQueryViews.get(database);
if (!view) {
view = new WebInspector.DatabaseQueryView(database);
this._databaseQueryViews.set(database, view);
view.addEventListener(WebInspector.DatabaseQueryView.Events.SchemaUpdated, this._updateDatabaseTables, this);
}
}
this._innerShowView(view);
},
/**
* @param {!WebInspector.View} view
*/
showIndexedDB: function(view)
{
this._innerShowView(view);
},
/**
* @param {!WebInspector.DOMStorage} domStorage
*/
_showDOMStorage: function(domStorage)
{
if (!domStorage)
return;
var view;
view = this._domStorageViews.get(domStorage);
if (!view) {
view = new WebInspector.DOMStorageItemsView(domStorage);
this._domStorageViews.set(domStorage, view);
}
this._innerShowView(view);
},
/**
* @param {!WebInspector.CookieTreeElement} treeElement
* @param {string} cookieDomain
*/
showCookies: function(treeElement, cookieDomain)
{
var view = this._cookieViews[cookieDomain];
if (!view) {
view = new WebInspector.CookieItemsView(treeElement, cookieDomain);
this._cookieViews[cookieDomain] = view;
}
this._innerShowView(view);
},
/**
* @param {string} cookieDomain
*/
clearCookies: function(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]);
},
/**
* @param {!WebInspector.View} view
*/
showFileSystem: function(view)
{
this._innerShowView(view);
},
showCategoryView: function(categoryName)
{
if (!this._categoryView)
this._categoryView = new WebInspector.StorageCategoryView();
this._categoryView.setText(categoryName);
this._innerShowView(this._categoryView);
},
_innerShowView: function(view)
{
if (this.visibleView === view)
return;
if (this.visibleView)
this.visibleView.detach();
view.show(this.storageViews);
this.visibleView = view;
this.storageViewStatusBarItemsContainer.removeChildren();
var statusBarItems = view.statusBarItems || [];
for (var i = 0; i < statusBarItems.length; ++i)
this.storageViewStatusBarItemsContainer.appendChild(statusBarItems[i]);
},
closeVisibleView: function()
{
if (!this.visibleView)
return;
this.visibleView.detach();
delete this.visibleView;
},
_updateDatabaseTables: function(event)
{
var database = event.data;
if (!database)
return;
var databasesTreeElement = this._databaseTreeElements.get(database);
if (!databasesTreeElement)
return;
databasesTreeElement.shouldRefreshChildren = true;
var tableViews = this._databaseTableViews.get(database);
if (!tableViews)
return;
var tableNamesHash = {};
var self = this;
function tableNamesCallback(tableNames)
{
var tableNamesLength = tableNames.length;
for (var i = 0; i < tableNamesLength; ++i)
tableNamesHash[tableNames[i]] = true;
for (var tableName in tableViews) {
if (!(tableName in tableNamesHash)) {
if (self.visibleView === tableViews[tableName])
self.closeVisibleView();
delete tableViews[tableName];
}
}
}
database.getTableNames(tableNamesCallback);
},
_populateDOMStorageTree: function()
{
WebInspector.domStorageModel.storages().forEach(this._addDOMStorage.bind(this));
WebInspector.domStorageModel.addEventListener(WebInspector.DOMStorageModel.Events.DOMStorageAdded, this._domStorageAdded, this);
WebInspector.domStorageModel.addEventListener(WebInspector.DOMStorageModel.Events.DOMStorageRemoved, this._domStorageRemoved, this);
},
/**
* @param {!WebInspector.Target} target
*/
_populateApplicationCacheTree: function(target)
{
this._applicationCacheModel = new WebInspector.ApplicationCacheModel(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.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);
var status = this._applicationCacheModel.frameManifestStatus(frameId)
var manifestTreeElement = this._applicationCacheManifestElements[manifestURL]
if (!manifestTreeElement) {
manifestTreeElement = new WebInspector.ApplicationCacheManifestTreeElement(this, manifestURL);
this.applicationCacheListTreeElement.appendChild(manifestTreeElement);
this._applicationCacheManifestElements[manifestURL] = manifestTreeElement;
}
var frameTreeElement = new WebInspector.ApplicationCacheFrameTreeElement(this, frameId, manifestURL);
manifestTreeElement.appendChild(frameTreeElement);
manifestTreeElement.expand();
this._applicationCacheFrameElements[frameId] = frameTreeElement;
},
_applicationCacheFrameManifestRemoved: function(event)
{
var frameId = event.data;
var frameTreeElement = this._applicationCacheFrameElements[frameId];
if (!frameTreeElement)
return;
var manifestURL = frameTreeElement.manifestURL;
delete this._applicationCacheFrameElements[frameId];
delete this._applicationCacheViews[frameId];
frameTreeElement.parent.removeChild(frameTreeElement);
var manifestTreeElement = this._applicationCacheManifestElements[manifestURL];
if (manifestTreeElement.children.length !== 0)
return;
delete this._applicationCacheManifestElements[manifestURL];
manifestTreeElement.parent.removeChild(manifestTreeElement);
},
_applicationCacheFrameManifestStatusChanged: function(event)
{
var frameId = event.data;
var status = this._applicationCacheModel.frameManifestStatus(frameId)
if (this._applicationCacheViews[frameId])
this._applicationCacheViews[frameId].updateStatus(status);
},
_applicationCacheNetworkStateChanged: function(event)
{
var isNowOnline = event.data;
for (var manifestURL in this._applicationCacheViews)
this._applicationCacheViews[manifestURL].updateNetworkState(isNowOnline);
},
_findTreeElementForResource: function(resource)
{
function getParent(object)
{
// Redirects, XHRs do not belong to the tree, it is fine to silently return false here.
return null;
}
return this.sidebarTree.findTreeElement(resource, getParent);
},
showView: function(view)
{
if (view)
this.showResource(view.resource);
},
_onmousemove: function(event)
{
var nodeUnderMouse = document.elementFromPoint(event.pageX, event.pageY);
if (!nodeUnderMouse)
return;
var listNode = nodeUnderMouse.enclosingNodeOrSelfWithNodeName("li");
if (!listNode)
return;
var element = listNode.treeElement;
if (this._previousHoveredElement === element)
return;
if (this._previousHoveredElement) {
this._previousHoveredElement.hovered = false;
delete this._previousHoveredElement;
}
if (element instanceof WebInspector.FrameTreeElement) {
this._previousHoveredElement = element;
element.hovered = true;
}
},
_onmouseout: function(event)
{
if (this._previousHoveredElement) {
this._previousHoveredElement.hovered = false;
delete this._previousHoveredElement;
}
},
__proto__: WebInspector.PanelWithSidebarTree.prototype
}
/**
* @constructor
* @implements {WebInspector.Revealer}
*/
WebInspector.ResourcesPanel.ResourceRevealer = function()
{
}
WebInspector.ResourcesPanel.ResourceRevealer.prototype = {
/**
* @param {!Object} resource
* @param {number=} lineNumber
*/
reveal: function(resource, lineNumber)
{
if (resource instanceof WebInspector.Resource) {
var panel = /** @type {?WebInspector.ResourcesPanel} */ (WebInspector.inspectorView.showPanel("resources"));
if (panel)
panel.showResource(resource, lineNumber);
}
}
}
/**
* @constructor
* @extends {TreeElement}
* @param {!WebInspector.ResourcesPanel} storagePanel
* @param {?Object} representedObject
* @param {string} title
* @param {?Array.<string>=} iconClasses
* @param {boolean=} hasChildren
* @param {boolean=} noIcon
*/
WebInspector.BaseStorageTreeElement = function(storagePanel, representedObject, title, iconClasses, hasChildren, noIcon)
{
TreeElement.call(this, "", representedObject, hasChildren);
this._storagePanel = storagePanel;
this._titleText = title;
this._iconClasses = iconClasses;
this._noIcon = noIcon;
}
WebInspector.BaseStorageTreeElement.prototype = {
onattach: function()
{
this.listItemElement.removeChildren();
if (this._iconClasses) {
for (var i = 0; i < this._iconClasses.length; ++i)
this.listItemElement.classList.add(this._iconClasses[i]);
}
this.listItemElement.createChild("div", "selection");
if (!this._noIcon)
this.imageElement = this.listItemElement.createChild("img", "icon");
this.titleElement = this.listItemElement.createChild("div", "base-storage-tree-element-title");
this._titleTextNode = this.titleElement.createTextChild("");
this._updateTitle();
this._updateSubtitle();
},
get displayName()
{
return this._displayName;
},
_updateDisplayName: function()
{
this._displayName = this._titleText || "";
if (this._subtitleText)
this._displayName += " (" + this._subtitleText + ")";
},
_updateTitle: function()
{
this._updateDisplayName();
if (!this.titleElement)
return;
this._titleTextNode.textContent = this._titleText || "";
},
_updateSubtitle: function()
{
this._updateDisplayName();
if (!this.titleElement)
return;
if (this._subtitleText) {
if (!this._subtitleElement)
this._subtitleElement = this.titleElement.createChild("span", "base-storage-tree-element-subtitle");
this._subtitleElement.textContent = "(" + this._subtitleText + ")";
} else if (this._subtitleElement) {
this._subtitleElement.remove();
delete this._subtitleElement;
}
},
/**
* @override
* @return {boolean}
*/
onselect: function(selectedByUser)
{
if (!selectedByUser)
return false;
var itemURL = this.itemURL;
if (itemURL)
WebInspector.settings.resourcesLastSelectedItem.set(itemURL);
return false;
},
/**
* @override
*/
onreveal: function()
{
if (this.listItemElement)
this.listItemElement.scrollIntoViewIfNeeded(false);
},
get titleText()
{
return this._titleText;
},
set titleText(titleText)
{
this._titleText = titleText;
this._updateTitle();
},
get subtitleText()
{
return this._subtitleText;
},
set subtitleText(subtitleText)
{
this._subtitleText = subtitleText;
this._updateSubtitle();
},
__proto__: TreeElement.prototype
}
/**
* @constructor
* @extends {WebInspector.BaseStorageTreeElement}
* @param {!WebInspector.ResourcesPanel} storagePanel
* @param {string} categoryName
* @param {string} settingsKey
* @param {?Array.<string>=} iconClasses
* @param {boolean=} noIcon
*/
WebInspector.StorageCategoryTreeElement = function(storagePanel, categoryName, settingsKey, iconClasses, noIcon)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, categoryName, iconClasses, false, noIcon);
this._expandedSettingKey = "resources" + settingsKey + "Expanded";
WebInspector.settings[this._expandedSettingKey] = WebInspector.settings.createSetting(this._expandedSettingKey, settingsKey === "Frames");
this._categoryName = categoryName;
this._target = /** @type {!WebInspector.Target} */ (WebInspector.targetManager.mainTarget());
}
WebInspector.StorageCategoryTreeElement.prototype = {
/**
* @return {!WebInspector.Target}
*/
target: function()
{
return this._target;
},
get itemURL()
{
return "category://" + this._categoryName;
},
/**
* @override
* @return {boolean}
*/
onselect: function(selectedByUser)
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
this._storagePanel.showCategoryView(this._categoryName);
return false;
},
/**
* @override
*/
onattach: function()
{
WebInspector.BaseStorageTreeElement.prototype.onattach.call(this);
if (WebInspector.settings[this._expandedSettingKey].get())
this.expand();
},
/**
* @override
*/
onexpand: function()
{
WebInspector.settings[this._expandedSettingKey].set(true);
},
/**
* @override
*/
oncollapse: function()
{
WebInspector.settings[this._expandedSettingKey].set(false);
},
__proto__: WebInspector.BaseStorageTreeElement.prototype
}
/**
* @constructor
* @extends {WebInspector.BaseStorageTreeElement}
*/
WebInspector.FrameTreeElement = function(storagePanel, frame)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, "", ["frame-storage-tree-item"]);
this._frame = frame;
this.frameNavigated(frame);
}
WebInspector.FrameTreeElement.prototype = {
frameNavigated: function(frame)
{
this.removeChildren();
this._frameId = frame.id;
this.titleText = frame.name;
this.subtitleText = new WebInspector.ParsedURL(frame.url).displayName;
this._categoryElements = {};
this._treeElementForResource = {};
this._storagePanel.addDocumentURL(frame.url);
},
get itemURL()
{
return "frame://" + encodeURI(this.displayName);
},
/**
* @override
* @return {boolean}
*/
onselect: function(selectedByUser)
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
this._storagePanel.showCategoryView(this.displayName);
this.listItemElement.classList.remove("hovered");
DOMAgent.hideHighlight();
return false;
},
set hovered(hovered)
{
if (hovered) {
this.listItemElement.classList.add("hovered");
DOMAgent.highlightFrame(this._frameId, WebInspector.Color.PageHighlight.Content.toProtocolRGBA(), WebInspector.Color.PageHighlight.ContentOutline.toProtocolRGBA());
} else {
this.listItemElement.classList.remove("hovered");
DOMAgent.hideHighlight();
}
},
appendResource: function(resource)
{
if (resource.isHidden())
return;
var categoryName = resource.type.name();
var categoryElement = resource.type === WebInspector.resourceTypes.Document ? this : this._categoryElements[categoryName];
if (!categoryElement) {
categoryElement = new WebInspector.StorageCategoryTreeElement(this._storagePanel, resource.type.categoryTitle(), categoryName, null, true);
this._categoryElements[resource.type.name()] = categoryElement;
this._insertInPresentationOrder(this, categoryElement);
}
var resourceTreeElement = new WebInspector.FrameResourceTreeElement(this._storagePanel, resource);
this._insertInPresentationOrder(categoryElement, resourceTreeElement);
this._treeElementForResource[resource.url] = resourceTreeElement;
},
/**
* @param {string} url
* @return {?WebInspector.Resource}
*/
resourceByURL: function(url)
{
var treeElement = this._treeElementForResource[url];
return treeElement ? treeElement.representedObject : null;
},
appendChild: function(treeElement)
{
this._insertInPresentationOrder(this, treeElement);
},
_insertInPresentationOrder: function(parentTreeElement, childTreeElement)
{
// Insert in the alphabetical order, first frames, then resources. Document resource goes last.
function typeWeight(treeElement)
{
if (treeElement instanceof WebInspector.StorageCategoryTreeElement)
return 2;
if (treeElement instanceof WebInspector.FrameTreeElement)
return 1;
return 3;
}
function compare(treeElement1, treeElement2)
{
var typeWeight1 = typeWeight(treeElement1);
var typeWeight2 = typeWeight(treeElement2);
var result;
if (typeWeight1 > typeWeight2)
result = 1;
else if (typeWeight1 < typeWeight2)
result = -1;
else {
var title1 = treeElement1.displayName || treeElement1.titleText;
var title2 = treeElement2.displayName || treeElement2.titleText;
result = title1.localeCompare(title2);
}
return result;
}
var children = parentTreeElement.children;
var i;
for (i = 0; i < children.length; ++i) {
if (compare(childTreeElement, children[i]) < 0)
break;
}
parentTreeElement.insertChild(childTreeElement, i);
},
__proto__: WebInspector.BaseStorageTreeElement.prototype
}
/**
* @constructor
* @extends {WebInspector.BaseStorageTreeElement}
*/
WebInspector.FrameResourceTreeElement = function(storagePanel, resource)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, resource, resource.displayName, ["resource-sidebar-tree-item", "resources-type-" + resource.type.name()]);
this._resource = resource;
this._resource.addEventListener(WebInspector.Resource.Events.MessageAdded, this._consoleMessageAdded, this);
this._resource.addEventListener(WebInspector.Resource.Events.MessagesCleared, this._consoleMessagesCleared, this);
this.tooltip = resource.url;
}
WebInspector.FrameResourceTreeElement.prototype = {
get itemURL()
{
return this._resource.url;
},
/**
* @override
* @return {boolean}
*/
onselect: function(selectedByUser)
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
this._storagePanel._showResourceView(this._resource);
return false;
},
/**
* @override
* @return {boolean}
*/
ondblclick: function(event)
{
InspectorFrontendHost.openInNewTab(this._resource.url);
return false;
},
/**
* @override
*/
onattach: function()
{
WebInspector.BaseStorageTreeElement.prototype.onattach.call(this);
if (this._resource.type === WebInspector.resourceTypes.Image) {
var iconElement = document.createElementWithClass("div", "icon");
var previewImage = iconElement.createChild("img", "image-resource-icon-preview");
this._resource.populateImageSource(previewImage);
this.listItemElement.replaceChild(iconElement, this.imageElement);
}
this._statusElement = document.createElementWithClass("div", "status");
this.listItemElement.insertBefore(this._statusElement, this.titleElement);
this.listItemElement.draggable = true;
this.listItemElement.addEventListener("dragstart", this._ondragstart.bind(this), false);
this.listItemElement.addEventListener("contextmenu", this._handleContextMenuEvent.bind(this), true);
this._updateErrorsAndWarningsBubbles();
},
/**
* @param {!MouseEvent} event
* @return {boolean}
*/
_ondragstart: function(event)
{
event.dataTransfer.setData("text/plain", this._resource.content);
event.dataTransfer.effectAllowed = "copy";
return true;
},
_handleContextMenuEvent: function(event)
{
var contextMenu = new WebInspector.ContextMenu(event);
contextMenu.appendApplicableItems(this._resource);
contextMenu.show();
},
/**
* @param {string} x
*/
_setBubbleText: function(x)
{
if (!this._bubbleElement)
this._bubbleElement = this._statusElement.createChild("div", "bubble-repeat-count");
this._bubbleElement.textContent = x;
},
_resetBubble: function()
{
if (this._bubbleElement) {
this._bubbleElement.textContent = "";
this._bubbleElement.classList.remove("warning");
this._bubbleElement.classList.remove("error");
}
},
_updateErrorsAndWarningsBubbles: function()
{
if (this._storagePanel.currentQuery)
return;
this._resetBubble();
if (this._resource.warnings || this._resource.errors)
this._setBubbleText(this._resource.warnings + this._resource.errors);
if (this._resource.warnings)
this._bubbleElement.classList.add("warning");
if (this._resource.errors)
this._bubbleElement.classList.add("error");
},
_consoleMessagesCleared: function()
{
// FIXME: move to the SourceFrame.
if (this._sourceView)
this._sourceView.clearMessages();
this._updateErrorsAndWarningsBubbles();
},
_consoleMessageAdded: function(event)
{
var msg = event.data;
if (this._sourceView)
this._sourceView.addMessage(msg);
this._updateErrorsAndWarningsBubbles();
},
/**
* @return {!WebInspector.ResourceSourceFrame}
*/
sourceView: function()
{
if (!this._sourceView) {
var sourceFrame = new WebInspector.ResourceSourceFrame(this._resource);
sourceFrame.setHighlighterType(this._resource.canonicalMimeType());
this._sourceView = sourceFrame;
if (this._resource.messages) {
for (var i = 0; i < this._resource.messages.length; i++)
this._sourceView.addMessage(this._resource.messages[i]);
}
}
return this._sourceView;
},
__proto__: WebInspector.BaseStorageTreeElement.prototype
}
/**
* @constructor
* @extends {WebInspector.BaseStorageTreeElement}
* @param {!WebInspector.ResourcesPanel} storagePanel
* @param {!WebInspector.Database} database
*/
WebInspector.DatabaseTreeElement = function(storagePanel, database)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, database.name, ["database-storage-tree-item"], true);
this._database = database;
}
WebInspector.DatabaseTreeElement.prototype = {
get itemURL()
{
return "database://" + encodeURI(this._database.name);
},
/**
* @override
* @return {boolean}
*/
onselect: function(selectedByUser)
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
this._storagePanel._showDatabase(this._database);
return false;
},
/**
* @override
*/
onexpand: function()
{
this._updateChildren();
},
_updateChildren: function()
{
this.removeChildren();
/**
* @param {!Array.<string>} tableNames
* @this {WebInspector.DatabaseTreeElement}
*/
function tableNamesCallback(tableNames)
{
var tableNamesLength = tableNames.length;
for (var i = 0; i < tableNamesLength; ++i)
this.appendChild(new WebInspector.DatabaseTableTreeElement(this._storagePanel, this._database, tableNames[i]));
}
this._database.getTableNames(tableNamesCallback.bind(this));
},
__proto__: WebInspector.BaseStorageTreeElement.prototype
}
/**
* @constructor
* @extends {WebInspector.BaseStorageTreeElement}
*/
WebInspector.DatabaseTableTreeElement = function(storagePanel, database, tableName)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, tableName, ["database-table-storage-tree-item"]);
this._database = database;
this._tableName = tableName;
}
WebInspector.DatabaseTableTreeElement.prototype = {
get itemURL()
{
return "database://" + encodeURI(this._database.name) + "/" + encodeURI(this._tableName);
},
/**
* @override
* @return {boolean}
*/
onselect: function(selectedByUser)
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this, selectedByUser);
this._storagePanel._showDatabase(this._database, this._tableName);
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()
{
WebInspector.targetManager.addModelListener(WebInspector.IndexedDBModel, WebInspector.IndexedDBModel.EventTypes.DatabaseAdded, this._indexedDBAdded, this);
WebInspector.targetManager.addModelListener(WebInspector.IndexedDBModel, WebInspector.IndexedDBModel.EventTypes.DatabaseRemoved, this._indexedDBRemoved, this);
WebInspector.targetManager.addModelListener(WebInspector.IndexedDBModel, WebInspector.IndexedDBModel.EventTypes.DatabaseLoaded, this._indexedDBLoaded, this);
/** @type {!Array.<!WebInspector.IDBDatabaseTreeElement>} */
this._idbDatabaseTreeElements = [];
var targets = WebInspector.targetManager.targets();
for (var i = 0; i < targets.length; ++i) {
var databases = targets[i].indexedDBModel.databases();
for (var j = 0; j < databases.length; ++j)
this._addIndexedDB(targets[i].indexedDBModel, databases[j]);
}
},
onattach: function()
{
WebInspector.StorageCategoryTreeElement.prototype.onattach.call(this);
this.listItemElement.addEventListener("contextmenu", this._handleContextMenuEvent.bind(this), true);
},
_handleContextMenuEvent: function(event)
{
var contextMenu = new WebInspector.ContextMenu(event);
contextMenu.appendItem(WebInspector.UIString("Refresh IndexedDB"), this.refreshIndexedDB.bind(this));
contextMenu.show();
},
refreshIndexedDB: function()
{
var targets = WebInspector.targetManager.targets();
for (var i = 0; i < targets.length; ++i)
targets[i].indexedDBModel.refreshDatabaseNames();
},
/**
* @param {!WebInspector.Event} event
*/
_indexedDBAdded: function(event)
{
var databaseId = /** @type {!WebInspector.IndexedDBModel.DatabaseId} */ (event.data);
var model = /** @type {!WebInspector.IndexedDBModel} */ (event.target);
this._addIndexedDB(model, databaseId);
},
/**
* @param {!WebInspector.IndexedDBModel} model
* @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId
*/
_addIndexedDB: function(model, databaseId)
{
var idbDatabaseTreeElement = new WebInspector.IDBDatabaseTreeElement(this._storagePanel, model, databaseId);
this._idbDatabaseTreeElements.push(idbDatabaseTreeElement);
this.appendChild(idbDatabaseTreeElement);
model.refreshDatabase(databaseId);
},
/**
* @param {!WebInspector.Event} event
*/
_indexedDBRemoved: function(event)
{
var databaseId = /** @type {!WebInspector.IndexedDBModel.DatabaseId} */ (event.data);
var model = /** @type {!WebInspector.IndexedDBModel} */ (event.target);
var idbDatabaseTreeElement = this._idbDatabaseTreeElement(model, databaseId)
if (!idbDatabaseTreeElement