chrome-devtools-frontend 1.0.1473514 → 1.0.1510180

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

@@ -140,9 +140,13 @@ export interface Sample extends Event {
 /**
  * A fake trace event created to support CDP.Profiler.Profiles in the
  * trace engine.
+ *
+ * Do not extend the SyntheticBased interface because this one doesn't have a raw trace event but a raw cpu profile.
+ * Also we won't manage this event through SyntheticEventsManager.
  */
-export interface SyntheticCpuProfile extends Instant, SyntheticBased<Phase.INSTANT> {
-  name: 'CpuProfile';
+export interface SyntheticCpuProfile extends Complete {
+  name: Name.CPU_PROFILE;
+  id: ProfileID;
   args: Args&{
     data: ArgsData & {
       cpuProfile: Protocol.Profiler.Profile,
@@ -151,7 +155,7 @@ export interface SyntheticCpuProfile extends Instant, SyntheticBased<Phase.INSTA
 }
 
 export interface Profile extends Sample {
-  name: 'Profile';
+  name: Name.PROFILE;
   id: ProfileID;
   args: Args&{
     data: ArgsData & {
@@ -161,7 +165,7 @@ export interface Profile extends Sample {
 }
 
 export interface ProfileChunk extends Sample {
-  name: 'ProfileChunk';
+  name: Name.PROFILE_CHUNK;
   id: ProfileID;
   args: Args&{
     // `data` is only missing in "fake" traces
@@ -384,7 +388,7 @@ export interface SyntheticNetworkRequest extends Complete, SyntheticBased<Phase.
        *
        * Note, this is not the same as URL.protocol.
        *
-       * Example values (not exhaustive): http/0.9, http/1.0, http/1.1, http, h2, h3-Q050, data, blob
+       * Example values (not exhaustive): http/0.9, http/1.0, http/1.1, http, h2, h3-Q050, data, blob, file
        */
       protocol: string,
       redirects: SyntheticNetworkRedirect[],
@@ -740,6 +744,8 @@ export interface LargestContentfulPaintCandidate extends Mark {
       nodeId: Protocol.DOM.BackendNodeId,
       loadingAttr: string,
       type?: string,
+      // Landed in Chromium M140: crrev.com/c/6702010
+      nodeName?: string,
     },
   };
 }
@@ -763,6 +769,8 @@ export interface LargestTextPaintCandidate extends Mark {
       candidateIndex: number,
       // eslint-disable-next-line @typescript-eslint/naming-convention
       DOMNodeId: Protocol.DOM.BackendNodeId,
+      // Added in crbug.com/413284569
+      nodeName?: string,
     },
   };
 }
@@ -917,6 +925,7 @@ export interface TraceImpactedNode {
   new_rect: TraceRect;
   node_id: Protocol.DOM.BackendNodeId;
   old_rect: TraceRect;
+  debug_name?: string;
   /* eslint-enable @typescript-eslint/naming-convention */
 }
 
@@ -987,10 +996,10 @@ export const NO_NAVIGATION = 'NO_NAVIGATION';
 export type NavigationId = string|typeof NO_NAVIGATION;
 
 /**
- * This is a synthetic Layout shift cluster. Not based on a raw event as there's no concept
- * of this as a trace event.
+ * This is a synthetic Layout shift cluster. The rawSourceEvent is the worst layout shift event
+ * in the cluster.
  */
-export interface SyntheticLayoutShiftCluster {
+export interface SyntheticLayoutShiftCluster extends SyntheticBased<Phase.COMPLETE> {
   name: 'SyntheticLayoutShiftCluster';
   clusterWindow: TraceWindowMicro;
   clusterCumulativeScore: number;
@@ -1105,7 +1114,8 @@ interface ResourceReceiveResponseTimingData {
   pushEnd: Milli;
   pushStart: Milli;
   receiveHeadersEnd: Milli;
-  receiveHeadersStart: Milli;
+  /** M116. */
+  receiveHeadersStart?: Milli;
   /** When the network service is about to handle a request, ie. just before going to the HTTP cache or going to the network for DNS/connection setup. */
   requestTime: Seconds;
   sendEnd: Milli;
@@ -1200,6 +1210,7 @@ export function isScheduleStyleInvalidationTracking(event: Event): event is Sche
 
 export const enum StyleRecalcInvalidationReason {
   ANIMATION = 'Animation',
+  RELATED_STYLE_RULE = 'Related style rule',
 }
 
 export interface StyleRecalcInvalidationTracking extends Instant {
@@ -1230,6 +1241,8 @@ export interface StyleInvalidatorInvalidationTracking extends Instant {
       subtree: boolean,
       nodeName?: string,
       extraData?: string,
+      // eslint-disable-next-line @typescript-eslint/naming-convention
+      selectors?: Array<{selector: string, style_sheet_id: string}>,
     },
   };
 }
@@ -1284,6 +1297,9 @@ export interface ScheduleStyleRecalculation extends Instant {
   args: Args&{
     data: {
       frame: string,
+      reason?: StyleRecalcInvalidationReason,
+      subtree?: boolean,
+      nodeId?: Protocol.DOM.BackendNodeId,
     },
   };
 }
@@ -1346,6 +1362,7 @@ export interface AnimationFrame extends PairableAsync {
   name: Name.ANIMATION_FRAME;
   args?: AnimationFrameArgs;
 }
+
 export type AnimationFrameArgs = Args&{
   animation_frame_timing_info: {
     blocking_duration_ms: number,
@@ -1463,6 +1480,7 @@ export interface ConsoleTimeStamp extends Event {
       track?: string|number,
       trackGroup?: string|number,
       color?: string|number,
+      devtools?: string,
       sampleTraceId?: number,
     },
   };
@@ -1483,8 +1501,9 @@ export interface UserTimingMeasure extends Event {
   };
 }
 
-/** ChromeFrameReporter args for PipelineReporter event.
-    Matching proto: https://source.chromium.org/chromium/chromium/src/+/main:third_party/perfetto/protos/perfetto/trace/track_event/chrome_frame_reporter.proto
+/**
+ * ChromeFrameReporter args for PipelineReporter event.
+ * Matching proto: https://source.chromium.org/chromium/chromium/src/+/main:third_party/perfetto/protos/perfetto/trace/track_event/chrome_frame_reporter.proto
  */
 /* eslint-disable @typescript-eslint/naming-convention */
 interface ChromeFrameReporter {
@@ -1493,11 +1512,15 @@ interface ChromeFrameReporter {
   /** The reason is set only if |state| is not |STATE_UPDATED_ALL|. */
   reason: FrameDropReason;
   frame_source: number;
-  /**  Identifies a BeginFrameArgs (along with the source_id).
-       See comments in components/viz/common/frame_sinks/begin_frame_args.h. */
+  /**
+   * Identifies a BeginFrameArgs (along with the source_id).
+   * See comments in components/viz/common/frame_sinks/begin_frame_args.h.
+   */
   frame_sequence: number;
-  /**  If this is a dropped frame (i.e. if |state| is set to |STATE_DROPPED| or
-       |STATE_PRESENTED_PARTIAL|), then indicates whether this frame impacts smoothness. */
+  /**
+   * If this is a dropped frame (i.e. if |state| is set to |STATE_DROPPED| or
+   * |STATE_PRESENTED_PARTIAL|), then indicates whether this frame impacts smoothness.
+   */
   affects_smoothness: boolean;
   /** The type of active scroll. */
   scroll_state: ScrollState;
@@ -1507,49 +1530,67 @@ interface ChromeFrameReporter {
   has_compositor_animation: boolean;
   /** If any touch-driven UX (not scroll) is active during this frame. */
   has_smooth_input_main: boolean;
-  /**  Whether the frame contained any missing content (i.e. whether there was
-       checkerboarding in the frame). */
+  /**
+   * Whether the frame contained any missing content (i.e. whether there was
+   * checkerboarding in the frame).
+   */
   has_missing_content: boolean;
   /** The id of layer_tree_host that the frame has been produced for. */
   layer_tree_host_id: number;
   /** If total latency of PipelineReporter exceeds a certain limit. */
   has_high_latency: boolean;
-  /**  Indicate if the frame is "FORKED" (i.e. a PipelineReporter event starts at
-       the same frame sequence as another PipelineReporter) or "BACKFILL"
-       (i.e. dropped frames when there are no partial compositor updates). */
+  /**
+   *  Indicate if the frame is "FORKED" (i.e. a PipelineReporter event starts at
+   * the same frame sequence as another PipelineReporter) or "BACKFILL"
+   * (i.e. dropped frames when there are no partial compositor updates).
+   */
   frame_type: FrameType;
-  /**  The breakdown stage of PipelineReporter that is most likely accountable for
-       high latency. */
+  /**
+   * The breakdown stage of PipelineReporter that is most likely accountable for
+   * high latency.
+   */
   high_latency_contribution_stage: string[];
 }
 const enum State {
   /** The frame did not have any updates to present. **/
   STATE_NO_UPDATE_DESIRED = 'STATE_NO_UPDATE_DESIRED',
-  /**  The frame presented all the desired updates (i.e. any updates requested
-       from both the compositor thread and main-threads were handled). **/
+  /**
+   * The frame presented all the desired updates (i.e. any updates requested
+   * from both the compositor thread and main-threads were handled). *
+   */
   STATE_PRESENTED_ALL = 'STATE_PRESENTED_ALL',
-  /**  The frame was presented with some updates, but also missed some updates
-       (e.g. missed updates from the main-thread, but included updates from the
-        compositor thread). **/
+  /**
+   *  The frame was presented with some updates, but also missed some updates
+   * (e.g. missed updates from the main-thread, but included updates from the
+   * compositor thread). *
+   */
   STATE_PRESENTED_PARTIAL = 'STATE_PRESENTED_PARTIAL',
-  /**  The frame was dropped, i.e. some updates were desired for the frame, but
-       was not presented. **/
+  /**
+   * The frame was dropped, i.e. some updates were desired for the frame, but
+   * was not presented. *
+   */
   STATE_DROPPED = 'STATE_DROPPED',
 }
 
 const enum FrameDropReason {
   REASON_UNSPECIFIED = 'REASON_UNSPECIFIED',
-  /**  Frame was dropped by the display-compositor.
-         The display-compositor may drop a frame some times (e.g. the frame missed
-        the deadline, or was blocked on surface-sync, etc.) **/
+  /**
+   *  Frame was dropped by the display-compositor.
+   * The display-compositor may drop a frame some times (e.g. the frame missed
+   * the deadline, or was blocked on surface-sync, etc.) *
+   */
   REASON_DISPLAY_COMPOSITOR = 'REASON_DISPLAY_COMPOSITOR',
-  /**  Frame was dropped because of the main-thread.
-         The main-thread may cause a frame to be dropped, e.g. if the main-thread
-        is running expensive javascript, or doing a lot of layout updates, etc. **/
+  /**
+   *  Frame was dropped because of the main-thread.
+   * The main-thread may cause a frame to be dropped, e.g. if the main-thread
+   * is running expensive javascript, or doing a lot of layout updates, etc. *
+   */
   REASON_MAIN_THREAD = 'REASON_MAIN_THREAD',
-  /**  Frame was dropped by the client compositor.
-         The client compositor can drop some frames too (e.g. attempting to
-         recover latency, missing the deadline, etc.). **/
+  /**
+   *  Frame was dropped by the client compositor.
+   * The client compositor can drop some frames too (e.g. attempting to
+   * recover latency, missing the deadline, etc.). *
+   */
   REASON_CLIENT_COMPOSITOR = 'REASON_CLIENT_COMPOSITOR',
 }
 
@@ -1866,17 +1907,19 @@ export function isDecodeImage(event: Event): event is DecodeImage {
   return event.name === Name.DECODE_IMAGE;
 }
 
+export const enum InvalidationEventType {
+  StyleInvalidatorInvalidationTracking = 'StyleInvalidatorInvalidationTracking',
+  StyleRecalcInvalidationTracking = 'StyleRecalcInvalidationTracking',
+}
+
 export interface SelectorTiming {
   'elapsed (us)': number;
-
   fast_reject_count: number;
-
   match_attempts: number;
   selector: string;
-
   style_sheet_id: string;
-
   match_count: number;
+  invalidation_count: number;
 }
 
 export enum SelectorTimingsKey {
@@ -1887,6 +1930,7 @@ export enum SelectorTimingsKey {
   MatchCount = 'match_count',
   Selector = 'selector',
   StyleSheetId = 'style_sheet_id',
+  InvalidationCount = 'invalidation_count',
 }
 
 export interface SelectorStats {
@@ -1943,7 +1987,7 @@ export interface Layout extends Complete {
   };
 }
 export function isLayout(event: Event): event is Layout {
-  return event.name === Name.LAYOUT;
+  return event.name === Name.LAYOUT && Boolean(event.args && 'beginData' in event.args);
 }
 export interface InvalidateLayout extends Instant {
   name: Name.INVALIDATE_LAYOUT;
@@ -2163,15 +2207,15 @@ export function isGPUTask(event: Event): event is GPUTask {
 }
 
 export function isProfile(event: Event): event is Profile {
-  return event.name === 'Profile';
+  return event.name === Name.PROFILE;
 }
 
 export function isSyntheticCpuProfile(event: Event): event is SyntheticCpuProfile {
-  return event.name === 'CpuProfile';
+  return event.name === Name.CPU_PROFILE;
 }
 
 export function isProfileChunk(event: Event): event is ProfileChunk {
-  return event.name === 'ProfileChunk';
+  return event.name === Name.PROFILE_CHUNK;
 }
 
 export function isResourceChangePriority(
@@ -2358,7 +2402,6 @@ export interface Paint extends Complete {
   name: Name.PAINT;
   args: Args&{
     data: ArgsData & {
-      clip: number[],
       frame: string,
       layerId: number,
       // With CompositeAfterPaint enabled, paint events are no longer
@@ -2366,6 +2409,8 @@ export interface Paint extends Complete {
       nodeId?: Protocol.DOM.BackendNodeId,
       // Optional as it was added in M137: crrev.com/c/6491448
       nodeName?: string,
+      /** This rect is unreliable and often wrong. We'll remove it. crbug.com/41402938#comment10 */
+      clip?: number[],
     },
   };
 }
@@ -2522,6 +2567,7 @@ export interface FireAnimationFrame extends Complete {
     },
   };
 }
+
 export function isFireAnimationFrame(event: Event): event is FireAnimationFrame {
   return event.name === Name.FIRE_ANIMATION_FRAME;
 }
@@ -2536,9 +2582,6 @@ export interface RequestAnimationFrame extends Instant {
     },
   };
 }
-export function isRequestAnimationFrame(event: Event): event is RequestAnimationFrame {
-  return event.name === Name.REQUEST_ANIMATION_FRAME;
-}
 
 export interface TimerInstall extends Instant {
   name: Name.TIMER_INSTALL;
@@ -2575,12 +2618,13 @@ export interface RequestIdleCallback extends Instant {
     data: {
       frame: string,
       id: number,
-      timeout: number,
+      timeout: Milli,
       stackTrace?: CallFrame,
     },
 
   };
 }
+
 export function isRequestIdleCallback(event: Event): event is RequestIdleCallback {
   return event.name === Name.REQUEST_IDLE_CALLBACK;
 }
@@ -2647,10 +2691,6 @@ export interface WebSocketSend extends Instant {
   };
 }
 
-export function isWebSocketSend(event: Event): event is WebSocketSend {
-  return event.name === Name.WEB_SOCKET_SEND;
-}
-
 export interface WebSocketReceive extends Instant {
   name: Name.WEB_SOCKET_RECEIVE;
   args: Args&{
@@ -2663,9 +2703,6 @@ export interface WebSocketReceive extends Instant {
     },
   };
 }
-export function isWebSocketReceive(event: Event): event is WebSocketReceive {
-  return event.name === Name.WEB_SOCKET_RECEIVE;
-}
 
 export interface WebSocketSendHandshakeRequest extends Instant {
   name: Name.WEB_SOCKET_SEND_HANDSHAKE_REQUEST;
@@ -3037,6 +3074,7 @@ export const enum Name {
   WEB_SOCKET_RECEIVE_HANDSHAKE_REQUEST = 'WebSocketReceiveHandshakeResponse',
 
   /* CPU Profiling */
+  CPU_PROFILE = 'CpuProfile',
   PROFILE = 'Profile',
   START_PROFILING = 'CpuProfiler::StartProfiling',
   PROFILE_CHUNK = 'ProfileChunk',
@@ -3229,11 +3267,6 @@ export interface V8SourceRundownSourcesStubScriptCatchupEvent extends Event {
   };
 }
 
-export function isV8SourceRundownSourcesStubScriptCatchupEvent(event: Event):
-    event is V8SourceRundownSourcesStubScriptCatchupEvent {
-  return event.cat === 'disabled-by-default-devtools.v8-source-rundown-sources' && event.name === 'StubScriptCatchup';
-}
-
 export function isAnyScriptCatchupEvent(event: Event): event is V8SourceRundownSourcesScriptCatchupEvent|
     V8SourceRundownSourcesLargeScriptCatchupEvent|V8SourceRundownSourcesStubScriptCatchupEvent {
   return event.cat === 'disabled-by-default-devtools.v8-source-rundown-sources';

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

@@ -5,5 +5,6 @@
 export * as Configuration from './Configuration.js';
 export * as Extensions from './Extensions.js';
 export * as File from './File.js';
+export * as Overlays from './Overlays.js';
 export * as Timing from './Timing.js';
 export * as Events from './TraceEvents.js';

package/front_end/models/workspace/FileManager.ts

@@ -31,6 +31,7 @@
 import * as Common from '../../core/common/common.js';
 import * as Host from '../../core/host/host.js';
 import type * as Platform from '../../core/platform/platform.js';
+import type * as TextUtils from '../text_utils/text_utils.js';
 
 let fileManagerInstance: FileManager|null;
 
@@ -62,16 +63,18 @@ export class FileManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
 
   /**
    * {@link FileManager.close | close} *must* be called, for the InspectorFrontendHostStub case, to complete the saving.
+   * @param url The url of the file to save. **NOTE:** The backend truncates this filename to 64 characters.
    */
   save(
       url: Platform.DevToolsPath.RawPathString|Platform.DevToolsPath.UrlString,
-      content: string,
+      contentData: TextUtils.ContentData.ContentData,
       forceSaveAs: boolean,
-      isBase64: boolean,
       ): Promise<SaveCallbackParam|null> {
     // Remove this url from the saved URLs while it is being saved.
     const result = new Promise<SaveCallbackParam|null>(resolve => this.#saveCallbacks.set(url, resolve));
-    Host.InspectorFrontendHost.InspectorFrontendHostInstance.save(url, content, forceSaveAs, isBase64);
+    const {isTextContent} = contentData;
+    const content = isTextContent ? contentData.text : contentData.base64;
+    Host.InspectorFrontendHost.InspectorFrontendHostInstance.save(url, content, forceSaveAs, !isTextContent);
     return result;
   }
 

package/front_end/models/{bindings → workspace}/IgnoreListManager.ts

@@ -6,38 +6,38 @@ import * as Common from '../../core/common/common.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 Workspace from '../workspace/workspace.js';
 
-import type {DebuggerWorkspaceBinding} from './DebuggerWorkspaceBinding.js';
+import type {UISourceCode} from './UISourceCode.js';
+import {projectTypes} from './WorkspaceImpl.js';
 
 const UIStrings = {
   /**
-   *@description Text to stop preventing the debugger from stepping into library code
+   * @description Text to stop preventing the debugger from stepping into library code
    */
   removeFromIgnoreList: 'Remove from ignore list',
   /**
-   *@description Text for scripts that should not be stepped into when debugging
+   * @description Text for scripts that should not be stepped into when debugging
    */
   addScriptToIgnoreList: 'Add script to ignore list',
   /**
-   *@description Text for directories whose scripts should not be stepped into when debugging
+   * @description Text for directories whose scripts should not be stepped into when debugging
    */
   addDirectoryToIgnoreList: 'Add directory to ignore list',
   /**
-   *@description A context menu item in the Call Stack Sidebar Pane of the Sources panel
+   * @description A context menu item in the Call Stack Sidebar Pane of the Sources panel
    */
   addAllContentScriptsToIgnoreList: 'Add all extension scripts to ignore list',
   /**
-   *@description A context menu item in the Call Stack Sidebar Pane of the Sources panel
+   * @description A context menu item in the Call Stack Sidebar Pane of the Sources panel
    */
   addAllThirdPartyScriptsToIgnoreList: 'Add all third-party scripts to ignore list',
   /**
-   *@description A context menu item in the Call Stack Sidebar Pane of the Sources panel
+   * @description A context menu item in the Call Stack Sidebar Pane of the Sources panel
    */
   addAllAnonymousScriptsToIgnoreList: 'Add all anonymous scripts to ignore list',
 } as const;
 
-const str_ = i18n.i18n.registerUIStrings('models/bindings/IgnoreListManager.ts', UIStrings);
+const str_ = i18n.i18n.registerUIStrings('models/workspace/IgnoreListManager.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
 
 let ignoreListManagerInstance: IgnoreListManager|undefined;
@@ -48,14 +48,14 @@ export interface IgnoreListGeneralRules {
   isCurrentlyIgnoreListed?: boolean;
 }
 
-export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK.DebuggerModel.DebuggerModel> {
-  readonly #debuggerWorkspaceBinding: DebuggerWorkspaceBinding;
+export class IgnoreListManager extends Common.ObjectWrapper.ObjectWrapper<EventTypes> implements
+    SDK.TargetManager.SDKModelObserver<SDK.DebuggerModel.DebuggerModel> {
   readonly #listeners: Set<() => void>;
   readonly #isIgnoreListedURLCache: Map<string, boolean>;
   readonly #contentScriptExecutionContexts: Set<string>;
 
-  private constructor(debuggerWorkspaceBinding: DebuggerWorkspaceBinding) {
-    this.#debuggerWorkspaceBinding = debuggerWorkspaceBinding;
+  private constructor() {
+    super();
 
     SDK.TargetManager.TargetManager.instance().addModelListener(
         SDK.DebuggerModel.DebuggerModel, SDK.DebuggerModel.Events.GlobalObjectCleared,
@@ -91,15 +91,10 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
 
   static instance(opts: {
     forceNew: boolean|null,
-    debuggerWorkspaceBinding: DebuggerWorkspaceBinding|null,
-  } = {forceNew: null, debuggerWorkspaceBinding: null}): IgnoreListManager {
-    const {forceNew, debuggerWorkspaceBinding} = opts;
+  } = {forceNew: null}): IgnoreListManager {
+    const {forceNew} = opts;
     if (!ignoreListManagerInstance || forceNew) {
-      if (!debuggerWorkspaceBinding) {
-        throw new Error(`Unable to create settings: debuggerWorkspaceBinding must be provided: ${new Error().stack}`);
-      }
-
-      ignoreListManagerInstance = new IgnoreListManager(debuggerWorkspaceBinding);
+      ignoreListManagerInstance = new IgnoreListManager();
     }
 
     return ignoreListManagerInstance;
@@ -188,14 +183,14 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
         this.skipContentScripts ? Array.from(this.#contentScriptExecutionContexts) : []);
   }
 
-  private getGeneralRulesForUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode): IgnoreListGeneralRules {
+  private getGeneralRulesForUISourceCode(uiSourceCode: UISourceCode): IgnoreListGeneralRules {
     const projectType = uiSourceCode.project().type();
-    const isContentScript = projectType === Workspace.Workspace.projectTypes.ContentScripts;
+    const isContentScript = projectType === projectTypes.ContentScripts;
     const isKnownThirdParty = uiSourceCode.isKnownThirdParty();
     return {isContentScript, isKnownThirdParty};
   }
 
-  isUserOrSourceMapIgnoreListedUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode): boolean {
+  isUserOrSourceMapIgnoreListedUISourceCode(uiSourceCode: UISourceCode): boolean {
     if (uiSourceCode.isUnconditionallyIgnoreListed()) {
       return true;
     }
@@ -277,7 +272,7 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
       if (scriptToRange.get(script) && await script.setBlackboxedRanges([])) {
         scriptToRange.delete(script);
       }
-      await this.#debuggerWorkspaceBinding.updateLocations(script);
+      this.dispatchEventToListeners(Events.IGNORED_SCRIPT_RANGES_UPDATED, script);
       return;
     }
 
@@ -296,7 +291,7 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     if (!isEqual(oldRanges, newRanges) && await script.setBlackboxedRanges(newRanges)) {
       scriptToRange.set(script, newRanges);
     }
-    void this.#debuggerWorkspaceBinding.updateLocations(script);
+    this.dispatchEventToListeners(Events.IGNORED_SCRIPT_RANGES_UPDATED, script);
 
     function isEqual(rangesA: SourceRange[], rangesB: SourceRange[]): boolean {
       if (rangesA.length !== rangesB.length) {
@@ -311,23 +306,23 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     }
   }
 
-  private uiSourceCodeURL(uiSourceCode: Workspace.UISourceCode.UISourceCode): Platform.DevToolsPath.UrlString|null {
-    return uiSourceCode.project().type() === Workspace.Workspace.projectTypes.Debugger ? null : uiSourceCode.url();
+  private uiSourceCodeURL(uiSourceCode: UISourceCode): Platform.DevToolsPath.UrlString|null {
+    return uiSourceCode.project().type() === projectTypes.Debugger ? null : uiSourceCode.url();
   }
 
-  canIgnoreListUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode): boolean {
+  canIgnoreListUISourceCode(uiSourceCode: UISourceCode): boolean {
     const url = this.uiSourceCodeURL(uiSourceCode);
     return url ? Boolean(this.urlToRegExpString(url)) : false;
   }
 
-  ignoreListUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode): void {
+  ignoreListUISourceCode(uiSourceCode: UISourceCode): void {
     const url = this.uiSourceCodeURL(uiSourceCode);
     if (url) {
       this.ignoreListURL(url);
     }
   }
 
-  unIgnoreListUISourceCode(uiSourceCode: Workspace.UISourceCode.UISourceCode): void {
+  unIgnoreListUISourceCode(uiSourceCode: UISourceCode): void {
     this.unIgnoreListURL(this.uiSourceCodeURL(uiSourceCode), this.getGeneralRulesForUISourceCode(uiSourceCode));
   }
 
@@ -524,9 +519,9 @@ export class IgnoreListManager implements SDK.TargetManager.SDKModelObserver<SDK
     return prefix + Platform.StringUtilities.escapeForRegExp(name) + (url.endsWith(name) ? '$' : '\\b');
   }
 
-  getIgnoreListURLContextMenuItems(uiSourceCode: Workspace.UISourceCode.UISourceCode):
+  getIgnoreListURLContextMenuItems(uiSourceCode: UISourceCode):
       Array<{text: string, callback: () => void, jslogContext: string}> {
-    if (uiSourceCode.project().type() === Workspace.Workspace.projectTypes.FileSystem) {
+    if (uiSourceCode.project().type() === projectTypes.FileSystem) {
       return [];
     }
 
@@ -623,3 +618,11 @@ export interface SourceRange {
 }
 
 const scriptToRange = new WeakMap<SDK.Script.Script, SourceRange[]>();
+
+export const enum Events {
+  IGNORED_SCRIPT_RANGES_UPDATED = 'IGNORED_SCRIPT_RANGES_UPDATED',
+}
+
+export interface EventTypes {
+  [Events.IGNORED_SCRIPT_RANGES_UPDATED]: SDK.Script.Script;
+}