chrome-devtools-frontend 1.0.1386602 → 1.0.1402249

package/front_end/core/sdk/SourceMapScopesInfo.ts

@@ -13,6 +13,7 @@ import {
   type GeneratedRange,
   type OriginalPosition,
   type OriginalScope,
+  type Position,
 } from './SourceMapScopes.js';
 
 export class SourceMapScopesInfo {
@@ -32,7 +33,7 @@ export class SourceMapScopesInfo {
   static parseFromMap(
       sourceMap: SourceMap,
       sourceMapJson: Pick<SourceMapV3Object, 'names'|'originalScopes'|'generatedRanges'>): SourceMapScopesInfo {
-    if (!sourceMapJson.originalScopes || !sourceMapJson.generatedRanges) {
+    if (!sourceMapJson.originalScopes || sourceMapJson.generatedRanges === undefined) {
       throw new Error('Cant create SourceMapScopesInfo without encoded scopes');
     }
     const scopeTrees = decodeOriginalScopes(sourceMapJson.originalScopes, sourceMapJson.names ?? []);
@@ -234,6 +235,67 @@ export class SourceMapScopesInfo {
 
     return rangeChain;
   }
+
+  /**
+   * Returns the authored function name of the function containing the provided generated position.
+   */
+  findOriginalFunctionName({line, column}: Position): string|null {
+    // There are 2 approaches:
+    //   1) Find the inner-most generated range containing the provided generated position
+    //      and use it's OriginalScope (then walk it outwards until we hit a function).
+    //   2) Use the mappings to turn the generated position into an original position.
+    //      Then find the inner-most original scope containing that original position.
+    //      Then walk it outwards until we hit a function.
+    //
+    // Both approaches should yield the same result (assuming the mappings are spec compliant
+    // w.r.t. generated ranges). But in the case of "pasta" scopes and extension provided
+    // scope info, we only have the OriginalScope parts and mappings without GeneratedRanges.
+
+    let originalInnerMostScope: OriginalScope|undefined;
+
+    if (this.#generatedRanges.length > 0) {
+      const rangeChain = this.#findGeneratedRangeChain(line, column);
+      originalInnerMostScope = rangeChain.at(-1)?.originalScope;
+    } else {
+      // No GeneratedRanges. Try to use mappings.
+      const entry = this.#sourceMap.findEntry(line, column);
+      if (entry === null || entry.sourceIndex === undefined) {
+        return null;
+      }
+      originalInnerMostScope =
+          this.#findOriginalScopeChain(
+                  {sourceIndex: entry.sourceIndex, line: entry.sourceLineNumber, column: entry.sourceColumnNumber})
+              .at(-1);
+    }
+
+    // Walk the original scope chain outwards until we find a function.
+    for (let originalScope = originalInnerMostScope; originalScope; originalScope = originalScope.parent) {
+      if (originalScope.isStackFrame) {
+        return originalScope.name ?? '';
+      }
+    }
+    return null;
+  }
+
+  /**
+   * Given an original position, this returns all the surrounding original scopes from outer
+   * to inner.
+   */
+  #findOriginalScopeChain({sourceIndex, line, column}: OriginalPosition): OriginalScope[] {
+    const result: OriginalScope[] = [];
+
+    (function walkScopes(scopes: OriginalScope[]) {
+      for (const scope of scopes) {
+        if (!contains(scope, line, column)) {
+          continue;
+        }
+        result.push(scope);
+        walkScopes(scope.children);
+      }
+    })([this.#originalScopes[sourceIndex]]);
+
+    return result;
+  }
 }
 
 /**

package/front_end/core/sdk/TraceObject.test.ts

@@ -24,7 +24,7 @@ describe('TraceObject', () => {
       const traceEvents = [event];
       const traceObj = new SDK.TraceObject.TraceObject(traceEvents);
       assert.deepEqual(traceObj.traceEvents, traceEvents);
-      assert.isTrue(traceObj instanceof SDK.TraceObject.TraceObject);
+      assert.instanceOf(traceObj, SDK.TraceObject.TraceObject);
     });
   });
 });

package/front_end/core/sdk/sdk-meta.ts

@@ -1050,33 +1050,6 @@ Common.Settings.registerSettingExtension({
   },
 });
 
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.PRIVACY,
-  title: i18nLazyString(UIStrings.disableCache),
-  settingName: 'cookie-control-override-enabled',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  storageType: Common.Settings.SettingStorageType.GLOBAL,
-  defaultValue: false,
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.PRIVACY,
-  title: i18nLazyString(UIStrings.disableCache),
-  settingName: 'grace-period-mitigation-disabled',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  storageType: Common.Settings.SettingStorageType.GLOBAL,
-  defaultValue: false,
-});
-
-Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.PRIVACY,
-  title: i18nLazyString(UIStrings.disableCache),
-  settingName: 'heuristic-mitigation-disabled',
-  settingType: Common.Settings.SettingType.BOOLEAN,
-  storageType: Common.Settings.SettingStorageType.GLOBAL,
-  defaultValue: false,
-});
-
 Common.Settings.registerSettingExtension({
   category: Common.Settings.SettingCategory.RENDERING,
   title: i18nLazyString(UIStrings.emulateAutoDarkMode),

package/front_end/devtools_compatibility.js

@@ -438,16 +438,13 @@ const EnumeratedHistogram = {
   SourcesPanelFileDebugged: 'DevTools.SourcesPanelFileDebugged',
   SourcesPanelFileOpened: 'DevTools.SourcesPanelFileOpened',
   NetworkPanelResponsePreviewOpened: 'DevTools.NetworkPanelResponsePreviewOpened',
+  TimelineNavigationSettingState: 'DevTools.TimelineNavigationSettingState',
   StyleTextCopied: 'DevTools.StyleTextCopied',
   SyncSetting: 'DevTools.SyncSetting',
   CSSPropertyDocumentation: 'DevTools.CSSPropertyDocumentation',
   SwatchActivated: 'DevTools.SwatchActivated',
   AnimationPlaybackRateChanged: 'DevTools.AnimationPlaybackRateChanged',
   AnimationPointDragged: 'DevTools.AnimationPointDragged',
-  LegacyResourceTypeFilterNumberOfSelectedChanged: 'DevTools.LegacyResourceTypeFilterNumberOfSelectedChanged',
-  LegacyResourceTypeFilterItemSelected: 'DevTools.LegacyResourceTypeFilterItemSelected',
-  ResourceTypeFilterNumberOfSelectedChanged: 'DevTools.ResourceTypeFilterNumberOfSelectedChanged',
-  ResourceTypeFilterItemSelected: 'DevTools.ResourceTypeFilterItemSelected',
 };
 
 /**

package/front_end/entrypoints/formatter_worker/FormattedContentBuilder.test.ts

@@ -15,7 +15,7 @@ describe('FormattedContentBuilder', () => {
     const formattedContentBuilder = new FormatterWorker.FormattedContentBuilder.FormattedContentBuilder('  ');
     formattedContentBuilder.setEnforceSpaceBetweenWords(false);
     const result = formattedContentBuilder.setEnforceSpaceBetweenWords(true);
-    assert.strictEqual(result, false);
+    assert.isFalse(result);
   });
 
   it('should squash new lines by default', () => {

package/front_end/entrypoints/heap_snapshot_worker/HeapSnapshot.ts

@@ -28,7 +28,7 @@
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-/* eslint-disable rulesdir/use_private_class_members */
+/* eslint-disable rulesdir/prefer-private-class-members */
 
 import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';

package/front_end/entrypoints/inspector_main/InspectorMain.ts

@@ -153,8 +153,7 @@ export class NodeIndicator implements UI.Toolbar.Provider {
   readonly #button: UI.Toolbar.ToolbarItem;
   private constructor() {
     const element = document.createElement('div');
-    const shadowRoot =
-        UI.UIUtils.createShadowRootWithCoreStyles(element, {cssFile: [nodeIconStyles], delegatesFocus: undefined});
+    const shadowRoot = UI.UIUtils.createShadowRootWithCoreStyles(element, {cssFile: [nodeIconStyles]});
     this.#element = shadowRoot.createChild('div', 'node-icon');
     element.addEventListener(
         'click', () => Host.InspectorFrontendHost.InspectorFrontendHostInstance.openNodeFrontend(), false);

package/front_end/entrypoints/inspector_main/OutermostTargetSelector.ts

@@ -151,8 +151,7 @@ export class OutermostTargetSelector implements SDK.TargetManager.Observer, UI.S
   createElementForItem(item: SDK.Target.Target): Element {
     const element = document.createElement('div');
     element.classList.add('target');
-    const shadowRoot = UI.UIUtils.createShadowRootWithCoreStyles(
-        element, {cssFile: [outermostTargetSelectorStyles], delegatesFocus: undefined});
+    const shadowRoot = UI.UIUtils.createShadowRootWithCoreStyles(element, {cssFile: [outermostTargetSelectorStyles]});
     const title = shadowRoot.createChild('div', 'title');
     UI.UIUtils.createTextChild(title, Platform.StringUtilities.trimEndWithMaxLength(this.titleFor(item), 100));
     const subTitle = shadowRoot.createChild('div', 'subtitle');

package/front_end/entrypoints/inspector_main/RenderingOptions.ts

@@ -290,8 +290,8 @@ export class RenderingOptionsView extends UI.Widget.VBox {
   }
 
   #appendCheckbox(
-      label: string, subtitle: string, setting: Common.Settings.Setting<boolean>,
-      metric?: UI.SettingsUI.UserMetricOptions): UI.UIUtils.CheckboxLabel {
+      label: Common.UIString.LocalizedString, subtitle: Common.UIString.LocalizedString,
+      setting: Common.Settings.Setting<boolean>, metric?: UI.SettingsUI.UserMetricOptions): UI.UIUtils.CheckboxLabel {
     const checkbox = UI.UIUtils.CheckboxLabel.create(label, false, subtitle, setting.name);
     UI.SettingsUI.bindCheckbox(checkbox.checkboxElement, setting, metric);
     this.contentElement.appendChild(checkbox);

package/front_end/entrypoints/inspector_main/nodeIcon.css

@@ -7,6 +7,7 @@
 .node-icon {
   width: 28px;
   height: 26px;
+  /* stylelint-disable-next-line custom-property-pattern */
   background-image: var(--image-file-nodeIcon);
   background-size: 17px 17px;
   background-repeat: no-repeat;

package/front_end/entrypoints/main/MainImpl.ts

@@ -379,21 +379,6 @@ export class MainImpl {
         'Performance panel: show postMessage dispatch and handling flows',
     );
 
-    Root.Runtime.experiments.register(
-        Root.Runtime.ExperimentName.TIMELINE_ANNOTATIONS,
-        'Performance panel: enable annotations',
-    );
-
-    Root.Runtime.experiments.register(
-        Root.Runtime.ExperimentName.TIMELINE_INSIGHTS,
-        'Performance panel: enable performance insights',
-    );
-
-    Root.Runtime.experiments.register(
-        Root.Runtime.ExperimentName.TIMELINE_OBSERVATIONS,
-        'Performance panel: enable live metrics landing page',
-    );
-
     Root.Runtime.experiments.register(
         Root.Runtime.ExperimentName.TIMELINE_SERVER_TIMINGS,
         'Performance panel: enable server timings in the timeline',
@@ -418,14 +403,17 @@ export class MainImpl {
         'Performance panel: enable a switch to an alternative timeline navigation option',
     );
 
+    Root.Runtime.experiments.register(
+        Root.Runtime.ExperimentName.TIMELINE_THIRD_PARTY_DEPENDENCIES,
+        'Performance panel: enable third party depenedency features',
+    );
+
     Root.Runtime.experiments.enableExperimentsByDefault([
       'css-type-component-length-deprecate',
       Root.Runtime.ExperimentName.AUTOFILL_VIEW,
-      Root.Runtime.ExperimentName.TIMELINE_INSIGHTS,
-      Root.Runtime.ExperimentName.TIMELINE_OBSERVATIONS,
-      Root.Runtime.ExperimentName.TIMELINE_ANNOTATIONS,
       Root.Runtime.ExperimentName.NETWORK_PANEL_FILTER_BAR_REDESIGN,
       Root.Runtime.ExperimentName.FLOATING_ENTRY_POINTS_FOR_AI_ASSISTANCE,
+      Root.Runtime.ExperimentName.TIMELINE_ALTERNATIVE_NAVIGATION,
       ...(Root.Runtime.Runtime.queryParam('isChromeForTesting') ? ['protocol-monitor'] : []),
     ]);
 
@@ -551,10 +539,8 @@ export class MainImpl {
 
     AutofillManager.AutofillManager.AutofillManager.instance();
 
-    if (Root.Runtime.experiments.isEnabled(Root.Runtime.ExperimentName.TIMELINE_OBSERVATIONS)) {
-      LiveMetrics.LiveMetrics.instance({forceNew: true});
-      CrUXManager.CrUXManager.instance({forceNew: true});
-    }
+    LiveMetrics.LiveMetrics.instance();
+    CrUXManager.CrUXManager.instance();
 
     new PauseListener();
 
@@ -626,9 +612,40 @@ export class MainImpl {
     this.#resolveReadyForTestPromise();
     // Asynchronously run the extensions.
     window.setTimeout(this.#lateInitialization.bind(this), 100);
+    await this.#maybeInstallVeInspectionBinding();
+
     MainImpl.timeEnd('Main._initializeTarget');
   }
 
+  async #maybeInstallVeInspectionBinding(): Promise<void> {
+    const primaryPageTarget = SDK.TargetManager.TargetManager.instance().primaryPageTarget();
+    const url = primaryPageTarget?.targetInfo()?.url;
+    const origin = url ? Common.ParsedURL.ParsedURL.extractOrigin(url as Platform.DevToolsPath.UrlString) : undefined;
+
+    const binding = '__devtools_ve_inspection_binding__';
+    if (primaryPageTarget && await VisualLogging.isUnderInspection(origin)) {
+      const runtimeModel = primaryPageTarget.model(SDK.RuntimeModel.RuntimeModel);
+      await runtimeModel?.addBinding({name: binding});
+      runtimeModel?.addEventListener(SDK.RuntimeModel.Events.BindingCalled, event => {
+        if (event.data.name === binding) {
+          VisualLogging.setVeDebuggingEnabled(event.data.payload === 'true', (query: string) => {
+            VisualLogging.setVeDebuggingEnabled(false);
+            void runtimeModel?.defaultExecutionContext()?.evaluate(
+                {
+                  expression: `window.inspect(${JSON.stringify(query)})`,
+                  includeCommandLineAPI: false,
+                  silent: true,
+                  returnByValue: false,
+                  generatePreview: false,
+                },
+                /* userGesture */ false,
+                /* awaitPromise */ false);
+          });
+        }
+      });
+    }
+  }
+
   // TODO(crbug.com/350668580) Move this to AISettingsTab once the setting is only available
   // there and not in the general settings screen anymore.
   // The ConsoleInsightsEnabledSetting represents the toggle/checkbox allowing the user to turn the feature on/off.
@@ -1056,6 +1073,7 @@ export class ReloadActionDelegate implements UI.ActionRegistration.ActionDelegat
     switch (actionId) {
       case 'main.debug-reload':
         Components.Reload.reload();
+
         return true;
     }
     return false;

package/front_end/entrypoints/node_app/NodeConnectionsPanel.ts

@@ -47,7 +47,7 @@ export class NodeConnectionsPanel extends UI.Panel.Panel {
 
     const container = this.contentElement.createChild('div', 'node-panel-center');
 
-    const image = (container.createChild('img', 'node-panel-logo') as HTMLImageElement);
+    const image = container.createChild('img', 'node-panel-logo');
     image.src = 'https://nodejs.org/static/images/logos/nodejs-new-pantone-black.svg';
 
     Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.addEventListener(

package/front_end/entrypoints/node_app/NodeMain.ts

@@ -23,6 +23,11 @@ const UIStrings = {
    *@example {example.com} PH1
    */
   nodejsS: 'Node.js: {PH1}',
+  /**
+   *@description Text in DevTools window title when debugging a Node.js app
+   *@example {example.com} PH1
+   */
+  NodejsTitleS: 'DevTools - Node.js: {PH1}',
 };
 const str_ = i18n.i18n.registerUIStrings('entrypoints/node_app/NodeMain.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -104,6 +109,7 @@ export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implemen
 
   attachedToTarget({sessionId, targetInfo}: Protocol.Target.AttachedToTargetEvent): void {
     const name = i18nString(UIStrings.nodejsS, {PH1: targetInfo.url});
+    document.title = i18nString(UIStrings.NodejsTitleS, {PH1: targetInfo.url});
     const connection = new NodeConnection(this.#targetAgent, sessionId);
     this.#childConnections.set(sessionId, connection);
     const target = this.#targetManager.createTarget(

package/front_end/entrypoints/node_app/node_app.ts

@@ -12,8 +12,8 @@ import type * as Sources from '../../panels/sources/sources.js';
 import * as UI from '../../ui/legacy/legacy.js';
 import * as Main from '../main/main.js';
 
-import {NodeConnectionsPanel} from './NodeConnectionsPanel.js';  // eslint-disable-line rulesdir/es_modules_import
-import {NodeMainImpl} from './NodeMain.js';                      // eslint-disable-line rulesdir/es_modules_import
+import {NodeConnectionsPanel} from './NodeConnectionsPanel.js';  // eslint-disable-line rulesdir/es-modules-import
+import {NodeMainImpl} from './NodeMain.js';                      // eslint-disable-line rulesdir/es-modules-import
 
 const UIStrings = {
   /**

package/front_end/entrypoints/shell/shell.ts

@@ -22,7 +22,7 @@ import '../../ui/legacy/components/source_frame/source_frame-meta.js';
 import '../../panels/console_counters/console_counters-meta.js';
 import '../../ui/legacy/components/object_ui/object_ui-meta.js';
 import '../../panels/explain/explain-meta.js';
-import '../../panels/freestyler/freestyler-meta.js';
+import '../../panels/ai_assistance/ai_assistance-meta.js';
 import '../main/main.js';
 
 // We generate the descriptors in this file, which depend on the runtime.

package/front_end/generated/ARIAProperties.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2025 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 

package/front_end/generated/Deprecation.ts

@@ -1,4 +1,4 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
+// Copyright 2025 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
@@ -42,10 +42,6 @@ export const UIStrings = {
    * @description Issue text shown when the web page uses a deprecated web API. The window.confirm is the deprecated web API function.
    */
   CrossOriginWindowConfirm: "Triggering window.confirm from cross origin iframes has been deprecated and will be removed in the future.",
-  /**
-   * @description Warning displayed to developers when their website uses `:--customstatename` in CSS. They can simply switch their CSS to `:state(customstatename)` and it will be the same.
-   */
-  CSSCustomStateDeprecatedSyntax: "`:--customstatename` is deprecated. Please use the `:state(customstatename)` syntax instead.",
   /**
    * @description Warning displayed to developers when they hide the Cast button on a video element using the deprecated CSS selector instead of using the disableRemotePlayback attribute on the element.
    */
@@ -214,14 +210,14 @@ export const UIStrings = {
    * @description A deprecation warning shown in the DevTools Issues tab. It's shown when a listener for the `unload` event is added.
    */
   UnloadHandler: "Unload event listeners are deprecated and will be removed.",
-  /**
-   * @description This warning occurs when the website attempts to invoke the deprecated GPUAdapter `requestAdapterInfo()` method.
-   */
-  V8GPUAdapter_RequestAdapterInfo_Method: "The GPUAdapter `requestAdapterInfo()` method is deprecated, instead use the GPUAdapter `info` attribute.",
   /**
    * @description A deprecation warning shown in the DevTools Issues tab. The placeholder is always the noun 'SharedArrayBuffer' which refers to a JavaScript construct. 'Extensions' refers to Chrome extensions. The warning is shown when Chrome Extensions attempt to use 'SharedArrayBuffer's under insecure circumstances.
    */
   V8SharedArrayBufferConstructedInExtensionWithoutIsolation: "Extensions should opt into cross-origin isolation to continue using `SharedArrayBuffer`. See https://developer.chrome.com/docs/extensions/mv3/cross-origin-isolation/.",
+  /**
+   * @description This warning occurs when the website attempts to use the deprecated WebGPU limit `maxInterStageShaderComponents`.
+   */
+  WebGPULimitMaxInterStageShaderComponents: "The WebGPU limit `maxInterStageShaderComponents` is deprecated, instead use the WebGPU limit `maxInterStageShaderVariables`.",
   /**
    * @description Warning displayed to developers when the Web SQL API is used to let them know this API is deprecated.
    */
@@ -249,10 +245,6 @@ export const DEPRECATIONS_METADATA: Partial<Record<string, DeprecationDescriptor
   "AuthorizationCoveredByWildcard": {
     "milestone": 97
   },
-  "CSSCustomStateDeprecatedSyntax": {
-    "chromeStatusFeature": 5140610730426368,
-    "milestone": 122
-  },
   "CSSSelectorInternalMediaControlsOverlayCastButton": {
     "chromeStatusFeature": 5714245488476160
   },
@@ -355,12 +347,12 @@ export const DEPRECATIONS_METADATA: Partial<Record<string, DeprecationDescriptor
   "UnloadHandler": {
     "chromeStatusFeature": 5579556305502208
   },
-  "V8GPUAdapter_RequestAdapterInfo_Method": {
-    "chromeStatusFeature": 5140787340509184
-  },
   "V8SharedArrayBufferConstructedInExtensionWithoutIsolation": {
     "milestone": 96
   },
+  "WebGPULimitMaxInterStageShaderComponents": {
+    "chromeStatusFeature": 4853767735083008
+  },
   "WebSQL": {
     "chromeStatusFeature": 5134293578285056,
     "milestone": 115