chrome-devtools-mcp 0.10.2 → 0.12.0

package/build/node_modules/chrome-devtools-frontend/front_end/generated/SupportedCSSProperties.js

@@ -502,6 +502,8 @@ export const generatedProperties = [
             "grid-auto-rows",
             "grid-column-end",
             "grid-column-start",
+            "grid-lanes-direction",
+            "grid-lanes-fill",
             "grid-row-end",
             "grid-row-start",
             "grid-template-areas",
@@ -558,8 +560,6 @@ export const generatedProperties = [
             "mask-repeat",
             "mask-size",
             "mask-type",
-            "masonry-direction",
-            "masonry-fill",
             "math-depth",
             "math-shift",
             "math-style",
@@ -676,10 +676,6 @@ export const generatedProperties = [
             "scroll-snap-align",
             "scroll-snap-stop",
             "scroll-snap-type",
-            "scroll-start-block",
-            "scroll-start-inline",
-            "scroll-start-x",
-            "scroll-start-y",
             "scroll-target-group",
             "scroll-timeline-axis",
             "scroll-timeline-name",
@@ -2145,8 +2141,8 @@ export const generatedProperties = [
             "math",
             "ruby",
             "ruby-text",
-            "masonry",
-            "inline-masonry"
+            "grid-lanes",
+            "inline-grid-lanes"
         ],
         "name": "display"
     },
@@ -2646,6 +2642,38 @@ export const generatedProperties = [
         ],
         "name": "grid-column-start"
     },
+    {
+        "longhands": [
+            "grid-template-areas",
+            "grid-template-columns",
+            "grid-lanes-direction",
+            "grid-lanes-fill"
+        ],
+        "name": "grid-lanes"
+    },
+    {
+        "keywords": [
+            "row",
+            "row-reverse",
+            "column",
+            "column-reverse"
+        ],
+        "name": "grid-lanes-direction"
+    },
+    {
+        "keywords": [
+            "normal",
+            "reverse"
+        ],
+        "name": "grid-lanes-fill"
+    },
+    {
+        "longhands": [
+            "grid-lanes-direction",
+            "grid-lanes-fill"
+        ],
+        "name": "grid-lanes-flow"
+    },
     {
         "longhands": [
             "grid-row-start",
@@ -3090,38 +3118,6 @@ export const generatedProperties = [
         ],
         "name": "mask-type"
     },
-    {
-        "longhands": [
-            "grid-template-areas",
-            "grid-template-columns",
-            "masonry-direction",
-            "masonry-fill"
-        ],
-        "name": "masonry"
-    },
-    {
-        "keywords": [
-            "row",
-            "row-reverse",
-            "column",
-            "column-reverse"
-        ],
-        "name": "masonry-direction"
-    },
-    {
-        "keywords": [
-            "normal",
-            "reverse"
-        ],
-        "name": "masonry-fill"
-    },
-    {
-        "longhands": [
-            "masonry-direction",
-            "masonry-fill"
-        ],
-        "name": "masonry-flow"
-    },
     {
         "inherited": true,
         "name": "math-depth"
@@ -3585,7 +3581,8 @@ export const generatedProperties = [
     },
     {
         "keywords": [
-            "auto"
+            "auto",
+            "none"
         ],
         "name": "position-anchor"
     },
@@ -4050,25 +4047,6 @@ export const generatedProperties = [
         ],
         "name": "scroll-snap-type"
     },
-    {
-        "longhands": [
-            "scroll-start-block",
-            "scroll-start-inline"
-        ],
-        "name": "scroll-start"
-    },
-    {
-        "name": "scroll-start-block"
-    },
-    {
-        "name": "scroll-start-inline"
-    },
-    {
-        "name": "scroll-start-x"
-    },
-    {
-        "name": "scroll-start-y"
-    },
     {
         "keywords": [
             "none",
@@ -5676,8 +5654,8 @@ export const generatedPropertyValues = {
             "math",
             "ruby",
             "ruby-text",
-            "masonry",
-            "inline-masonry"
+            "grid-lanes",
+            "inline-grid-lanes"
         ]
     },
     "dominant-baseline": {
@@ -5987,6 +5965,20 @@ export const generatedPropertyValues = {
             "auto"
         ]
     },
+    "grid-lanes-direction": {
+        "values": [
+            "row",
+            "row-reverse",
+            "column",
+            "column-reverse"
+        ]
+    },
+    "grid-lanes-fill": {
+        "values": [
+            "normal",
+            "reverse"
+        ]
+    },
     "grid-row-end": {
         "values": [
             "auto"
@@ -6205,20 +6197,6 @@ export const generatedPropertyValues = {
             "alpha"
         ]
     },
-    "masonry-direction": {
-        "values": [
-            "row",
-            "row-reverse",
-            "column",
-            "column-reverse"
-        ]
-    },
-    "masonry-fill": {
-        "values": [
-            "normal",
-            "reverse"
-        ]
-    },
     "math-shift": {
         "values": [
             "normal",
@@ -6460,7 +6438,8 @@ export const generatedPropertyValues = {
     },
     "position-anchor": {
         "values": [
-            "auto"
+            "auto",
+            "none"
         ]
     },
     "position-area": {

package/build/node_modules/chrome-devtools-frontend/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.js

@@ -532,7 +532,7 @@ Network requests data:
     }
     static callFrameDataFormatDescription = `Each call frame is presented in the following format:
 
-'id;eventKey;name;duration;selfTime;urlIndex;childRange;[S]'
+'id;eventKey;name;duration;selfTime;urlIndex;childRange;[line];[column];[S]'
 
 Key definitions:
 
@@ -543,15 +543,17 @@ Key definitions:
 * selfTime: The time spent directly within the call frame, excluding its children's execution.
 * urlIndex: Index referencing the "All URLs" list. Empty if no specific script URL is associated.
 * childRange: Specifies the direct children of this node using their IDs. If empty ('' or 'S' at the end), the node has no children. If a single number (e.g., '4'), the node has one child with that ID. If in the format 'firstId-lastId' (e.g., '4-5'), it indicates a consecutive range of child IDs from 'firstId' to 'lastId', inclusive.
+* line: An optional field for a call frame's line number. This is where the function is defined.
+* column: An optional field for a call frame's column number. This is where the function is defined.
 * S: _Optional_. The letter 'S' terminates the line if that call frame was selected by the user.
 
 Example Call Tree:
 
-1;r-123;main;500;100;;
-2;r-124;update;200;50;;3
-3;p-49575-15428179-2834-374;animate;150;20;0;4-5;S
-4;p-49575-15428179-3505-1162;calculatePosition;80;80;;
-5;p-49575-15428179-5391-2767;applyStyles;50;50;;
+1;r-123;main;500;100;0;1;;
+2;r-124;update;200;50;;3;0;1;
+3;p-49575-15428179-2834-374;animate;150;20;0;4-5;0;1;S
+4;p-49575-15428179-3505-1162;calculatePosition;80;80;0;1;;
+5;p-49575-15428179-5391-2767;applyStyles;50;50;0;1;;
 `;
     /**
      * Network requests format description that is sent to the model as a fact.
@@ -646,4 +648,17 @@ The order of headers corresponds to an internal fixed list. If a header is not p
         ];
         return parts.join(';');
     }
+    formatFunctionCode(code) {
+        const { startLine, startColumn } = code.range;
+        const { startLine: contextStartLine, startColumn: contextStartColumn, endLine: contextEndLine, endColumn: contextEndColumn } = code.rangeWithContext;
+        const name = code.functionBounds.name;
+        const url = code.functionBounds.uiSourceCode.url();
+        const parts = [];
+        parts.push(`${name} @ ${url}:${startLine}:${startColumn}. With added context, chunk is from ${contextStartLine}:${contextStartColumn} to ${contextEndLine}:${contextEndColumn}`);
+        parts.push('\nThe following is a markdown block of JavaScript. <FUNCTION_START> and <FUNCTION_END> marks the exact function declaration, and everything outside that is provided for additional context. Comments at the end of each line indicate the runtime performance cost of that code. Do not show the user the function markers or the additional context.\n');
+        parts.push('```');
+        parts.push(code.codeWithContext);
+        parts.push('```');
+        return parts.join('\n');
+    }
 }

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

@@ -244,10 +244,12 @@ export class AICallTree {
     *   5. `urlIndex`: An index referencing a URL in the `allUrls` array. If no URL is present, this is an empty string.
     *   6. `childRange`: A string indicating the range of IDs for the node's children. Children should always have consecutive IDs.
     *                    If there is only one child, it's a single ID.
-    *   7. `[S]`: An optional marker indicating that this node is the selected node.
+    *   7. `[line]`: An optional field for a call frame's line number.
+    *   8. `[column]`: An optional field for a call frame's column number.
+    *   9. `[S]`: An optional marker indicating that this node is the selected node.
     *
     * Example:
-    *   `1;Parse HTML;2.5;0.3;0;2-5;S`
+    *   `1;Parse HTML;2.5;0.3;0;2-5;10;11;S`
     *   This represents:
     *     - Node ID 1
     *     - Name "Parse HTML"
@@ -255,6 +257,7 @@ export class AICallTree {
     *     - Self time of 0.3ms
     *     - URL index 0 (meaning the URL is the first one in the `allUrls` array)
     *     - Child range of IDs 2 to 5
+    *     - Line, column is 10:11
     *     - This node is the selected node (S marker)
     */
     stringifyNode(node, nodeId, parsedTrace, selectedNode, allUrls, childStartingNodeIndex) {
@@ -280,7 +283,8 @@ export class AICallTree {
         // 5. Self Time
         const selfTimeStr = roundToTenths(node.selfTime);
         // 6. URL Index
-        const url = SourceMapsResolver.SourceMapsResolver.resolvedURLForEntry(parsedTrace, event);
+        const location = SourceMapsResolver.SourceMapsResolver.codeLocationForEntry(parsedTrace, event);
+        const url = location?.url;
         let urlIndexStr = '';
         if (url) {
             const existingIndex = allUrls.indexOf(url);
@@ -308,6 +312,8 @@ export class AICallTree {
         line += ';' + selfTimeStr;
         line += ';' + urlIndexStr;
         line += ';' + childRangeStr;
+        line += ';' + (location?.line ?? '');
+        line += ';' + (location?.column ?? '');
         if (selectedMarker) {
             line += ';' + selectedMarker;
         }

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

@@ -39,7 +39,7 @@ export class CSSWorkspaceBinding {
         return this.#modelToInfo.get(cssModel);
     }
     modelAdded(cssModel) {
-        this.#modelToInfo.set(cssModel, new ModelInfo(cssModel, this.#resourceMapping));
+        this.#modelToInfo.set(cssModel, new ModelInfo(cssModel, this.#resourceMapping, this));
     }
     modelRemoved(cssModel) {
         this.getCSSModelInfo(cssModel).dispose();
@@ -110,7 +110,7 @@ export class ModelInfo {
     #sassSourceMapping;
     #locations;
     #unboundLocations;
-    constructor(cssModel, resourceMapping) {
+    constructor(cssModel, resourceMapping, cssWorkspaceBinding) {
         this.#eventListeners = [
             cssModel.addEventListener(SDK.CSSModel.Events.StyleSheetAdded, event => {
                 void this.styleSheetAdded(event);
@@ -122,7 +122,8 @@ export class ModelInfo {
         this.#resourceMapping = resourceMapping;
         this.#stylesSourceMapping = new StylesSourceMapping(cssModel, resourceMapping.workspace);
         const sourceMapManager = cssModel.sourceMapManager();
-        this.#sassSourceMapping = new SASSSourceMapping(cssModel.target(), sourceMapManager, resourceMapping.workspace);
+        this.#sassSourceMapping =
+            new SASSSourceMapping(cssModel.target(), sourceMapManager, resourceMapping.workspace, cssWorkspaceBinding);
         this.#locations = new Platform.MapUtilities.Multimap();
         this.#unboundLocations = new Platform.MapUtilities.Multimap();
     }

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

@@ -220,6 +220,40 @@ export class CompilerScriptMapping {
         }
         return ranges;
     }
+    async functionBoundsAtRawLocation(rawLocation) {
+        const script = rawLocation.script();
+        if (!script) {
+            return null;
+        }
+        const sourceMap = this.#sourceMapManager.sourceMapForClient(script);
+        if (!sourceMap) {
+            return null;
+        }
+        const { lineNumber, columnNumber } = script.rawLocationToRelativeLocation(rawLocation);
+        const { url, scope } = sourceMap.findOriginalFunctionScope({ line: lineNumber, column: columnNumber }) ?? {};
+        if (!scope || !url) {
+            return null;
+        }
+        const project = this.#sourceMapToProject.get(sourceMap);
+        if (!project) {
+            return null;
+        }
+        const uiSourceCode = project.uiSourceCodeForURL(url);
+        if (!uiSourceCode) {
+            return null;
+        }
+        // If there's no original source content, callers can't get the source code for
+        // the given scope. Presently that's the only reason to get a function's bounds,
+        // so in that case return null and allow ResourceScriptMapping to fulfill this
+        // request.
+        const contentData = await uiSourceCode.requestContentData();
+        if ('error' in contentData) {
+            return null;
+        }
+        const name = scope.name ?? '';
+        const range = new TextUtils.TextRange.TextRange(scope.start.line, scope.start.column, scope.end.line, scope.end.column);
+        return new Workspace.UISourceCode.UIFunctionBounds(uiSourceCode, range, name);
+    }
     translateRawFramesStep(rawFrames, translatedFrames) {
         const frame = rawFrames[0];
         if (StackTraceImpl.Trie.isBuiltinFrame(frame)) {

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

@@ -258,6 +258,11 @@ export class DebuggerWorkspaceBinding {
         }
         return [];
     }
+    async functionBoundsAtRawLocation(rawLocation) {
+        // TODO(crbug.com/463452667): first try pluginManager.
+        const modelData = this.#debuggerModelToData.get(rawLocation.debuggerModel);
+        return modelData ? await modelData.functionBoundsAtRawLocation(rawLocation) : null;
+    }
     async normalizeUILocation(uiLocation) {
         const rawLocations = await this.uiLocationToRawLocations(uiLocation.uiSourceCode, uiLocation.lineNumber, uiLocation.columnNumber);
         for (const location of rawLocations) {
@@ -458,6 +463,16 @@ class ModelData {
         ranges ??= this.#defaultMapping.uiLocationRangeToRawLocationRanges(uiSourceCode, textRange);
         return ranges;
     }
+    async functionBoundsAtRawLocation(rawLocation) {
+        let scope = null;
+        // Check source maps.
+        scope = scope || await this.compilerMapping.functionBoundsAtRawLocation(rawLocation);
+        // Check debugger scripts.
+        scope = scope || await this.#resourceScriptMapping.functionBoundsAtRawLocation(rawLocation);
+        // Check inline scripts inside HTML resources.
+        scope = scope || await this.#resourceMapping.functionBoundsAtRawLocation(rawLocation);
+        return scope;
+    }
     translateRawFramesStep(rawFrames, translatedFrames) {
         if (!this.compilerMapping.translateRawFramesStep(rawFrames, translatedFrames)) {
             this.#defaultTranslateRawFramesStep(rawFrames, translatedFrames);

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

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 import * as Common from '../../core/common/common.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as Formatter from '../formatter/formatter.js';
 import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 import { ContentProviderBasedProject } from './ContentProviderBasedProject.js';
@@ -238,6 +239,64 @@ export class ResourceMapping {
         }
         return cssModel.createRawLocationsByURL(uiLocation.uiSourceCode.url(), uiLocation.lineNumber, uiLocation.columnNumber);
     }
+    async functionBoundsAtRawLocation(rawLocation) {
+        const script = rawLocation.script();
+        if (!script) {
+            return null;
+        }
+        const info = this.infoForTarget(script.debuggerModel.target());
+        if (!info) {
+            return null;
+        }
+        const embedderName = script.embedderName();
+        if (!embedderName) {
+            return null;
+        }
+        const uiSourceCode = info.getProject().uiSourceCodeForURL(embedderName);
+        if (!uiSourceCode) {
+            return null;
+        }
+        let { lineNumber, columnNumber } = rawLocation;
+        lineNumber -= script.lineOffset;
+        if (lineNumber === 0) {
+            columnNumber -= script.columnOffset;
+        }
+        const scopeTreeAndText = script ? await SDK.ScopeTreeCache.scopeTreeForScript(script) : null;
+        if (!scopeTreeAndText) {
+            return null;
+        }
+        // Find the inner-most scope that maps to the given position.
+        const offset = scopeTreeAndText.text.offsetFromPosition(lineNumber, columnNumber);
+        const results = [];
+        (function walk(nodes) {
+            for (const node of nodes) {
+                if (!(offset >= node.start && offset < node.end)) {
+                    continue;
+                }
+                results.push(node);
+                walk(node.children);
+            }
+        })([scopeTreeAndText.scopeTree]);
+        const result = results.findLast(node => node.kind === 2 /* Formatter.FormatterWorkerPool.ScopeKind.FUNCTION */ ||
+            node.kind === 4 /* Formatter.FormatterWorkerPool.ScopeKind.ARROW_FUNCTION */);
+        if (!result) {
+            return null;
+        }
+        // Map back to positions.
+        const startPosition = scopeTreeAndText.text.positionFromOffset(result.start);
+        const endPosition = scopeTreeAndText.text.positionFromOffset(result.end);
+        startPosition.lineNumber += script.lineOffset;
+        if (startPosition.lineNumber === script.lineOffset) {
+            startPosition.columnNumber += script.columnOffset;
+        }
+        endPosition.lineNumber += script.lineOffset;
+        if (endPosition.lineNumber === script.lineOffset) {
+            endPosition.columnNumber += script.columnOffset;
+        }
+        const name = ''; // TODO(crbug.com/452333154): update ScopeVariableAnalysis to include function name.
+        const range = new TextUtils.TextRange.TextRange(startPosition.lineNumber, startPosition.columnNumber, endPosition.lineNumber, endPosition.columnNumber);
+        return new Workspace.UISourceCode.UIFunctionBounds(uiSourceCode, range, name);
+    }
     resetForTest(target) {
         const resourceTreeModel = target.model(SDK.ResourceTreeModel.ResourceTreeModel);
         const info = resourceTreeModel ? this.#modelToInfo.get(resourceTreeModel) : null;

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

@@ -6,6 +6,7 @@ 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 Formatter from '../formatter/formatter.js';
 import * as TextUtils from '../text_utils/text_utils.js';
 import * as Workspace from '../workspace/workspace.js';
 import { ContentProviderBasedProject } from './ContentProviderBasedProject.js';
@@ -125,6 +126,43 @@ export class ResourceScriptMapping {
             this.addScript(script);
         }
     }
+    async functionBoundsAtRawLocation(rawLocation) {
+        const script = rawLocation.script();
+        if (!script) {
+            return null;
+        }
+        const uiSourceCode = this.#scriptToUISourceCode.get(script);
+        if (!uiSourceCode) {
+            return null;
+        }
+        const scopeTreeAndText = script ? await SDK.ScopeTreeCache.scopeTreeForScript(script) : null;
+        if (!scopeTreeAndText) {
+            return null;
+        }
+        // Find the inner-most scope that maps to the given position.
+        const offset = scopeTreeAndText.text.offsetFromPosition(rawLocation.lineNumber, rawLocation.columnNumber);
+        const results = [];
+        (function walk(nodes) {
+            for (const node of nodes) {
+                if (!(offset >= node.start && offset < node.end)) {
+                    continue;
+                }
+                results.push(node);
+                walk(node.children);
+            }
+        })([scopeTreeAndText.scopeTree]);
+        const result = results.findLast(node => node.kind === 2 /* Formatter.FormatterWorkerPool.ScopeKind.FUNCTION */ ||
+            node.kind === 4 /* Formatter.FormatterWorkerPool.ScopeKind.ARROW_FUNCTION */);
+        if (!result) {
+            return null;
+        }
+        // Map back to positions.
+        const startPosition = scopeTreeAndText.text.positionFromOffset(result.start);
+        const endPosition = scopeTreeAndText.text.positionFromOffset(result.end);
+        const name = ''; // TODO(crbug.com/452333154): update ScopeVariableAnalysis to include function name.
+        const range = new TextUtils.TextRange.TextRange(startPosition.lineNumber, startPosition.columnNumber, endPosition.lineNumber, endPosition.columnNumber);
+        return new Workspace.UISourceCode.UIFunctionBounds(uiSourceCode, range, name);
+    }
     addScript(script) {
         // Ignore live edit scripts here.
         if (script.isLiveEdit() || script.isBreakpointCondition) {

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

@@ -6,15 +6,16 @@ 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) {
+    #cssWorkspaceBinding;
+    constructor(target, sourceMapManager, workspace, cssWorkspaceBinding) {
         this.#sourceMapManager = sourceMapManager;
+        this.#cssWorkspaceBinding = cssWorkspaceBinding;
         this.#project = new ContentProviderBasedProject(workspace, 'cssSourceMaps:' + target.id(), Workspace.Workspace.projectTypes.Network, '', false /* isServiceProject */);
         NetworkProject.setTargetForProject(this.#project, target);
         this.#bindings = new Map();
@@ -38,7 +39,7 @@ export class SASSSourceMapping {
             }
             binding.addSourceMap(sourceMap, header.frameId);
         }
-        await CSSWorkspaceBinding.instance().updateLocations(header);
+        await this.#cssWorkspaceBinding.updateLocations(header);
         this.sourceMapAttachedForTest(sourceMap);
     }
     async sourceMapDetached(event) {
@@ -54,7 +55,7 @@ export class SASSSourceMapping {
                 }
             }
         }
-        await CSSWorkspaceBinding.instance().updateLocations(header);
+        await this.#cssWorkspaceBinding.updateLocations(header);
     }
     rawLocationToUILocation(rawLocation) {
         const header = rawLocation.header();

package/build/node_modules/chrome-devtools-frontend/front_end/models/cpu_profile/CPUProfileDataModel.js

@@ -50,7 +50,15 @@ export class CPUProfileDataModel extends ProfileTreeModel {
      * for CPU profiles coming from traces.
      */
     traceIds;
+    /**
+     * Each item in the `lines` array contains the script line executing
+     * when the sample in that array position was taken.
+     */
     lines;
+    /**
+     * Same as `lines` above, but with the script column.
+     */
+    columns;
     totalHitCount;
     profileHead;
     /**
@@ -84,14 +92,8 @@ export class CPUProfileDataModel extends ProfileTreeModel {
         }
         this.traceIds = profile.traceIds;
         this.samples = profile.samples;
-        // Lines are available only in profiles coming from tracing.
-        // Elements in the lines array have a 1 to 1 correspondence with
-        // samples, by array position. They can be 1 or 0 and indicate if
-        // there is line data for a given sample, i.e. if a given sample
-        // needs to be included to calculate the line level execution time
-        // data, which we show in the sources panel after recording a
-        // profile.
         this.lines = profile.lines;
+        this.columns = profile.columns;
         this.totalHitCount = 0;
         this.profileHead = this.translateProfileTree(profile.nodes);
         this.initialize(this.profileHead);

package/build/node_modules/chrome-devtools-frontend/front_end/models/crux-manager/CrUXManager.js

@@ -92,9 +92,11 @@ export class CrUXManager extends Common.ObjectWrapper.ObjectWrapper {
             'url-PHONE': null,
             'url-TABLET': null,
             warnings: [],
+            normalizedUrl: '',
         };
         try {
             const normalizedUrl = this.#normalizeUrl(pageUrl);
+            pageResult.normalizedUrl = normalizedUrl.href;
             const promises = [];
             for (const pageScope of pageScopeList) {
                 for (const deviceScope of DEVICE_SCOPE_LIST) {
@@ -143,10 +145,10 @@ export class CrUXManager extends Common.ObjectWrapper.ObjectWrapper {
      */
     async #getFieldDataForCurrentPage() {
         const currentUrl = this.#mainDocumentUrl || await this.#getInspectedURL();
-        const urlForCrux = this.#configSetting.get().overrideEnabled ? this.#configSetting.get().override || '' :
+        const normalizedUrl = this.#configSetting.get().overrideEnabled ? this.#configSetting.get().override || '' :
             this.#getMappedUrl(currentUrl);
-        const result = await this.getFieldDataForPage(urlForCrux);
-        if (currentUrl !== urlForCrux) {
+        const result = await this.getFieldDataForPage(normalizedUrl);
+        if (currentUrl !== normalizedUrl) {
             result.warnings.push(i18nString(UIStrings.fieldOverrideWarning));
         }
         return result;

package/build/node_modules/chrome-devtools-frontend/front_end/models/formatter/FormatterWorkerPool.js

@@ -1,7 +1,7 @@
 // Copyright 2016 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';
 let formatterWorkerPoolInstance;
 export class FormatterWorkerPool {
     taskQueue;
@@ -31,7 +31,7 @@ export class FormatterWorkerPool {
         formatterWorkerPoolInstance = undefined;
     }
     createWorker() {
-        const worker = Common.Worker.WorkerWrapper.fromURL(new URL('../../entrypoints/formatter_worker/formatter_worker-entrypoint.js', import.meta.url));
+        const worker = Platform.HostRuntime.HOST_RUNTIME.createWorker(new URL('../../entrypoints/formatter_worker/formatter_worker-entrypoint.js', import.meta.url).toString());
         worker.onmessage = this.onWorkerMessage.bind(this, worker);
         worker.onerror = this.onWorkerError.bind(this, worker);
         return worker;