chrome-devtools-mcp 0.0.2 → 0.2.0

package/build/node_modules/chrome-devtools-frontend/front_end/models/bindings/ResourceScriptMapping.js

@@ -0,0 +1,399 @@
+// Copyright 2012 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+import * as Common from '../../core/common/common.js';
+import * as i18n from '../../core/i18n/i18n.js';
+import * as Platform from '../../core/platform/platform.js';
+import * as Root from '../../core/root/root.js';
+import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../text_utils/text_utils.js';
+import * as Workspace from '../workspace/workspace.js';
+import { ContentProviderBasedProject } from './ContentProviderBasedProject.js';
+import { DebuggerWorkspaceBinding } from './DebuggerWorkspaceBinding.js';
+import { NetworkProject } from './NetworkProject.js';
+import { metadataForURL } from './ResourceUtils.js';
+const UIStrings = {
+    /**
+     * @description Error text displayed in the console when editing a live script fails. LiveEdit is
+     *the name of the feature for editing code that is already running.
+     * @example {warning} PH1
+     */
+    liveEditFailed: '`LiveEdit` failed: {PH1}',
+    /**
+     * @description Error text displayed in the console when compiling a live-edited script fails. LiveEdit is
+     *the name of the feature for editing code that is already running.
+     * @example {connection lost} PH1
+     */
+    liveEditCompileFailed: '`LiveEdit` compile failed: {PH1}',
+};
+const str_ = i18n.i18n.registerUIStrings('models/bindings/ResourceScriptMapping.ts', UIStrings);
+const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export class ResourceScriptMapping {
+    debuggerModel;
+    #workspace;
+    debuggerWorkspaceBinding;
+    #uiSourceCodeToScriptFile;
+    #projects;
+    #scriptToUISourceCode;
+    #eventListeners;
+    constructor(debuggerModel, workspace, debuggerWorkspaceBinding) {
+        this.debuggerModel = debuggerModel;
+        this.#workspace = workspace;
+        this.debuggerWorkspaceBinding = debuggerWorkspaceBinding;
+        this.#uiSourceCodeToScriptFile = new Map();
+        this.#projects = new Map();
+        this.#scriptToUISourceCode = new Map();
+        const runtimeModel = debuggerModel.runtimeModel();
+        this.#eventListeners = [
+            this.debuggerModel.addEventListener(SDK.DebuggerModel.Events.ParsedScriptSource, event => this.addScript(event.data), this),
+            this.debuggerModel.addEventListener(SDK.DebuggerModel.Events.GlobalObjectCleared, this.globalObjectCleared, this),
+            runtimeModel.addEventListener(SDK.RuntimeModel.Events.ExecutionContextDestroyed, this.executionContextDestroyed, this),
+            runtimeModel.target().targetManager().addEventListener("InspectedURLChanged" /* SDK.TargetManager.Events.INSPECTED_URL_CHANGED */, this.inspectedURLChanged, this),
+        ];
+    }
+    project(script) {
+        const prefix = script.isContentScript() ? 'js:extensions:' : 'js::';
+        const projectId = prefix + this.debuggerModel.target().id() + ':' + script.frameId;
+        let project = this.#projects.get(projectId);
+        if (!project) {
+            const projectType = script.isContentScript() ? Workspace.Workspace.projectTypes.ContentScripts :
+                Workspace.Workspace.projectTypes.Network;
+            project = new ContentProviderBasedProject(this.#workspace, projectId, projectType, '' /* displayName */, false /* isServiceProject */);
+            NetworkProject.setTargetForProject(project, this.debuggerModel.target());
+            this.#projects.set(projectId, project);
+        }
+        return project;
+    }
+    uiSourceCodeForScript(script) {
+        return this.#scriptToUISourceCode.get(script) ?? null;
+    }
+    rawLocationToUILocation(rawLocation) {
+        const script = rawLocation.script();
+        if (!script) {
+            return null;
+        }
+        const uiSourceCode = this.#scriptToUISourceCode.get(script);
+        if (!uiSourceCode) {
+            return null;
+        }
+        const scriptFile = this.#uiSourceCodeToScriptFile.get(uiSourceCode);
+        if (!scriptFile) {
+            return null;
+        }
+        if ((scriptFile.hasDivergedFromVM() && !scriptFile.isMergingToVM()) || scriptFile.isDivergingFromVM()) {
+            return null;
+        }
+        if (scriptFile.script !== script) {
+            return null;
+        }
+        const { lineNumber, columnNumber = 0 } = rawLocation;
+        return uiSourceCode.uiLocation(lineNumber, columnNumber);
+    }
+    uiLocationToRawLocations(uiSourceCode, lineNumber, columnNumber) {
+        const scriptFile = this.#uiSourceCodeToScriptFile.get(uiSourceCode);
+        if (!scriptFile) {
+            return [];
+        }
+        const { script } = scriptFile;
+        if (!script) {
+            return [];
+        }
+        return [this.debuggerModel.createRawLocation(script, lineNumber, columnNumber)];
+    }
+    uiLocationRangeToRawLocationRanges(uiSourceCode, { startLine, startColumn, endLine, endColumn }) {
+        const scriptFile = this.#uiSourceCodeToScriptFile.get(uiSourceCode);
+        if (!scriptFile) {
+            return null;
+        }
+        const { script } = scriptFile;
+        if (!script) {
+            return null;
+        }
+        const start = this.debuggerModel.createRawLocation(script, startLine, startColumn);
+        const end = this.debuggerModel.createRawLocation(script, endLine, endColumn);
+        return [{ start, end }];
+    }
+    inspectedURLChanged(event) {
+        for (let target = this.debuggerModel.target(); target !== event.data; target = target.parentTarget()) {
+            if (target === null) {
+                return;
+            }
+        }
+        // Just remove and readd all scripts to ensure their URLs are reflected correctly.
+        for (const script of Array.from(this.#scriptToUISourceCode.keys())) {
+            this.removeScripts([script]);
+            this.addScript(script);
+        }
+    }
+    addScript(script) {
+        // Ignore live edit scripts here.
+        if (script.isLiveEdit() || script.isBreakpointCondition) {
+            return;
+        }
+        let url = script.sourceURL;
+        if (!url) {
+            return;
+        }
+        if (script.hasSourceURL) {
+            // Try to resolve `//# sourceURL=` annotations relative to
+            // the base URL, according to the sourcemap specification.
+            url = SDK.SourceMapManager.SourceMapManager.resolveRelativeSourceURL(script.debuggerModel.target(), url);
+        }
+        else {
+            // Ignore inline <script>s without `//# sourceURL` annotation here.
+            if (script.isInlineScript()) {
+                return;
+            }
+            // Filter out embedder injected content scripts.
+            if (script.isContentScript()) {
+                const parsedURL = new Common.ParsedURL.ParsedURL(url);
+                if (!parsedURL.isValid) {
+                    return;
+                }
+            }
+        }
+        // Remove previous UISourceCode, if any
+        const project = this.project(script);
+        const oldUISourceCode = project.uiSourceCodeForURL(url);
+        if (oldUISourceCode) {
+            const oldScriptFile = this.#uiSourceCodeToScriptFile.get(oldUISourceCode);
+            if (oldScriptFile?.script) {
+                this.removeScripts([oldScriptFile.script]);
+            }
+        }
+        // Create UISourceCode.
+        const originalContentProvider = script.originalContentProvider();
+        const uiSourceCode = project.createUISourceCode(url, originalContentProvider.contentType());
+        NetworkProject.setInitialFrameAttribution(uiSourceCode, script.frameId);
+        const metadata = metadataForURL(this.debuggerModel.target(), script.frameId, url);
+        // Bind UISourceCode to scripts.
+        const scriptFile = new ResourceScriptFile(this, uiSourceCode, script);
+        this.#uiSourceCodeToScriptFile.set(uiSourceCode, scriptFile);
+        this.#scriptToUISourceCode.set(script, uiSourceCode);
+        const mimeType = script.isWasm() ? 'application/wasm' : 'text/javascript';
+        project.addUISourceCodeWithProvider(uiSourceCode, originalContentProvider, metadata, mimeType);
+        void this.debuggerWorkspaceBinding.updateLocations(script);
+    }
+    scriptFile(uiSourceCode) {
+        return this.#uiSourceCodeToScriptFile.get(uiSourceCode) || null;
+    }
+    removeScripts(scripts) {
+        const uiSourceCodesByProject = new Platform.MapUtilities.Multimap();
+        for (const script of scripts) {
+            const uiSourceCode = this.#scriptToUISourceCode.get(script);
+            if (!uiSourceCode) {
+                continue;
+            }
+            const scriptFile = this.#uiSourceCodeToScriptFile.get(uiSourceCode);
+            if (scriptFile) {
+                scriptFile.dispose();
+            }
+            this.#uiSourceCodeToScriptFile.delete(uiSourceCode);
+            this.#scriptToUISourceCode.delete(script);
+            uiSourceCodesByProject.set(uiSourceCode.project(), uiSourceCode);
+            void this.debuggerWorkspaceBinding.updateLocations(script);
+        }
+        for (const project of uiSourceCodesByProject.keysArray()) {
+            const uiSourceCodes = uiSourceCodesByProject.get(project);
+            // Check if all the ui source codes in the project are in |uiSourceCodes|.
+            let allInProjectRemoved = true;
+            for (const projectSourceCode of project.uiSourceCodes()) {
+                if (!uiSourceCodes.has(projectSourceCode)) {
+                    allInProjectRemoved = false;
+                    break;
+                }
+            }
+            // Drop the whole project if no source codes are left in it.
+            if (allInProjectRemoved) {
+                this.#projects.delete(project.id());
+                project.removeProject();
+            }
+            else {
+                // Otherwise, announce the removal of each UI source code individually.
+                uiSourceCodes.forEach(c => project.removeUISourceCode(c.url()));
+            }
+        }
+    }
+    executionContextDestroyed(event) {
+        const executionContext = event.data;
+        this.removeScripts(this.debuggerModel.scriptsForExecutionContext(executionContext));
+    }
+    globalObjectCleared() {
+        const scripts = Array.from(this.#scriptToUISourceCode.keys());
+        this.removeScripts(scripts);
+    }
+    resetForTest() {
+        this.globalObjectCleared();
+    }
+    dispose() {
+        Common.EventTarget.removeEventListeners(this.#eventListeners);
+        this.globalObjectCleared();
+    }
+}
+export class ResourceScriptFile extends Common.ObjectWrapper.ObjectWrapper {
+    #resourceScriptMapping;
+    uiSourceCode;
+    script;
+    #scriptSource;
+    #isDivergingFromVM;
+    #hasDivergedFromVM;
+    #isMergingToVM;
+    #updateMutex = new Common.Mutex.Mutex();
+    constructor(resourceScriptMapping, uiSourceCode, script) {
+        super();
+        this.#resourceScriptMapping = resourceScriptMapping;
+        this.uiSourceCode = uiSourceCode;
+        this.script = this.uiSourceCode.contentType().isScript() ? script : null;
+        this.uiSourceCode.addEventListener(Workspace.UISourceCode.Events.WorkingCopyChanged, this.workingCopyChanged, this);
+        this.uiSourceCode.addEventListener(Workspace.UISourceCode.Events.WorkingCopyCommitted, this.workingCopyCommitted, this);
+    }
+    isDiverged() {
+        if (this.uiSourceCode.isDirty()) {
+            return true;
+        }
+        if (!this.script) {
+            return false;
+        }
+        if (typeof this.#scriptSource === 'undefined' || this.#scriptSource === null) {
+            return false;
+        }
+        const workingCopy = this.uiSourceCode.workingCopy();
+        if (!workingCopy) {
+            return false;
+        }
+        // Match ignoring sourceURL.
+        if (!workingCopy.startsWith(this.#scriptSource.trimEnd())) {
+            return true;
+        }
+        const suffix = this.uiSourceCode.workingCopy().substr(this.#scriptSource.length);
+        return Boolean(suffix.length) && !suffix.match(SDK.Script.sourceURLRegex);
+    }
+    workingCopyChanged() {
+        void this.update();
+    }
+    workingCopyCommitted() {
+        // This feature flag is for turning down live edit. If it's not present, we keep the feature enabled.
+        if (Root.Runtime.hostConfig.devToolsLiveEdit?.enabled === false) {
+            return;
+        }
+        if (this.uiSourceCode.project().canSetFileContent()) {
+            return;
+        }
+        if (!this.script) {
+            return;
+        }
+        const source = this.uiSourceCode.workingCopy();
+        void this.script.editSource(source).then(({ status, exceptionDetails }) => {
+            void this.scriptSourceWasSet(source, status, exceptionDetails);
+        });
+    }
+    async scriptSourceWasSet(source, status, exceptionDetails) {
+        if (status === "Ok" /* Protocol.Debugger.SetScriptSourceResponseStatus.Ok */) {
+            this.#scriptSource = source;
+        }
+        await this.update();
+        if (status === "Ok" /* Protocol.Debugger.SetScriptSourceResponseStatus.Ok */) {
+            return;
+        }
+        if (!exceptionDetails) {
+            // TODO(crbug.com/1334484): Instead of to the console, report these errors in an "info bar" at the bottom
+            //                          of the text editor, similar to e.g. source mapping errors.
+            Common.Console.Console.instance().addMessage(i18nString(UIStrings.liveEditFailed, { PH1: getErrorText(status) }), "warning" /* Common.Console.MessageLevel.WARNING */);
+            return;
+        }
+        const messageText = i18nString(UIStrings.liveEditCompileFailed, { PH1: exceptionDetails.text });
+        this.uiSourceCode.addLineMessage("Error" /* Workspace.UISourceCode.Message.Level.ERROR */, messageText, exceptionDetails.lineNumber, exceptionDetails.columnNumber);
+        function getErrorText(status) {
+            switch (status) {
+                case "BlockedByActiveFunction" /* Protocol.Debugger.SetScriptSourceResponseStatus.BlockedByActiveFunction */:
+                    return 'Functions that are on the stack (currently being executed) can not be edited';
+                case "BlockedByActiveGenerator" /* Protocol.Debugger.SetScriptSourceResponseStatus.BlockedByActiveGenerator */:
+                    return 'Async functions/generators that are active can not be edited';
+                case "BlockedByTopLevelEsModuleChange" /* Protocol.Debugger.SetScriptSourceResponseStatus.BlockedByTopLevelEsModuleChange */:
+                    return 'The top-level of ES modules can not be edited';
+                case "CompileError" /* Protocol.Debugger.SetScriptSourceResponseStatus.CompileError */:
+                case "Ok" /* Protocol.Debugger.SetScriptSourceResponseStatus.Ok */:
+                    throw new Error('Compile errors and Ok status must not be reported on the console');
+            }
+        }
+    }
+    async update() {
+        // Do not interleave "divergeFromVM" with "mergeToVM" calls.
+        const release = await this.#updateMutex.acquire();
+        const diverged = this.isDiverged();
+        if (diverged && !this.#hasDivergedFromVM) {
+            await this.divergeFromVM();
+        }
+        else if (!diverged && this.#hasDivergedFromVM) {
+            await this.mergeToVM();
+        }
+        release();
+    }
+    async divergeFromVM() {
+        if (this.script) {
+            this.#isDivergingFromVM = true;
+            await this.#resourceScriptMapping.debuggerWorkspaceBinding.updateLocations(this.script);
+            this.#isDivergingFromVM = undefined;
+            this.#hasDivergedFromVM = true;
+            this.dispatchEventToListeners("DidDivergeFromVM" /* ResourceScriptFile.Events.DID_DIVERGE_FROM_VM */);
+        }
+    }
+    async mergeToVM() {
+        if (this.script) {
+            this.#hasDivergedFromVM = undefined;
+            this.#isMergingToVM = true;
+            await this.#resourceScriptMapping.debuggerWorkspaceBinding.updateLocations(this.script);
+            this.#isMergingToVM = undefined;
+            this.dispatchEventToListeners("DidMergeToVM" /* ResourceScriptFile.Events.DID_MERGE_TO_VM */);
+        }
+    }
+    hasDivergedFromVM() {
+        return Boolean(this.#hasDivergedFromVM);
+    }
+    isDivergingFromVM() {
+        return Boolean(this.#isDivergingFromVM);
+    }
+    isMergingToVM() {
+        return Boolean(this.#isMergingToVM);
+    }
+    checkMapping() {
+        if (!this.script || typeof this.#scriptSource !== 'undefined') {
+            this.mappingCheckedForTest();
+            return;
+        }
+        void this.script.requestContentData().then(content => {
+            this.#scriptSource = TextUtils.ContentData.ContentData.textOr(content, null);
+            void this.update().then(() => this.mappingCheckedForTest());
+        });
+    }
+    mappingCheckedForTest() {
+    }
+    dispose() {
+        this.uiSourceCode.removeEventListener(Workspace.UISourceCode.Events.WorkingCopyChanged, this.workingCopyChanged, this);
+        this.uiSourceCode.removeEventListener(Workspace.UISourceCode.Events.WorkingCopyCommitted, this.workingCopyCommitted, this);
+    }
+    addSourceMapURL(sourceMapURL) {
+        if (!this.script) {
+            return;
+        }
+        this.script.debuggerModel.setSourceMapURL(this.script, sourceMapURL);
+    }
+    addDebugInfoURL(debugInfoURL) {
+        if (!this.script) {
+            return;
+        }
+        const { pluginManager } = DebuggerWorkspaceBinding.instance();
+        pluginManager.setDebugInfoURL(this.script, debugInfoURL);
+    }
+    hasSourceMapURL() {
+        return Boolean(this.script?.sourceMapURL);
+    }
+    async missingSymbolFiles() {
+        if (!this.script) {
+            return null;
+        }
+        const { pluginManager } = this.#resourceScriptMapping.debuggerWorkspaceBinding;
+        const sources = await pluginManager.getSourcesForScript(this.script);
+        return sources && 'missingSymbolFiles' in sources ? sources.missingSymbolFiles : null;
+    }
+}

package/build/node_modules/chrome-devtools-frontend/front_end/models/bindings/ResourceUtils.js

@@ -0,0 +1,87 @@
+// Copyright 2021 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+/*
+ * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
+ * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
+ * Copyright (C) 2009 Joseph Pecoraro
+ *
+ * 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.
+ */
+import * as Common from '../../core/common/common.js';
+import * as Platform from '../../core/platform/platform.js';
+import * as SDK from '../../core/sdk/sdk.js';
+import * as Workspace from '../workspace/workspace.js';
+export function resourceForURL(url) {
+    return SDK.ResourceTreeModel.ResourceTreeModel.resourceForURL(url);
+}
+export function displayNameForURL(url) {
+    if (!url) {
+        return '';
+    }
+    const uiSourceCode = Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodeForURL(url);
+    if (uiSourceCode) {
+        return uiSourceCode.displayName();
+    }
+    const resource = resourceForURL(url);
+    if (resource) {
+        return resource.displayName;
+    }
+    const inspectedURL = SDK.TargetManager.TargetManager.instance().inspectedURL();
+    if (!inspectedURL) {
+        return Platform.StringUtilities.trimURL(url, '');
+    }
+    const parsedURL = Common.ParsedURL.ParsedURL.fromString(inspectedURL);
+    if (!parsedURL) {
+        return url;
+    }
+    const lastPathComponent = parsedURL.lastPathComponent;
+    const index = inspectedURL.indexOf(lastPathComponent);
+    if (index !== -1 && index + lastPathComponent.length === inspectedURL.length) {
+        const baseURL = inspectedURL.substring(0, index);
+        if (url.startsWith(baseURL) && url.length > index) {
+            return url.substring(index);
+        }
+    }
+    const displayName = Platform.StringUtilities.trimURL(url, parsedURL.host);
+    return displayName === '/' ? parsedURL.host + '/' : displayName;
+}
+export function metadataForURL(target, frameId, url) {
+    const resourceTreeModel = target.model(SDK.ResourceTreeModel.ResourceTreeModel);
+    if (!resourceTreeModel) {
+        return null;
+    }
+    const frame = resourceTreeModel.frameForId(frameId);
+    if (!frame) {
+        return null;
+    }
+    return resourceMetadata(frame.resourceForURL(url));
+}
+export function resourceMetadata(resource) {
+    if (!resource || (typeof resource.contentSize() !== 'number' && !resource.lastModified())) {
+        return null;
+    }
+    return new Workspace.UISourceCode.UISourceCodeMetadata(resource.lastModified(), resource.contentSize());
+}

package/build/node_modules/chrome-devtools-frontend/front_end/models/bindings/SASSSourceMapping.js

@@ -0,0 +1,181 @@
+// Copyright 2012 The Chromium Authors
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+import * as Common from '../../core/common/common.js';
+import * as SDK from '../../core/sdk/sdk.js';
+import * as TextUtils from '../text_utils/text_utils.js';
+import * as Workspace from '../workspace/workspace.js';
+import { ContentProviderBasedProject } from './ContentProviderBasedProject.js';
+import { CSSWorkspaceBinding } from './CSSWorkspaceBinding.js';
+import { NetworkProject } from './NetworkProject.js';
+export class SASSSourceMapping {
+    #sourceMapManager;
+    #project;
+    #eventListeners;
+    #bindings;
+    constructor(target, sourceMapManager, workspace) {
+        this.#sourceMapManager = sourceMapManager;
+        this.#project = new ContentProviderBasedProject(workspace, 'cssSourceMaps:' + target.id(), Workspace.Workspace.projectTypes.Network, '', false /* isServiceProject */);
+        NetworkProject.setTargetForProject(this.#project, target);
+        this.#bindings = new Map();
+        this.#eventListeners = [
+            this.#sourceMapManager.addEventListener(SDK.SourceMapManager.Events.SourceMapAttached, this.sourceMapAttached, this),
+            this.#sourceMapManager.addEventListener(SDK.SourceMapManager.Events.SourceMapDetached, this.sourceMapDetached, this),
+        ];
+    }
+    sourceMapAttachedForTest(_sourceMap) {
+    }
+    async sourceMapAttached(event) {
+        const header = event.data.client;
+        const sourceMap = event.data.sourceMap;
+        const project = this.#project;
+        const bindings = this.#bindings;
+        for (const sourceURL of sourceMap.sourceURLs()) {
+            let binding = bindings.get(sourceURL);
+            if (!binding) {
+                binding = new Binding(project, sourceURL, header.createPageResourceLoadInitiator());
+                bindings.set(sourceURL, binding);
+            }
+            binding.addSourceMap(sourceMap, header.frameId);
+        }
+        await CSSWorkspaceBinding.instance().updateLocations(header);
+        this.sourceMapAttachedForTest(sourceMap);
+    }
+    async sourceMapDetached(event) {
+        const header = event.data.client;
+        const sourceMap = event.data.sourceMap;
+        const bindings = this.#bindings;
+        for (const sourceURL of sourceMap.sourceURLs()) {
+            const binding = bindings.get(sourceURL);
+            if (binding) {
+                binding.removeSourceMap(sourceMap, header.frameId);
+                if (!binding.getUiSourceCode()) {
+                    bindings.delete(sourceURL);
+                }
+            }
+        }
+        await CSSWorkspaceBinding.instance().updateLocations(header);
+    }
+    rawLocationToUILocation(rawLocation) {
+        const header = rawLocation.header();
+        if (!header) {
+            return null;
+        }
+        const sourceMap = this.#sourceMapManager.sourceMapForClient(header);
+        if (!sourceMap) {
+            return null;
+        }
+        let { lineNumber, columnNumber } = rawLocation;
+        // If the source map maps the origin (line:0, column:0) but the CSS header is inline (in a HTML doc),
+        // then adjust the line and column numbers.
+        if (sourceMap.mapsOrigin() && header.isInline) {
+            lineNumber -= header.startLine;
+            if (lineNumber === 0) {
+                columnNumber -= header.startColumn;
+            }
+        }
+        const entry = sourceMap.findEntry(lineNumber, columnNumber);
+        if (!entry?.sourceURL) {
+            return null;
+        }
+        const uiSourceCode = this.#project.uiSourceCodeForURL(entry.sourceURL);
+        if (!uiSourceCode) {
+            return null;
+        }
+        return uiSourceCode.uiLocation(entry.sourceLineNumber, entry.sourceColumnNumber);
+    }
+    uiLocationToRawLocations(uiLocation) {
+        // TODO(crbug.com/1153123): Revisit the `#columnNumber || 0` and also preserve `undefined` for source maps?
+        const { uiSourceCode, lineNumber, columnNumber = 0 } = uiLocation;
+        const binding = uiSourceCodeToBinding.get(uiSourceCode);
+        if (!binding) {
+            return [];
+        }
+        const locations = [];
+        for (const sourceMap of binding.getReferringSourceMaps()) {
+            const entries = sourceMap.findReverseEntries(uiSourceCode.url(), lineNumber, columnNumber);
+            const header = this.#sourceMapManager.clientForSourceMap(sourceMap);
+            if (header) {
+                locations.push(...entries.map(entry => new SDK.CSSModel.CSSLocation(header, entry.lineNumber, entry.columnNumber)));
+            }
+        }
+        return locations;
+    }
+    static uiSourceOrigin(uiSourceCode) {
+        const binding = uiSourceCodeToBinding.get(uiSourceCode);
+        if (binding) {
+            return binding.getReferringSourceMaps().map(sourceMap => sourceMap.compiledURL());
+        }
+        return [];
+    }
+    dispose() {
+        Common.EventTarget.removeEventListeners(this.#eventListeners);
+        this.#project.dispose();
+    }
+}
+const uiSourceCodeToBinding = new WeakMap();
+class Binding {
+    #project;
+    #url;
+    #initiator;
+    referringSourceMaps;
+    uiSourceCode;
+    constructor(project, url, initiator) {
+        this.#project = project;
+        this.#url = url;
+        this.#initiator = initiator;
+        this.referringSourceMaps = [];
+        this.uiSourceCode = null;
+    }
+    recreateUISourceCodeIfNeeded(frameId) {
+        const sourceMap = this.referringSourceMaps[this.referringSourceMaps.length - 1];
+        const contentType = Common.ResourceType.resourceTypes.SourceMapStyleSheet;
+        const embeddedContent = sourceMap.embeddedContentByURL(this.#url);
+        const contentProvider = embeddedContent !== null ?
+            TextUtils.StaticContentProvider.StaticContentProvider.fromString(this.#url, contentType, embeddedContent) :
+            new SDK.CompilerSourceMappingContentProvider.CompilerSourceMappingContentProvider(this.#url, contentType, this.#initiator);
+        const newUISourceCode = this.#project.createUISourceCode(this.#url, contentType);
+        uiSourceCodeToBinding.set(newUISourceCode, this);
+        const mimeType = Common.ResourceType.ResourceType.mimeFromURL(this.#url) || contentType.canonicalMimeType();
+        const metadata = typeof embeddedContent === 'string' ?
+            new Workspace.UISourceCode.UISourceCodeMetadata(null, embeddedContent.length) :
+            null;
+        if (this.uiSourceCode) {
+            NetworkProject.cloneInitialFrameAttribution(this.uiSourceCode, newUISourceCode);
+            this.#project.removeUISourceCode(this.uiSourceCode.url());
+        }
+        else {
+            NetworkProject.setInitialFrameAttribution(newUISourceCode, frameId);
+        }
+        this.uiSourceCode = newUISourceCode;
+        this.#project.addUISourceCodeWithProvider(this.uiSourceCode, contentProvider, metadata, mimeType);
+    }
+    addSourceMap(sourceMap, frameId) {
+        if (this.uiSourceCode) {
+            NetworkProject.addFrameAttribution(this.uiSourceCode, frameId);
+        }
+        this.referringSourceMaps.push(sourceMap);
+        this.recreateUISourceCodeIfNeeded(frameId);
+    }
+    removeSourceMap(sourceMap, frameId) {
+        const uiSourceCode = this.uiSourceCode;
+        NetworkProject.removeFrameAttribution(uiSourceCode, frameId);
+        const lastIndex = this.referringSourceMaps.lastIndexOf(sourceMap);
+        if (lastIndex !== -1) {
+            this.referringSourceMaps.splice(lastIndex, 1);
+        }
+        if (!this.referringSourceMaps.length) {
+            this.#project.removeUISourceCode(uiSourceCode.url());
+            this.uiSourceCode = null;
+        }
+        else {
+            this.recreateUISourceCodeIfNeeded(frameId);
+        }
+    }
+    getReferringSourceMaps() {
+        return this.referringSourceMaps;
+    }
+    getUiSourceCode() {
+        return this.uiSourceCode;
+    }
+}