chrome-devtools-frontend
Version:
Chrome DevTools UI
1,139 lines (1,021 loc) • 68 kB
text/typescript
/*
* Copyright (C) 2011 Google 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:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * 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.
* * Neither the name of Google Inc. 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 THE COPYRIGHT HOLDERS AND 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 THE COPYRIGHT
* OWNER OR 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.
*/
// TODO(crbug.com/1172300) Ignored during the jsdoc to ts migration
/* eslint-disable @typescript-eslint/naming-convention */
/* eslint-disable rulesdir/no-imperative-dom-api */
import type {Chrome} from '../../../extension-api/ExtensionAPI.js';
import * as Common from '../../core/common/common.js';
import * as Host from '../../core/host/host.js';
import * as i18n from '../../core/i18n/i18n.js';
import * as Platform from '../../core/platform/platform.js';
import * as _ProtocolClient from '../../core/protocol_client/protocol_client.js'; // eslint-disable-line @typescript-eslint/no-unused-vars
import * as SDK from '../../core/sdk/sdk.js';
import type * as Protocol from '../../generated/protocol.js';
import * as Logs from '../../models/logs/logs.js';
import * as Components from '../../ui/legacy/components/utils/utils.js';
import * as UI from '../../ui/legacy/legacy.js';
import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
import * as Bindings from '../bindings/bindings.js';
import * as HAR from '../har/har.js';
import * as TextUtils from '../text_utils/text_utils.js';
import * as Workspace from '../workspace/workspace.js';
import {PrivateAPI} from './ExtensionAPI.js';
import {ExtensionButton, ExtensionPanel, ExtensionSidebarPane} from './ExtensionPanel.js';
import {HostUrlPattern} from './HostUrlPattern.js';
import {LanguageExtensionEndpoint} from './LanguageExtensionEndpoint.js';
import {RecorderExtensionEndpoint} from './RecorderExtensionEndpoint.js';
import {RecorderPluginManager} from './RecorderPluginManager.js';
const extensionOrigins = new WeakMap<MessagePort, Platform.DevToolsPath.UrlString>();
const kPermittedSchemes = ['http:', 'https:', 'file:', 'data:', 'chrome-extension:', 'about:'];
declare global {
interface Window {
DevToolsAPI?: {getInspectedTabId?(): string|undefined, getOriginsForbiddenForExtensions?(): string[]};
}
}
let extensionServerInstance: ExtensionServer|null;
export class HostsPolicy {
static create(policy?: Host.InspectorFrontendHostAPI.ExtensionHostsPolicy): HostsPolicy|null {
const runtimeAllowedHosts = [];
const runtimeBlockedHosts = [];
if (policy) {
for (const pattern of policy.runtimeAllowedHosts) {
const parsedPattern = HostUrlPattern.parse(pattern);
if (!parsedPattern) {
return null;
}
runtimeAllowedHosts.push(parsedPattern);
}
for (const pattern of policy.runtimeBlockedHosts) {
const parsedPattern = HostUrlPattern.parse(pattern);
if (!parsedPattern) {
return null;
}
runtimeBlockedHosts.push(parsedPattern);
}
}
return new HostsPolicy(runtimeAllowedHosts, runtimeBlockedHosts);
}
private constructor(readonly runtimeAllowedHosts: HostUrlPattern[], readonly runtimeBlockedHosts: HostUrlPattern[]) {
}
isAllowedOnURL(inspectedURL?: Platform.DevToolsPath.UrlString): boolean {
if (!inspectedURL) {
// If there aren't any blocked hosts retain the old behavior and don't worry about the inspectedURL
return this.runtimeBlockedHosts.length === 0;
}
if (this.runtimeBlockedHosts.some(pattern => pattern.matchesUrl(inspectedURL)) &&
!this.runtimeAllowedHosts.some(pattern => pattern.matchesUrl(inspectedURL))) {
return false;
}
return true;
}
}
class RegisteredExtension {
constructor(readonly name: string, readonly hostsPolicy: HostsPolicy, readonly allowFileAccess: boolean) {
}
isAllowedOnTarget(inspectedURL?: Platform.DevToolsPath.UrlString): boolean {
if (!inspectedURL) {
inspectedURL = SDK.TargetManager.TargetManager.instance().primaryPageTarget()?.inspectedURL();
}
if (!inspectedURL) {
return false;
}
if (!ExtensionServer.canInspectURL(inspectedURL)) {
return false;
}
if (!this.hostsPolicy.isAllowedOnURL(inspectedURL)) {
return false;
}
if (!this.allowFileAccess) {
let parsedURL;
try {
parsedURL = new URL(inspectedURL);
} catch {
return false;
}
return parsedURL.protocol !== 'file:';
}
return true;
}
}
export class RevealableNetworkRequestFilter {
constructor(readonly filter: string|undefined) {
}
}
export class ExtensionServer extends Common.ObjectWrapper.ObjectWrapper<EventTypes> {
private readonly clientObjects: Map<string, unknown>;
private readonly handlers:
Map<string, (message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort) => unknown>;
private readonly subscribers: Map<string, Set<MessagePort>>;
private readonly subscriptionStartHandlers: Map<string, () => unknown>;
private readonly subscriptionStopHandlers: Map<string, () => unknown>;
private readonly extraHeaders: Map<string, Map<string, unknown>>;
private requests: Map<number, TextUtils.ContentProvider.ContentProvider>;
private readonly requestIds: Map<TextUtils.ContentProvider.ContentProvider, number>;
private lastRequestId: number;
private registeredExtensions: Map<string, RegisteredExtension>;
private status: ExtensionStatus;
private readonly sidebarPanesInternal: ExtensionSidebarPane[];
private extensionsEnabled: boolean;
private inspectedTabId?: string;
private readonly extensionAPITestHook?: (server: unknown, api: unknown) => unknown;
private themeChangeHandlers = new Map<string, MessagePort>();
readonly #pendingExtensions: Host.InspectorFrontendHostAPI.ExtensionDescriptor[] = [];
private constructor() {
super();
this.clientObjects = new Map();
this.handlers = new Map();
this.subscribers = new Map();
this.subscriptionStartHandlers = new Map();
this.subscriptionStopHandlers = new Map();
this.extraHeaders = new Map();
this.requests = new Map();
this.requestIds = new Map();
this.lastRequestId = 0;
this.registeredExtensions = new Map();
this.status = new ExtensionStatus();
this.sidebarPanesInternal = [];
// TODO(caseq): properly unload extensions when we disable them.
this.extensionsEnabled = true;
this.registerHandler(PrivateAPI.Commands.AddRequestHeaders, this.onAddRequestHeaders.bind(this));
this.registerHandler(PrivateAPI.Commands.CreatePanel, this.onCreatePanel.bind(this));
this.registerHandler(PrivateAPI.Commands.CreateSidebarPane, this.onCreateSidebarPane.bind(this));
this.registerHandler(PrivateAPI.Commands.CreateToolbarButton, this.onCreateToolbarButton.bind(this));
this.registerHandler(PrivateAPI.Commands.EvaluateOnInspectedPage, this.onEvaluateOnInspectedPage.bind(this));
this.registerHandler(PrivateAPI.Commands.ForwardKeyboardEvent, this.onForwardKeyboardEvent.bind(this));
this.registerHandler(PrivateAPI.Commands.GetHAR, this.onGetHAR.bind(this));
this.registerHandler(PrivateAPI.Commands.GetPageResources, this.onGetPageResources.bind(this));
this.registerHandler(PrivateAPI.Commands.GetRequestContent, this.onGetRequestContent.bind(this));
this.registerHandler(PrivateAPI.Commands.GetResourceContent, this.onGetResourceContent.bind(this));
this.registerHandler(PrivateAPI.Commands.Reload, this.onReload.bind(this));
this.registerHandler(PrivateAPI.Commands.SetOpenResourceHandler, this.onSetOpenResourceHandler.bind(this));
this.registerHandler(PrivateAPI.Commands.SetThemeChangeHandler, this.onSetThemeChangeHandler.bind(this));
this.registerHandler(PrivateAPI.Commands.SetResourceContent, this.onSetResourceContent.bind(this));
this.registerHandler(PrivateAPI.Commands.AttachSourceMapToResource, this.onAttachSourceMapToResource.bind(this));
this.registerHandler(PrivateAPI.Commands.SetSidebarHeight, this.onSetSidebarHeight.bind(this));
this.registerHandler(PrivateAPI.Commands.SetSidebarContent, this.onSetSidebarContent.bind(this));
this.registerHandler(PrivateAPI.Commands.SetSidebarPage, this.onSetSidebarPage.bind(this));
this.registerHandler(PrivateAPI.Commands.ShowPanel, this.onShowPanel.bind(this));
this.registerHandler(PrivateAPI.Commands.Subscribe, this.onSubscribe.bind(this));
this.registerHandler(PrivateAPI.Commands.OpenResource, this.onOpenResource.bind(this));
this.registerHandler(PrivateAPI.Commands.Unsubscribe, this.onUnsubscribe.bind(this));
this.registerHandler(PrivateAPI.Commands.UpdateButton, this.onUpdateButton.bind(this));
this.registerHandler(
PrivateAPI.Commands.RegisterLanguageExtensionPlugin, this.registerLanguageExtensionEndpoint.bind(this));
this.registerHandler(PrivateAPI.Commands.GetWasmLinearMemory, this.onGetWasmLinearMemory.bind(this));
this.registerHandler(PrivateAPI.Commands.GetWasmGlobal, this.onGetWasmGlobal.bind(this));
this.registerHandler(PrivateAPI.Commands.GetWasmLocal, this.onGetWasmLocal.bind(this));
this.registerHandler(PrivateAPI.Commands.GetWasmOp, this.onGetWasmOp.bind(this));
this.registerHandler(
PrivateAPI.Commands.RegisterRecorderExtensionPlugin, this.registerRecorderExtensionEndpoint.bind(this));
this.registerHandler(PrivateAPI.Commands.ReportResourceLoad, this.onReportResourceLoad.bind(this));
this.registerHandler(PrivateAPI.Commands.SetFunctionRangesForScript, this.onSetFunctionRangesForScript.bind(this));
this.registerHandler(PrivateAPI.Commands.CreateRecorderView, this.onCreateRecorderView.bind(this));
this.registerHandler(PrivateAPI.Commands.ShowRecorderView, this.onShowRecorderView.bind(this));
this.registerHandler(PrivateAPI.Commands.ShowNetworkPanel, this.onShowNetworkPanel.bind(this));
window.addEventListener('message', this.onWindowMessage, false); // Only for main window.
const existingTabId = window.DevToolsAPI?.getInspectedTabId?.();
if (existingTabId) {
this.setInspectedTabId({data: existingTabId});
}
Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(
Host.InspectorFrontendHostAPI.Events.SetInspectedTabId, this.setInspectedTabId, this);
this.initExtensions();
ThemeSupport.ThemeSupport.instance().addEventListener(ThemeSupport.ThemeChangeEvent.eventName, this.#onThemeChange);
}
get isEnabledForTest(): boolean {
return this.extensionsEnabled;
}
dispose(): void {
ThemeSupport.ThemeSupport.instance().removeEventListener(
ThemeSupport.ThemeChangeEvent.eventName, this.#onThemeChange);
// Set up by this.initExtensions in the constructor.
SDK.TargetManager.TargetManager.instance().removeEventListener(
SDK.TargetManager.Events.INSPECTED_URL_CHANGED, this.inspectedURLChanged, this);
Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.removeEventListener(
Host.InspectorFrontendHostAPI.Events.SetInspectedTabId, this.setInspectedTabId, this);
window.removeEventListener('message', this.onWindowMessage, false);
}
#onThemeChange = (): void => {
const themeName = ThemeSupport.ThemeSupport.instance().themeName();
for (const port of this.themeChangeHandlers.values()) {
port.postMessage({command: PrivateAPI.Events.ThemeChange, themeName});
}
};
static instance(opts: {
forceNew: boolean|null,
} = {forceNew: null}): ExtensionServer {
const {forceNew} = opts;
if (!extensionServerInstance || forceNew) {
extensionServerInstance?.dispose();
extensionServerInstance = new ExtensionServer();
}
return extensionServerInstance;
}
initializeExtensions(): void {
// Defer initialization until DevTools is fully loaded.
if (this.inspectedTabId !== null) {
Host.InspectorFrontendHost.InspectorFrontendHostInstance.setAddExtensionCallback(this.addExtension.bind(this));
}
}
hasExtensions(): boolean {
return Boolean(this.registeredExtensions.size);
}
notifySearchAction(panelId: string, action: string, searchString?: string): void {
this.postNotification(PrivateAPI.Events.PanelSearch + panelId, [action, searchString]);
}
notifyViewShown(identifier: string, frameIndex?: number): void {
this.postNotification(PrivateAPI.Events.ViewShown + identifier, [frameIndex]);
}
notifyViewHidden(identifier: string): void {
this.postNotification(PrivateAPI.Events.ViewHidden + identifier, []);
}
notifyButtonClicked(identifier: string): void {
this.postNotification(PrivateAPI.Events.ButtonClicked + identifier, []);
}
profilingStarted(): void {
this.postNotification(PrivateAPI.Events.ProfilingStarted, []);
}
profilingStopped(): void {
this.postNotification(PrivateAPI.Events.ProfilingStopped, []);
}
private registerLanguageExtensionEndpoint(
message: PrivateAPI.ExtensionServerRequestMessage, _shared_port: MessagePort): Record {
if (message.command !== PrivateAPI.Commands.RegisterLanguageExtensionPlugin) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.RegisterLanguageExtensionPlugin}`);
}
const {pluginManager} = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
const {pluginName, port, supportedScriptTypes: {language, symbol_types}} = message;
const symbol_types_array =
(Array.isArray(symbol_types) && symbol_types.every(e => typeof e === 'string') ? symbol_types : []);
const extensionOrigin = this.getExtensionOrigin(_shared_port);
const registration = this.registeredExtensions.get(extensionOrigin);
if (!registration) {
throw new Error('Received a message from an unregistered extension');
}
const endpoint = new LanguageExtensionEndpoint(
registration.allowFileAccess, extensionOrigin, pluginName, {language, symbol_types: symbol_types_array}, port);
pluginManager.addPlugin(endpoint);
return this.status.OK();
}
private async loadWasmValue<T>(
expectValue: boolean, convert: (result: Protocol.Runtime.RemoteObject) => Record | T, expression: string,
stopId: unknown): Promise<Record|T> {
const {pluginManager} = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
const callFrame = pluginManager.callFrameForStopId(stopId as Bindings.DebuggerLanguagePlugins.StopId);
if (!callFrame) {
return this.status.E_BADARG('stopId', 'Unknown stop id');
}
const result = await callFrame.debuggerModel.agent.invoke_evaluateOnCallFrame({
callFrameId: callFrame.id,
expression,
silent: true,
returnByValue: !expectValue,
generatePreview: expectValue,
throwOnSideEffect: true,
});
if (!result.exceptionDetails && !result.getError()) {
return convert(result.result);
}
return this.status.E_FAILED('Failed');
}
private async onGetWasmLinearMemory(message: PrivateAPI.ExtensionServerRequestMessage): Promise<Record|number[]> {
if (message.command !== PrivateAPI.Commands.GetWasmLinearMemory) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.GetWasmLinearMemory}`);
}
return await this.loadWasmValue<number[]>(
false, result => result.value,
`[].slice.call(new Uint8Array(memories[0].buffer, ${Number(message.offset)}, ${Number(message.length)}))`,
message.stopId);
}
private convertWasmValue(valueClass: 'local'|'global'|'operand', index: number):
(obj: Protocol.Runtime.RemoteObject) => Chrome.DevTools.WasmValue | undefined | Record {
return obj => {
if (obj.type === 'undefined') {
return;
}
if (obj.type !== 'object' || obj.subtype !== 'wasmvalue') {
return this.status.E_FAILED('Bad object type');
}
const type = obj?.description;
const value: string = obj.preview?.properties?.find(o => o.name === 'value')?.value ?? '';
switch (type) {
case 'i32':
case 'f32':
case 'f64':
return {type, value: Number(value)};
case 'i64':
return {type, value: BigInt(value.replace(/n$/, ''))};
case 'v128':
return {type, value};
default:
return {type: 'reftype', valueClass, index};
}
};
}
private async onGetWasmGlobal(message: PrivateAPI.ExtensionServerRequestMessage):
Promise<Record|Chrome.DevTools.WasmValue> {
if (message.command !== PrivateAPI.Commands.GetWasmGlobal) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.GetWasmGlobal}`);
}
const global = Number(message.global);
const result = await this.loadWasmValue<Chrome.DevTools.WasmValue|undefined>(
true, this.convertWasmValue('global', global), `globals[${global}]`, message.stopId);
return result ?? this.status.E_BADARG('global', `No global with index ${global}`);
}
private async onGetWasmLocal(message: PrivateAPI.ExtensionServerRequestMessage):
Promise<Record|Chrome.DevTools.WasmValue> {
if (message.command !== PrivateAPI.Commands.GetWasmLocal) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.GetWasmLocal}`);
}
const local = Number(message.local);
const result = await this.loadWasmValue<Chrome.DevTools.WasmValue|undefined>(
true, this.convertWasmValue('local', local), `locals[${local}]`, message.stopId);
return result ?? this.status.E_BADARG('local', `No local with index ${local}`);
}
private async onGetWasmOp(message: PrivateAPI.ExtensionServerRequestMessage):
Promise<Record|Chrome.DevTools.WasmValue> {
if (message.command !== PrivateAPI.Commands.GetWasmOp) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.GetWasmOp}`);
}
const op = Number(message.op);
const result = await this.loadWasmValue<Chrome.DevTools.WasmValue|undefined>(
true, this.convertWasmValue('operand', op), `stack[${op}]`, message.stopId);
return result ?? this.status.E_BADARG('op', `No operand with index ${op}`);
}
private registerRecorderExtensionEndpoint(
message: PrivateAPI.ExtensionServerRequestMessage, _shared_port: MessagePort): Record {
if (message.command !== PrivateAPI.Commands.RegisterRecorderExtensionPlugin) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.RegisterRecorderExtensionPlugin}`);
}
const {pluginName, mediaType, port, capabilities} = message;
RecorderPluginManager.instance().addPlugin(
new RecorderExtensionEndpoint(pluginName, port, capabilities, mediaType));
return this.status.OK();
}
private onReportResourceLoad(message: PrivateAPI.ExtensionServerRequestMessage): Record {
if (message.command !== PrivateAPI.Commands.ReportResourceLoad) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.ReportResourceLoad}`);
}
const {resourceUrl, extensionId, status} = message;
const url = resourceUrl as Platform.DevToolsPath.UrlString;
const initiator: SDK.PageResourceLoader.ExtensionInitiator =
{target: null, frameId: null, initiatorUrl: extensionId as Platform.DevToolsPath.UrlString, extensionId};
const pageResource: SDK.PageResourceLoader.PageResource = {
url,
initiator,
errorMessage: status.errorMessage,
success: status.success ?? null,
size: status.size ?? null,
duration: null,
};
SDK.PageResourceLoader.PageResourceLoader.instance().resourceLoadedThroughExtension(pageResource);
return this.status.OK();
}
private onSetFunctionRangesForScript(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record {
if (message.command !== PrivateAPI.Commands.SetFunctionRangesForScript) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.SetFunctionRangesForScript}`);
}
const {scriptUrl, ranges} = message;
if (!scriptUrl || !ranges?.length) {
return this.status.E_BADARG('command', 'expected valid scriptUrl and non-empty NamedFunctionRanges');
}
if (!this.extensionAllowedOnURL(scriptUrl as Platform.DevToolsPath.UrlString, port)) {
return this.status.E_FAILED('Permission denied');
}
const uiSourceCode =
Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(scriptUrl as Platform.DevToolsPath.UrlString);
if (!uiSourceCode) {
return this.status.E_NOTFOUND(scriptUrl);
}
if (!uiSourceCode.contentType().isScript() || !uiSourceCode.contentType().isFromSourceMap()) {
return this.status.E_BADARG('command', `expected a source map script resource for url: ${scriptUrl}`);
}
try {
Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance().setFunctionRanges(uiSourceCode, ranges);
} catch (e) {
return this.status.E_FAILED(e);
}
return this.status.OK();
}
private onShowRecorderView(message: PrivateAPI.ExtensionServerRequestMessage): Record|undefined {
if (message.command !== PrivateAPI.Commands.ShowRecorderView) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.ShowRecorderView}`);
}
RecorderPluginManager.instance().showView(message.id);
return undefined;
}
private onShowNetworkPanel(message: PrivateAPI.ExtensionServerRequestMessage): Record|undefined {
if (message.command !== PrivateAPI.Commands.ShowNetworkPanel) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.ShowNetworkPanel}`);
}
void Common.Revealer.reveal(new RevealableNetworkRequestFilter(message.filter));
return this.status.OK();
}
private onCreateRecorderView(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record {
if (message.command !== PrivateAPI.Commands.CreateRecorderView) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.CreateRecorderView}`);
}
const id = message.id;
// The ids are generated on the client API side and must be unique, so the check below
// shouldn't be hit unless someone is bypassing the API.
if (this.clientObjects.has(id)) {
return this.status.E_EXISTS(id);
}
const pagePath = ExtensionServer.expandResourcePath(this.getExtensionOrigin(port), message.pagePath);
if (pagePath === undefined) {
return this.status.E_BADARG('pagePath', 'Resources paths cannot point to non-extension resources');
}
const onShown = (): void => this.notifyViewShown(id);
const onHidden = (): void => this.notifyViewHidden(id);
RecorderPluginManager.instance().registerView({
id,
pagePath,
title: message.title,
onShown,
onHidden,
});
return this.status.OK();
}
private inspectedURLChanged(event: Common.EventTarget.EventTargetEvent<SDK.Target.Target>): void {
if (!ExtensionServer.canInspectURL(event.data.inspectedURL())) {
this.disableExtensions();
return;
}
if (event.data !== SDK.TargetManager.TargetManager.instance().primaryPageTarget()) {
return;
}
this.requests = new Map();
this.enableExtensions();
const url = event.data.inspectedURL();
this.postNotification(PrivateAPI.Events.InspectedURLChanged, [url]);
const extensions = this.#pendingExtensions.splice(0);
extensions.forEach(e => this.addExtension(e));
}
hasSubscribers(type: string): boolean {
return this.subscribers.has(type);
}
private postNotification(type: string, args: unknown[], filter?: (extension: RegisteredExtension) => boolean): void {
if (!this.extensionsEnabled) {
return;
}
const subscribers = this.subscribers.get(type);
if (!subscribers) {
return;
}
const message = {command: 'notify-' + type, arguments: args};
for (const subscriber of subscribers) {
if (!this.extensionEnabled(subscriber)) {
continue;
}
if (filter) {
const origin = extensionOrigins.get(subscriber);
const extension = origin && this.registeredExtensions.get(origin);
if (!extension || !filter(extension)) {
continue;
}
}
subscriber.postMessage(message);
}
}
private onSubscribe(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record|undefined {
if (message.command !== PrivateAPI.Commands.Subscribe) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.Subscribe}`);
}
const subscribers = this.subscribers.get(message.type);
if (subscribers) {
subscribers.add(port);
} else {
this.subscribers.set(message.type, new Set([port]));
const handler = this.subscriptionStartHandlers.get(message.type);
if (handler) {
handler();
}
}
return undefined;
}
private onUnsubscribe(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record|undefined {
if (message.command !== PrivateAPI.Commands.Unsubscribe) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.Unsubscribe}`);
}
const subscribers = this.subscribers.get(message.type);
if (!subscribers) {
return;
}
subscribers.delete(port);
if (!subscribers.size) {
this.subscribers.delete(message.type);
const handler = this.subscriptionStopHandlers.get(message.type);
if (handler) {
handler();
}
}
return undefined;
}
private onAddRequestHeaders(message: PrivateAPI.ExtensionServerRequestMessage): Record|undefined {
if (message.command !== PrivateAPI.Commands.AddRequestHeaders) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.AddRequestHeaders}`);
}
const id = message.extensionId;
if (typeof id !== 'string') {
return this.status.E_BADARGTYPE('extensionId', typeof id, 'string');
}
let extensionHeaders = this.extraHeaders.get(id);
if (!extensionHeaders) {
extensionHeaders = new Map();
this.extraHeaders.set(id, extensionHeaders);
}
for (const name in message.headers) {
extensionHeaders.set(name, message.headers[name]);
}
const allHeaders = ({} as Protocol.Network.Headers);
for (const headers of this.extraHeaders.values()) {
for (const [name, value] of headers) {
if (name !== '__proto__' && typeof value === 'string') {
allHeaders[name] = value;
}
}
}
SDK.NetworkManager.MultitargetNetworkManager.instance().setExtraHTTPHeaders(allHeaders);
return undefined;
}
private getExtensionOrigin(port: MessagePort): Platform.DevToolsPath.UrlString {
const origin = extensionOrigins.get(port);
if (!origin) {
throw new Error('Received a message from an unregistered extension');
}
return origin;
}
private onCreatePanel(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record {
if (message.command !== PrivateAPI.Commands.CreatePanel) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.CreatePanel}`);
}
const id = message.id;
// The ids are generated on the client API side and must be unique, so the check below
// shouldn't be hit unless someone is bypassing the API.
if (this.clientObjects.has(id) || UI.InspectorView.InspectorView.instance().hasPanel(id)) {
return this.status.E_EXISTS(id);
}
const page = ExtensionServer.expandResourcePath(this.getExtensionOrigin(port), message.page);
if (page === undefined) {
return this.status.E_BADARG('page', 'Resources paths cannot point to non-extension resources');
}
let persistentId = this.getExtensionOrigin(port) + message.title;
persistentId = persistentId.replace(/\s|:\d+/g, '');
const panelView = new ExtensionServerPanelView(
persistentId, i18n.i18n.lockedString(message.title), new ExtensionPanel(this, persistentId, id, page));
this.clientObjects.set(id, panelView);
UI.InspectorView.InspectorView.instance().addPanel(panelView);
return this.status.OK();
}
private onShowPanel(message: PrivateAPI.ExtensionServerRequestMessage): Record|undefined {
if (message.command !== PrivateAPI.Commands.ShowPanel) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.ShowPanel}`);
}
let panelViewId = message.id;
const panelView = this.clientObjects.get(message.id);
if (panelView && panelView instanceof ExtensionServerPanelView) {
panelViewId = panelView.viewId();
}
void UI.InspectorView.InspectorView.instance().showPanel(panelViewId);
return undefined;
}
private onCreateToolbarButton(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record {
if (message.command !== PrivateAPI.Commands.CreateToolbarButton) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.CreateToolbarButton}`);
}
const panelView = this.clientObjects.get(message.panel);
if (!panelView || !(panelView instanceof ExtensionServerPanelView)) {
return this.status.E_NOTFOUND(message.panel);
}
const resourcePath = ExtensionServer.expandResourcePath(this.getExtensionOrigin(port), message.icon);
if (resourcePath === undefined) {
return this.status.E_BADARG('icon', 'Resources paths cannot point to non-extension resources');
}
const button = new ExtensionButton(this, message.id, resourcePath, message.tooltip, message.disabled);
this.clientObjects.set(message.id, button);
void panelView.widget().then(appendButton);
function appendButton(panel: UI.Widget.Widget): void {
(panel as ExtensionPanel).addToolbarItem(button.toolbarButton());
}
return this.status.OK();
}
private onUpdateButton(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record {
if (message.command !== PrivateAPI.Commands.UpdateButton) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.UpdateButton}`);
}
const button = this.clientObjects.get(message.id);
if (!button || !(button instanceof ExtensionButton)) {
return this.status.E_NOTFOUND(message.id);
}
const resourcePath =
message.icon && ExtensionServer.expandResourcePath(this.getExtensionOrigin(port), message.icon);
if (message.icon && resourcePath === undefined) {
return this.status.E_BADARG('icon', 'Resources paths cannot point to non-extension resources');
}
button.update(resourcePath, message.tooltip, message.disabled);
return this.status.OK();
}
private onCreateSidebarPane(message: PrivateAPI.ExtensionServerRequestMessage): Record {
if (message.command !== PrivateAPI.Commands.CreateSidebarPane) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.CreateSidebarPane}`);
}
const id = message.id;
const sidebar = new ExtensionSidebarPane(this, message.panel, i18n.i18n.lockedString(message.title), id);
this.sidebarPanesInternal.push(sidebar);
this.clientObjects.set(id, sidebar);
this.dispatchEventToListeners(Events.SidebarPaneAdded, sidebar);
return this.status.OK();
}
sidebarPanes(): ExtensionSidebarPane[] {
return this.sidebarPanesInternal;
}
private onSetSidebarHeight(message: PrivateAPI.ExtensionServerRequestMessage): Record {
if (message.command !== PrivateAPI.Commands.SetSidebarHeight) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.SetSidebarHeight}`);
}
const sidebar = this.clientObjects.get(message.id);
if (!sidebar || !(sidebar instanceof ExtensionSidebarPane)) {
return this.status.E_NOTFOUND(message.id);
}
sidebar.setHeight(message.height);
return this.status.OK();
}
private onSetSidebarContent(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record|undefined {
if (message.command !== PrivateAPI.Commands.SetSidebarContent) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.SetSidebarContent}`);
}
const {requestId, id, rootTitle, expression, evaluateOptions, evaluateOnPage} = message;
const sidebar = this.clientObjects.get(id);
if (!sidebar || !(sidebar instanceof ExtensionSidebarPane)) {
return this.status.E_NOTFOUND(message.id);
}
function callback(this: ExtensionServer, error: unknown): void {
const result = error ? this.status.E_FAILED(error) : this.status.OK();
this.dispatchCallback(requestId, port, result);
}
if (evaluateOnPage) {
sidebar.setExpression(expression, rootTitle, evaluateOptions, this.getExtensionOrigin(port), callback.bind(this));
return undefined;
}
sidebar.setObject(message.expression, message.rootTitle, callback.bind(this));
return undefined;
}
private onSetSidebarPage(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record|undefined {
if (message.command !== PrivateAPI.Commands.SetSidebarPage) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.SetSidebarPage}`);
}
const sidebar = this.clientObjects.get(message.id);
if (!sidebar || !(sidebar instanceof ExtensionSidebarPane)) {
return this.status.E_NOTFOUND(message.id);
}
const resourcePath = ExtensionServer.expandResourcePath(this.getExtensionOrigin(port), message.page);
if (resourcePath === undefined) {
return this.status.E_BADARG('page', 'Resources paths cannot point to non-extension resources');
}
sidebar.setPage(resourcePath);
return undefined;
}
private onOpenResource(message: PrivateAPI.ExtensionServerRequestMessage): Record {
if (message.command !== PrivateAPI.Commands.OpenResource) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.OpenResource}`);
}
const uiSourceCode = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(message.url);
if (uiSourceCode) {
void Common.Revealer.reveal(uiSourceCode.uiLocation(message.lineNumber, message.columnNumber));
return this.status.OK();
}
const resource = Bindings.ResourceUtils.resourceForURL(message.url);
if (resource) {
void Common.Revealer.reveal(resource);
return this.status.OK();
}
const request = Logs.NetworkLog.NetworkLog.instance().requestForURL(message.url);
if (request) {
void Common.Revealer.reveal(request);
return this.status.OK();
}
return this.status.E_NOTFOUND(message.url);
}
private onSetOpenResourceHandler(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record
|undefined {
if (message.command !== PrivateAPI.Commands.SetOpenResourceHandler) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.SetOpenResourceHandler}`);
}
const extension = this.registeredExtensions.get(this.getExtensionOrigin(port));
if (!extension) {
throw new Error('Received a message from an unregistered extension');
}
const {name} = extension;
if (message.handlerPresent) {
Components.Linkifier.Linkifier.registerLinkHandler(name, this.handleOpenURL.bind(this, port));
} else {
Components.Linkifier.Linkifier.unregisterLinkHandler(name);
}
return undefined;
}
private onSetThemeChangeHandler(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record
|undefined {
if (message.command !== PrivateAPI.Commands.SetThemeChangeHandler) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.SetThemeChangeHandler}`);
}
const extensionOrigin = this.getExtensionOrigin(port);
const extension = this.registeredExtensions.get(extensionOrigin);
if (!extension) {
throw new Error('Received a message from an unregistered extension');
}
if (message.handlerPresent) {
this.themeChangeHandlers.set(extensionOrigin, port);
} else {
this.themeChangeHandlers.delete(extensionOrigin);
}
return undefined;
}
private handleOpenURL(
port: MessagePort, contentProvider: TextUtils.ContentProvider.ContentProvider, lineNumber: number): void {
if (this.extensionAllowedOnURL(contentProvider.contentURL(), port)) {
port.postMessage(
{command: 'open-resource', resource: this.makeResource(contentProvider), lineNumber: lineNumber + 1});
}
}
private extensionAllowedOnURL(url: Platform.DevToolsPath.UrlString, port: MessagePort): boolean {
const origin = extensionOrigins.get(port);
const extension = origin && this.registeredExtensions.get(origin);
return Boolean(extension?.isAllowedOnTarget(url));
}
private extensionAllowedOnTarget(target: SDK.Target.Target, port: MessagePort): boolean {
return this.extensionAllowedOnURL(target.inspectedURL(), port);
}
private onReload(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record {
if (message.command !== PrivateAPI.Commands.Reload) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.Reload}`);
}
const options = (message.options || {});
SDK.NetworkManager.MultitargetNetworkManager.instance().setUserAgentOverride(
typeof options.userAgent === 'string' ? options.userAgent : '', null);
let injectedScript;
if (options.injectedScript) {
injectedScript = '(function(){' + options.injectedScript + '})()';
}
const target = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
if (!target) {
return this.status.OK();
}
const resourceTreeModel = target.model(SDK.ResourceTreeModel.ResourceTreeModel);
if (!this.extensionAllowedOnTarget(target, port)) {
return this.status.E_FAILED('Permission denied');
}
resourceTreeModel?.reloadPage(Boolean(options.ignoreCache), injectedScript);
return this.status.OK();
}
private onEvaluateOnInspectedPage(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record
|undefined {
if (message.command !== PrivateAPI.Commands.EvaluateOnInspectedPage) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.EvaluateOnInspectedPage}`);
}
const {requestId, expression, evaluateOptions} = message;
function callback(
this: ExtensionServer, error: string|null, object: SDK.RemoteObject.RemoteObject|null,
wasThrown: boolean): void {
let result;
if (error || !object) {
result = this.status.E_PROTOCOLERROR(error?.toString());
} else if (wasThrown) {
result = {isException: true, value: object.description};
} else {
result = {value: object.value};
}
this.dispatchCallback(requestId, port, result);
}
return this.evaluate(expression, true, true, evaluateOptions, this.getExtensionOrigin(port), callback.bind(this));
}
private async onGetHAR(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort):
Promise<Record|HAR.Log.LogDTO> {
if (message.command !== PrivateAPI.Commands.GetHAR) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.GetHAR}`);
}
const requests =
Logs.NetworkLog.NetworkLog.instance().requests().filter(r => this.extensionAllowedOnURL(r.url(), port));
const harLog = await HAR.Log.Log.build(requests, {sanitize: false});
for (let i = 0; i < harLog.entries.length; ++i) {
// @ts-expect-error
harLog.entries[i]._requestId = this.requestId(requests[i]);
}
return harLog;
}
private makeResource(contentProvider: TextUtils.ContentProvider.ContentProvider):
{url: string, type: string, buildId?: string} {
let buildId: string|undefined = undefined;
if (contentProvider instanceof Workspace.UISourceCode.UISourceCode) {
// We use the first buildId we find searching in all Script objects that correspond to this UISourceCode.
buildId = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance()
.scriptsForUISourceCode(contentProvider)
.find(script => Boolean(script.buildId))
?.buildId ??
undefined;
}
return {url: contentProvider.contentURL(), type: contentProvider.contentType().name(), buildId};
}
private onGetPageResources(_message: unknown, port: MessagePort): Array<{url: string, type: string}> {
const resources = new Map<unknown, {
url: string,
type: string,
}>();
function pushResourceData(
this: ExtensionServer, contentProvider: TextUtils.ContentProvider.ContentProvider): boolean {
if (!resources.has(contentProvider.contentURL()) &&
this.extensionAllowedOnURL(contentProvider.contentURL(), port)) {
resources.set(contentProvider.contentURL(), this.makeResource(contentProvider));
}
return false;
}
let uiSourceCodes = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodesForProjectType(
Workspace.Workspace.projectTypes.Network);
uiSourceCodes = uiSourceCodes.concat(Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodesForProjectType(
Workspace.Workspace.projectTypes.ContentScripts));
uiSourceCodes.forEach(pushResourceData.bind(this));
for (const resourceTreeModel of SDK.TargetManager.TargetManager.instance().models(
SDK.ResourceTreeModel.ResourceTreeModel)) {
if (this.extensionAllowedOnTarget(resourceTreeModel.target(), port)) {
resourceTreeModel.forAllResources(pushResourceData.bind(this));
}
}
return [...resources.values()];
}
private async getResourceContent(
contentProvider: TextUtils.ContentProvider.ContentProvider, message: PrivateAPI.ExtensionServerRequestMessage,
port: MessagePort): Promise<void> {
if (!this.extensionAllowedOnURL(contentProvider.contentURL(), port)) {
this.dispatchCallback(message.requestId, port, this.status.E_FAILED('Permission denied'));
return undefined;
}
const contentData = await contentProvider.requestContentData();
if (TextUtils.ContentData.ContentData.isError(contentData)) {
this.dispatchCallback(message.requestId, port, {encoding: '', content: null});
return;
}
const encoding = !contentData.isTextContent ? 'base64' : '';
const content = contentData.isTextContent ? contentData.text : contentData.base64;
this.dispatchCallback(message.requestId, port, {encoding, content});
}
private onGetRequestContent(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record|undefined {
if (message.command !== PrivateAPI.Commands.GetRequestContent) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.GetRequestContent}`);
}
const request = this.requestById(message.id);
if (!request) {
return this.status.E_NOTFOUND(message.id);
}
void this.getResourceContent(request, message, port);
return undefined;
}
private onGetResourceContent(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record|undefined {
if (message.command !== PrivateAPI.Commands.GetResourceContent) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.GetResourceContent}`);
}
const url = message.url as Platform.DevToolsPath.UrlString;
const contentProvider = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(url) ||
Bindings.ResourceUtils.resourceForURL(url);
if (!contentProvider) {
return this.status.E_NOTFOUND(url);
}
void this.getResourceContent(contentProvider, message, port);
return undefined;
}
private onAttachSourceMapToResource(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record
|undefined {
if (message.command !== PrivateAPI.Commands.AttachSourceMapToResource) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.GetResourceContent}`);
}
if (!message.sourceMapURL) {
return this.status.E_FAILED('Expected a source map URL but got null');
}
const url = message.contentUrl as Platform.DevToolsPath.UrlString;
if (!this.extensionAllowedOnURL(url, port)) {
return this.status.E_FAILED('Permission denied');
}
const contentProvider = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(url);
if (!contentProvider) {
return this.status.E_NOTFOUND(url);
}
const debuggerBindingsInstance = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance();
const scriptFiles = debuggerBindingsInstance.scriptsForUISourceCode(contentProvider);
if (scriptFiles.length > 0) {
for (const script of scriptFiles) {
const resourceFile = debuggerBindingsInstance.scriptFile(contentProvider, script.debuggerModel);
resourceFile?.addSourceMapURL(message.sourceMapURL as Platform.DevToolsPath.UrlString);
}
}
return this.status.OK();
}
private onSetResourceContent(message: PrivateAPI.ExtensionServerRequestMessage, port: MessagePort): Record|undefined {
if (message.command !== PrivateAPI.Commands.SetResourceContent) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.SetResourceContent}`);
}
const {url, requestId, content, commit} = message;
function callbackWrapper(this: ExtensionServer, error: string|null): void {
const response = error ? this.status.E_FAILED(error) : this.status.OK();
this.dispatchCallback(requestId, port, response);
}
if (!this.extensionAllowedOnURL(url as Platform.DevToolsPath.UrlString, port)) {
return this.status.E_FAILED('Permission denied');
}
const uiSourceCode =
Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(url as Platform.DevToolsPath.UrlString);
if (!uiSourceCode?.contentType().isDocumentOrScriptOrStyleSheet()) {
const resource = SDK.ResourceTreeModel.ResourceTreeModel.resourceForURL(url as Platform.DevToolsPath.UrlString);
if (!resource) {
return this.status.E_NOTFOUND(url);
}
return this.status.E_NOTSUPPORTED('Resource is not editable');
}
uiSourceCode.setWorkingCopy(content);
if (commit) {
uiSourceCode.commitWorkingCopy();
}
callbackWrapper.call(this, null);
return undefined;
}
private requestId(request: TextUtils.ContentProvider.ContentProvider): number {
const requestId = this.requestIds.get(request);
if (requestId === undefined) {
const newId = ++this.lastRequestId;
this.requestIds.set(request, newId);
this.requests.set(newId, request);
return newId;
}
return requestId;
}
private requestById(id: number): TextUtils.ContentProvider.ContentProvider|undefined {
return this.requests.get(id);
}
private onForwardKeyboardEvent(message: PrivateAPI.ExtensionServerRequestMessage): Record|undefined {
if (message.command !== PrivateAPI.Commands.ForwardKeyboardEvent) {
return this.status.E_BADARG('command', `expected ${PrivateAPI.Commands.ForwardKeyboardEvent}`);
}
message.entries.forEach(handleEventEntry);
function handleEventEntry(entry: KeyboardEventInit&{eventType: string}): void {
// Fool around closure compiler -- it has its own notion of both KeyboardEvent constructor
// and initKeyboardEvent methods and overriding these in externs.js does not have effect.
const event = new window.KeyboardEvent(entry.eventType, {
key: entry.key,
code: entry.code,
keyCode: entry.keyCode,
location: entry.location,
ctrlKey: entry.ctrlKey,
altKey: entry.altKey,
shiftKey: entry.shiftKey,
metaKey: entry.metaKey,
});
// @ts-expect-error
event.__keyCode = keyCodeForEntry(entry);
document.dispatchEvent(event);
}
function keyCodeForEntry(entry: KeyboardEventInit): unknown {
let keyCode = entry.keyCode;
if (!keyCode) {
// This is required only for synthetic events (e.g. dispatched in tests).
if (entry.key === Platform.KeyboardUtilities.ESCAPE_KEY) {
keyCode = 27;
}
}
return keyCode || 0;
}
return undefined;
}
private dispatchCallback(requestId: unknown, port: MessagePort, result: unknown): void {
if (requestId) {
port.postMessage({command: 'callback', requestId, result});
}
}
private initExtensions(): void {
this.registerAutosubscriptionHandler(
PrivateAPI.Events.ResourceAdded, Workspace.Workspace.WorkspaceImpl.instance(),
Workspace.Workspace.Events.UISourceCodeAdded, this.notifyResourceAdded);
this.registerAut