chrome-devtools-frontend 1.0.969345 → 1.0.970539

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/common/ParsedURL.ts

@@ -162,6 +162,22 @@ export class ParsedURL {
     return new URL('/' + partiallyEncoded, 'file:///').pathname.substr(1) as Platform.DevToolsPath.EncodedPathString;
   }
 
+  /**
+   * @param name Must not be encoded
+   */
+  static encodedFromParentPathAndName(parentPath: Platform.DevToolsPath.EncodedPathString, name: string):
+      Platform.DevToolsPath.EncodedPathString {
+    return parentPath + '/' + encodeURIComponent(name) as Platform.DevToolsPath.EncodedPathString;
+  }
+
+  /**
+   * @param name Must not be encoded
+   */
+  static urlFromParentUrlAndName(parentUrl: Platform.DevToolsPath.UrlString, name: string):
+      Platform.DevToolsPath.UrlString {
+    return parentUrl + '/' + encodeURIComponent(name) as Platform.DevToolsPath.UrlString;
+  }
+
   static encodedPathToRawPathString(encPath: Platform.DevToolsPath.EncodedPathString):
       Platform.DevToolsPath.RawPathString {
     return decodeURIComponent(encPath) as Platform.DevToolsPath.RawPathString;
@@ -181,8 +197,9 @@ export class ParsedURL {
     return new URL(preEncodedPath).toString() as Platform.DevToolsPath.UrlString;
   }
 
-  static relativePathToUrlString(relativePath: string, baseURL: Platform.DevToolsPath.UrlString):
-      Platform.DevToolsPath.UrlString {
+  static relativePathToUrlString(
+      relativePath: Platform.DevToolsPath.RawPathString,
+      baseURL: Platform.DevToolsPath.UrlString): Platform.DevToolsPath.UrlString {
     const preEncodedPath: string = ParsedURL.preEncodeSpecialCharactersInPath(
         relativePath.replace(/\\/g, '/') as Platform.DevToolsPath.RawPathString);
     return new URL(preEncodedPath, baseURL).toString() as Platform.DevToolsPath.UrlString;
@@ -198,6 +215,12 @@ export class ParsedURL {
     return decodedFileURL.substr('file://'.length) as Platform.DevToolsPath.RawPathString;
   }
 
+  static substr<DevToolsPathType extends Platform.DevToolsPath.UrlString|Platform.DevToolsPath.RawPathString|
+                                         Platform.DevToolsPath.EncodedPathString>(
+      devToolsPath: DevToolsPathType, from: number, length?: number): DevToolsPathType {
+    return devToolsPath.substr(from, length) as typeof devToolsPath;
+  }
+
   static urlWithoutHash(url: string): string {
     const hashIndex = url.indexOf('#');
     if (hashIndex !== -1) {

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

@@ -1421,9 +1421,6 @@
   "models/logs/NetworkLog.ts | anonymous": {
     "message": "<anonymous>"
   },
-  "models/persistence/Automapping.ts | theAttemptToBindSInTheWorkspace": {
-    "message": "The attempt to bind \"{PH1}\" in the workspace failed as this URI is malformed."
-  },
   "models/persistence/EditFileSystemView.ts | add": {
     "message": "Add"
   },
@@ -3029,9 +3026,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 +5762,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 +5801,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 +10151,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

@@ -1421,9 +1421,6 @@
   "models/logs/NetworkLog.ts | anonymous": {
     "message": "<âńôńŷḿôúŝ>"
   },
-  "models/persistence/Automapping.ts | theAttemptToBindSInTheWorkspace": {
-    "message": "T̂h́ê át̂t́êḿp̂t́ t̂ó b̂ín̂d́ \"{PH1}\" îń t̂h́ê ẃôŕk̂śp̂áĉé f̂áîĺêd́ âś t̂h́îś ÛŔÎ íŝ ḿâĺf̂ór̂ḿêd́."
-  },
   "models/persistence/EditFileSystemView.ts | add": {
     "message": "Âd́d̂"
   },
@@ -3029,9 +3026,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 +5762,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 +5801,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 +10151,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/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/DebuggerModel.ts

@@ -428,6 +428,10 @@ export class DebuggerModel extends SDKModel<EventTypes> {
           Common.ParsedURL.ParsedURL.urlToRawPathString(url as Platform.DevToolsPath.UrlString, Host.Platform.isWin());
       urlRegex =
           `${Platform.StringUtilities.escapeForRegExp(platformPath)}|${Platform.StringUtilities.escapeForRegExp(url)}`;
+      if (Host.Platform.isWin() && platformPath.match(/^.:\\/)) {
+        // Match upper or lower case drive letter
+        urlRegex = `[${platformPath[0].toUpperCase()}${platformPath[0].toLowerCase()}]` + urlRegex.substr(1);
+      }
     }
     // Adjust column if needed.
     let minColumnNumber = 0;

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;

package/front_end/models/persistence/Automapping.ts

@@ -4,7 +4,6 @@
 
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
-import * as i18n from '../../core/i18n/i18n.js';
 import * as Platform from '../../core/platform/platform.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as Bindings from '../bindings/bindings.js';
@@ -14,16 +13,6 @@ import type {FileSystem} from './FileSystemWorkspaceBinding.js';
 import {FileSystemWorkspaceBinding} from './FileSystemWorkspaceBinding.js';
 import {PathEncoder, PersistenceImpl} from './PersistenceImpl.js';
 
-const UIStrings = {
-  /**
-  *@description Error message when attempting to create a binding from a malformed URI.
-  *@example {file://%E0%A4%A} PH1
-  */
-  theAttemptToBindSInTheWorkspace: 'The attempt to bind "{PH1}" in the workspace failed as this URI is malformed.',
-};
-const str_ = i18n.i18n.registerUIStrings('models/persistence/Automapping.ts', UIStrings);
-const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-
 export class Automapping {
   private readonly workspace: Workspace.Workspace.WorkspaceImpl;
   private readonly onStatusAdded: (arg0: AutomappingStatus) => Promise<void>;
@@ -323,11 +312,7 @@ export class Automapping {
   private createBinding(networkSourceCode: Workspace.UISourceCode.UISourceCode): Promise<AutomappingStatus|null> {
     const url = networkSourceCode.url();
     if (url.startsWith('file://') || url.startsWith('snippet://')) {
-      const decodedUrl = sanitizeSourceUrl(url);
-      if (!decodedUrl) {
-        return Promise.resolve(null as AutomappingStatus | null);
-      }
-      const fileSourceCode = this.fileSystemUISourceCodes.get(decodedUrl);
+      const fileSourceCode = this.fileSystemUISourceCodes.get(url);
       const status = fileSourceCode ? new AutomappingStatus(networkSourceCode, fileSourceCode, false) : null;
       return Promise.resolve(status);
     }
@@ -341,13 +326,8 @@ export class Automapping {
       networkPath += 'index.html';
     }
 
-    const urlDecodedNetworkPath = sanitizeSourceUrl(networkPath);
-    if (!urlDecodedNetworkPath) {
-      return Promise.resolve(null as AutomappingStatus | null);
-    }
-
     const similarFiles =
-        this.filesIndex.similarFiles(urlDecodedNetworkPath).map(path => this.fileSystemUISourceCodes.get(path)) as
+        this.filesIndex.similarFiles(networkPath).map(path => this.fileSystemUISourceCodes.get(path)) as
         Workspace.UISourceCode.UISourceCode[];
     if (!similarFiles.length) {
       return Promise.resolve(null as AutomappingStatus | null);
@@ -355,16 +335,6 @@ export class Automapping {
 
     return this.pullMetadatas(similarFiles.concat(networkSourceCode)).then(onMetadatas.bind(this));
 
-    function sanitizeSourceUrl(url: string): string|null {
-      try {
-        const decodedUrl = decodeURI(url);
-        return decodedUrl;
-      } catch (error) {
-        Common.Console.Console.instance().error(i18nString(UIStrings.theAttemptToBindSInTheWorkspace, {PH1: url}));
-        return null;
-      }
-    }
-
     function onMetadatas(this: Automapping): AutomappingStatus|null {
       const activeFiles =
           similarFiles.filter(

package/front_end/models/persistence/FileSystemWorkspaceBinding.ts

@@ -193,12 +193,14 @@ export class FileSystem extends Workspace.Workspace.ProjectStore {
     return this.fileSystemInternal.mimeFromPath(uiSourceCode.url());
   }
 
-  initialGitFolders(): string[] {
-    return this.fileSystemInternal.initialGitFolders().map(folder => this.fileSystemPathInternal + '/' + folder);
+  initialGitFolders(): Platform.DevToolsPath.EncodedPathString[] {
+    return this.fileSystemInternal.initialGitFolders().map(folder => this.fileSystemPathInternal + '/' + folder) as
+        Platform.DevToolsPath.EncodedPathString[];
   }
 
-  private filePathForUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode): string {
-    return uiSourceCode.url().substring(this.fileSystemPathInternal.length);
+  private filePathForUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode):
+      Platform.DevToolsPath.EncodedPathString {
+    return uiSourceCode.url().substring(this.fileSystemPathInternal.length) as Platform.DevToolsPath.EncodedPathString;
   }
 
   isServiceProject(): boolean {
@@ -274,9 +276,9 @@ export class FileSystem extends Workspace.Workspace.ProjectStore {
       }
       console.assert(Boolean(newName));
       const slash = filePath.lastIndexOf('/');
-      const parentPath = filePath.substring(0, slash);
-      filePath = parentPath + '/' + newName;
-      filePath = filePath.substr(1);
+      const parentPath = Common.ParsedURL.ParsedURL.substr(filePath, 0, slash);
+      filePath = Common.ParsedURL.ParsedURL.encodedFromParentPathAndName(parentPath, newName);
+      filePath = Common.ParsedURL.ParsedURL.substr(filePath, 1);
       const newURL = this.fileSystemBaseURL + filePath;
       const newContentType = this.fileSystemInternal.contentType(newName);
       this.renameUISourceCode(uiSourceCode, newName);