Andrew Zambazos
316 lines
13 KiB
JavaScript
316 lines
13 KiB
JavaScript
/*
|
|
* Copyright (C) 2013-2020 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.ResourceTreeElement = class ResourceTreeElement extends WI.SourceCodeTreeElement
|
|
{
|
|
constructor(resource, representedObject, {allowDirectoryAsName, hideOrigin} = {})
|
|
{
|
|
console.assert(resource instanceof WI.Resource);
|
|
|
|
const title = null;
|
|
const subtitle = null;
|
|
let styleClassNames = ["resource", WI.ResourceTreeElement.ResourceIconStyleClassName, ...WI.Resource.classNamesForResource(resource)];
|
|
super(resource, styleClassNames, title, subtitle, representedObject || resource);
|
|
|
|
if (allowDirectoryAsName)
|
|
this._allowDirectoryAsName = allowDirectoryAsName;
|
|
if (hideOrigin)
|
|
this._hideOrigin = hideOrigin;
|
|
|
|
this._updateResource(resource);
|
|
}
|
|
|
|
// Static
|
|
|
|
static compareResourceTreeElements(a, b)
|
|
{
|
|
console.assert(a instanceof WI.SourceCodeTreeElement);
|
|
console.assert(b instanceof WI.SourceCodeTreeElement);
|
|
|
|
let resourceA = a.resource || a.representedObject;
|
|
let resourceB = b.resource || b.representedObject;
|
|
|
|
function resolvedType(resource) {
|
|
if (resource instanceof WI.Resource)
|
|
return resource.type;
|
|
if (resource instanceof WI.CSSStyleSheet)
|
|
return WI.Resource.Type.StyleSheet;
|
|
if (resource instanceof WI.Script)
|
|
return WI.Resource.Type.Script;
|
|
return WI.Resource.Type.Other;
|
|
}
|
|
|
|
let typeA = resolvedType(resourceA);
|
|
let typeB = resolvedType(resourceB);
|
|
|
|
// Compare by type first to keep resources grouped by type when not sorted into folders.
|
|
var comparisonResult = typeA.extendedLocaleCompare(typeB);
|
|
if (comparisonResult !== 0)
|
|
return comparisonResult;
|
|
|
|
// Compare async resource types by their first timestamp so they are in chronological order.
|
|
if (typeA === WI.Resource.Type.XHR
|
|
|| typeA === WI.Resource.Type.Fetch
|
|
|| typeA === WI.Resource.Type.WebSocket)
|
|
return resourceA.firstTimestamp - resourceB.firstTimestamp || 0;
|
|
|
|
// Compare by subtitle when the types are the same. The subtitle is used to show the
|
|
// domain of the resource. This causes resources to group by domain. If the resource
|
|
// is on the same domain as the frame it will have an empty subtitle. This is good
|
|
// because empty string sorts first, so those will appear before external resources.
|
|
comparisonResult = a.subtitle.extendedLocaleCompare(b.subtitle);
|
|
if (comparisonResult !== 0)
|
|
return comparisonResult;
|
|
|
|
// Compare by title when the subtitles are the same.
|
|
return a.mainTitle.extendedLocaleCompare(b.mainTitle);
|
|
}
|
|
|
|
static compareFolderAndResourceTreeElements(a, b)
|
|
{
|
|
var aIsFolder = a instanceof WI.FolderTreeElement;
|
|
var bIsFolder = b instanceof WI.FolderTreeElement;
|
|
|
|
if (aIsFolder && !bIsFolder)
|
|
return -1;
|
|
if (!aIsFolder && bIsFolder)
|
|
return 1;
|
|
if (aIsFolder && bIsFolder)
|
|
return a.mainTitle.extendedLocaleCompare(b.mainTitle);
|
|
|
|
return WI.ResourceTreeElement.compareResourceTreeElements(a, b);
|
|
}
|
|
|
|
// Public
|
|
|
|
get resource()
|
|
{
|
|
return this._resource;
|
|
}
|
|
|
|
get filterableData()
|
|
{
|
|
let urlComponents = this._resource.urlComponents;
|
|
return {text: [urlComponents.lastPathComponent, urlComponents.path, this._resource.url]};
|
|
}
|
|
|
|
ondblclick()
|
|
{
|
|
if (this._resource.type === WI.Resource.Type.WebSocket)
|
|
return;
|
|
|
|
WI.openURL(this._resource.url);
|
|
}
|
|
|
|
// Protected (Used by FrameTreeElement)
|
|
|
|
_updateResource(resource)
|
|
{
|
|
console.assert(resource instanceof WI.Resource);
|
|
|
|
// This method is for subclasses like FrameTreeElement who don't use a resource as the representedObject.
|
|
// This method should only be called once if the representedObject is a resource, since changing the resource
|
|
// without changing the representedObject is bad. If you need to change the resource, make a new ResourceTreeElement.
|
|
console.assert(!this._resource || !(this.representedObject instanceof WI.Resource));
|
|
|
|
if (this._resource) {
|
|
this._resource.removeEventListener(WI.Resource.Event.URLDidChange, this._urlDidChange, this);
|
|
this._resource.removeEventListener(WI.Resource.Event.TypeDidChange, this._typeDidChange, this);
|
|
this._resource.removeEventListener(WI.Resource.Event.LoadingDidFinish, this.updateStatus, this);
|
|
this._resource.removeEventListener(WI.Resource.Event.LoadingDidFail, this._loadingDidFail, this);
|
|
this._resource.removeEventListener(WI.Resource.Event.ResponseReceived, this._responseReceived, this);
|
|
}
|
|
|
|
this._updateSourceCode(resource);
|
|
|
|
this._resource = resource;
|
|
|
|
resource.addEventListener(WI.Resource.Event.URLDidChange, this._urlDidChange, this);
|
|
resource.addEventListener(WI.Resource.Event.TypeDidChange, this._typeDidChange, this);
|
|
resource.addEventListener(WI.Resource.Event.LoadingDidFinish, this.updateStatus, this);
|
|
resource.addEventListener(WI.Resource.Event.LoadingDidFail, this._loadingDidFail, this);
|
|
resource.addEventListener(WI.Resource.Event.ResponseReceived, this._responseReceived, this);
|
|
|
|
this._updateTitles();
|
|
this.updateStatus();
|
|
this._updateToolTip();
|
|
this._updateIcon();
|
|
}
|
|
|
|
// Protected
|
|
|
|
get mainTitleText()
|
|
{
|
|
// Overridden by subclasses if needed.
|
|
return WI.displayNameForURL(this._resource.url, this._resource.urlComponents, {
|
|
allowDirectoryAsName: this._allowDirectoryAsName,
|
|
});
|
|
}
|
|
|
|
_updateTitles()
|
|
{
|
|
var frame = this._resource.parentFrame;
|
|
var target = this._resource.target;
|
|
|
|
var isMainResource = this._resource.isMainResource();
|
|
var parentResourceHost = target.mainResource ? target.mainResource.urlComponents.host : null;
|
|
if (isMainResource && frame) {
|
|
// When the resource is a main resource, get the host from the current frame's parent frame instead of the current frame.
|
|
parentResourceHost = frame.parentFrame ? frame.parentFrame.mainResource.urlComponents.host : null;
|
|
} else if (frame) {
|
|
// When the resource is a normal sub-resource, get the host from the current frame's main resource.
|
|
parentResourceHost = frame.mainResource.urlComponents.host;
|
|
}
|
|
|
|
var urlComponents = this._resource.urlComponents;
|
|
|
|
var oldMainTitle = this.mainTitle;
|
|
this.mainTitle = this.mainTitleText;
|
|
|
|
if (!this._hideOrigin) {
|
|
if (this._resource.localResourceOverride) {
|
|
if (WI.NetworkManager.supportsOverridingRequests())
|
|
this.subtitle = WI.LocalResourceOverride.displayNameForType(this._resource.localResourceOverride.type);
|
|
else {
|
|
// Show the host for a local resource override if it is different from the main frame.
|
|
let localResourceOverrideHost = urlComponents.host;
|
|
let mainFrameHost = (WI.networkManager.mainFrame && WI.networkManager.mainFrame.mainResource) ? WI.networkManager.mainFrame.mainResource.urlComponents.host : null;
|
|
let subtitle = localResourceOverrideHost !== mainFrameHost ? localResourceOverrideHost : null;
|
|
this.subtitle = this.mainTitle !== subtitle ? subtitle : null;
|
|
}
|
|
} else {
|
|
// Show the host as the subtitle if it is different from the main resource or if this is the main frame's main resource.
|
|
let subtitle = (parentResourceHost !== urlComponents.host || (frame && frame.isMainFrame() && isMainResource)) ? WI.displayNameForHost(urlComponents.host) : null;
|
|
this.subtitle = this.mainTitle !== subtitle ? subtitle : null;
|
|
}
|
|
}
|
|
|
|
if (oldMainTitle !== this.mainTitle)
|
|
this.callFirstAncestorFunction("descendantResourceTreeElementMainTitleDidChange", [this, oldMainTitle]);
|
|
}
|
|
|
|
updateStatus()
|
|
{
|
|
super.updateStatus();
|
|
|
|
if (!this._resource)
|
|
return;
|
|
|
|
if (this._resource.hadLoadingError())
|
|
this.addClassName(WI.ResourceTreeElement.FailedStyleClassName);
|
|
else
|
|
this.removeClassName(WI.ResourceTreeElement.FailedStyleClassName);
|
|
|
|
if (this._resource.isLoading()) {
|
|
if (!this.status || !this.status[WI.ResourceTreeElement.SpinnerSymbol]) {
|
|
let spinner = new WI.IndeterminateProgressSpinner;
|
|
if (this.status)
|
|
this.statusElement.insertAdjacentElement("afterbegin", spinner.element);
|
|
else
|
|
this.status = spinner.element;
|
|
this.status[WI.ResourceTreeElement.SpinnerSymbol] = spinner.element;
|
|
}
|
|
} else {
|
|
if (this.status && this.status[WI.ResourceTreeElement.SpinnerSymbol]) {
|
|
if (this.status === this.status[WI.ResourceTreeElement.SpinnerSymbol])
|
|
this.status = null;
|
|
else {
|
|
this.status[WI.ResourceTreeElement.SpinnerSymbol].remove();
|
|
this.status[WI.ResourceTreeElement.SpinnerSymbol] = null;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
populateContextMenu(contextMenu, event)
|
|
{
|
|
WI.appendContextMenuItemsForSourceCode(contextMenu, this._resource);
|
|
|
|
super.populateContextMenu(contextMenu, event);
|
|
}
|
|
|
|
// Private
|
|
|
|
_updateToolTip()
|
|
{
|
|
this.tooltip = this._resource.displayURL;
|
|
}
|
|
|
|
_updateIcon()
|
|
{
|
|
let localResourceOverride = this._resource.localResourceOverride || WI.networkManager.localResourceOverridesForURL(this._resource.url).filter((localResourceOverride) => !localResourceOverride.disabled)[0];
|
|
let isOverride = !!this._resource.localResourceOverride;
|
|
let wasOverridden = this._resource.responseSource === WI.Resource.ResponseSource.InspectorOverride;
|
|
let shouldBeOverridden = this._resource.isLoading() && localResourceOverride;
|
|
let shouldBeBlocked = (this._resource.failed || isOverride) && localResourceOverride?.type === WI.LocalResourceOverride.InterceptType.Block;
|
|
if (isOverride || wasOverridden || shouldBeOverridden || shouldBeBlocked) {
|
|
this.addClassName("override");
|
|
|
|
if (shouldBeBlocked || localResourceOverride?.type === WI.LocalResourceOverride.InterceptType.ResponseSkippingNetwork)
|
|
this.addClassName("skip-network");
|
|
} else {
|
|
this.removeClassName("override");
|
|
this.removeClassName("skip-network");
|
|
}
|
|
|
|
if (wasOverridden)
|
|
this.iconElement.title = WI.UIString("This resource was loaded from a local override");
|
|
else if (shouldBeBlocked)
|
|
this.iconElement.title = WI.UIString("This resource was blocked by a local override");
|
|
else
|
|
this.iconElement.title = "";
|
|
}
|
|
|
|
_urlDidChange(event)
|
|
{
|
|
this._updateTitles();
|
|
this._updateToolTip();
|
|
}
|
|
|
|
_typeDidChange(event)
|
|
{
|
|
this.removeClassName(event.data.oldType);
|
|
this.addClassName(this._resource.type);
|
|
|
|
this.callFirstAncestorFunction("descendantResourceTreeElementTypeDidChange", [this, event.data.oldType]);
|
|
}
|
|
|
|
_loadingDidFail(event)
|
|
{
|
|
this.updateStatus();
|
|
this._updateIcon();
|
|
}
|
|
|
|
_responseReceived(event)
|
|
{
|
|
this._updateIcon();
|
|
}
|
|
};
|
|
|
|
WI.ResourceTreeElement.ResourceIconStyleClassName = "resource-icon";
|
|
WI.ResourceTreeElement.FailedStyleClassName = "failed";
|
|
|
|
WI.ResourceTreeElement.SpinnerSymbol = Symbol("spinner");
|