chrome-devtools-frontend 1.0.968254 → 1.0.970302

package/config/gni/devtools_grd_files.gni

@@ -447,6 +447,7 @@ grd_files_release_sources = [
   "front_end/panels/web_audio/web_audio.js",
   "front_end/panels/webauthn/webauthn-meta.js",
   "front_end/panels/webauthn/webauthn.js",
+  "front_end/services/puppeteer/puppeteer.js",
   "front_end/services/window_bounds/window_bounds.js",
   "front_end/third_party/acorn-loose/acorn-loose.js",
   "front_end/third_party/acorn/acorn.js",
@@ -470,6 +471,7 @@ grd_files_release_sources = [
   "front_end/third_party/lighthouse/report/report.js",
   "front_end/third_party/lit-html/lit-html.js",
   "front_end/third_party/marked/marked.js",
+  "front_end/third_party/puppeteer/puppeteer.js",
   "front_end/third_party/wasmparser/wasmparser.js",
   "front_end/ui/components/adorners/adorners.js",
   "front_end/ui/components/buttons/buttons.js",
@@ -1278,6 +1280,7 @@ grd_files_debug_sources = [
   "front_end/panels/web_audio/webAudio.css.js",
   "front_end/panels/webauthn/WebauthnPane.js",
   "front_end/panels/webauthn/webauthnPane.css.js",
+  "front_end/services/puppeteer/PuppeteerConnection.js",
   "front_end/services/window_bounds/WindowBoundsService.js",
   "front_end/third_party/acorn-loose/package/dist/acorn-loose.mjs",
   "front_end/third_party/acorn/package/dist/acorn.mjs",
@@ -1318,6 +1321,67 @@ grd_files_debug_sources = [
   "front_end/third_party/lit-html/package/lib/template.js",
   "front_end/third_party/lit-html/package/lit-html.js",
   "front_end/third_party/marked/package/lib/marked.esm.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/api-docs-entry.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Accessibility.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/AriaQueryHandler.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Browser.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/BrowserConnector.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/BrowserWebSocketTransport.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Connection.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/ConnectionTransport.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/ConsoleMessage.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Coverage.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/DOMWorld.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Debug.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/DeviceDescriptors.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Dialog.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/EmulationManager.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Errors.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/EvalTypes.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/EventEmitter.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Events.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/ExecutionContext.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/FileChooser.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/FrameManager.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/HTTPRequest.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/HTTPResponse.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Input.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/JSHandle.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/LifecycleWatcher.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/NetworkEventManager.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/NetworkManager.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/PDFOptions.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Page.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Product.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Puppeteer.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/PuppeteerViewport.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/QueryHandler.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/SecurityDetails.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Target.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/TaskQueue.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/TimeoutSettings.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/Tracing.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/USKeyboardLayout.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/WebWorker.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/assert.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/fetch.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/common/helper.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/environment.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/initialize-node.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/initialize-web.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node-puppeteer-core.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/BrowserFetcher.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/BrowserRunner.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/LaunchOptions.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/Launcher.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/NodeWebSocketTransport.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/PipeTransport.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/Puppeteer.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/node/install.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/revisions.js",
+  "front_end/third_party/puppeteer/package/lib/esm/puppeteer/web.js",
+  "front_end/third_party/puppeteer/package/lib/esm/vendor/mitt/src/index.js",
   "front_end/third_party/wasmparser/package/dist/esm/WasmDis.js",
   "front_end/third_party/wasmparser/package/dist/esm/WasmParser.js",
   "front_end/ui/components/adorners/Adorner.js",

package/front_end/core/i18n/locales/en-US.json

@@ -3029,9 +3029,18 @@
   "panels/application/components/PermissionsPolicySection.ts | showDetails": {
     "message": "Show details"
   },
+  "panels/application/components/ReportsGrid.ts | destination": {
+    "message": "Destination"
+  },
+  "panels/application/components/ReportsGrid.ts | generatedAt": {
+    "message": "Generated at"
+  },
   "panels/application/components/ReportsGrid.ts | noReportsToDisplay": {
     "message": "No reports to display"
   },
+  "panels/application/components/ReportsGrid.ts | status": {
+    "message": "Status"
+  },
   "panels/application/components/StackTrace.ts | cannotRenderStackTrace": {
     "message": "Cannot render stack trace"
   },
@@ -5756,6 +5765,9 @@
   "panels/lighthouse/LighthouseController.ts | isThisPageUsableByPeopleWith": {
     "message": "Is this page usable by people with disabilities or impairments"
   },
+  "panels/lighthouse/LighthouseController.ts | legacyNavigation": {
+    "message": "Legacy navigation"
+  },
   "panels/lighthouse/LighthouseController.ts | localStorage": {
     "message": "Local Storage"
   },
@@ -5792,6 +5804,9 @@
   "panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingSingular": {
     "message": "There may be stored data affecting loading performance in this location: {PH1}. Audit this page in an incognito window to prevent those resources from affecting your scores."
   },
+  "panels/lighthouse/LighthouseController.ts | useLegacyNavigation": {
+    "message": "Audit the page using classic Lighthouse when in navigation mode."
+  },
   "panels/lighthouse/LighthouseController.ts | webSql": {
     "message": "Web SQL"
   },
@@ -10139,6 +10154,9 @@
   "panels/timeline/TimelineFlameChartDataProvider.ts | onIgnoreList": {
     "message": "On ignore list"
   },
+  "panels/timeline/TimelineFlameChartDataProvider.ts | partiallyPresentedFrame": {
+    "message": "Partially Presented Frame"
+  },
   "panels/timeline/TimelineFlameChartDataProvider.ts | raster": {
     "message": "Raster"
   },

package/front_end/core/i18n/locales/en-XL.json

@@ -3029,9 +3029,18 @@
   "panels/application/components/PermissionsPolicySection.ts | showDetails": {
     "message": "Ŝh́ôẃ d̂ét̂áîĺŝ"
   },
+  "panels/application/components/ReportsGrid.ts | destination": {
+    "message": "D̂éŝt́îńât́îón̂"
+  },
+  "panels/application/components/ReportsGrid.ts | generatedAt": {
+    "message": "Ĝén̂ér̂át̂éd̂ át̂"
+  },
   "panels/application/components/ReportsGrid.ts | noReportsToDisplay": {
     "message": "N̂ó r̂ép̂ór̂t́ŝ t́ô d́îśp̂ĺâý"
   },
+  "panels/application/components/ReportsGrid.ts | status": {
+    "message": "Ŝt́ât́ûś"
+  },
   "panels/application/components/StackTrace.ts | cannotRenderStackTrace": {
     "message": "Ĉán̂ńôt́ r̂én̂d́êŕ ŝt́âćk̂ t́r̂áĉé"
   },
@@ -5756,6 +5765,9 @@
   "panels/lighthouse/LighthouseController.ts | isThisPageUsableByPeopleWith": {
     "message": "Îś t̂h́îś p̂áĝé ûśâb́l̂é b̂ý p̂éôṕl̂é ŵít̂h́ d̂íŝáb̂íl̂ít̂íêś ôŕ îḿp̂áîŕm̂én̂t́ŝ"
   },
+  "panels/lighthouse/LighthouseController.ts | legacyNavigation": {
+    "message": "L̂éĝáĉý n̂áv̂íĝát̂íôń"
+  },
   "panels/lighthouse/LighthouseController.ts | localStorage": {
     "message": "L̂óĉál̂ Śt̂ór̂áĝé"
   },
@@ -5792,6 +5804,9 @@
   "panels/lighthouse/LighthouseController.ts | thereMayBeStoredDataAffectingSingular": {
     "message": "T̂h́êŕê ḿâý b̂é ŝt́ôŕêd́ d̂át̂á âf́f̂éĉt́îńĝ ĺôád̂ín̂ǵ p̂ér̂f́ôŕm̂án̂ćê ín̂ t́ĥíŝ ĺôćât́îón̂: {PH1}. Áûd́ît́ t̂h́îś p̂áĝé îń âń îńĉóĝńît́ô ẃîńd̂óŵ t́ô ṕr̂év̂én̂t́ t̂h́ôśê ŕêśôúr̂ćêś f̂ŕôḿ âf́f̂éĉt́îńĝ ýôúr̂ śĉór̂éŝ."
   },
+  "panels/lighthouse/LighthouseController.ts | useLegacyNavigation": {
+    "message": "Âúd̂ít̂ t́ĥé p̂áĝé ûśîńĝ ćl̂áŝśîć L̂íĝh́t̂h́ôúŝé ŵh́êń îń n̂áv̂íĝát̂íôń m̂ód̂é."
+  },
   "panels/lighthouse/LighthouseController.ts | webSql": {
     "message": "Ŵéb̂ ŚQ̂Ĺ"
   },
@@ -10139,6 +10154,9 @@
   "panels/timeline/TimelineFlameChartDataProvider.ts | onIgnoreList": {
     "message": "Ôń îǵn̂ór̂é l̂íŝt́"
   },
+  "panels/timeline/TimelineFlameChartDataProvider.ts | partiallyPresentedFrame": {
+    "message": "P̂ár̂t́îál̂ĺŷ Ṕr̂éŝén̂t́êd́ F̂ŕâḿê"
+  },
   "panels/timeline/TimelineFlameChartDataProvider.ts | raster": {
     "message": "R̂áŝt́êŕ"
   },

package/front_end/core/sdk/CSSMatchedStyles.ts

@@ -273,7 +273,7 @@ export class CSSMatchedStyles {
   async recomputeMatchingSelectors(rule: CSSStyleRule): Promise<void> {
     const node = this.nodeForStyle(rule.style);
     if (!node) {
-      return Promise.resolve();
+      return;
     }
     const promises = [];
     for (const selector of rule.selectors) {

package/front_end/core/sdk/ChildTargetManager.ts

@@ -171,7 +171,7 @@ export class ChildTargetManager extends SDKModel<EventTypes> implements Protocol
   }
 
   async createParallelConnection(onMessage: (arg0: (Object|string)) => void):
-      Promise<ProtocolClient.InspectorBackend.Connection> {
+      Promise<{connection: ProtocolClient.InspectorBackend.Connection, sessionId: string}> {
     // The main Target id is actually just `main`, instead of the real targetId.
     // Get the real id (requires an async operation) so that it can be used synchronously later.
     const targetId = await this.getParentTargetId();
@@ -179,7 +179,7 @@ export class ChildTargetManager extends SDKModel<EventTypes> implements Protocol
         await this.createParallelConnectionAndSessionForTarget(this.#parentTarget, targetId);
     connection.setOnMessage(onMessage);
     this.#parallelConnections.set(sessionId, connection);
-    return connection;
+    return {connection, sessionId};
   }
 
   private async createParallelConnectionAndSessionForTarget(target: Target, targetId: Protocol.Target.TargetID):

package/front_end/core/sdk/Connections.ts

@@ -213,7 +213,12 @@ export class StubConnection implements ProtocolClient.InspectorBackend.Connectio
   }
 }
 
-export class ParallelConnection implements ProtocolClient.InspectorBackend.Connection {
+export interface ParallelConnectionInterface extends ProtocolClient.InspectorBackend.Connection {
+  getSessionId: () => string;
+  getOnDisconnect: () => ((arg0: string) => void) | null;
+}
+
+export class ParallelConnection implements ParallelConnectionInterface {
   readonly #connection: ProtocolClient.InspectorBackend.Connection;
   #sessionId: string;
   onMessage: ((arg0: Object) => void)|null;

package/front_end/core/sdk/NetworkManager.ts

@@ -1508,11 +1508,12 @@ export class InterceptedRequest {
     return this.#hasRespondedInternal;
   }
 
-  async continueRequestWithContent(contentBlob: Blob): Promise<void> {
+  async continueRequestWithContent(contentBlob: Blob, encoded: boolean, responseHeaders: Protocol.Fetch.HeaderEntry[]):
+      Promise<void> {
     this.#hasRespondedInternal = true;
-    const body = await blobToBase64(contentBlob);
+    const body = encoded ? await contentBlob.text() : await blobToBase64(contentBlob);
     void this.#fetchAgent.invoke_fulfillRequest(
-        {requestId: this.requestId, responseCode: this.responseStatusCode || 200, body});
+        {requestId: this.requestId, responseCode: this.responseStatusCode || 200, body, responseHeaders});
 
     async function blobToBase64(blob: Blob): Promise<string> {
       const reader = new FileReader();

package/front_end/entrypoints/lighthouse_worker/LighthouseService.ts

@@ -3,6 +3,8 @@
 // found in the LICENSE file.
 
 import * as Root from '../../core/root/root.js';
+import * as Puppeteer from '../../services/puppeteer/puppeteer.js';
+import type * as SDK from '../../core/sdk/sdk.js';
 
 function disableLoggingForTest(): void {
   console.log = (): void => undefined;  // eslint-disable-line no-console
@@ -33,10 +35,49 @@ class LighthousePort {
   }
 }
 
+class ConnectionProxy implements SDK.Connections.ParallelConnectionInterface {
+  sessionId: string;
+  onMessage: ((arg0: Object) => void)|null;
+  onDisconnect: ((arg0: string) => void)|null;
+
+  constructor(sessionId: string) {
+    this.sessionId = sessionId;
+    this.onMessage = null;
+    this.onDisconnect = null;
+  }
+
+  setOnMessage(onMessage: (arg0: (Object|string)) => void): void {
+    this.onMessage = onMessage;
+  }
+
+  setOnDisconnect(onDisconnect: (arg0: string) => void): void {
+    this.onDisconnect = onDisconnect;
+  }
+
+  getOnDisconnect(): (((arg0: string) => void)|null) {
+    return this.onDisconnect;
+  }
+
+  getSessionId(): string {
+    return this.sessionId;
+  }
+
+  sendRawMessage(message: string): void {
+    notifyFrontendViaWorkerMessage('sendProtocolMessage', {message});
+  }
+
+  async disconnect(): Promise<void> {
+    this.onDisconnect?.('force disconnect');
+    this.onDisconnect = null;
+    this.onMessage = null;
+  }
+}
+
 const port = new LighthousePort();
+let rawConnection: ConnectionProxy|undefined;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-async function start(params: any): Promise<unknown> {
+async function start(method: string, params: any): Promise<unknown> {
   if (Root.Runtime.Runtime.queryParam('isUnderTest')) {
     disableLoggingForTest();
     params.flags.maxWaitForLoad = 2 * 1000;
@@ -47,6 +88,9 @@ async function start(params: any): Promise<unknown> {
     notifyFrontendViaWorkerMessage('statusUpdate', {message: message[1]});
   });
 
+  let puppeteerConnection: Awaited<ReturnType<typeof Puppeteer.PuppeteerConnection['getPuppeteerConnection']>>|
+      undefined;
+
   try {
     const locale = await fetchLocaleData(params.locales);
     const flags = params.flags;
@@ -54,20 +98,39 @@ async function start(params: any): Promise<unknown> {
     flags.channel = 'devtools';
     flags.locale = locale;
 
-    // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
-    const connection = self.setUpWorkerConnection(port);
     // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
     const config = self.createConfig(params.categoryIDs, flags.emulatedFormFactor);
     const url = params.url;
 
+    // Handle legacy Lighthouse runner path.
+    if (method === 'start') {
+      // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
+      const connection = self.setUpWorkerConnection(port);
+      // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
+      return await self.runLighthouse(url, flags, config, connection);
+    }
+
+    const {mainTargetId, mainFrameId, mainSessionId} = params.target;
+    rawConnection = new ConnectionProxy(mainSessionId);
+    puppeteerConnection =
+        await Puppeteer.PuppeteerConnection.getPuppeteerConnection(rawConnection, mainFrameId, mainTargetId);
+
     // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
-    return await self.runLighthouse(url, flags, config, connection);
+    const result = await self.runLighthouseNavigation({
+      url,
+      config,
+      page: puppeteerConnection.page,
+    });
+
+    return result;
   } catch (err) {
     return ({
       fatal: true,
       message: err.message,
       stack: err.stack,
     });
+  } finally {
+    puppeteerConnection?.browser.disconnect();
   }
 }
 
@@ -115,20 +178,28 @@ function notifyFrontendViaWorkerMessage(method: string, params: any): void {
 
 self.onmessage = async(event: MessageEvent): Promise<void> => {
   const messageFromFrontend = JSON.parse(event.data);
-  if (messageFromFrontend.method === 'start') {
-    const result = await start(messageFromFrontend.params);
-    self.postMessage(JSON.stringify({id: messageFromFrontend.id, result}));
-  } else if (messageFromFrontend.method === 'dispatchProtocolMessage') {
-    if (port.onMessage) {
-      port.onMessage(messageFromFrontend.params.message);
+  switch (messageFromFrontend.method) {
+    case 'navigate':
+    case 'start': {
+      const result = await start(messageFromFrontend.method, messageFromFrontend.params);
+      self.postMessage(JSON.stringify({id: messageFromFrontend.id, result}));
+      break;
+    }
+    case 'dispatchProtocolMessage': {
+      rawConnection?.onMessage?.(
+          JSON.parse(messageFromFrontend.params.message),
+      );
+      port.onMessage?.(messageFromFrontend.params.message);
+      break;
+    }
+    default: {
+      throw new Error(`Unknown event: ${event.data}`);
     }
-  } else {
-    throw new Error(`Unknown event: ${event.data}`);
   }
 };
 
 // Make lighthouse and traceviewer happy.
-// @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
+// @ts-ignore https://github.com/GoogleChrome/lighthouse/issues/11628
 globalThis.global = self;
 // @ts-expect-error https://github.com/GoogleChrome/lighthouse/issues/11628
 globalThis.global.isVinn = true;