chrome-devtools-frontend 1.0.1684555 → 1.0.1689415

package/front_end/models/trace/insights/CLSCulprits.ts

@@ -72,7 +72,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/CLSCulprits.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export type CLSCulpritsInsightModel = InsightModel<typeof UIStrings, {
   animationFailures: readonly NoncompositedAnimationFailure[],

package/front_end/models/trace/insights/Cache.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as Protocol from '../../../generated/protocol.js';
 import type * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
@@ -48,7 +49,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/Cache.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export type CacheInsightModel = InsightModel<typeof UIStrings, {
   requests: Array<{

package/front_end/models/trace/insights/CharacterSet.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import type * as Handlers from '../handlers/handlers.js';
 import type * as Types from '../types/types.js';
 
@@ -53,7 +54,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/CharacterSet.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 const CHARSET_HTTP_REGEX = /charset\s*=\s*[a-zA-Z0-9\-_:.()]{2,}/i;
 

package/front_end/models/trace/insights/DOMSize.ts

@@ -4,6 +4,7 @@
 
 import type * as Common from '../../../core/common/common.js';
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
 import * as Types from '../types/types.js';
@@ -72,7 +73,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/DOMSize.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 const DOM_SIZE_DURATION_THRESHOLD = Helpers.Timing.milliToMicro(Types.Timing.Milli(40));
 

package/front_end/models/trace/insights/DocumentLatency.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import type * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
 import * as Types from '../types/types.js';
@@ -71,7 +72,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/DocumentLatency.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 // Due to the way that DevTools throttling works we cannot see if server response took less than ~570ms.
 // We set our failure threshold to 600ms to avoid those false positives but we want devs to shoot for 100ms.

package/front_end/models/trace/insights/DuplicatedJavaScript.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as Extras from '../extras/extras.js';
 import type * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
@@ -42,7 +43,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/DuplicatedJavaScript.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export type DuplicatedJavaScriptInsightModel = InsightModel<typeof UIStrings, {
   duplication: Extras.ScriptDuplication.ScriptDuplication,

package/front_end/models/trace/insights/FontDisplay.ts

@@ -41,7 +41,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/FontDisplay.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export interface RemoteFont {
   name?: string;

package/front_end/models/trace/insights/ForcedReflow.ts

@@ -51,7 +51,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/ForcedReflow.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export type ForcedReflowInsightModel = InsightModel<typeof UIStrings, {
   topLevelFunctionCallData: ForcedReflowAggregatedData | undefined,

package/front_end/models/trace/insights/INPBreakdown.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
 import type * as Types from '../types/types.js';
@@ -54,7 +55,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/INPBreakdown.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export type INPBreakdownInsightModel = InsightModel<typeof UIStrings, {
   longestInteractionEvent?: Types.Events.SyntheticInteractionPair,

package/front_end/models/trace/insights/ImageDelivery.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import type * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
 import type * as Types from '../types/types.js';
@@ -68,7 +69,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/ImageDelivery.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 /**
  * Even JPEGs with lots of detail can usually be compressed down to <1 byte per pixel

package/front_end/models/trace/insights/LCPBreakdown.ts

@@ -4,6 +4,7 @@
 
 import type * as Common from '../../../core/common/common.js';
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
 import * as Types from '../types/types.js';
@@ -63,7 +64,8 @@ export const UIStrings = {
   noLcp: 'No LCP detected',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/LCPBreakdown.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 /** A TraceWindow plus its UIString. **/
 export type Subpart = Types.Timing.TraceWindowMicro&{label: Common.UIString.LocalizedString};

package/front_end/models/trace/insights/LCPDiscovery.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
 import * as Types from '../types/types.js';
@@ -64,7 +65,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/LCPDiscovery.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export function isLCPDiscoveryInsight(model: InsightModel): model is LCPDiscoveryInsightModel {
   return model.insightKey === 'LCPDiscovery';

package/front_end/models/trace/insights/LegacyJavaScript.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as LegacyJavaScriptLib from '../../../third_party/legacy-javascript/legacy-javascript.js';
 import type * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
@@ -44,7 +45,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/LegacyJavaScript.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export interface PatternMatchResult {
   name: string;

package/front_end/models/trace/insights/ModernHTTP.ts

@@ -44,7 +44,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/ModernHTTP.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export type ModernHTTPInsightModel = InsightModel<typeof UIStrings, {
   http1Requests: Types.Events.SyntheticNetworkRequest[],

package/front_end/models/trace/insights/NetworkDependencyTree.ts

@@ -108,7 +108,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/NetworkDependencyTree.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 // XHRs are fetched at High priority, but we exclude them, as they are unlikely to be critical
 // Images are also non-critical.

package/front_end/models/trace/insights/RenderBlocking.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as Protocol from '../../../generated/protocol.js';
 import * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
@@ -28,9 +29,8 @@ export const UIStrings = {
   /**
    * @description Text to describe that there are requests blocking rendering, which may affect LCP.
    */
-  description: 'Requests are blocking the page’s initial render, which may delay LCP. ' +
-      '[Deferring or inlining](https://developer.chrome.com/docs/performance/insights/render-blocking) ' +
-      'can move these network requests out of the critical path.',
+  description:
+      `Requests are blocking the page’s initial render, which may delay LCP. [Deferring or inlining](https://developer.chrome.com/docs/performance/insights/render-blocking) can move these network requests out of the critical path.`,
   /**
    * @description Label to describe a network request (that happens to be render-blocking).
    */
@@ -46,7 +46,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/RenderBlocking.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export function isRenderBlockingInsight(insight: InsightModel): insight is RenderBlockingInsightModel {
   return insight.insightKey === 'RenderBlocking';

package/front_end/models/trace/insights/SlowCSSSelector.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import type * as Handlers from '../handlers/handlers.js';
 import * as Helpers from '../helpers/helpers.js';
 import * as Types from '../types/types.js';
@@ -62,7 +63,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/SlowCSSSelector.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 const slowCSSSelectorThreshold = 500;  // 500us threshold for slow selectors
 
 export type SlowCSSSelectorInsightModel = InsightModel<typeof UIStrings, {

package/front_end/models/trace/insights/ThirdParties.ts

@@ -3,6 +3,7 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../../core/i18n/i18n.js';
+import type * as Platform from '../../../core/platform/platform.js';
 import * as ThirdPartyWeb from '../../../third_party/third-party-web/third-party-web.js';
 import * as Extras from '../extras/extras.js';
 import * as Handlers from '../handlers/handlers.js';
@@ -25,8 +26,8 @@ export const UIStrings = {
    * @description Description of a DevTools insight that identifies the code on the page that the user doesn't control.
    * This is displayed after a user expands the section to see more. No character length limits.
    */
-  description: '3rd party code can significantly impact load performance. ' +
-      '[Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page’s content.',
+  description:
+      `3rd party code can significantly impact load performance. [Reduce and defer loading of 3rd party code](https://developer.chrome.com/docs/performance/insights/third-parties) to prioritize your page’s content.`,
   /**
    * @description Label for a table column that displays the name of a third-party provider.
    */
@@ -46,7 +47,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/ThirdParties.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export type ThirdPartiesInsightModel = InsightModel<typeof UIStrings, {
   /** The entity for this navigation's URL. Any other entity is from a third party. */

package/front_end/models/trace/insights/Viewport.ts

@@ -34,7 +34,8 @@ export const UIStrings = {
 } as const;
 
 const str_ = i18n.i18n.registerUIStrings('models/trace/insights/Viewport.ts', UIStrings);
-export const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
+export const i18nString: (id: string, values?: Record<string, string|number|boolean>) =>
+    Platform.UIString.LocalizedString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 export type ViewportInsightModel = InsightModel<typeof UIStrings, {
   mobileOptimized: boolean | null,

package/front_end/models/trace/lantern/simulation/Constants.ts

@@ -5,7 +5,37 @@
 const DEVTOOLS_RTT_ADJUSTMENT_FACTOR = 3.75;
 const DEVTOOLS_THROUGHPUT_ADJUSTMENT_FACTOR = 0.9;
 
-const throttling = {
+/* eslint-disable @typescript-eslint/naming-convention */
+export interface ThrottlingSettings {
+  DEVTOOLS_RTT_ADJUSTMENT_FACTOR: number;
+  DEVTOOLS_THROUGHPUT_ADJUSTMENT_FACTOR: number;
+  mobileSlow4G: {
+    rttMs: number,
+    throughputKbps: number,
+    requestLatencyMs: number,
+    downloadThroughputKbps: number,
+    uploadThroughputKbps: number,
+    cpuSlowdownMultiplier: number,
+  };
+  mobileRegular3G: {
+    rttMs: number,
+    throughputKbps: number,
+    requestLatencyMs: number,
+    downloadThroughputKbps: number,
+    uploadThroughputKbps: number,
+    cpuSlowdownMultiplier: number,
+  };
+  desktopDense4G: {
+    rttMs: number,
+    throughputKbps: number,
+    cpuSlowdownMultiplier: number,
+    requestLatencyMs: number,
+    downloadThroughputKbps: number,
+    uploadThroughputKbps: number,
+  };
+}
+
+const throttling: ThrottlingSettings = {
   DEVTOOLS_RTT_ADJUSTMENT_FACTOR,
   DEVTOOLS_THROUGHPUT_ADJUSTMENT_FACTOR,
   // These values align with WebPageTest's definition of "Fast 3G"
@@ -41,6 +71,8 @@ const throttling = {
   },
 };
 
-const Constants = {throttling};
+const Constants: {throttling: ThrottlingSettings} = {
+  throttling,
+};
 
 export {Constants};

package/front_end/models/trace/lantern/simulation/DNSCache.ts

@@ -12,7 +12,7 @@ import type * as Lantern from '../types/types.js';
 const DNS_RESOLUTION_RTT_MULTIPLIER = 2;
 
 class DNSCache {
-  static rttMultiplier = DNS_RESOLUTION_RTT_MULTIPLIER;
+  static rttMultiplier: number = DNS_RESOLUTION_RTT_MULTIPLIER;
 
   rtt: number;
   resolvedDomainNames: Map<string, {resolvedAt: number}>;

package/front_end/models/trace/types/TraceEvents.ts

@@ -770,7 +770,12 @@ const markerTypeGuards = [
   isSoftNavigationStart,
 ];
 
-export const MarkerName = [
+export type MarkerEventName = Name.MARK_DOM_CONTENT|Name.MARK_LOAD|Name.MARK_FIRST_PAINT|Name.MARK_FCP|
+                              Name.MARK_SOFT_FCP|Name.MARK_LCP_CANDIDATE|
+                              Name.MARK_LCP_CANDIDATE_FOR_SOFT_NAVIGATION|Name.NAVIGATION_START|
+                              Name.SOFT_NAVIGATION_START;
+
+export const MarkerName: readonly MarkerEventName[] = [
   Name.MARK_DOM_CONTENT,
   Name.MARK_LOAD,
   Name.MARK_FIRST_PAINT,
@@ -780,10 +785,10 @@ export const MarkerName = [
   Name.MARK_LCP_CANDIDATE_FOR_SOFT_NAVIGATION,
   Name.NAVIGATION_START,
   Name.SOFT_NAVIGATION_START,
-] as const;
+];
 
 export interface MarkerEvent extends Event {
-  name: typeof MarkerName[number];
+  name: MarkerEventName;
 }
 
 export function isMarkerEvent(event: Event): event is MarkerEvent {

package/front_end/models/trace_source_maps_resolver/SourceMapsResolver.ts

@@ -23,7 +23,8 @@ export class SourceMappingsUpdated extends Event {
 }
 
 /** The code location key is created as a concatenation of its fields. **/
-export const resolvedCodeLocationDataNames = new Map<string, ResolvedCodeLocationData|null>();
+export const resolvedCodeLocationDataNames: Map<string, ResolvedCodeLocationData|null> =
+    new Map<string, ResolvedCodeLocationData|null>();
 
 export class SourceMapsResolver extends EventTarget {
   readonly #debuggerWorkspaceBinding: Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding;

package/front_end/models/workspace/WorkspaceImpl.ts

@@ -5,6 +5,7 @@
 import * as Common from '../../core/common/common.js';
 import type * as Platform from '../../core/platform/platform.js';
 import * as Root from '../../core/root/root.js';
+import type * as SDK from '../../core/sdk/sdk.js';
 import type * as TextUtils from '../../core/text_utils/text_utils.js';
 
 import type {SearchConfig} from './SearchConfig.js';
@@ -15,6 +16,7 @@ export interface Project {
   id(): string;
   type(): projectTypes;
   isServiceProject(): boolean;
+  securityOrigin(): SDK.SecurityOrigin.SecurityOrigin|null;
   displayName(): string;
   requestMetadata(uiSourceCode: UISourceCode): Promise<UISourceCodeMetadata|null>;
   requestFileContent(uiSourceCode: UISourceCode): Promise<TextUtils.ContentData.ContentDataOrError>;
@@ -73,13 +75,16 @@ export abstract class ProjectStore implements Project {
   readonly #id: string;
   readonly #type: projectTypes;
   readonly #displayName: string;
+  readonly #securityOrigin: SDK.SecurityOrigin.SecurityOrigin|null;
   readonly #uiSourceCodes = new Map<Platform.DevToolsPath.UrlString, UISourceCode>();
 
-  constructor(workspace: WorkspaceImpl, id: string, type: projectTypes, displayName: string) {
+  constructor(workspace: WorkspaceImpl, id: string, type: projectTypes, displayName: string,
+              securityOrigin?: SDK.SecurityOrigin.SecurityOrigin) {
     this.#workspace = workspace;
     this.#id = id;
     this.#type = type;
     this.#displayName = displayName;
+    this.#securityOrigin = securityOrigin ?? null;
   }
 
   id(): string {
@@ -94,6 +99,10 @@ export abstract class ProjectStore implements Project {
     return this.#displayName;
   }
 
+  securityOrigin(): SDK.SecurityOrigin.SecurityOrigin|null {
+    return this.#securityOrigin;
+  }
+
   workspace(): WorkspaceImpl {
     return this.#workspace;
   }
@@ -206,8 +215,15 @@ export class WorkspaceImpl extends Common.ObjectWrapper.ObjectWrapper<EventTypes
     return project ? project.uiSourceCodeForURL(url) : null;
   }
 
-  uiSourceCodeForURL(url: Platform.DevToolsPath.UrlString): UISourceCode|null {
+  uiSourceCodeForURL(url: Platform.DevToolsPath.UrlString,
+                     targetOrigin?: SDK.SecurityOrigin.SecurityOrigin): UISourceCode|null {
     for (const project of this.#projects.values()) {
+      if (targetOrigin !== undefined) {
+        const projectOrigin = project.securityOrigin();
+        if (projectOrigin === null || !projectOrigin.isSameOriginWith(targetOrigin)) {
+          continue;
+        }
+      }
       const uiSourceCode = project.uiSourceCodeForURL(url);
       if (uiSourceCode) {
         return uiSourceCode;