@mcp-b/chrome-devtools-mcp 1.1.1 → 1.1.3

package/build/node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/performance/AIQueries.js

@@ -1,149 +0,0 @@
-// Copyright 2025 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 Trace from '../../../models/trace/trace.js';
-import { AICallTree } from './AICallTree.js';
-export class AIQueries {
-    static findMainThread(navigationId, parsedTrace) {
-        /**
-         * We cannot assume that there is one main thread as there are scenarios
-         * where there can be multiple (see crbug.com/402658800) as an example.
-         * Therefore we calculate the main thread by using the thread that the
-         * Insight has been associated to. Most Insights relate to a navigation, so
-         * in this case we can use the navigation's PID/TID as we know that will
-         * have run on the main thread that we are interested in.
-         * If we do not have a navigation, we fall back to looking for the first
-         * thread we find that is of type MAIN_THREAD.
-         * Longer term we should solve this at the Trace Engine level to avoid
-         * look-ups like this; this is the work that is tracked in
-         * crbug.com/402658800.
-         */
-        let mainThreadPID = null;
-        let mainThreadTID = null;
-        if (navigationId) {
-            const navigation = parsedTrace.data.Meta.navigationsByNavigationId.get(navigationId);
-            if (navigation?.args.data?.isOutermostMainFrame) {
-                mainThreadPID = navigation.pid;
-                mainThreadTID = navigation.tid;
-            }
-        }
-        const threads = Trace.Handlers.Threads.threadsInTrace(parsedTrace.data);
-        const thread = threads.find(thread => {
-            if (!thread.processIsOnMainFrame) {
-                return false;
-            }
-            if (mainThreadPID && mainThreadTID) {
-                return thread.pid === mainThreadPID && thread.tid === mainThreadTID;
-            }
-            return thread.type === "MAIN_THREAD" /* Trace.Handlers.Threads.ThreadType.MAIN_THREAD */;
-        });
-        return thread ?? null;
-    }
-    /**
-     * Returns bottom up activity for the given range (within a single navigation / thread).
-     */
-    static mainThreadActivityBottomUpSingleNavigation(navigationId, bounds, parsedTrace) {
-        const thread = this.findMainThread(navigationId, parsedTrace);
-        if (!thread) {
-            return null;
-        }
-        const events = AICallTree.findEventsForThread({ thread, parsedTrace, bounds });
-        if (!events) {
-            return null;
-        }
-        // Use the same filtering as front_end/panels/timeline/TimelineTreeView.ts.
-        const visibleEvents = Trace.Helpers.Trace.VISIBLE_TRACE_EVENT_TYPES.values().toArray();
-        const filter = new Trace.Extras.TraceFilter.VisibleEventsFilter(visibleEvents.concat(["SyntheticNetworkRequest" /* Trace.Types.Events.Name.SYNTHETIC_NETWORK_REQUEST */]));
-        // The bottom up root node handles all the "in Tracebounds" checks we need for the insight.
-        const startTime = Trace.Helpers.Timing.microToMilli(bounds.min);
-        const endTime = Trace.Helpers.Timing.microToMilli(bounds.max);
-        return new Trace.Extras.TraceTree.BottomUpRootNode(events, {
-            textFilter: new Trace.Extras.TraceFilter.ExclusiveNameFilter([]),
-            filters: [filter],
-            startTime,
-            endTime,
-        });
-    }
-    /**
-     * Returns bottom up activity for the given range (no matter the navigation / thread).
-     */
-    static mainThreadActivityBottomUp(bounds, parsedTrace) {
-        const threads = [];
-        if (parsedTrace.insights) {
-            for (const insightSet of parsedTrace.insights?.values()) {
-                const thread = this.findMainThread(insightSet.navigation?.args.data?.navigationId, parsedTrace);
-                if (thread) {
-                    threads.push(thread);
-                }
-            }
-        }
-        else {
-            const navigationId = parsedTrace.data.Meta.mainFrameNavigations[0].args.data?.navigationId;
-            const thread = this.findMainThread(navigationId, parsedTrace);
-            if (thread) {
-                threads.push(thread);
-            }
-        }
-        if (threads.length === 0) {
-            return null;
-        }
-        const threadEvents = [...new Set(threads)].map(thread => AICallTree.findEventsForThread({ thread, parsedTrace, bounds }) ?? []);
-        const events = threadEvents.flat();
-        if (events.length === 0) {
-            return null;
-        }
-        // Use the same filtering as front_end/panels/timeline/TimelineTreeView.ts.
-        const visibleEvents = Trace.Helpers.Trace.VISIBLE_TRACE_EVENT_TYPES.values().toArray();
-        const filter = new Trace.Extras.TraceFilter.VisibleEventsFilter(visibleEvents.concat(["SyntheticNetworkRequest" /* Trace.Types.Events.Name.SYNTHETIC_NETWORK_REQUEST */]));
-        // The bottom up root node handles all the "in Tracebounds" checks we need for the insight.
-        const startTime = Trace.Helpers.Timing.microToMilli(bounds.min);
-        const endTime = Trace.Helpers.Timing.microToMilli(bounds.max);
-        return new Trace.Extras.TraceTree.BottomUpRootNode(events, {
-            textFilter: new Trace.Extras.TraceFilter.ExclusiveNameFilter([]),
-            filters: [filter],
-            startTime,
-            endTime,
-        });
-    }
-    /**
-     * Returns an AI Call Tree representing the activity on the main thread for
-     * the relevant time range of the given insight.
-     */
-    static mainThreadActivityTopDown(navigationId, bounds, parsedTrace) {
-        const thread = this.findMainThread(navigationId, parsedTrace);
-        if (!thread) {
-            return null;
-        }
-        return AICallTree.fromTimeOnThread({
-            thread: {
-                pid: thread.pid,
-                tid: thread.tid,
-            },
-            parsedTrace,
-            bounds,
-        });
-    }
-    /**
-     * Returns the top longest tasks as AI Call Trees.
-     */
-    static longestTasks(navigationId, bounds, parsedTrace, limit = 3) {
-        const thread = this.findMainThread(navigationId, parsedTrace);
-        if (!thread) {
-            return null;
-        }
-        const tasks = AICallTree.findMainThreadTasks({ thread, parsedTrace, bounds });
-        if (!tasks) {
-            return null;
-        }
-        const topTasks = tasks.filter(e => e.name === 'RunTask').sort((a, b) => b.dur - a.dur).slice(0, limit);
-        return topTasks
-            .map(task => {
-            const tree = AICallTree.fromEvent(task, parsedTrace);
-            if (tree) {
-                tree.selectedNode = null;
-            }
-            return tree;
-        })
-            .filter(tree => !!tree);
-    }
-}

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

@@ -1,245 +0,0 @@
-// Copyright 2014 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 Platform from '../../core/platform/platform.js';
-import * as Root from '../../core/root/root.js';
-import * as SDK from '../../core/sdk/sdk.js';
-import { LiveLocationWithPool, } from './LiveLocation.js';
-import { SASSSourceMapping } from './SASSSourceMapping.js';
-import { StylesSourceMapping } from './StylesSourceMapping.js';
-export class CSSWorkspaceBinding {
-    #resourceMapping;
-    #modelToInfo;
-    #liveLocationPromises;
-    constructor(resourceMapping, targetManager) {
-        this.#resourceMapping = resourceMapping;
-        this.#resourceMapping.cssWorkspaceBinding = this;
-        this.#modelToInfo = new Map();
-        targetManager.observeModels(SDK.CSSModel.CSSModel, this);
-        this.#liveLocationPromises = new Set();
-    }
-    static instance(opts = { forceNew: null, resourceMapping: null, targetManager: null }) {
-        const { forceNew, resourceMapping, targetManager } = opts;
-        if (forceNew) {
-            if (!resourceMapping || !targetManager) {
-                throw new Error(`Unable to create CSSWorkspaceBinding: resourceMapping and targetManager must be provided: ${new Error().stack}`);
-            }
-            Root.DevToolsContext.globalInstance().set(CSSWorkspaceBinding, new CSSWorkspaceBinding(resourceMapping, targetManager));
-        }
-        return Root.DevToolsContext.globalInstance().get(CSSWorkspaceBinding);
-    }
-    static removeInstance() {
-        Root.DevToolsContext.globalInstance().delete(CSSWorkspaceBinding);
-    }
-    get modelToInfo() {
-        return this.#modelToInfo;
-    }
-    getCSSModelInfo(cssModel) {
-        return this.#modelToInfo.get(cssModel);
-    }
-    modelAdded(cssModel) {
-        this.#modelToInfo.set(cssModel, new ModelInfo(cssModel, this.#resourceMapping, this));
-    }
-    modelRemoved(cssModel) {
-        this.getCSSModelInfo(cssModel).dispose();
-        this.#modelToInfo.delete(cssModel);
-    }
-    /**
-     * The promise returned by this function is resolved once all *currently*
-     * pending LiveLocations are processed.
-     */
-    async pendingLiveLocationChangesPromise() {
-        await Promise.all(this.#liveLocationPromises);
-    }
-    recordLiveLocationChange(promise) {
-        void promise.then(() => {
-            this.#liveLocationPromises.delete(promise);
-        });
-        this.#liveLocationPromises.add(promise);
-    }
-    async updateLocations(header) {
-        const updatePromise = this.getCSSModelInfo(header.cssModel()).updateLocations(header);
-        this.recordLiveLocationChange(updatePromise);
-        await updatePromise;
-    }
-    createLiveLocation(rawLocation, updateDelegate, locationPool) {
-        const locationPromise = this.getCSSModelInfo(rawLocation.cssModel()).createLiveLocation(rawLocation, updateDelegate, locationPool);
-        this.recordLiveLocationChange(locationPromise);
-        return locationPromise;
-    }
-    propertyRawLocation(cssProperty, forName) {
-        const style = cssProperty.ownerStyle;
-        if (!style || style.type !== SDK.CSSStyleDeclaration.Type.Regular || !style.styleSheetId) {
-            return null;
-        }
-        const header = style.cssModel().styleSheetHeaderForId(style.styleSheetId);
-        if (!header) {
-            return null;
-        }
-        const range = forName ? cssProperty.nameRange() : cssProperty.valueRange();
-        if (!range) {
-            return null;
-        }
-        const lineNumber = range.startLine;
-        const columnNumber = range.startColumn;
-        return new SDK.CSSModel.CSSLocation(header, header.lineNumberInSource(lineNumber), header.columnNumberInSource(lineNumber, columnNumber));
-    }
-    propertyUILocation(cssProperty, forName) {
-        const rawLocation = this.propertyRawLocation(cssProperty, forName);
-        if (!rawLocation) {
-            return null;
-        }
-        return this.rawLocationToUILocation(rawLocation);
-    }
-    rawLocationToUILocation(rawLocation) {
-        return this.getCSSModelInfo(rawLocation.cssModel()).rawLocationToUILocation(rawLocation);
-    }
-    uiLocationToRawLocations(uiLocation) {
-        const rawLocations = [];
-        for (const modelInfo of this.#modelToInfo.values()) {
-            rawLocations.push(...modelInfo.uiLocationToRawLocations(uiLocation));
-        }
-        return rawLocations;
-    }
-}
-export class ModelInfo {
-    #eventListeners;
-    #resourceMapping;
-    #stylesSourceMapping;
-    #sassSourceMapping;
-    #locations;
-    #unboundLocations;
-    constructor(cssModel, resourceMapping, cssWorkspaceBinding) {
-        this.#eventListeners = [
-            cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetAdded, event => {
-                void this.styleSheetAdded(event);
-            }, this),
-            cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetRemoved, event => {
-                void this.styleSheetRemoved(event);
-            }, this),
-        ];
-        this.#resourceMapping = resourceMapping;
-        this.#stylesSourceMapping = new StylesSourceMapping(cssModel, resourceMapping.workspace);
-        const sourceMapManager = cssModel.sourceMapManager();
-        this.#sassSourceMapping =
-            new SASSSourceMapping(cssModel.target(), sourceMapManager, resourceMapping.workspace, cssWorkspaceBinding);
-        this.#locations = new Platform.MapUtilities.Multimap();
-        this.#unboundLocations = new Platform.MapUtilities.Multimap();
-    }
-    get locations() {
-        return this.#locations;
-    }
-    async createLiveLocation(rawLocation, updateDelegate, locationPool) {
-        const location = new LiveLocation(rawLocation, this, updateDelegate, locationPool);
-        const header = rawLocation.header();
-        if (header) {
-            location.setHeader(header);
-            this.#locations.set(header, location);
-            await location.update();
-        }
-        else {
-            this.#unboundLocations.set(rawLocation.url, location);
-        }
-        return location;
-    }
-    disposeLocation(location) {
-        const header = location.header();
-        if (header) {
-            this.#locations.delete(header, location);
-        }
-        else {
-            this.#unboundLocations.delete(location.url, location);
-        }
-    }
-    updateLocations(header) {
-        const promises = [];
-        for (const location of this.#locations.get(header)) {
-            promises.push(location.update());
-        }
-        return Promise.all(promises);
-    }
-    async styleSheetAdded(event) {
-        const header = event.data;
-        if (!header.sourceURL) {
-            return;
-        }
-        const promises = [];
-        for (const location of this.#unboundLocations.get(header.sourceURL)) {
-            location.setHeader(header);
-            this.#locations.set(header, location);
-            promises.push(location.update());
-        }
-        await Promise.all(promises);
-        this.#unboundLocations.deleteAll(header.sourceURL);
-    }
-    async styleSheetRemoved(event) {
-        const header = event.data;
-        const promises = [];
-        for (const location of this.#locations.get(header)) {
-            location.setHeader(header);
-            this.#unboundLocations.set(location.url, location);
-            promises.push(location.update());
-        }
-        await Promise.all(promises);
-        this.#locations.deleteAll(header);
-    }
-    addSourceMap(sourceUrl, sourceMapUrl) {
-        this.#stylesSourceMapping.addSourceMap(sourceUrl, sourceMapUrl);
-    }
-    rawLocationToUILocation(rawLocation) {
-        let uiLocation = null;
-        uiLocation = uiLocation || this.#sassSourceMapping.rawLocationToUILocation(rawLocation);
-        uiLocation = uiLocation || this.#stylesSourceMapping.rawLocationToUILocation(rawLocation);
-        uiLocation = uiLocation || this.#resourceMapping.cssLocationToUILocation(rawLocation);
-        return uiLocation;
-    }
-    uiLocationToRawLocations(uiLocation) {
-        let rawLocations = this.#sassSourceMapping.uiLocationToRawLocations(uiLocation);
-        if (rawLocations.length) {
-            return rawLocations;
-        }
-        rawLocations = this.#stylesSourceMapping.uiLocationToRawLocations(uiLocation);
-        if (rawLocations.length) {
-            return rawLocations;
-        }
-        return this.#resourceMapping.uiLocationToCSSLocations(uiLocation);
-    }
-    dispose() {
-        Common.EventTarget.removeEventListeners(this.#eventListeners);
-        this.#stylesSourceMapping.dispose();
-        this.#sassSourceMapping.dispose();
-    }
-}
-export class LiveLocation extends LiveLocationWithPool {
-    url;
-    #lineNumber;
-    #columnNumber;
-    #info;
-    #header;
-    constructor(rawLocation, info, updateDelegate, locationPool) {
-        super(updateDelegate, locationPool);
-        this.url = rawLocation.url;
-        this.#lineNumber = rawLocation.lineNumber;
-        this.#columnNumber = rawLocation.columnNumber;
-        this.#info = info;
-        this.#header = null;
-    }
-    header() {
-        return this.#header;
-    }
-    setHeader(header) {
-        this.#header = header;
-    }
-    async uiLocation() {
-        if (!this.#header) {
-            return null;
-        }
-        const rawLocation = new SDK.CSSModel.CSSLocation(this.#header, this.#lineNumber, this.#columnNumber);
-        return CSSWorkspaceBinding.instance().rawLocationToUILocation(rawLocation);
-    }
-    dispose() {
-        super.dispose();
-        this.#info.disposeLocation(this);
-    }
-}