@mcp-b/chrome-devtools-mcp 2.0.13 → 2.2.0

package/build/vendor/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/vendor/chrome-devtools-frontend/front_end/models/annotations/AnnotationRepository.js

@@ -1,163 +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 Common from '../../core/common/common.js';
-import * as GreenDev from '../greendev/greendev.js';
-import { AnnotationType } from './AnnotationType.js';
-export class AnnotationRepository {
-    static #instance = null;
-    static #hasRepliedGreenDevDisabled = false;
-    static #hasShownFlagWarning = false;
-    #events = new Common.ObjectWrapper.ObjectWrapper();
-    #annotationData = [];
-    #nextId = 0;
-    static instance() {
-        if (!AnnotationRepository.#instance) {
-            AnnotationRepository.#instance = new AnnotationRepository();
-        }
-        return AnnotationRepository.#instance;
-    }
-    static annotationsEnabled() {
-        const enabled = GreenDev.Prototypes.instance().isEnabled('aiAnnotations');
-        // TODO(finnur): Fix race when Repository is created before feature flags have been set properly.
-        if (!enabled) {
-            this.#hasRepliedGreenDevDisabled = true;
-        }
-        else if (this.#hasRepliedGreenDevDisabled && !this.#hasShownFlagWarning) {
-            console.warn('Flag controlling GreenDev has flipped from false to true. ' +
-                'Only some callers will expect GreenDev to be enabled, which can lead to unexpected results.');
-            this.#hasShownFlagWarning = true;
-        }
-        return Boolean(enabled);
-    }
-    addEventListener(eventType, listener, thisObject) {
-        if (!AnnotationRepository.annotationsEnabled()) {
-            console.warn('Received request to add event listener with annotations disabled');
-        }
-        return this.#events.addEventListener(eventType, listener, thisObject);
-    }
-    getAnnotationDataByType(type) {
-        if (!AnnotationRepository.annotationsEnabled()) {
-            console.warn('Received query for annotation types with annotations disabled');
-            return [];
-        }
-        const annotations = this.#annotationData.filter(annotation => annotation.type === type);
-        return annotations;
-    }
-    getAnnotationDataById(id) {
-        if (!AnnotationRepository.annotationsEnabled()) {
-            console.warn('Received query for annotation type with annotations disabled');
-            return undefined;
-        }
-        return this.#annotationData.find(annotation => annotation.id === id);
-    }
-    #getExistingAnnotation(type, anchor) {
-        const annotations = this.getAnnotationDataByType(type);
-        const annotation = annotations.find(annotation => {
-            if (typeof anchor === 'string') {
-                return annotation.lookupId === anchor;
-            }
-            switch (type) {
-                case AnnotationType.ELEMENT_NODE: {
-                    const elementAnnotation = annotation;
-                    return elementAnnotation.anchor === anchor;
-                }
-                case AnnotationType.NETWORK_REQUEST_SUBPANEL_HEADERS: {
-                    const networkRequestDetailsAnnotation = annotation;
-                    return networkRequestDetailsAnnotation.anchor === anchor;
-                }
-                default:
-                    console.warn('[AnnotationRepository] Unknown AnnotationType', type);
-                    return false;
-            }
-        });
-        return annotation;
-    }
-    #updateExistingAnnotationLabel(label, type, anchor) {
-        const annotation = this.#getExistingAnnotation(type, anchor);
-        if (annotation) {
-            // TODO(finnur): This should work for annotations that have not been displayed yet,
-            // but we need to also notify the AnnotationManager for those that have been shown.
-            annotation.message = label;
-            return true;
-        }
-        return false;
-    }
-    addElementsAnnotation(label, anchor, anchorToString) {
-        if (!AnnotationRepository.annotationsEnabled()) {
-            console.warn('Received annotation registration with annotations disabled');
-            return;
-        }
-        if (this.#updateExistingAnnotationLabel(label, AnnotationType.ELEMENT_NODE, anchor)) {
-            return;
-        }
-        const annotationData = {
-            id: this.#nextId++,
-            type: AnnotationType.ELEMENT_NODE,
-            message: label,
-            lookupId: typeof anchor === 'string' ? anchor : '',
-            anchor: typeof anchor !== 'string' ? anchor : undefined,
-            anchorToString,
-        };
-        this.#annotationData.push(annotationData);
-        // eslint-disable-next-line no-console
-        console.log('[AnnotationRepository] Added element annotation:', label, {
-            annotationData,
-            annotations: this.#annotationData.length,
-        });
-        this.#events.dispatchEventToListeners("AnnotationAdded" /* Events.ANNOTATION_ADDED */, annotationData);
-    }
-    addNetworkRequestAnnotation(label, anchor, anchorToString) {
-        if (!AnnotationRepository.annotationsEnabled()) {
-            console.warn('Received annotation registration with annotations disabled');
-            return;
-        }
-        // We only need to update the NETWORK_REQUEST_SUBPANEL_HEADERS because the
-        // NETWORK_REQUEST Annotation has no meaningful label.
-        if (this.#updateExistingAnnotationLabel(label, AnnotationType.NETWORK_REQUEST_SUBPANEL_HEADERS, anchor)) {
-            return;
-        }
-        const annotationData = {
-            id: this.#nextId++,
-            type: AnnotationType.NETWORK_REQUEST,
-            message: '',
-            lookupId: typeof anchor === 'string' ? anchor : '',
-            anchor: typeof anchor !== 'string' ? anchor : undefined,
-            anchorToString,
-        };
-        this.#annotationData.push(annotationData);
-        // eslint-disable-next-line no-console
-        console.log('[AnnotationRepository] Added annotation:', label, {
-            annotationData,
-            annotations: this.#annotationData.length,
-        });
-        this.#events.dispatchEventToListeners("AnnotationAdded" /* Events.ANNOTATION_ADDED */, annotationData);
-        const annotationDetailsData = {
-            id: this.#nextId++,
-            type: AnnotationType.NETWORK_REQUEST_SUBPANEL_HEADERS,
-            message: label,
-            lookupId: typeof anchor === 'string' ? anchor : '',
-            anchor: typeof anchor !== 'string' ? anchor : undefined,
-            anchorToString,
-        };
-        this.#annotationData.push(annotationDetailsData);
-        this.#events.dispatchEventToListeners("AnnotationAdded" /* Events.ANNOTATION_ADDED */, annotationDetailsData);
-    }
-    deleteAllAnnotations() {
-        this.#annotationData = [];
-        this.#events.dispatchEventToListeners("AllAnnotationsDeleted" /* Events.ALL_ANNOTATIONS_DELETED */);
-        // eslint-disable-next-line no-console
-        console.log('[AnnotationRepository] Deleting all annotations');
-    }
-    deleteAnnotation(id) {
-        const index = this.#annotationData.findIndex(annotation => annotation.id === id);
-        if (index === -1) {
-            console.warn(`[AnnotationRepository] Could not find annotation with id ${id}`);
-            return;
-        }
-        this.#annotationData.splice(index, 1);
-        this.#events.dispatchEventToListeners("AnnotationDeleted" /* Events.ANNOTATION_DELETED */, { id });
-        // eslint-disable-next-line no-console
-        console.log(`[AnnotationRepository] Deleted annotation with id ${id}`);
-    }
-}

package/build/vendor/chrome-devtools-frontend/front_end/models/annotations/AnnotationType.js

@@ -1,10 +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.
-export var AnnotationType;
-(function (AnnotationType) {
-    AnnotationType[AnnotationType["ELEMENT_NODE"] = 0] = "ELEMENT_NODE";
-    AnnotationType[AnnotationType["STYLE_RULE"] = 1] = "STYLE_RULE";
-    AnnotationType[AnnotationType["NETWORK_REQUEST"] = 2] = "NETWORK_REQUEST";
-    AnnotationType[AnnotationType["NETWORK_REQUEST_SUBPANEL_HEADERS"] = 3] = "NETWORK_REQUEST_SUBPANEL_HEADERS";
-})(AnnotationType || (AnnotationType = {}));

package/build/vendor/chrome-devtools-frontend/front_end/models/annotations/annotations.js

@@ -1,5 +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.
-export * from './AnnotationRepository.js';
-export * from './AnnotationType.js';

package/build/vendor/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);
-    }
-}