chrome-devtools-frontend 1.0.1367881 → 1.0.1376716

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

@@ -40,7 +40,7 @@ export class CdpElementHandle<
 
   constructor(
     world: IsolatedWorld,
-    remoteObject: Protocol.Runtime.RemoteObject
+    remoteObject: Protocol.Runtime.RemoteObject,
   ) {
     super(new CdpJSHandle(world, remoteObject));
   }
@@ -66,7 +66,7 @@ export class CdpElementHandle<
   }
 
   override async contentFrame(
-    this: ElementHandle<HTMLIFrameElement>
+    this: ElementHandle<HTMLIFrameElement>,
   ): Promise<CdpFrame>;
 
   @throwIfDisposed()
@@ -83,7 +83,7 @@ export class CdpElementHandle<
   @throwIfDisposed()
   @bindIsolatedHandle
   override async scrollIntoView(
-    this: CdpElementHandle<Element>
+    this: CdpElementHandle<Element>,
   ): Promise<void> {
     await this.assertConnectedElement();
     try {
@@ -108,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.
@@ -134,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}));
       });
@@ -169,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;

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

@@ -42,24 +42,24 @@ import {
 const ariaQuerySelectorBinding = new Binding(
   '__ariaQuerySelector',
   ARIAQueryHandler.queryOne as (...args: unknown[]) => unknown,
-  '' // custom init
+  '', // custom init
 );
 
 const ariaQuerySelectorAllBinding = new Binding(
   '__ariaQuerySelectorAll',
   (async (
     element: ElementHandle<Node>,
-    selector: string
+    selector: string,
   ): Promise<JSHandle<Node[]>> => {
     const results = ARIAQueryHandler.queryAll(element, selector);
     return await element.realm.evaluateHandle(
       (...elements) => {
         return elements;
       },
-      ...(await AsyncIterableUtil.collect(results))
+      ...(await AsyncIterableUtil.collect(results)),
     );
   }) as (...args: unknown[]) => unknown,
-  '' // custom init
+  '', // custom init
 );
 
 /**
@@ -85,7 +85,7 @@ export class ExecutionContext
   constructor(
     client: CDPSession,
     contextPayload: Protocol.Runtime.ExecutionContextDescription,
-    world: IsolatedWorld
+    world: IsolatedWorld,
   ) {
     super();
     this.#client = client;
@@ -133,14 +133,14 @@ export class ExecutionContext
           : {
               name: CDP_BINDING_PREFIX + binding.name,
               executionContextId: this.#id,
-            }
+            },
       );
 
       await this.evaluate(
         addPageBinding,
         'internal',
         binding.name,
-        CDP_BINDING_PREFIX
+        CDP_BINDING_PREFIX,
       );
 
       this.#bindings.set(binding.name, binding);
@@ -164,7 +164,7 @@ export class ExecutionContext
   }
 
   async #onBindingCalled(
-    event: Protocol.Runtime.BindingCalledEvent
+    event: Protocol.Runtime.BindingCalledEvent,
   ): Promise<void> {
     if (event.executionContextId !== this.#id) {
       return;
@@ -269,7 +269,7 @@ export class ExecutionContext
    * const result = await executionContext.evaluate(
    *   (a, b) => a + b,
    *   oneHandle,
-   *   twoHandle
+   *   twoHandle,
    * );
    * await oneHandle.dispose();
    * await twoHandle.dispose();
@@ -306,7 +306,7 @@ export class ExecutionContext
    * ```ts
    * const context = await page.mainFrame().executionContext();
    * const handle: JSHandle<typeof globalThis> = await context.evaluateHandle(
-   *   () => Promise.resolve(self)
+   *   () => Promise.resolve(self),
    * );
    * ```
    *
@@ -327,7 +327,7 @@ export class ExecutionContext
    *   });
    * const stringHandle: JSHandle<string> = await context.evaluateHandle(
    *   body => body.innerHTML,
-   *   body
+   *   body,
    * );
    * console.log(await stringHandle.jsonValue()); // prints body's innerHTML
    * // Always dispose your garbage! :)
@@ -377,7 +377,7 @@ export class ExecutionContext
   ): Promise<HandleFor<Awaited<ReturnType<Func>>> | Awaited<ReturnType<Func>>> {
     const sourceUrlComment = getSourceUrlComment(
       getSourcePuppeteerURLIfAvailable(pageFunction)?.toString() ??
-        PuppeteerURL.INTERNAL_URL
+        PuppeteerURL.INTERNAL_URL,
     );
 
     if (isString(pageFunction)) {
@@ -408,7 +408,7 @@ export class ExecutionContext
 
     const functionDeclaration = stringifyFunction(pageFunction);
     const functionDeclarationWithSourceUrl = SOURCE_URL_REGEX.test(
-      functionDeclaration
+      functionDeclaration,
     )
       ? functionDeclaration
       : `${functionDeclaration}\n${sourceUrlComment}\n`;
@@ -425,7 +425,7 @@ export class ExecutionContext
           ? await Promise.all(
               args.map(arg => {
                 return convertArgumentAsync(this, arg);
-              })
+              }),
             )
           : args.map(arg => {
               return convertArgument(this, arg);
@@ -454,7 +454,7 @@ export class ExecutionContext
 
     async function convertArgumentAsync(
       context: ExecutionContext,
-      arg: unknown
+      arg: unknown,
     ) {
       if (arg instanceof LazyArg) {
         arg = await arg.get(context);
@@ -464,10 +464,9 @@ export class ExecutionContext
 
     function convertArgument(
       context: ExecutionContext,
-      arg: unknown
+      arg: unknown,
     ): Protocol.Runtime.CallArgument {
       if (typeof arg === 'bigint') {
-        // eslint-disable-line valid-typeof
         return {unserializableValue: `${arg.toString()}n`};
       }
       if (Object.is(arg, -0)) {
@@ -489,7 +488,7 @@ export class ExecutionContext
       if (objectHandle) {
         if (objectHandle.realm !== context.#world) {
           throw new Error(
-            'JSHandles can be evaluated only in the context they were created!'
+            'JSHandles can be evaluated only in the context they were created!',
           );
         }
         if (objectHandle.disposed) {
@@ -529,7 +528,7 @@ const rewriteError = (error: Error): Protocol.Runtime.EvaluateResponse => {
     error.message.endsWith('Inspected target navigated or closed')
   ) {
     throw new Error(
-      'Execution context was destroyed, most likely because of a navigation.'
+      'Execution context was destroyed, most likely because of a navigation.',
     );
   }
   throw error;

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

@@ -54,7 +54,7 @@ export class ExtensionTransport implements ConnectionTransport {
   #debuggerEventHandler = (
     source: chrome.debugger.Debuggee,
     method: string,
-    params?: object | undefined
+    params?: object | undefined,
   ): void => {
     if (source.tabId !== this.#tabId) {
       return;
@@ -163,7 +163,7 @@ export class ExtensionTransport implements ConnectionTransport {
         // @ts-expect-error sessionId is not in stable yet.
         {tabId: this.#tabId, sessionId: parsed.sessionId},
         parsed.method,
-        parsed.params
+        parsed.params,
       )
       .then(response => {
         this.#dispatchResponse({
@@ -178,7 +178,11 @@ export class ExtensionTransport implements ConnectionTransport {
           id: parsed.id,
           sessionId: parsed.sessionId ?? 'pageTargetSessionId',
           method: parsed.method,
-          error: err,
+          error: {
+            code: err?.code,
+            data: err?.data,
+            message: err?.message ?? 'CDP error had no message',
+          },
         });
       });
   }