chrome-devtools-frontend 1.0.1473514 → 1.0.1506453

package/front_end/entrypoints/main/main-meta.ts

@@ -6,6 +6,7 @@ import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import type * 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 Workspace from '../../models/workspace/workspace.js';
 import * as Components from '../../ui/legacy/components/utils/utils.js';
@@ -16,163 +17,163 @@ import type * as Main from './main.js';
 
 const UIStrings = {
   /**
-   *@description Text in Main
+   * @description Text in Main
    */
   focusDebuggee: 'Focus page',
   /**
-   *@description Text in the Shortcuts page in settings to explain a keyboard shortcut
+   * @description Text in the Shortcuts page in settings to explain a keyboard shortcut
    */
   toggleDrawer: 'Toggle drawer',
   /**
-   *@description Title of an action that navigates to the next panel
+   * @description Title of an action that navigates to the next panel
    */
   nextPanel: 'Next panel',
   /**
-   *@description Title of an action that navigates to the previous panel
+   * @description Title of an action that navigates to the previous panel
    */
   previousPanel: 'Previous panel',
   /**
-   *@description Title of an action that reloads the DevTools
+   * @description Title of an action that reloads the DevTools
    */
   reloadDevtools: 'Reload DevTools',
   /**
-   *@description Title of an action in the main tool to toggle dock
+   * @description Title of an action in the main tool to toggle dock
    */
   restoreLastDockPosition: 'Restore last dock position',
   /**
-   *@description Text in the Shortcuts page to explain a keyboard shortcut (zoom in)
+   * @description Text in the Shortcuts page to explain a keyboard shortcut (zoom in)
    */
   zoomIn: 'Zoom in',
   /**
-   *@description Text in the Shortcuts page to explain a keyboard shortcut (zoom out)
+   * @description Text in the Shortcuts page to explain a keyboard shortcut (zoom out)
    */
   zoomOut: 'Zoom out',
   /**
-   *@description Title of an action that reset the zoom level to its default
+   * @description Title of an action that reset the zoom level to its default
    */
   resetZoomLevel: 'Reset zoom level',
   /**
-   *@description Title of an action to search in panel
+   * @description Title of an action to search in panel
    */
   searchInPanel: 'Search in panel',
   /**
-   *@description Title of an action that cancels the current search
+   * @description Title of an action that cancels the current search
    */
   cancelSearch: 'Cancel search',
   /**
-   *@description Title of an action that finds the next search result
+   * @description Title of an action that finds the next search result
    */
   findNextResult: 'Find next result',
   /**
-   *@description Title of an action to find the previous search result
+   * @description Title of an action to find the previous search result
    */
   findPreviousResult: 'Find previous result',
   /**
-   *@description Title of a setting under the Appearance category in Settings
+   * @description Title of a setting under the Appearance category in Settings
    */
   theme: 'Theme:',
   /**
-   *@description Title of a setting under the Appearance category that can be invoked through the Command Menu
+   * @description Title of a setting under the Appearance category that can be invoked through the Command Menu
    */
   switchToBrowserPreferredTheme: 'Switch to browser\'s preferred theme',
   /**
-   *@description A drop-down menu option to switch to the same (light or dark) theme as the browser
+   * @description A drop-down menu option to switch to the same (light or dark) theme as the browser
    */
   autoTheme: 'Auto',
   /**
-   *@description Title of a setting under the Appearance category that can be invoked through the Command Menu
+   * @description Title of a setting under the Appearance category that can be invoked through the Command Menu
    */
   switchToLightTheme: 'Switch to light theme',
   /**
-   *@description A drop-down menu option to switch to light theme
+   * @description A drop-down menu option to switch to light theme
    */
   lightCapital: 'Light',
   /**
-   *@description Title of a setting under the Appearance category that can be invoked through the Command Menu
+   * @description Title of a setting under the Appearance category that can be invoked through the Command Menu
    */
   switchToDarkTheme: 'Switch to dark theme',
   /**
-   *@description A drop-down menu option to switch to dark theme
+   * @description A drop-down menu option to switch to dark theme
    */
   darkCapital: 'Dark',
   /**
-   *@description A tag of theme preference settings that can be searched in the command menu
+   * @description A tag of theme preference settings that can be searched in the command menu
    */
   darkLower: 'dark',
   /**
-   *@description A tag of theme preference settings that can be searched in the command menu
+   * @description A tag of theme preference settings that can be searched in the command menu
    */
   lightLower: 'light',
   /**
-   *@description Title of a setting under the Appearance category in Settings
+   * @description Title of a setting under the Appearance category in Settings
    */
   panelLayout: 'Panel layout:',
   /**
-   *@description Title of a setting under the Appearance category that can be invoked through the Command Menu
+   * @description Title of a setting under the Appearance category that can be invoked through the Command Menu
    */
   useHorizontalPanelLayout: 'Use horizontal panel layout',
   /**
-   *@description A drop-down menu option to use horizontal panel layout
+   * @description A drop-down menu option to use horizontal panel layout
    */
   horizontal: 'horizontal',
   /**
-   *@description Title of a setting under the Appearance category that can be invoked through the Command Menu
+   * @description Title of a setting under the Appearance category that can be invoked through the Command Menu
    */
   useVerticalPanelLayout: 'Use vertical panel layout',
   /**
-   *@description A drop-down menu option to use vertical panel layout
+   * @description A drop-down menu option to use vertical panel layout
    */
   vertical: 'vertical',
   /**
-   *@description Title of a setting under the Appearance category that can be invoked through the Command Menu
+   * @description Title of a setting under the Appearance category that can be invoked through the Command Menu
    */
   useAutomaticPanelLayout: 'Use automatic panel layout',
   /**
-   *@description Text short for automatic
+   * @description Text short for automatic
    */
   auto: 'auto',
   /**
-   *@description Title of a setting under the Appearance category in Settings
+   * @description Title of a setting under the Appearance category in Settings
    */
   enableCtrlShortcutToSwitchPanels: 'Enable Ctrl + 1-9 shortcut to switch panels',
   /**
-   *@description (Mac only) Title of a setting under the Appearance category in Settings
+   * @description (Mac only) Title of a setting under the Appearance category in Settings
    */
   enableShortcutToSwitchPanels: 'Enable ⌘ + 1-9 shortcut to switch panels',
   /**
-   *@description A drop-down menu option to dock to right
+   * @description A drop-down menu option to dock to right
    */
   right: 'Right',
   /**
-   *@description Text to dock the DevTools to the right of the browser tab
+   * @description Text to dock the DevTools to the right of the browser tab
    */
   dockToRight: 'Dock to right',
   /**
-   *@description A drop-down menu option to dock to bottom
+   * @description A drop-down menu option to dock to bottom
    */
   bottom: 'Bottom',
   /**
-   *@description Text to dock the DevTools to the bottom of the browser tab
+   * @description Text to dock the DevTools to the bottom of the browser tab
    */
   dockToBottom: 'Dock to bottom',
   /**
-   *@description A drop-down menu option to dock to left
+   * @description A drop-down menu option to dock to left
    */
   left: 'Left',
   /**
-   *@description Text to dock the DevTools to the left of the browser tab
+   * @description Text to dock the DevTools to the left of the browser tab
    */
   dockToLeft: 'Dock to left',
   /**
-   *@description A drop-down menu option to undock into separate window
+   * @description A drop-down menu option to undock into separate window
    */
   undocked: 'Undocked',
   /**
-   *@description Text to undock the DevTools
+   * @description Text to undock the DevTools
    */
   undockIntoSeparateWindow: 'Undock into separate window',
   /**
-   *@description Name of the default set of DevTools keyboard shortcuts
+   * @description Name of the default set of DevTools keyboard shortcuts
    */
   devtoolsDefault: 'DevTools (Default)',
   /**
@@ -223,6 +224,10 @@ const UIStrings = {
    * @description Command to turn the browser color scheme matching off through the command menu.
    */
   dontMatchChromeColorSchemeCommand: 'Don\'t match Chrome color scheme',
+  /**
+   * @description Command to toggle the drawer orientation.
+   */
+  toggleDrawerOrientation: 'Toggle drawer orientation',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('entrypoints/main/main-meta.ts', UIStrings);
 const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
@@ -274,6 +279,21 @@ UI.ActionRegistration.registerActionExtension({
   ],
 });
 
+UI.ActionRegistration.registerActionExtension({
+  category: UI.ActionRegistration.ActionCategory.DRAWER,
+  actionId: 'main.toggle-drawer-orientation',
+  async loadActionDelegate() {
+    return new UI.InspectorView.ActionDelegate();
+  },
+  title: i18nLazyString(UIStrings.toggleDrawerOrientation),
+  bindings: [
+    {
+      shortcut: 'Shift+Esc',
+    },
+  ],
+  experiment: Root.Runtime.ExperimentName.VERTICAL_DRAWER,
+});
+
 UI.ActionRegistration.registerActionExtension({
   actionId: 'main.next-tab',
   category: UI.ActionRegistration.ActionCategory.GLOBAL,
@@ -761,7 +781,7 @@ function createOptionForLocale(localeString: string): Common.Settings.SettingExt
 }
 
 Common.Settings.registerSettingExtension({
-  category: Common.Settings.SettingCategory.SYNC,
+  category: Common.Settings.SettingCategory.ACCOUNT,
   // This name must be kept in sync with DevToolsSettings::kSyncDevToolsPreferencesFrontendName.
   settingName: 'sync-preferences',
   settingType: Common.Settings.SettingType.BOOLEAN,
@@ -867,7 +887,27 @@ UI.Toolbar.registerToolbarItem({
 
 UI.Toolbar.registerToolbarItem({
   separator: true,
-  order: 97,
+  order: 96,
+  location: UI.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,
+});
+
+UI.Toolbar.registerToolbarItem({
+  condition(config) {
+    const isFlagEnabled = config?.devToolsGlobalAiButton?.enabled;
+
+    const devtoolsLocale = i18n.DevToolsLocale.DevToolsLocale.instance();
+    const isLocaleRestricted = !devtoolsLocale.locale.startsWith('en-');
+
+    const isGeoRestricted = config?.aidaAvailability?.blockedByGeo === true;
+    const isPolicyRestricted = config?.aidaAvailability?.blockedByEnterprisePolicy === true;
+    const isAgeRestricted = Boolean(config?.aidaAvailability?.blockedByAge);
+    return Boolean(isFlagEnabled && !isLocaleRestricted && !isGeoRestricted && !isPolicyRestricted && !isAgeRestricted);
+  },
+  async loadItem() {
+    const Main = await loadMainModule();
+    return Main.GlobalAiButton.GlobalAiButtonToolbarProvider.instance();
+  },
+  order: 98,
   location: UI.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,
 });
 

package/front_end/entrypoints/main/main.ts

@@ -3,11 +3,13 @@
 // found in the LICENSE file.
 
 import * as ExecutionContextSelector from './ExecutionContextSelector.js';
+import * as GlobalAiButton from './GlobalAiButton.js';
 import * as MainImpl from './MainImpl.js';
 import * as SimpleApp from './SimpleApp.js';
 
 export {
   ExecutionContextSelector,
+  GlobalAiButton,
   MainImpl,
   SimpleApp,
 };

package/front_end/entrypoints/node_app/NodeConnectionsPanel.ts

@@ -13,25 +13,25 @@ import nodeConnectionsPanelStyles from './nodeConnectionsPanel.css.js';
 
 const UIStrings = {
   /**
-   *@description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
    */
   nodejsDebuggingGuide: 'Node.js debugging guide',
   /**
-   *@description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
-   *@example {Node.js debugging guide} PH1
+   * @description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @example {Node.js debugging guide} PH1
    */
   specifyNetworkEndpointAnd:
       'Specify network endpoint and DevTools will connect to it automatically. Read {PH1} to learn more.',
   /**
-   *@description Placeholder text content in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Placeholder text content in Node Connections Panel of the Sources panel when debugging a Node.js app
    */
   noConnectionsSpecified: 'No connections specified',
   /**
-   *@description Text of add network target button in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Text of add network target button in Node Connections Panel of the Sources panel when debugging a Node.js app
    */
   addConnection: 'Add connection',
   /**
-   *@description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
+   * @description Text in Node Connections Panel of the Sources panel when debugging a Node.js app
    */
   networkAddressEgLocalhost: 'Network address (e.g. localhost:9229)',
 } as const;

package/front_end/entrypoints/node_app/NodeMain.ts

@@ -14,17 +14,17 @@ import * as Components from '../../ui/legacy/components/utils/utils.js';
 
 const UIStrings = {
   /**
-   *@description Text that refers to the main target
+   * @description Text that refers to the main target
    */
   main: 'Main',
   /**
-   *@description Text in Node Main of the Sources panel when debugging a Node.js app
-   *@example {example.com} PH1
+   * @description Text in Node Main of the Sources panel when debugging a Node.js app
+   * @example {example.com} PH1
    */
   nodejsS: 'Node.js: {PH1}',
   /**
-   *@description Text in DevTools window title when debugging a Node.js app
-   *@example {example.com} PH1
+   * @description Text in DevTools window title when debugging a Node.js app
+   * @example {example.com} PH1
    */
   NodejsTitleS: 'DevTools - Node.js: {PH1}',
 } as const;
@@ -44,6 +44,7 @@ export class NodeMainImpl implements Common.Runnable.Runnable {
     Host.userMetrics.actionTaken(Host.UserMetrics.Action.ConnectToNodeJSFromFrontend);
     void SDK.Connections.initMainConnection(async () => {
       const target = SDK.TargetManager.TargetManager.instance().createTarget(
+          // TODO: Use SDK.Target.Type.NODE rather thatn BROWSER once DevTools is loaded appropriately in that case.
           'main', i18nString(UIStrings.main), SDK.Target.Type.BROWSER, null);
       target.setInspectedURL('Node.js' as Platform.DevToolsPath.UrlString);
     }, Components.TargetDetachedDialog.TargetDetachedDialog.connectionLost);
@@ -148,7 +149,7 @@ export class NodeChildTargetManager extends SDK.SDKModel.SDKModel<void> implemen
 export class NodeConnection implements ProtocolClient.InspectorBackend.Connection {
   readonly #targetAgent: ProtocolProxyApi.TargetApi;
   readonly #sessionId: Protocol.Target.SessionID;
-  onMessage: ((arg0: (Object|string)) => void)|null;
+  onMessage: ((arg0: Object|string) => void)|null;
   #onDisconnect: ((arg0: string) => void)|null;
   constructor(targetAgent: ProtocolProxyApi.TargetApi, sessionId: Protocol.Target.SessionID) {
     this.#targetAgent = targetAgent;
@@ -157,7 +158,7 @@ export class NodeConnection implements ProtocolClient.InspectorBackend.Connectio
     this.#onDisconnect = null;
   }
 
-  setOnMessage(onMessage: (arg0: (Object|string)) => void): void {
+  setOnMessage(onMessage: (arg0: Object|string) => void): void {
     this.onMessage = onMessage;
   }
 

package/front_end/entrypoints/node_app/node_app.ts

@@ -18,23 +18,23 @@ import {NodeMainImpl} from './NodeMain.js';                      // eslint-disab
 
 const UIStrings = {
   /**
-   *@description Text that refers to the network connection
+   * @description Text that refers to the network connection
    */
   connection: 'Connection',
   /**
-   *@description A tag of Node.js Connection Panel that can be searched in the command menu
+   * @description A tag of Node.js Connection Panel that can be searched in the command menu
    */
   node: 'node',
   /**
-   *@description Command for showing the Connection tool
+   * @description Command for showing the Connection tool
    */
   showConnection: 'Show Connection',
   /**
-   *@description Title of the 'Node' tool in the Network Navigator View, which is part of the Sources tool
+   * @description Title of the 'Node' tool in the Network Navigator View, which is part of the Sources tool
    */
   networkTitle: 'Node',
   /**
-   *@description Command for showing the 'Node' tool in the Network Navigator View, which is part of the Sources tool
+   * @description Command for showing the 'Node' tool in the Network Navigator View, which is part of the Sources tool
    */
   showNode: 'Show Node',
 } as const;

package/front_end/entrypoints/wasmparser_worker/WasmParserWorker.ts

@@ -40,7 +40,7 @@ export function dissambleWASM(
     const dataBuffer = Common.Base64.decode(params.content);
 
     let parser: WasmParser.WasmParser.BinaryReader = new WasmParser.WasmParser.BinaryReader();
-    parser.setData(dataBuffer, 0, dataBuffer.byteLength);
+    parser.setData(dataBuffer.buffer, 0, dataBuffer.byteLength);
     const nameGenerator = new WasmParser.WasmDis.DevToolsNameGenerator();
     nameGenerator.read(parser);
 

package/front_end/entrypoints/worker_app/WorkerMain.ts

@@ -10,7 +10,7 @@ import * as Components from '../../ui/legacy/components/utils/utils.js';
 
 const UIStrings = {
   /**
-   *@description Text that refers to the main target.
+   * @description Text that refers to the main target.
    */
   main: 'Main',
 } as const;

package/front_end/generated/Deprecation.ts

@@ -14,10 +14,6 @@ export const UIStrings = {
    * @description This warning occurs when a page attempts to request a resource whose URL contained both a newline character (`\n` or `\r`), and a less-than character (`<`). These resources are blocked.
    */
   CanRequestURLHTTPContainingNewline: "Resource requests whose URLs contained both removed whitespace `\\(n|r|t)` characters and less-than characters (`<`) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources.",
-  /**
-   * @description Warning displayed to developers that they did not specify character encoding for HTML document, and that auto-detection of specific character set (i.e. ISO-2022-JP) used by the webiste won't be supported in the near futre.
-   */
-  CharsetAutoDetectionISO2022JP: "Auto-detection of ISO-2022-JP character set is deprecated and it will be disabled in the near future. Please specify character set in the Content Type header or by using a meta tag (https://developer.mozilla.org/en-US/docs/Glossary/Character_encoding).",
   /**
    * @description This warning occurs when the website attempts to invoke the deprecated `chrome.loadTimes().connectionInfo` API.
    */
@@ -70,18 +66,10 @@ export const UIStrings = {
    * @description This warning occurs when the `getUserMedia()` API is invoked on an insecure (e.g., HTTP) site. This is only permitted on secure sites (e.g., HTTPS).
    */
   GetUserMediaInsecureOrigin: "`getUserMedia()` no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gle/chrome-insecure-origins for more details.",
-  /**
-   * @description This warning occurs when a site uses <h1> inside <article>, <aside>, <nav>, or <section>. It means the behavior (font size) may change in a future Chrome release, when some special rules are removed from the browser.
-   */
-  H1UserAgentFontSizeInSection: "Found an <h1> tag within an <article>, <aside>, <nav>, or <section> which does not have a specified font-size. The size of this heading text will be changing in this browser in the near future. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#specifying_a_uniform_font_size_for_h1 for more information.",
   /**
    * @description A deprecation warning shown to developers in the DevTools Issues tab when code tries to use the deprecated hostCandidate field, guiding developers to use the equivalent information in the .address and .port fields instead.
    */
   HostCandidateAttributeGetter: "`RTCPeerConnectionIceErrorEvent.hostCandidate` is deprecated. Please use `RTCPeerConnectionIceErrorEvent.address` or `RTCPeerConnectionIceErrorEvent.port` instead.",
-  /**
-   * @description A deprecation warning shown in the DevTools Issues tab, when a request for digital credentials API is formatted using a deprecated format.
-   */
-  IdentityDigitalCredentials: "This format for the navigator.credentials.get() request for digital credentials is deprecated, please update your call to use the new format.",
   /**
    * @description A deprecation warning shown in the DevTools Issues tab, when a service worker reads one of the fields from an event named 'canmakepayment'.
    */
@@ -134,6 +122,10 @@ export const UIStrings = {
    * @description Warning displayed to developers that use overflow:visible for replaced elements. This declaration was earlier ignored but will now change the element's painting based on whether the overflow value allows the element to paint outside its bounds.
    */
   OverflowVisibleOnReplacedElement: "Specifying `overflow: visible` on img, video and canvas tags may cause them to produce visual content outside of the element bounds. See https://github.com/WICG/shared-element-transitions/blob/main/debugging_overflow_on_images.md.",
+  /**
+   * @description Warning displayed to developers when they use a Flash Embed URLS to let them know that the browser will not automatically link to their equivalent HTML5 link.
+   */
+  OverrideFlashEmbedwithHTML: "Legacy flash video embed has been rewritten to HTML iframe. Flash is long gone, this rewriting hack is deprecated and may be removed in the future.",
   /**
    * @description Warning displayed to developers when they use the PaymentInstruments API to let them know this API is deprecated.
    */
@@ -226,10 +218,6 @@ export const UIStrings = {
    * @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 GPUAdapter `isFallbackAdapter` attribute.
-   */
-  WebGPUAdapterIsFallbackAdapter: "The GPUAdapter `isFallbackAdapter` attribute is deprecated, instead use the GPUAdapterInfo `isFallbackAdapter` attribute.",
   /**
    * @description Warning displayed to developers that they are using `XMLHttpRequest` API in a way that they expect an unsupported character encoding `UTF-16` could be used in the server reply.
    */
@@ -258,9 +246,6 @@ export const DEPRECATIONS_METADATA: Partial<Record<string, DeprecationDescriptor
   "CanRequestURLHTTPContainingNewline": {
     "chromeStatusFeature": 5735596811091968
   },
-  "CharsetAutoDetectionISO2022JP": {
-    "chromeStatusFeature": 6576566521561088
-  },
   "ChromeLoadTimesConnectionInfo": {
     "chromeStatusFeature": 5637885046816768
   },
@@ -280,13 +265,6 @@ export const DEPRECATIONS_METADATA: Partial<Record<string, DeprecationDescriptor
     "chromeStatusFeature": 5128825141198848,
     "milestone": 119
   },
-  "H1UserAgentFontSizeInSection": {
-    "chromeStatusFeature": 6192419898654720,
-    "milestone": 136
-  },
-  "IdentityDigitalCredentials": {
-    "chromeStatusFeature": 5166035265650688
-  },
   "IdentityInCanMakePaymentEvent": {
     "chromeStatusFeature": 5190978431352832
   },
@@ -320,6 +298,9 @@ export const DEPRECATIONS_METADATA: Partial<Record<string, DeprecationDescriptor
     "chromeStatusFeature": 5137515594383360,
     "milestone": 108
   },
+  "OverrideFlashEmbedwithHTML": {
+    "milestone": 140
+  },
   "PaymentInstruments": {
     "chromeStatusFeature": 5099285054488576
   },
@@ -360,9 +341,6 @@ export const DEPRECATIONS_METADATA: Partial<Record<string, DeprecationDescriptor
   "V8SharedArrayBufferConstructedInExtensionWithoutIsolation": {
     "milestone": 96
   },
-  "WebGPUAdapterIsFallbackAdapter": {
-    "chromeStatusFeature": 4870179714236416
-  },
   "XHRJSONEncodingDetection": {
     "milestone": 93
   }