chrome-devtools-frontend 1.0.1690116 → 1.0.1695017

package/front_end/panels/web_audio/WebAudioView.ts

@@ -76,14 +76,14 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 const WEBAUDIO_EXPLANATION_URL =
     'https://developer.chrome.com/docs/devtools/webaudio' as Platform.DevToolsPath.UrlString;
 
-interface ViewInput {
+export interface ViewInput {
   contexts: Protocol.WebAudio.BaseAudioContext[];
   selectedContextIndex: number;
   onContextSelectorSelectionChanged: (contextId: string) => void;
   contextRealtimeData: Protocol.WebAudio.ContextRealtimeData|null;
 }
 
-type View = (input: ViewInput, output: object, target: HTMLElement|DocumentFragment) => void;
+export type View = (input: ViewInput, output: object, target: HTMLElement|DocumentFragment) => void;
 
 export const DEFAULT_VIEW: View = (input, _output, target) => {
   const {
@@ -189,7 +189,7 @@ export class WebAudioView extends UI.Widget.VBox<ShadowRoot> implements
   private selectedContextIndex = -1;
   private readonly pollRealtimeDataThrottler: Common.Throttler.Throttler;
 
-  constructor(element?: HTMLElement, view = DEFAULT_VIEW) {
+  constructor(element?: HTMLElement, view: View = DEFAULT_VIEW) {
     super({useShadowDom: 'pure'});
     this.view = view;
 

package/front_end/panels/web_audio/webAudio.css

@@ -10,7 +10,7 @@
 
 .web-audio-toolbar-container {
   background-color: var(--sys-color-cdt-base-container);
-  border-bottom: 1px solid var(--sys-color-divider);
+  border-bottom: var(--sys-size-1) solid var(--sys-color-divider);
   min-height: fit-content;
 }
 
@@ -20,7 +20,7 @@
   justify-content: center;
   align-items: center;
   overflow: auto;
-  font-size: 13px;
+  font-size: var(--sys-typescale-body3-size);
   color: var(--sys-color-on-surface);
 }
 
@@ -54,7 +54,7 @@
 }
 
 .context-detail-header {
-  border-bottom: 1px solid var(--sys-color-divider);
+  border-bottom: var(--sys-size-1) solid var(--sys-color-divider);
   padding: var(--sys-size-7) var(--sys-size-9);
   margin-bottom: var(--sys-size-5);
 }
@@ -95,12 +95,12 @@
   line-height: 27px;
   padding-left: 5px;
   background-color: var(--sys-color-cdt-base-container);
-  border-top: 1px solid var(--sys-color-divider);
+  border-top: var(--sys-size-1) solid var(--sys-color-divider);
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 
 .context-summary-container span {
-  margin-right: 6px;
+  margin-right: var(--sys-size-4);
 }

package/front_end/panels/webauthn/WebauthnPane.ts

@@ -240,19 +240,13 @@ const PROTOCOL_AUTHENTICATOR_VALUES: Protocol.EnumerableEnum<typeof Protocol.Web
   U2f: Protocol.WebAuthn.AuthenticatorProtocol.U2f,
 };
 
-interface Authenticator {
+export interface Authenticator {
   name: string;
   options: Protocol.WebAuthn.VirtualAuthenticatorOptions;
   credentials: Protocol.WebAuthn.Credential[];
 }
 
-interface Authenticator {
-  name: string;
-  options: Protocol.WebAuthn.VirtualAuthenticatorOptions;
-  credentials: Protocol.WebAuthn.Credential[];
-}
-
-interface ViewInput {
+export interface ViewInput {
   enabled: boolean;
   onToggleEnabled: () => void;
   authenticators: Map<Protocol.WebAuthn.AuthenticatorId, Authenticator>;
@@ -270,11 +264,11 @@ interface ViewInput {
   onRemoveCredential: (id: Protocol.WebAuthn.AuthenticatorId, credentialId: string) => void;
 }
 
-interface ViewOutput {
+export interface ViewOutput {
   revealSection: Map<string, () => void>;
 }
 
-type ViewFunction = (input: ViewInput, output: ViewOutput, target: HTMLElement) => void;
+export type ViewFunction = (input: ViewInput, output: ViewOutput, target: HTMLElement) => void;
 
 function renderToolbar(enabled: boolean, onToggle: () => void): Lit.TemplateResult {
   const enableCheckboxTitle = i18nString(UIStrings.enableVirtualAuthenticator);
@@ -629,7 +623,7 @@ export class WebauthnPaneImpl extends UI.Panel.Panel implements
     revealSection: new Map(),
   };
 
-  constructor(view = DEFAULT_VIEW) {
+  constructor(view: ViewFunction = DEFAULT_VIEW) {
     super('webauthn');
 
     this.#view = view;

package/front_end/third_party/acorn/acorn.ts

@@ -9,6 +9,6 @@ export {ESTree};
 
 export { type Comment, defaultOptions, getLineInfo, Node, SourceLocation, Token, tokTypes} from './package/dist/acorn.mjs';
 
-export const Parser = acorn.Parser;
-export const tokenizer = acorn.Parser.tokenizer.bind(acorn.Parser);
-export const parse = acorn.Parser.parse.bind(acorn.Parser);
+export const Parser: typeof acorn.Parser = acorn.Parser;
+export const tokenizer: typeof acorn.Parser.tokenizer = acorn.Parser.tokenizer.bind(acorn.Parser);
+export const parse: typeof acorn.Parser.parse = acorn.Parser.parse.bind(acorn.Parser);

package/front_end/third_party/chromium/README.chromium

@@ -1,7 +1,7 @@
 Name: Dependencies sourced from the upstream `chromium` repository
 URL: Internal
 Version: N/A
-Revision: c7a932d772cd4948f6199ee2b70c5e149ef4b357
+Revision: 94c2d3be993e302928a7ec87401d5606b87e0833
 Update Mechanism: Manual (https://crbug.com/428069060)
 License: BSD-3-Clause
 License File: LICENSE

package/front_end/third_party/chromium/ahem/ahem.d.ts

@@ -0,0 +1 @@
+export {};

package/front_end/third_party/csp_evaluator/package/csp.ts

@@ -343,12 +343,12 @@ export function isUrlScheme(urlScheme: string): boolean {
 /**
  * A regex pattern to check nonce prefix and Base64 formatting of a nonce value.
  */
-export const STRICT_NONCE_PATTERN =
+export const STRICT_NONCE_PATTERN: RegExp =
     new RegExp('^\'nonce-[a-zA-Z0-9+/_-]+[=]{0,2}\'$');
 
 
 /** A regex pattern for checking if nonce prefix. */
-export const NONCE_PATTERN = new RegExp('^\'nonce-(.+)\'$');
+export const NONCE_PATTERN: RegExp = new RegExp('^\'nonce-(.+)\'$');
 
 
 /**
@@ -367,12 +367,12 @@ export function isNonce(nonce: string, strictCheck?: boolean): boolean {
 /**
  * A regex pattern to check hash prefix and Base64 formatting of a hash value.
  */
-export const STRICT_HASH_PATTERN =
+export const STRICT_HASH_PATTERN: RegExp =
     new RegExp('^\'(sha256|sha384|sha512)-[a-zA-Z0-9+/]+[=]{0,2}\'$');
 
 
 /** A regex pattern to check hash prefix. */
-export const HASH_PATTERN = new RegExp('^\'(sha256|sha384|sha512)-(.+)\'$');
+export const HASH_PATTERN: RegExp = new RegExp('^\'(sha256|sha384|sha512)-(.+)\'$');
 
 
 /**

package/front_end/third_party/csp_evaluator/package/parser.ts

@@ -97,4 +97,6 @@ function normalizeDirectiveValue(directiveValue: string): string {
   return directiveValue;
 }
 
-export const TEST_ONLY = {normalizeDirectiveValue};
+export const TEST_ONLY: {
+  normalizeDirectiveValue: typeof normalizeDirectiveValue,
+} = {normalizeDirectiveValue};

package/front_end/third_party/csp_evaluator/package/tsconfig.json

@@ -3,6 +3,7 @@
     "target": "ES2020",
     "module": "commonjs",
     "declaration": true,
+    "isolatedDeclarations": true,
     "declarationMap": true,
     "sourceMap": true,
     "outDir": "dist",

package/front_end/third_party/csp_evaluator/package/utils.ts

@@ -136,7 +136,7 @@ export function matchWildcardUrls(
 export function applyCheckFunktionToDirectives(
     parsedCsp: csp.Csp,
     check: (directive: string, directiveValues: string[]) => void,
-) {
+): void {
   const directiveNames = Object.keys(parsedCsp.directives);
 
   for (const directive of directiveNames) {

package/front_end/third_party/diff/DiffWrapper.ts

@@ -4,14 +4,7 @@
 
 import * as Common from '../../core/common/common.js';
 
-declare global {
-  /* eslint-disable @typescript-eslint/naming-convention */
-  class diff_match_patch {
-    diff_main(text1: string, text2: string): Array<{0: number, 1: string}>;
-    diff_cleanupSemantic(diff: Array<{0: number, 1: string}>): void;
-  }
-  /* eslint-enable @typescript-eslint/naming-convention */
-}
+import './diff_match_patch.js';
 
 export const DiffWrapper = {
   charDiff: function(text1: string, text2: string, cleanup?: boolean): {0: number, 1: string}[] {

package/front_end/third_party/diff/diff_match_patch.d.ts

@@ -0,0 +1,10 @@
+// Copyright 2026 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.
+
+/* eslint-disable @typescript-eslint/naming-convention */
+declare class diff_match_patch {
+  diff_main(text1: string, text2: string): Array<{0: number, 1: string}>;
+  diff_cleanupSemantic(diff: Array<{0: number, 1: string}>): void;
+}
+/* eslint-enable @typescript-eslint/naming-convention */

package/front_end/third_party/json5/json5.ts

@@ -1,4 +1,4 @@
 import JSON5 from './lib/index.js';
 
-export const parse = JSON5.parse;
-export const stringify = JSON5.stringify;
+export const parse: typeof JSON5.parse = JSON5.parse;
+export const stringify: typeof JSON5.stringify = JSON5.stringify;

package/front_end/third_party/puppeteer/README.chromium

@@ -1,10 +1,10 @@
 Name: Puppeteer Core
 Short Name: Puppeteer Core
 URL: https://github.com/puppeteer/puppeteer/tree/main/packages/puppeteer-core
-Version: 25.9.0
+Version: 25.10.0
 License: Apache-2.0
 License File: LICENSE
-Revision: 21efe834b7094d53a1c0d633dc69deced17702d8
+Revision: 88b517ab3beb4a237b541cd18ada98ba43de71a7
 Security Critical: no
 Shipped: yes
 Update Mechanism: Autoroll

package/front_end/third_party/puppeteer/package/lib/es5-iife/puppeteer-core-browser.d.ts

@@ -1401,6 +1401,14 @@ export declare interface ConnectOptions {
    * @defaultValue `180_000`
    */
   protocolTimeout?: number;
+  /**
+   * Options for the WebSocket connection to the browser.
+   *
+   * @remarks
+   * Only used in the Node.js environment. The browser build has no ping frame
+   * API, so the keep-alive options are ignored there.
+   */
+  wsOptions?: WsOptions;
   browserWSEndpoint?: string;
   browserURL?: string;
   transport?: ConnectionTransport;
@@ -1408,6 +1416,10 @@ export declare interface ConnectOptions {
    * Headers to use for the web socket connection.
    * @remarks
    * Only works in the Node.js environment.
+   *
+   * @deprecated Use {@link WsOptions.headers} via
+   * {@link ConnectOptions.wsOptions} instead. When both are set,
+   * `wsOptions.headers` wins.
    */
   headers?: Record<string, string>;
   /**
@@ -4954,7 +4966,7 @@ export declare type KeyPressOptions = KeyDownOptions & KeyboardTypeOptions;
  *
  * ```ts
  * import {KnownDevices} from 'puppeteer';
- * const iPhone = KnownDevices['iPhone 15 Pro'];
+ * const iPhone = KnownDevices['iPhone 17 Pro'];
  *
  * const browser = await puppeteer.launch();
  * const page = await browser.newPage();
@@ -5016,6 +5028,8 @@ export declare const KnownDevices: Readonly<
     | 'iPhone 8 Plus landscape'
     | 'iPhone SE'
     | 'iPhone SE landscape'
+    | 'iPhone SE (3rd gen)'
+    | 'iPhone SE (3rd gen) landscape'
     | 'iPhone X'
     | 'iPhone X landscape'
     | 'iPhone XR'
@@ -5058,6 +5072,26 @@ export declare const KnownDevices: Readonly<
     | 'iPhone 15 Pro landscape'
     | 'iPhone 15 Pro Max'
     | 'iPhone 15 Pro Max landscape'
+    | 'iPhone 16'
+    | 'iPhone 16 landscape'
+    | 'iPhone 16 Plus'
+    | 'iPhone 16 Plus landscape'
+    | 'iPhone 16 Pro'
+    | 'iPhone 16 Pro landscape'
+    | 'iPhone 16 Pro Max'
+    | 'iPhone 16 Pro Max landscape'
+    | 'iPhone 16e'
+    | 'iPhone 16e landscape'
+    | 'iPhone 17'
+    | 'iPhone 17 landscape'
+    | 'iPhone Air'
+    | 'iPhone Air landscape'
+    | 'iPhone 17 Pro'
+    | 'iPhone 17 Pro landscape'
+    | 'iPhone 17 Pro Max'
+    | 'iPhone 17 Pro Max landscape'
+    | 'iPhone 17e'
+    | 'iPhone 17e landscape'
     | 'JioPhone 2'
     | 'JioPhone 2 landscape'
     | 'Kindle Fire HDX'
@@ -6984,7 +7018,7 @@ export declare abstract class Page extends EventEmitter<PageEvents> {
    *
    * ```ts
    * import {KnownDevices} from 'puppeteer';
-   * const iPhone = KnownDevices['iPhone 15 Pro'];
+   * const iPhone = KnownDevices['iPhone 17 Pro'];
    *
    * const browser = await puppeteer.launch();
    * const page = await browser.newPage();
@@ -7317,7 +7351,7 @@ export declare abstract class Page extends EventEmitter<PageEvents> {
    */
   abstract setCacheEnabled(enabled?: boolean): Promise<void>;
   /**
-   * Captures a screencast of this {@link Page | page}.
+   * Captures a screencast of this {@link Page | page}. Works in Chrome 153+.
    *
    * @example
    * Recording a {@link Page | page}:
@@ -7347,7 +7381,7 @@ export declare abstract class Page extends EventEmitter<PageEvents> {
    *
    * @param options - Configures screencast behavior.
    *
-   * @experimental
+   * @deprecated Use {@link Page.record} instead.
    *
    * @remarks
    *
@@ -7357,6 +7391,44 @@ export declare abstract class Page extends EventEmitter<PageEvents> {
    * You must have {@link https://ffmpeg.org/ | ffmpeg} installed on your system.
    */
   screencast(options?: Readonly<ScreencastOptions>): Promise<ScreenRecorder>;
+  /**
+   * Records this {@link Page | page} using the Chrome DevTools Protocol
+   * {@link https://chromedevtools.github.io/devtools-protocol/tot/Page/#method-startScreenRecording | Page.startScreenRecording}
+   * API.
+   *
+   * Outputs mp4 video stream.
+   *
+   * @example
+   * Recording a {@link Page | page}:
+   *
+   * ```ts
+   * import puppeteer from 'puppeteer';
+   *
+   * // Launch a browser
+   * const browser = await puppeteer.launch();
+   *
+   * // Create a new page
+   * const page = await browser.newPage();
+   *
+   * // Go to your site.
+   * await page.goto('https://www.example.com');
+   *
+   * // Start recording.
+   * const recorder = await page.record({path: 'recording.mp4'});
+   *
+   * // Do something.
+   *
+   * // Stop recording.
+   * await recorder.stop();
+   *
+   * await browser.close();
+   * ```
+   *
+   * @param options - Configures recording behavior.
+   *
+   * @experimental
+   */
+  record(options?: Readonly<RecordOptions>): Promise<ScreenRecording>;
   /**
    * Captures a screenshot of this {@link Page | page}.
    *
@@ -8493,11 +8565,13 @@ declare namespace Puppeteer_2 {
     VideoFormat,
     ScreenshotOptions,
     ScreencastOptions,
+    RecordOptions,
     QueryOptions,
     PageEvents,
     NewDocumentScriptEvaluation,
     ReloadOptions,
     HeapSnapshotOptions,
+    WritableDestination,
     WebWorkerEvents,
     VisibilityOption,
     ActionOptions,
@@ -8533,6 +8607,7 @@ declare namespace Puppeteer_2 {
     SupportedWebDriverCapability,
     SupportedWebDriverCapabilities,
     ChromeReleaseChannel,
+    WsOptions,
     ConnectOptions,
     ConsoleMessageLocation,
     ConsoleMessageType,
@@ -8603,6 +8678,7 @@ declare namespace Puppeteer_2 {
     PageEvent,
     Page,
     Realm,
+    ScreenRecording,
     TargetType,
     Target,
     WebWorkerEvent,
@@ -8982,6 +9058,46 @@ export declare abstract class Realm {
   [disposeSymbol](): void;
 }
 
+/**
+ * @public
+ * @experimental
+ */
+export declare interface RecordOptions {
+  /**
+   * File path to save the recording to.
+   */
+  path?: string;
+  /**
+   * Specifies whether to overwrite output file,
+   * or exit immediately if it already exists.
+   *
+   * @defaultValue `true`
+   */
+  overwrite?: boolean;
+  /**
+   * Whether to record audio.
+   *
+   * @defaultValue `false`
+   */
+  audio?: boolean;
+  /**
+   * Maximum frame width in pixels.
+   */
+  maxWidth?: number;
+  /**
+   * Maximum frame height in pixels.
+   */
+  maxHeight?: number;
+  /**
+   * Maximum frame rate in frames per second.
+   */
+  frameRate?: number;
+  /**
+   * Frame rate in frames per second (alias for frameRate).
+   */
+  fps?: number;
+}
+
 /**
  * @public
  */
@@ -9166,6 +9282,26 @@ export declare class ScreenRecorder extends PassThrough {
   [asyncDisposeSymbol](): Promise<void>;
 }
 
+/**
+ * @public
+ */
+export declare abstract class ScreenRecording extends ReadableStream<Uint8Array> {
+  /**
+   * Pipes the recorded stream to a destination stream.
+   *
+   * @public
+   */
+  pipe<T extends WritableStream<Uint8Array>>(destination: T): Promise<void>;
+  pipe<T extends WritableDestination>(destination: T): T;
+  /**
+   * Stops the screen recording.
+   *
+   * @public
+   */
+  abstract stop(): Promise<void>;
+  [asyncDisposeSymbol](): Promise<void>;
+}
+
 /**
  * @public
  */
@@ -10186,4 +10322,47 @@ export declare interface WorkAreaInsets {
   right?: number;
 }
 
+/**
+ * @public
+ */
+export declare interface WritableDestination {
+  write(chunk: Uint8Array): boolean;
+  end(): unknown;
+  writableFinished?: boolean;
+  closed?: boolean;
+  destroyed?: boolean;
+  once?(event: string, cb: (arg?: unknown) => void): unknown;
+}
+
+/**
+ * Options for the WebSocket connection to the browser.
+ *
+ * @remarks
+ * Only used in the Node.js environment.
+ *
+ * @public
+ */
+export declare interface WsOptions {
+  /**
+   * Headers to use for the web socket connection.
+   */
+  headers?: Record<string, string>;
+  /**
+   * Whether to send WebSocket pings and drop the connection when a pong does
+   * not come back within the same interval. Detects a connection that died
+   * without a close frame, which otherwise leaves calls hanging until
+   * `protocolTimeout`.
+   *
+   * @defaultValue `false`
+   */
+  keepAlive?: boolean;
+  /**
+   * Ping period in milliseconds. Only used when {@link WsOptions.keepAlive} is
+   * set.
+   *
+   * @defaultValue `30_000`
+   */
+  keepAliveIntervalMs?: number;
+}
+
 export {};