chrome-devtools-frontend 1.0.1362775 → 1.0.1376716

package/front_end/third_party/puppeteer/package/src/cdp/Coverage.ts

@@ -219,7 +219,7 @@ export class JSCoverage {
       reportAnonymousScripts?: boolean;
       includeRawScriptCoverage?: boolean;
       useBlockCoverage?: boolean;
-    } = {}
+    } = {},
   ): Promise<void> {
     assert(!this.#enabled, 'JSCoverage is already enabled');
     const {
@@ -236,12 +236,12 @@ export class JSCoverage {
     this.#scriptSources.clear();
     this.#subscriptions = new DisposableStack();
     const clientEmitter = this.#subscriptions.use(
-      new EventEmitter(this.#client)
+      new EventEmitter(this.#client),
     );
     clientEmitter.on('Debugger.scriptParsed', this.#onScriptParsed.bind(this));
     clientEmitter.on(
       'Runtime.executionContextsCleared',
-      this.#onExecutionContextsCleared.bind(this)
+      this.#onExecutionContextsCleared.bind(this),
     );
     await Promise.all([
       this.#client.send('Profiler.enable'),
@@ -263,7 +263,7 @@ export class JSCoverage {
   }
 
   async #onScriptParsed(
-    event: Protocol.Debugger.ScriptParsedEvent
+    event: Protocol.Debugger.ScriptParsedEvent,
   ): Promise<void> {
     // Ignore puppeteer-injected scripts
     if (PuppeteerURL.isPuppeteerURL(event.url)) {
@@ -356,12 +356,12 @@ export class CSSCoverage {
     this.#stylesheetSources.clear();
     this.#eventListeners = new DisposableStack();
     const clientEmitter = this.#eventListeners.use(
-      new EventEmitter(this.#client)
+      new EventEmitter(this.#client),
     );
     clientEmitter.on('CSS.styleSheetAdded', this.#onStyleSheet.bind(this));
     clientEmitter.on(
       'Runtime.executionContextsCleared',
-      this.#onExecutionContextsCleared.bind(this)
+      this.#onExecutionContextsCleared.bind(this),
     );
 
     await Promise.all([
@@ -401,7 +401,7 @@ export class CSSCoverage {
     assert(this.#enabled, 'CSSCoverage is not enabled');
     this.#enabled = false;
     const ruleTrackingResponse = await this.#client.send(
-      'CSS.stopRuleUsageTracking'
+      'CSS.stopRuleUsageTracking',
     );
     await Promise.all([
       this.#client.send('CSS.disable'),
@@ -429,15 +429,15 @@ export class CSSCoverage {
       const url = this.#stylesheetURLs.get(styleSheetId);
       assert(
         typeof url !== 'undefined',
-        `Stylesheet URL is undefined (styleSheetId=${styleSheetId})`
+        `Stylesheet URL is undefined (styleSheetId=${styleSheetId})`,
       );
       const text = this.#stylesheetSources.get(styleSheetId);
       assert(
         typeof text !== 'undefined',
-        `Stylesheet text is undefined (styleSheetId=${styleSheetId})`
+        `Stylesheet text is undefined (styleSheetId=${styleSheetId})`,
       );
       const ranges = convertToDisjointRanges(
-        styleSheetIdToCoverage.get(styleSheetId) || []
+        styleSheetIdToCoverage.get(styleSheetId) || [],
       );
       coverage.push({url, ranges, text});
     }
@@ -447,7 +447,7 @@ export class CSSCoverage {
 }
 
 function convertToDisjointRanges(
-  nestedRanges: Array<{startOffset: number; endOffset: number; count: number}>
+  nestedRanges: Array<{startOffset: number; endOffset: number; count: number}>,
 ): Array<{start: number; end: number}> {
   const points = [];
   for (const range of nestedRanges) {

package/front_end/third_party/puppeteer/package/src/cdp/DeviceRequestPrompt.ts

@@ -53,7 +53,7 @@ export class DeviceRequestPromptDevice {
  *   page.click('#connect-bluetooth'),
  * ]);
  * await devicePrompt.select(
- *   await devicePrompt.waitForDevice(({name}) => name.includes('My Device'))
+ *   await devicePrompt.waitForDevice(({name}) => name.includes('My Device')),
  * );
  * ```
  *
@@ -81,7 +81,7 @@ export class DeviceRequestPrompt {
   constructor(
     client: CDPSession,
     timeoutSettings: TimeoutSettings,
-    firstEvent: Protocol.DeviceAccess.DeviceRequestPromptedEvent
+    firstEvent: Protocol.DeviceAccess.DeviceRequestPromptedEvent,
   ) {
     this.#client = client;
     this.#timeoutSettings = timeoutSettings;
@@ -89,7 +89,7 @@ export class DeviceRequestPrompt {
 
     this.#client.on(
       'DeviceAccess.deviceRequestPrompted',
-      this.#updateDevicesHandle
+      this.#updateDevicesHandle,
     );
     this.#client.on('Target.detachedFromTarget', () => {
       this.#client = null;
@@ -114,7 +114,7 @@ export class DeviceRequestPrompt {
 
       const newDevice = new DeviceRequestPromptDevice(
         rawDevice.id,
-        rawDevice.name
+        rawDevice.name,
       );
       this.devices.push(newDevice);
 
@@ -131,7 +131,7 @@ export class DeviceRequestPrompt {
    */
   async waitForDevice(
     filter: (device: DeviceRequestPromptDevice) => boolean,
-    options: WaitTimeoutOptions = {}
+    options: WaitTimeoutOptions = {},
   ): Promise<DeviceRequestPromptDevice> {
     for (const device of this.devices) {
       if (filter(device)) {
@@ -151,7 +151,7 @@ export class DeviceRequestPrompt {
         () => {
           deferred.reject(options.signal?.reason);
         },
-        {once: true}
+        {once: true},
       );
     }
 
@@ -170,16 +170,16 @@ export class DeviceRequestPrompt {
   async select(device: DeviceRequestPromptDevice): Promise<void> {
     assert(
       this.#client !== null,
-      'Cannot select device through detached session!'
+      'Cannot select device through detached session!',
     );
     assert(this.devices.includes(device), 'Cannot select unknown device!');
     assert(
       !this.#handled,
-      'Cannot select DeviceRequestPrompt which is already handled!'
+      'Cannot select DeviceRequestPrompt which is already handled!',
     );
     this.#client.off(
       'DeviceAccess.deviceRequestPrompted',
-      this.#updateDevicesHandle
+      this.#updateDevicesHandle,
     );
     this.#handled = true;
     return await this.#client.send('DeviceAccess.selectPrompt', {
@@ -194,15 +194,15 @@ export class DeviceRequestPrompt {
   async cancel(): Promise<void> {
     assert(
       this.#client !== null,
-      'Cannot cancel prompt through detached session!'
+      'Cannot cancel prompt through detached session!',
     );
     assert(
       !this.#handled,
-      'Cannot cancel DeviceRequestPrompt which is already handled!'
+      'Cannot cancel DeviceRequestPrompt which is already handled!',
     );
     this.#client.off(
       'DeviceAccess.deviceRequestPrompted',
-      this.#updateDevicesHandle
+      this.#updateDevicesHandle,
     );
     this.#handled = true;
     return await this.#client.send('DeviceAccess.cancelPrompt', {id: this.#id});
@@ -237,11 +237,11 @@ export class DeviceRequestPromptManager {
    * requestDevice.
    */
   async waitForDevicePrompt(
-    options: WaitTimeoutOptions = {}
+    options: WaitTimeoutOptions = {},
   ): Promise<DeviceRequestPrompt> {
     assert(
       this.#client !== null,
-      'Cannot wait for device prompt through detached session!'
+      'Cannot wait for device prompt through detached session!',
     );
     const needsEnable = this.#deviceRequestPrompDeferreds.size === 0;
     let enablePromise: Promise<void> | undefined;
@@ -260,7 +260,7 @@ export class DeviceRequestPromptManager {
         () => {
           deferred.reject(options.signal?.reason);
         },
-        {once: true}
+        {once: true},
       );
     }
 
@@ -281,7 +281,7 @@ export class DeviceRequestPromptManager {
    * @internal
    */
   #onDeviceRequestPrompted(
-    event: Protocol.DeviceAccess.DeviceRequestPromptedEvent
+    event: Protocol.DeviceAccess.DeviceRequestPromptedEvent,
   ) {
     if (!this.#deviceRequestPrompDeferreds.size) {
       return;
@@ -291,7 +291,7 @@ export class DeviceRequestPromptManager {
     const devicePrompt = new DeviceRequestPrompt(
       this.#client,
       this.#timeoutSettings,
-      event
+      event,
     );
     for (const promise of this.#deviceRequestPrompDeferreds) {
       promise.resolve(devicePrompt);

package/front_end/third_party/puppeteer/package/src/cdp/Dialog.ts

@@ -19,7 +19,7 @@ export class CdpDialog extends Dialog {
     client: CDPSession,
     type: Protocol.Page.DialogType,
     message: string,
-    defaultValue = ''
+    defaultValue = '',
   ) {
     super(type, message, defaultValue);
     this.#client = client;

package/front_end/third_party/puppeteer/package/src/cdp/ElementHandle.ts

@@ -7,7 +7,11 @@
 import type {Protocol} from 'devtools-protocol';
 
 import type {CDPSession} from '../api/CDPSession.js';
-import {ElementHandle, type AutofillData} from '../api/ElementHandle.js';
+import {
+  bindIsolatedHandle,
+  ElementHandle,
+  type AutofillData,
+} from '../api/ElementHandle.js';
 import type {AwaitableIterable} from '../common/types.js';
 import {debugError} from '../common/util.js';
 import {environment} from '../environment.js';
@@ -36,7 +40,7 @@ export class CdpElementHandle<
 
   constructor(
     world: IsolatedWorld,
-    remoteObject: Protocol.Runtime.RemoteObject
+    remoteObject: Protocol.Runtime.RemoteObject,
   ) {
     super(new CdpJSHandle(world, remoteObject));
   }
@@ -62,7 +66,7 @@ export class CdpElementHandle<
   }
 
   override async contentFrame(
-    this: ElementHandle<HTMLIFrameElement>
+    this: ElementHandle<HTMLIFrameElement>,
   ): Promise<CdpFrame>;
 
   @throwIfDisposed()
@@ -77,9 +81,9 @@ export class CdpElementHandle<
   }
 
   @throwIfDisposed()
-  @ElementHandle.bindIsolatedHandle
+  @bindIsolatedHandle
   override async scrollIntoView(
-    this: CdpElementHandle<Element>
+    this: CdpElementHandle<Element>,
   ): Promise<void> {
     await this.assertConnectedElement();
     try {
@@ -94,7 +98,7 @@ export class CdpElementHandle<
   }
 
   @throwIfDisposed()
-  @ElementHandle.bindIsolatedHandle
+  @bindIsolatedHandle
   override async uploadFile(
     this: CdpElementHandle<HTMLInputElement>,
     ...filePaths: string[]
@@ -104,7 +108,7 @@ export class CdpElementHandle<
     });
     assert(
       filePaths.length <= 1 || isMultiple,
-      'Multiple file uploads only work with <input type=file multiple>'
+      'Multiple file uploads only work with <input type=file multiple>',
     );
 
     // Locate all files and confirm that they exist.
@@ -130,7 +134,7 @@ export class CdpElementHandle<
 
         // Dispatch events for this case because it should behave akin to a user action.
         element.dispatchEvent(
-          new Event('input', {bubbles: true, composed: true})
+          new Event('input', {bubbles: true, composed: true}),
         );
         element.dispatchEvent(new Event('change', {bubbles: true}));
       });
@@ -165,7 +169,7 @@ export class CdpElementHandle<
 
   override async *queryAXTree(
     name?: string | undefined,
-    role?: string | undefined
+    role?: string | undefined,
   ): AwaitableIterable<ElementHandle<Node>> {
     const {nodes} = await this.client.send('Accessibility.queryAXTree', {
       objectId: this.id,

package/front_end/third_party/puppeteer/package/src/cdp/EmulationManager.ts

@@ -85,7 +85,7 @@ export class EmulatedState<T extends {active: boolean}> {
   constructor(
     initialState: T,
     clientProvider: ClientProvider,
-    updater: (client: CDPSession, state: T) => Promise<void>
+    updater: (client: CDPSession, state: T) => Promise<void>,
   ) {
     this.#state = initialState;
     this.#clientProvider = clientProvider;
@@ -106,7 +106,7 @@ export class EmulatedState<T extends {active: boolean}> {
     await Promise.all(
       this.#clientProvider.clients().map(client => {
         return this.#updater(client, this.#state);
-      })
+      }),
     );
   }
 }
@@ -127,63 +127,63 @@ export class EmulationManager implements ClientProvider {
       active: false,
     },
     this,
-    this.#applyViewport
+    this.#applyViewport,
   );
   #idleOverridesState = new EmulatedState<IdleOverridesState>(
     {
       active: false,
     },
     this,
-    this.#emulateIdleState
+    this.#emulateIdleState,
   );
   #timezoneState = new EmulatedState<TimezoneState>(
     {
       active: false,
     },
     this,
-    this.#emulateTimezone
+    this.#emulateTimezone,
   );
   #visionDeficiencyState = new EmulatedState<VisionDeficiencyState>(
     {
       active: false,
     },
     this,
-    this.#emulateVisionDeficiency
+    this.#emulateVisionDeficiency,
   );
   #cpuThrottlingState = new EmulatedState<CpuThrottlingState>(
     {
       active: false,
     },
     this,
-    this.#emulateCpuThrottling
+    this.#emulateCpuThrottling,
   );
   #mediaFeaturesState = new EmulatedState<MediaFeaturesState>(
     {
       active: false,
     },
     this,
-    this.#emulateMediaFeatures
+    this.#emulateMediaFeatures,
   );
   #mediaTypeState = new EmulatedState<MediaTypeState>(
     {
       active: false,
     },
     this,
-    this.#emulateMediaType
+    this.#emulateMediaType,
   );
   #geoLocationState = new EmulatedState<GeoLocationState>(
     {
       active: false,
     },
     this,
-    this.#setGeolocation
+    this.#setGeolocation,
   );
   #defaultBackgroundColorState = new EmulatedState<DefaultBackgroundColorState>(
     {
       active: false,
     },
     this,
-    this.#setDefaultBackgroundColor
+    this.#setDefaultBackgroundColor,
   );
   #javascriptEnabledState = new EmulatedState<JavascriptEnabledState>(
     {
@@ -191,7 +191,7 @@ export class EmulationManager implements ClientProvider {
       active: false,
     },
     this,
-    this.#setJavaScriptEnabled
+    this.#setJavaScriptEnabled,
   );
 
   #secondaryClients = new Set<CDPSession>();
@@ -223,7 +223,7 @@ export class EmulationManager implements ClientProvider {
     void Promise.all(
       this.#states.map(s => {
         return s.sync().catch(debugError);
-      })
+      }),
     );
   }
 
@@ -244,7 +244,7 @@ export class EmulationManager implements ClientProvider {
           }
         : {
             active: false,
-          }
+          },
     );
 
     const mobile = viewport?.isMobile || false;
@@ -260,7 +260,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #applyViewport(
     client: CDPSession,
-    viewportState: ViewportState
+    viewportState: ViewportState,
   ): Promise<void> {
     if (!viewportState.viewport) {
       await Promise.all([
@@ -319,7 +319,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #emulateIdleState(
     client: CDPSession,
-    idleStateState: IdleOverridesState
+    idleStateState: IdleOverridesState,
   ): Promise<void> {
     if (!idleStateState.active) {
       return;
@@ -337,7 +337,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #emulateTimezone(
     client: CDPSession,
-    timezoneState: TimezoneState
+    timezoneState: TimezoneState,
   ): Promise<void> {
     if (!timezoneState.active) {
       return;
@@ -364,7 +364,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #emulateVisionDeficiency(
     client: CDPSession,
-    visionDeficiency: VisionDeficiencyState
+    visionDeficiency: VisionDeficiencyState,
   ): Promise<void> {
     if (!visionDeficiency.active) {
       return;
@@ -375,7 +375,7 @@ export class EmulationManager implements ClientProvider {
   }
 
   async emulateVisionDeficiency(
-    type?: Protocol.Emulation.SetEmulatedVisionDeficiencyRequest['type']
+    type?: Protocol.Emulation.SetEmulatedVisionDeficiencyRequest['type'],
   ): Promise<void> {
     const visionDeficiencies = new Set<
       Protocol.Emulation.SetEmulatedVisionDeficiencyRequest['type']
@@ -389,7 +389,7 @@ export class EmulationManager implements ClientProvider {
     ]);
     assert(
       !type || visionDeficiencies.has(type),
-      `Unsupported vision deficiency: ${type}`
+      `Unsupported vision deficiency: ${type}`,
     );
     await this.#visionDeficiencyState.setState({
       active: true,
@@ -400,7 +400,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #emulateCpuThrottling(
     client: CDPSession,
-    state: CpuThrottlingState
+    state: CpuThrottlingState,
   ): Promise<void> {
     if (!state.active) {
       return;
@@ -413,7 +413,7 @@ export class EmulationManager implements ClientProvider {
   async emulateCPUThrottling(factor: number | null): Promise<void> {
     assert(
       factor === null || factor >= 1,
-      'Throttling rate should be greater or equal to 1'
+      'Throttling rate should be greater or equal to 1',
     );
     await this.#cpuThrottlingState.setState({
       active: true,
@@ -424,7 +424,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #emulateMediaFeatures(
     client: CDPSession,
-    state: MediaFeaturesState
+    state: MediaFeaturesState,
   ): Promise<void> {
     if (!state.active) {
       return;
@@ -440,9 +440,9 @@ export class EmulationManager implements ClientProvider {
         const name = mediaFeature.name;
         assert(
           /^(?:prefers-(?:color-scheme|reduced-motion)|color-gamut)$/.test(
-            name
+            name,
           ),
-          'Unsupported media feature: ' + name
+          'Unsupported media feature: ' + name,
         );
       }
     }
@@ -455,7 +455,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #emulateMediaType(
     client: CDPSession,
-    state: MediaTypeState
+    state: MediaTypeState,
   ): Promise<void> {
     if (!state.active) {
       return;
@@ -470,7 +470,7 @@ export class EmulationManager implements ClientProvider {
       type === 'screen' ||
         type === 'print' ||
         (type ?? undefined) === undefined,
-      'Unsupported media type: ' + type
+      'Unsupported media type: ' + type,
     );
     await this.#mediaTypeState.setState({
       type,
@@ -481,7 +481,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #setGeolocation(
     client: CDPSession,
-    state: GeoLocationState
+    state: GeoLocationState,
   ): Promise<void> {
     if (!state.active) {
       return;
@@ -494,7 +494,7 @@ export class EmulationManager implements ClientProvider {
             latitude: state.geoLocation.latitude,
             accuracy: state.geoLocation.accuracy,
           }
-        : undefined
+        : undefined,
     );
   }
 
@@ -502,17 +502,17 @@ export class EmulationManager implements ClientProvider {
     const {longitude, latitude, accuracy = 0} = options;
     if (longitude < -180 || longitude > 180) {
       throw new Error(
-        `Invalid longitude "${longitude}": precondition -180 <= LONGITUDE <= 180 failed.`
+        `Invalid longitude "${longitude}": precondition -180 <= LONGITUDE <= 180 failed.`,
       );
     }
     if (latitude < -90 || latitude > 90) {
       throw new Error(
-        `Invalid latitude "${latitude}": precondition -90 <= LATITUDE <= 90 failed.`
+        `Invalid latitude "${latitude}": precondition -90 <= LATITUDE <= 90 failed.`,
       );
     }
     if (accuracy < 0) {
       throw new Error(
-        `Invalid accuracy "${accuracy}": precondition 0 <= ACCURACY failed.`
+        `Invalid accuracy "${accuracy}": precondition 0 <= ACCURACY failed.`,
       );
     }
     await this.#geoLocationState.setState({
@@ -528,7 +528,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #setDefaultBackgroundColor(
     client: CDPSession,
-    state: DefaultBackgroundColorState
+    state: DefaultBackgroundColorState,
   ): Promise<void> {
     if (!state.active) {
       return;
@@ -561,7 +561,7 @@ export class EmulationManager implements ClientProvider {
   @invokeAtMostOnceForArguments
   async #setJavaScriptEnabled(
     client: CDPSession,
-    state: JavascriptEnabledState
+    state: JavascriptEnabledState,
   ): Promise<void> {
     if (!state.active) {
       return;