chrome-devtools-frontend 1.0.1367881 → 1.0.1376716

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

@@ -53,7 +53,7 @@ export class CdpBrowser extends BrowserBase {
     closeCallback?: BrowserCloseCallback,
     targetFilterCallback?: TargetFilterCallback,
     isPageTargetCallback?: IsPageTargetCallback,
-    waitForInitiallyDiscoveredTargets = true
+    waitForInitiallyDiscoveredTargets = true,
   ): Promise<CdpBrowser> {
     const browser = new CdpBrowser(
       product,
@@ -64,7 +64,7 @@ export class CdpBrowser extends BrowserBase {
       closeCallback,
       targetFilterCallback,
       isPageTargetCallback,
-      waitForInitiallyDiscoveredTargets
+      waitForInitiallyDiscoveredTargets,
     );
     if (acceptInsecureCerts) {
       await connection.send('Security.setIgnoreCertificateErrors', {
@@ -93,7 +93,7 @@ export class CdpBrowser extends BrowserBase {
     closeCallback?: BrowserCloseCallback,
     targetFilterCallback?: TargetFilterCallback,
     isPageTargetCallback?: IsPageTargetCallback,
-    waitForInitiallyDiscoveredTargets = true
+    waitForInitiallyDiscoveredTargets = true,
   ) {
     super();
     product = product || 'chrome';
@@ -111,21 +111,21 @@ export class CdpBrowser extends BrowserBase {
       this.#targetManager = new FirefoxTargetManager(
         connection,
         this.#createTarget,
-        this.#targetFilterCallback
+        this.#targetFilterCallback,
       );
     } else {
       this.#targetManager = new ChromeTargetManager(
         connection,
         this.#createTarget,
         this.#targetFilterCallback,
-        waitForInitiallyDiscoveredTargets
+        waitForInitiallyDiscoveredTargets,
       );
     }
     this.#defaultContext = new CdpBrowserContext(this.#connection, this);
     for (const contextId of contextIds) {
       this.#contexts.set(
         contextId,
-        new CdpBrowserContext(this.#connection, this, contextId)
+        new CdpBrowserContext(this.#connection, this, contextId),
       );
     }
   }
@@ -138,19 +138,19 @@ export class CdpBrowser extends BrowserBase {
     this.#connection.on(CDPSessionEvent.Disconnected, this.#emitDisconnected);
     this.#targetManager.on(
       TargetManagerEvent.TargetAvailable,
-      this.#onAttachedToTarget
+      this.#onAttachedToTarget,
     );
     this.#targetManager.on(
       TargetManagerEvent.TargetGone,
-      this.#onDetachedFromTarget
+      this.#onDetachedFromTarget,
     );
     this.#targetManager.on(
       TargetManagerEvent.TargetChanged,
-      this.#onTargetChanged
+      this.#onTargetChanged,
     );
     this.#targetManager.on(
       TargetManagerEvent.TargetDiscovered,
-      this.#onTargetDiscovered
+      this.#onTargetDiscovered,
     );
     await this.#targetManager.initialize();
   }
@@ -159,19 +159,19 @@ export class CdpBrowser extends BrowserBase {
     this.#connection.off(CDPSessionEvent.Disconnected, this.#emitDisconnected);
     this.#targetManager.off(
       TargetManagerEvent.TargetAvailable,
-      this.#onAttachedToTarget
+      this.#onAttachedToTarget,
     );
     this.#targetManager.off(
       TargetManagerEvent.TargetGone,
-      this.#onDetachedFromTarget
+      this.#onDetachedFromTarget,
     );
     this.#targetManager.off(
       TargetManagerEvent.TargetChanged,
-      this.#onTargetChanged
+      this.#onTargetChanged,
     );
     this.#targetManager.off(
       TargetManagerEvent.TargetDiscovered,
-      this.#onTargetDiscovered
+      this.#onTargetDiscovered,
     );
   }
 
@@ -200,7 +200,7 @@ export class CdpBrowser extends BrowserBase {
   }
 
   override async createBrowserContext(
-    options: BrowserContextOptions = {}
+    options: BrowserContextOptions = {},
   ): Promise<CdpBrowserContext> {
     const {proxyServer, proxyBypassList} = options;
 
@@ -209,12 +209,12 @@ export class CdpBrowser extends BrowserBase {
       {
         proxyServer,
         proxyBypassList: proxyBypassList && proxyBypassList.join(','),
-      }
+      },
     );
     const context = new CdpBrowserContext(
       this.#connection,
       this,
-      browserContextId
+      browserContextId,
     );
     this.#contexts.set(browserContextId, context);
     return context;
@@ -240,7 +240,7 @@ export class CdpBrowser extends BrowserBase {
 
   #createTarget = (
     targetInfo: Protocol.Target.TargetInfo,
-    session?: CDPSession
+    session?: CDPSession,
   ) => {
     const {browserContextId} = targetInfo;
     const context =
@@ -260,7 +260,7 @@ export class CdpBrowser extends BrowserBase {
       session,
       context,
       this.#targetManager,
-      createSession
+      createSession,
     );
     if (targetInfo.url?.startsWith('devtools://')) {
       return new DevToolsTarget(
@@ -269,7 +269,7 @@ export class CdpBrowser extends BrowserBase {
         context,
         this.#targetManager,
         createSession,
-        this.#defaultViewport ?? null
+        this.#defaultViewport ?? null,
       );
     }
     if (this.#isPageTargetCallback(otherTarget)) {
@@ -279,7 +279,7 @@ export class CdpBrowser extends BrowserBase {
         context,
         this.#targetManager,
         createSession,
-        this.#defaultViewport ?? null
+        this.#defaultViewport ?? null,
       );
     }
     if (
@@ -291,7 +291,7 @@ export class CdpBrowser extends BrowserBase {
         session,
         context,
         this.#targetManager,
-        createSession
+        createSession,
       );
     }
     return otherTarget;
@@ -358,7 +358,7 @@ export class CdpBrowser extends BrowserBase {
     const page = await target.page();
     if (!page) {
       throw new Error(
-        `Failed to create a page for context (id = ${contextId})`
+        `Failed to create a page for context (id = ${contextId})`,
       );
     }
     return page;
@@ -366,7 +366,7 @@ export class CdpBrowser extends BrowserBase {
 
   override targets(): CdpTarget[] {
     return Array.from(
-      this.#targetManager.getAvailableTargets().values()
+      this.#targetManager.getAvailableTargets().values(),
     ).filter(target => {
       return (
         target._isTargetExposed() &&

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

@@ -23,7 +23,7 @@ import {Connection} from './Connection.js';
 export async function _connectToCdpBrowser(
   connectionTransport: ConnectionTransport,
   url: string,
-  options: BrowserConnectOptions & ConnectOptions
+  options: BrowserConnectOptions & ConnectOptions,
 ): Promise<CdpBrowser> {
   const {
     acceptInsecureCerts = false,
@@ -38,7 +38,7 @@ export async function _connectToCdpBrowser(
     url,
     connectionTransport,
     slowMo,
-    protocolTimeout
+    protocolTimeout,
   );
 
   const version = await connection.send('Browser.getVersion');
@@ -47,7 +47,7 @@ export async function _connectToCdpBrowser(
     : 'chrome';
 
   const {browserContextIds} = await connection.send(
-    'Target.getBrowserContexts'
+    'Target.getBrowserContexts',
   );
   const browser = await CdpBrowser._create(
     product || 'chrome',
@@ -60,7 +60,7 @@ export async function _connectToCdpBrowser(
       return connection.send('Browser.close').catch(debugError);
     },
     targetFilter,
-    isPageTarget
+    isPageTarget,
   );
   return browser;
 }

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

@@ -53,7 +53,7 @@ export class CdpBrowserContext extends BrowserContext {
         })
         .map(target => {
           return target.page();
-        })
+        }),
     );
     return pages.filter((page): page is Page => {
       return !!page;
@@ -62,7 +62,7 @@ export class CdpBrowserContext extends BrowserContext {
 
   override async overridePermissions(
     origin: string,
-    permissions: Permission[]
+    permissions: Permission[],
   ): Promise<void> {
     const protocolPermissions = permissions.map(permission => {
       const protocolPermission =

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

@@ -39,7 +39,7 @@ export class CdpCDPSession extends CDPSession {
     connection: Connection,
     targetType: string,
     sessionId: string,
-    parentSessionId: string | undefined
+    parentSessionId: string | undefined,
   ) {
     super();
     this.#connection = connection;
@@ -83,13 +83,13 @@ export class CdpCDPSession extends CDPSession {
   override send<T extends keyof ProtocolMapping.Commands>(
     method: T,
     params?: ProtocolMapping.Commands[T]['paramsType'][0],
-    options?: CommandOptions
+    options?: CommandOptions,
   ): Promise<ProtocolMapping.Commands[T]['returnType']> {
     if (!this.#connection) {
       return Promise.reject(
         new TargetCloseError(
-          `Protocol error (${method}): Session closed. Most likely the ${this.#targetType} has been closed.`
-        )
+          `Protocol error (${method}): Session closed. Most likely the ${this.#targetType} has been closed.`,
+        ),
       );
     }
     return this.#connection._rawSend(
@@ -97,7 +97,7 @@ export class CdpCDPSession extends CDPSession {
       method,
       params,
       this.#sessionId,
-      options
+      options,
     );
   }
 
@@ -116,7 +116,7 @@ export class CdpCDPSession extends CDPSession {
         this.#callbacks.reject(
           object.id,
           createProtocolErrorMessage(object),
-          object.error.message
+          object.error.message,
         );
       } else {
         this.#callbacks.resolve(object.id, object.result);
@@ -134,7 +134,7 @@ export class CdpCDPSession extends CDPSession {
   override async detach(): Promise<void> {
     if (!this.#connection) {
       throw new Error(
-        `Session already detached. Most likely the ${this.#targetType} has been closed.`
+        `Session already detached. Most likely the ${this.#targetType} has been closed.`,
       );
     }
     await this.#connection.send('Target.detachFromTarget', {

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

@@ -25,7 +25,7 @@ import {
 
 function isPageTargetBecomingPrimary(
   target: CdpTarget,
-  newTargetInfo: Protocol.Target.TargetInfo
+  newTargetInfo: Protocol.Target.TargetInfo,
 ): boolean {
   return Boolean(target._subtype()) && !newTargetInfo.subtype;
 }
@@ -89,7 +89,7 @@ export class ChromeTargetManager
     connection: Connection,
     targetFactory: TargetFactory,
     targetFilterCallback?: TargetFilterCallback,
-    waitForInitiallyDiscoveredTargets = true
+    waitForInitiallyDiscoveredTargets = true,
   ) {
     super();
     this.#connection = connection;
@@ -102,7 +102,7 @@ export class ChromeTargetManager
     this.#connection.on('Target.targetInfoChanged', this.#onTargetInfoChanged);
     this.#connection.on(
       CDPSessionEvent.SessionDetached,
-      this.#onSessionDetached
+      this.#onSessionDetached,
     );
     this.#setupAttachmentListeners(this.#connection);
   }
@@ -120,7 +120,7 @@ export class ChromeTargetManager
         undefined,
         undefined,
         this,
-        undefined
+        undefined,
       );
       // Only wait for pages and frames (except those from extensions)
       // to auto-attach.
@@ -172,7 +172,7 @@ export class ChromeTargetManager
     this.#connection.off('Target.targetInfoChanged', this.#onTargetInfoChanged);
     this.#connection.off(
       CDPSessionEvent.SessionDetached,
-      this.#onSessionDetached
+      this.#onSessionDetached,
     );
 
     this.#removeAttachmentListeners(this.#connection);
@@ -191,7 +191,7 @@ export class ChromeTargetManager
     session.on('Target.attachedToTarget', listener);
 
     const detachedListener = (
-      event: Protocol.Target.DetachedFromTargetEvent
+      event: Protocol.Target.DetachedFromTargetEvent,
     ) => {
       return this.#onDetachedFromTarget(session, event);
     };
@@ -210,7 +210,7 @@ export class ChromeTargetManager
     if (this.#detachedFromTargetListenersBySession.has(session)) {
       session.off(
         'Target.detachedFromTarget',
-        this.#detachedFromTargetListenersBySession.get(session)!
+        this.#detachedFromTargetListenersBySession.get(session)!,
       );
       this.#detachedFromTargetListenersBySession.delete(session);
     }
@@ -223,7 +223,7 @@ export class ChromeTargetManager
   #onTargetCreated = async (event: Protocol.Target.TargetCreatedEvent) => {
     this.#discoveredTargetsByTargetId.set(
       event.targetInfo.targetId,
-      event.targetInfo
+      event.targetInfo,
     );
 
     this.emit(TargetManagerEvent.TargetDiscovered, event.targetInfo);
@@ -262,7 +262,7 @@ export class ChromeTargetManager
   #onTargetInfoChanged = (event: Protocol.Target.TargetInfoChangedEvent) => {
     this.#discoveredTargetsByTargetId.set(
       event.targetInfo.targetId,
-      event.targetInfo
+      event.targetInfo,
     );
 
     if (
@@ -274,7 +274,7 @@ export class ChromeTargetManager
     }
 
     const target = this.#attachedTargetsByTargetId.get(
-      event.targetInfo.targetId
+      event.targetInfo.targetId,
     );
     if (!target) {
       return;
@@ -287,7 +287,7 @@ export class ChromeTargetManager
       const session = target?._session();
       assert(
         session,
-        'Target that is being activated is missing a CDPSession.'
+        'Target that is being activated is missing a CDPSession.',
       );
       session.parentSession()?.emit(CDPSessionEvent.Swapped, session);
     }
@@ -305,7 +305,7 @@ export class ChromeTargetManager
 
   #onAttachedToTarget = async (
     parentSession: Connection | CDPSession,
-    event: Protocol.Target.AttachedToTargetEvent
+    event: Protocol.Target.AttachedToTargetEvent,
   ) => {
     const targetInfo = event.targetInfo;
     const session = this.#connection.session(event.sessionId);
@@ -349,7 +349,7 @@ export class ChromeTargetManager
     }
 
     const isExistingTarget = this.#attachedTargetsByTargetId.has(
-      targetInfo.targetId
+      targetInfo.targetId,
     );
 
     const target = isExistingTarget
@@ -357,7 +357,7 @@ export class ChromeTargetManager
       : this.#targetFactory(
           targetInfo,
           session,
-          parentSession instanceof CDPSession ? parentSession : undefined
+          parentSession instanceof CDPSession ? parentSession : undefined,
         );
 
     if (this.#targetFilterCallback && !this.#targetFilterCallback(target)) {
@@ -373,7 +373,7 @@ export class ChromeTargetManager
       (session as CdpCDPSession)._setTarget(target);
       this.#attachedTargetsBySessionId.set(
         session.id(),
-        this.#attachedTargetsByTargetId.get(targetInfo.targetId)!
+        this.#attachedTargetsByTargetId.get(targetInfo.targetId)!,
       );
     } else {
       target._initialize();
@@ -409,7 +409,9 @@ export class ChromeTargetManager
   };
 
   #finishInitializationIfReady(targetId?: string): void {
-    targetId !== undefined && this.#targetsIdsForInit.delete(targetId);
+    if (targetId !== undefined) {
+      this.#targetsIdsForInit.delete(targetId);
+    }
     if (this.#targetsIdsForInit.size === 0) {
       this.#initializeDeferred.resolve();
     }
@@ -417,7 +419,7 @@ export class ChromeTargetManager
 
   #onDetachedFromTarget = (
     parentSession: Connection | CDPSession,
-    event: Protocol.Target.DetachedFromTargetEvent
+    event: Protocol.Target.DetachedFromTargetEvent,
   ) => {
     const target = this.#attachedTargetsBySessionId.get(event.sessionId);
 

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

@@ -42,7 +42,7 @@ export class Connection extends EventEmitter<CDPSessionEvents> {
     url: string,
     transport: ConnectionTransport,
     delay = 0,
-    timeout?: number
+    timeout?: number,
   ) {
     super();
     this.#url = url;
@@ -98,7 +98,7 @@ export class Connection extends EventEmitter<CDPSessionEvents> {
   send<T extends keyof ProtocolMapping.Commands>(
     method: T,
     params?: ProtocolMapping.Commands[T]['paramsType'][0],
-    options?: CommandOptions
+    options?: CommandOptions,
   ): Promise<ProtocolMapping.Commands[T]['returnType']> {
     // There is only ever 1 param arg passed, but the Protocol defines it as an
     // array of 0 or 1 items See this comment:
@@ -117,7 +117,7 @@ export class Connection extends EventEmitter<CDPSessionEvents> {
     method: T,
     params: ProtocolMapping.Commands[T]['paramsType'][0],
     sessionId?: string,
-    options?: CommandOptions
+    options?: CommandOptions,
   ): Promise<ProtocolMapping.Commands[T]['returnType']> {
     if (this.#closed) {
       return Promise.reject(new Error('Protocol error: Connection closed.'));
@@ -158,7 +158,7 @@ export class Connection extends EventEmitter<CDPSessionEvents> {
         this,
         object.params.targetInfo.type,
         sessionId,
-        object.sessionId
+        object.sessionId,
       );
       this.#sessions.set(sessionId, session);
       this.emit(CDPSessionEvent.SessionAttached, session);
@@ -188,7 +188,7 @@ export class Connection extends EventEmitter<CDPSessionEvents> {
         this.#callbacks.reject(
           object.id,
           createProtocolErrorMessage(object),
-          object.error.message
+          object.error.message,
         );
       } else {
         this.#callbacks.resolve(object.id, object.result);
@@ -230,7 +230,7 @@ export class Connection extends EventEmitter<CDPSessionEvents> {
    */
   async _createSession(
     targetInfo: {targetId: string},
-    isAutoAttachEmulated = true
+    isAutoAttachEmulated = true,
   ): Promise<CDPSession> {
     if (!isAutoAttachEmulated) {
       this.#manuallyAttached.add(targetInfo.targetId);
@@ -252,7 +252,7 @@ export class Connection extends EventEmitter<CDPSessionEvents> {
    * @returns The CDP session that is created
    */
   async createSession(
-    targetInfo: Protocol.Target.TargetInfo
+    targetInfo: Protocol.Target.TargetInfo,
   ): Promise<CDPSession> {
     return await this._createSession(targetInfo, false);
   }

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) {