chrome-devtools-frontend 1.0.940255 → 1.0.942095

package/front_end/entrypoints/main/MainImpl.ts

@@ -146,6 +146,7 @@ export class MainImpl {
     });
 
     console.timeStamp('Main._gotPreferences');
+    this.initializeGlobalsForLayoutTests();
     this.createSettings(prefs);
     await this.requestAndRegisterLocaleData();
 
@@ -157,6 +158,31 @@ export class MainImpl {
     this.createAppUI();
   }
 
+  private initializeGlobalsForLayoutTests(): void {
+    // @ts-ignore layout test global
+    self.Common = self.Common || {};
+    // @ts-ignore layout test global
+    self.UI = self.UI || {};
+    // @ts-ignore layout test global
+    self.UI.panels = self.UI.panels || {};
+    // @ts-ignore layout test global
+    self.SDK = self.SDK || {};
+    // @ts-ignore layout test global
+    self.Bindings = self.Bindings || {};
+    // @ts-ignore layout test global
+    self.Persistence = self.Persistence || {};
+    // @ts-ignore layout test global
+    self.Workspace = self.Workspace || {};
+    // @ts-ignore layout test global
+    self.Extensions = self.Extensions || {};
+    // @ts-ignore e2e test global
+    self.Host = self.Host || {};
+    // @ts-ignore e2e test global
+    self.Host.userMetrics = self.Host.userMetrics || Host.userMetrics;
+    // @ts-ignore e2e test global
+    self.Host.UserMetrics = self.Host.UserMetrics || Host.UserMetrics;
+  }
+
   async requestAndRegisterLocaleData(): Promise<void> {
     const settingLanguage = Common.Settings.Settings.instance().moduleSetting<string>('language').get();
     const devToolsLocale = i18n.DevToolsLocale.DevToolsLocale.instance({

package/front_end/entrypoints/shell/shell.js

@@ -6,18 +6,7 @@ import '../../Images/Images.js';
 import '../startup/startup.js';
 import '../../core/root/root-legacy.js';
 import '../../core/platform/platform.js';
-import '../../core/common/common-legacy.js';
-import '../../models/text_utils/text_utils-legacy.js';
 import '../../core/dom_extension/dom_extension.js';
-import '../../core/host/host-legacy.js';
-import '../../core/protocol_client/protocol_client-legacy.js';
-import '../../core/sdk/sdk-legacy.js';
-import '../../ui/legacy/legacy-legacy.js';
-import '../../models/workspace/workspace-legacy.js';
-import '../../models/bindings/bindings-legacy.js';
-import '../../ui/legacy/components/utils/utils-legacy.js';
-import '../../models/persistence/persistence-legacy.js';
-import '../../models/extensions/extensions-legacy.js';
 
 import './shell-meta-files.js';
 import '../main/main.js';

package/front_end/entrypoints/shell/shell.json

@@ -4,7 +4,6 @@
     { "name": "ui/legacy/components/text_editor", "type": "autostart" },
     { "name": "ui/legacy/components/source_frame", "type": "autostart" },
 
-    { "name": "ui/legacy/components/perf_ui" },
     { "name": "panels/profiler" }
   ]
 }

package/front_end/entrypoints/worker_app/worker_app.json

@@ -1,9 +1,5 @@
 {
   "modules" : [
-    { "name": "panels/issues" },
-    { "name": "panels/layer_viewer" },
-    { "name": "panels/network" },
-    { "name": "panels/application" },
     { "name": "panels/timeline" }
   ],
   "extends": "shell"

package/front_end/generated/InspectorBackendCommands.js

@@ -1970,6 +1970,7 @@ export function registerCommands(inspectorBackend) {
     ChUaModel: 'ch-ua-model',
     ChUaMobile: 'ch-ua-mobile',
     ChUaFullVersion: 'ch-ua-full-version',
+    ChUaFullVersionList: 'ch-ua-full-version-list',
     ChUaPlatformVersion: 'ch-ua-platform-version',
     ChUaReduced: 'ch-ua-reduced',
     ChViewportHeight: 'ch-viewport-height',

package/front_end/generated/protocol.d.ts

@@ -4879,6 +4879,7 @@ declare namespace Protocol {
     export interface UserAgentMetadata {
       brands?: UserAgentBrandVersion[];
       fullVersion?: string;
+      fullVersionList?: UserAgentBrandVersion[];
       platform: string;
       platformVersion: string;
       architecture: string;
@@ -9844,6 +9845,7 @@ declare namespace Protocol {
       ChUaModel = 'ch-ua-model',
       ChUaMobile = 'ch-ua-mobile',
       ChUaFullVersion = 'ch-ua-full-version',
+      ChUaFullVersionList = 'ch-ua-full-version-list',
       ChUaPlatformVersion = 'ch-ua-platform-version',
       ChUaReduced = 'ch-ua-reduced',
       ChViewportHeight = 'ch-viewport-height',

package/front_end/global_typings/global_defs.d.ts

@@ -25,3 +25,8 @@ declare module '*.css.js' {
   const styles: CSSStyleSheet;
   export default styles;
 }
+
+declare module '*.css.legacy.js' {
+  const styles: {cssContent: string};
+  export default styles;
+}

package/front_end/legacy_test_runner/console_test_runner/console_test_runner.js

@@ -113,6 +113,14 @@ ConsoleTestRunner.prepareConsoleMessageText = function(messageElement) {
   return messageText;
 };
 
+/**
+ * @param {!Element} messageElement
+ * @return {string}
+ */
+ConsoleTestRunner.prepareConsoleMessageTextTrimmed = function(messageElement) {
+  return ConsoleTestRunner.prepareConsoleMessageText(messageElement).replace(/[ ]+/g, ' ');
+};
+
 /**
  * @param {!Console.ConsoleViewMessage} viewMessage
  * @param {boolean} forceInvalidate
@@ -334,15 +342,19 @@ ConsoleTestRunner.dumpConsoleMessagesWithStyles = function() {
 
 /**
  * @param {boolean=} sortMessages
+ * @param {boolean=} trimMessages
  */
-ConsoleTestRunner.dumpConsoleMessagesWithClasses = async function(sortMessages) {
+ConsoleTestRunner.dumpConsoleMessagesWithClasses = async function(sortMessages, trimMessages) {
   const result = [];
   const messageViews = Console.ConsoleView.instance().visibleViewMessages;
   for (let i = 0; i < messageViews.length; ++i) {
     const element = messageViews[i].element();
     const contentElement = messageViews[i].contentElement();
     await TestRunner.waitForPendingLiveLocationUpdates();
-    const messageText = ConsoleTestRunner.prepareConsoleMessageText(element);
+    let messageText = ConsoleTestRunner.prepareConsoleMessageText(element);
+    if (trimMessages) {
+      messageText = messageText.replace(/[ ]+/g, ' ');
+    }
     result.push(messageText + ' ' + element.getAttribute('class') + ' > ' + contentElement.getAttribute('class'));
   }
   if (sortMessages) {

package/front_end/legacy_test_runner/legacy_test_runner.ts

@@ -2,6 +2,16 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import '../core/common/common-legacy.js';
+import '../models/text_utils/text_utils-legacy.js';
+import '../core/host/host-legacy.js';
+import '../core/protocol_client/protocol_client-legacy.js';
+import '../ui/legacy/legacy-legacy.js';
+import '../models/workspace/workspace-legacy.js';
+import '../models/bindings/bindings-legacy.js';
+import '../ui/legacy/components/utils/utils-legacy.js';
+import '../models/persistence/persistence-legacy.js';
+import '../models/extensions/extensions-legacy.js';
 import '../entrypoints/devtools_app/devtools_app.js';
 import '../panels/accessibility/accessibility-legacy.js';
 import '../panels/animation/animation-legacy.js';
@@ -12,7 +22,6 @@ import '../ui/legacy/components/data_grid/data_grid-legacy.js';
 import '../third_party/diff/diff-legacy.js';
 import '../models/extensions/extensions-legacy.js';
 import '../models/formatter/formatter-legacy.js';
-import '../core/host/host-legacy.js';
 import '../ui/legacy/components/inline_editor/inline_editor-legacy.js';
 import '../core/root/root-legacy.js';
 import '../core/sdk/sdk-legacy.js';

package/front_end/legacy_test_runner/test_runner/TestRunner.js

@@ -393,6 +393,14 @@ export function textContentWithLineBreaks(node) {
   return buffer;
 }
 
+/**
+ * @param {!Node} node
+ * @return {string}
+ */
+export function textContentWithLineBreaksTrimmed(node) {
+  return textContentWithLineBreaks(node).replace(/[ ]+/g, ' ');
+}
+
 /**
  * @param {!Node} node
  * @return {string}
@@ -1459,6 +1467,7 @@ TestRunner.showPanel = showPanel;
 TestRunner.createKeyEvent = createKeyEvent;
 TestRunner.safeWrap = safeWrap;
 TestRunner.textContentWithLineBreaks = textContentWithLineBreaks;
+TestRunner.textContentWithLineBreaksTrimmed = textContentWithLineBreaksTrimmed;
 TestRunner.textContentWithoutStyles = textContentWithoutStyles;
 TestRunner.evaluateInPagePromise = evaluateInPagePromise;
 TestRunner.callFunctionInPageAsync = callFunctionInPageAsync;

package/front_end/models/formatter/SourceFormatter.ts

@@ -142,16 +142,6 @@ export class SourceFormatter {
         await this.scriptMapping.setSourceMappingEnabled(formatData, true);
         await this.styleMapping.setSourceMappingEnabled(formatData, true);
         cacheEntry.formatData = formatData;
-
-        for (const decoration of uiSourceCode.allDecorations()) {
-          const range = decoration.range();
-          const startLocation = formattedMapping.originalToFormatted(range.startLine, range.startColumn);
-          const endLocation = formattedMapping.originalToFormatted(range.endLine, range.endColumn);
-          formattedUISourceCode.addDecoration(
-              new TextUtils.TextRange.TextRange(startLocation[0], startLocation[1], endLocation[0], endLocation[1]),
-              (decoration.type() as string), decoration.data());
-        }
-
         resolve(formatData);
       } catch (e) {
         reject(e);

package/front_end/models/workspace/UISourceCode.ts

@@ -60,7 +60,7 @@ export class UISourceCode extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
   private nameInternal: string;
   private contentTypeInternal: Common.ResourceType.ResourceType;
   private requestContentPromise: Promise<TextUtils.ContentProvider.DeferredContent>|null;
-  private decorations: Platform.MapUtilities.Multimap<string, LineMarker>|null;
+  private decorations: Map<string, any> = new Map();
   private hasCommitsInternal: boolean;
   private messagesInternal: Set<Message>|null;
   private contentLoadedInternal: boolean;
@@ -94,7 +94,6 @@ export class UISourceCode extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
 
     this.contentTypeInternal = contentType;
     this.requestContentPromise = null;
-    this.decorations = null;
     this.hasCommitsInternal = false;
     this.messagesInternal = null;
     this.contentLoadedInternal = false;
@@ -455,45 +454,15 @@ export class UISourceCode extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
     this.messagesInternal = null;
   }
 
-  addLineDecoration(lineNumber: number, type: string, data: any): void {
-    this.addDecoration(TextUtils.TextRange.TextRange.createFromLocation(lineNumber, 0), type, data);
-  }
-
-  addDecoration(range: TextUtils.TextRange.TextRange, type: string, data: any): void {
-    const marker = new LineMarker(range, type, data);
-    if (!this.decorations) {
-      this.decorations = new Platform.MapUtilities.Multimap();
-    }
-    this.decorations.set(type, marker);
-    this.dispatchEventToListeners(Events.LineDecorationAdded, marker);
-  }
-
-  removeDecorationsForType(type: string): void {
-    if (!this.decorations) {
-      return;
-    }
-    const markers = this.decorations.get(type);
-    this.decorations.deleteAll(type);
-    markers.forEach(marker => {
-      this.dispatchEventToListeners(Events.LineDecorationRemoved, marker);
-    });
-  }
-
-  allDecorations(): LineMarker[] {
-    return this.decorations ? this.decorations.valuesArray() : [];
-  }
-
-  removeAllDecorations(): void {
-    if (!this.decorations) {
-      return;
+  setDecorationData(type: string, data: any): void {
+    if (data !== this.decorations.get(type)) {
+      this.decorations.set(type, data);
+      this.dispatchEventToListeners(Events.DecorationChanged, type);
     }
-    const decorationList = this.decorations.valuesArray();
-    this.decorations.clear();
-    decorationList.forEach(marker => this.dispatchEventToListeners(Events.LineDecorationRemoved, marker));
   }
 
-  decorationsForType(type: string): Set<LineMarker>|null {
-    return this.decorations ? this.decorations.get(type) : null;
+  getDecorationData(type: string): any {
+    return this.decorations.get(type);
   }
 
   disableEdit(): void {
@@ -513,8 +482,7 @@ export enum Events {
   TitleChanged = 'TitleChanged',
   MessageAdded = 'MessageAdded',
   MessageRemoved = 'MessageRemoved',
-  LineDecorationAdded = 'LineDecorationAdded',
-  LineDecorationRemoved = 'LineDecorationRemoved',
+  DecorationChanged = 'DecorationChanged',
 }
 
 export interface WorkingCopyCommitedEvent {
@@ -529,8 +497,7 @@ export type EventTypes = {
   [Events.TitleChanged]: UISourceCode,
   [Events.MessageAdded]: Message,
   [Events.MessageRemoved]: Message,
-  [Events.LineDecorationAdded]: LineMarker,
-  [Events.LineDecorationRemoved]: LineMarker,
+  [Events.DecorationChanged]: string,
 };
 
 export class UILocation {

package/front_end/panels/animation/AnimationTimeline.ts

@@ -438,9 +438,6 @@ export class AnimationTimeline extends UI.Widget.VBox implements SDK.TargetManag
   }
 
   private togglePause(pause: boolean): void {
-    if (this.#scrubberPlayer) {
-      this.#scrubberPlayer.playbackRate = this.effectivePlaybackRate();
-    }
     if (this.#selectedGroup) {
       this.#selectedGroup.togglePause(pause);
       const preview = this.#previewMap.get(this.#selectedGroup);
@@ -448,6 +445,9 @@ export class AnimationTimeline extends UI.Widget.VBox implements SDK.TargetManag
         preview.element.classList.toggle('paused', pause);
       }
     }
+    if (this.#scrubberPlayer) {
+      this.#scrubberPlayer.playbackRate = this.effectivePlaybackRate();
+    }
     this.updateControlButton();
   }
 

package/front_end/panels/application/ApplicationPanelSidebar.ts

@@ -1970,13 +1970,13 @@ export class FrameResourceTreeElement extends ApplicationPanelTreeElement {
     contextMenu.show();
   }
 
-  async revealResource(line?: number, column?: number): Promise<void> {
+  async revealResource(lineNumber?: number, columnNumber?: number): Promise<void> {
     this.revealAndSelect(true);
     const view = await this.panel.scheduleShowView(this.preparePreview());
-    if (!(view instanceof SourceFrame.ResourceSourceFrame.ResourceSourceFrame) || typeof line !== 'number') {
+    if (!(view instanceof SourceFrame.ResourceSourceFrame.ResourceSourceFrame) || typeof lineNumber !== 'number') {
       return;
     }
-    view.revealPosition(line, column, true);
+    view.revealPosition({lineNumber, columnNumber}, true);
   }
 }
 

package/front_end/panels/application/application-meta.ts

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as Common from '../../core/common/common.js';
-import * as Root from '../../core/root/root.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
@@ -47,8 +46,6 @@ let loadedResourcesModule: (typeof Resources|undefined);
 
 async function loadResourcesModule(): Promise<typeof Resources> {
   if (!loadedResourcesModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/application');
     loadedResourcesModule = await import('./application.js');
   }
   return loadedResourcesModule;

package/front_end/panels/console/ConsolePinPane.ts

@@ -5,11 +5,11 @@
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
 import * as SDK from '../../core/sdk/sdk.js';
+import * as CodeMirror from '../../third_party/codemirror.next/codemirror.next.js';
+import * as TextEditor from '../../ui/components/text_editor/text_editor.js';
 import * as ObjectUI from '../../ui/legacy/components/object_ui/object_ui.js';
 // eslint-disable-next-line rulesdir/es_modules_import
 import objectValueStyles from '../../ui/legacy/components/object_ui/objectValue.css.js';
-import type * as CodeMirror from '../../third_party/codemirror.next/codemirror.next.js';
-import type * as TextEditor from '../../ui/components/text_editor/text_editor.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 import consolePinPaneStyles from './consolePinPane.css.js';
@@ -171,11 +171,10 @@ export class ConsolePin {
   private readonly pinPreview: HTMLElement;
   private lastResult: SDK.RuntimeModel.EvaluationResult|null;
   private lastExecutionContext: SDK.RuntimeModel.ExecutionContext|null;
-  private editor: TextEditor.TextEditor.TextEditor|null;
+  private editor: TextEditor.TextEditor.TextEditor;
   private committedExpression: string;
   private hovered: boolean;
   private lastNode: SDK.RemoteObject.RemoteObject|null;
-  private readonly editorPromise: Promise<TextEditor.TextEditor.TextEditor>;
   private consolePinNumber: number;
   private deletePinIcon: UI.UIUtils.DevToolsCloseButton;
 
@@ -209,10 +208,10 @@ export class ConsolePin {
 
     this.lastResult = null;
     this.lastExecutionContext = null;
-    this.editor = null;
     this.committedExpression = expression;
     this.hovered = false;
     this.lastNode = null;
+    this.editor = this.createEditor(expression, nameElement);
 
     this.pinPreview.addEventListener('mouseenter', this.setHovered.bind(this, true), false);
     this.pinPreview.addEventListener('mouseleave', this.setHovered.bind(this, false), false);
@@ -229,22 +228,19 @@ export class ConsolePin {
         event.consume();
       }
     });
-    this.editorPromise = this.createEditor(expression, nameElement);
   }
 
-  async createEditor(expression: string, parent: HTMLElement): Promise<TextEditor.TextEditor.TextEditor> {
-    const CM = await import('../../third_party/codemirror.next/codemirror.next.js');
-    const TE = await import('../../ui/components/text_editor/text_editor.js');
-    this.editor = new TE.TextEditor.TextEditor(CM.EditorState.create({
+  createEditor(expression: string, parent: HTMLElement): TextEditor.TextEditor.TextEditor {
+    const editor = new TextEditor.TextEditor.TextEditor(CodeMirror.EditorState.create({
       doc: expression,
       extensions: [
-        CM.EditorView.contentAttributes.of({'aria-label': i18nString(UIStrings.liveExpressionEditor)}),
-        CM.EditorView.lineWrapping,
-        (await CM.javascript()).javascriptLanguage,
-        await TE.JavaScript.completion(),
-        TE.Config.showCompletionHint,
-        CM.placeholder(i18nString(UIStrings.expression)),
-        CM.keymap.of([
+        CodeMirror.EditorView.contentAttributes.of({'aria-label': i18nString(UIStrings.liveExpressionEditor)}),
+        CodeMirror.EditorView.lineWrapping,
+        CodeMirror.javascript.javascriptLanguage,
+        TextEditor.JavaScript.completion(),
+        TextEditor.Config.showCompletionHint,
+        CodeMirror.placeholder(i18nString(UIStrings.expression)),
+        CodeMirror.keymap.of([
           {
             key: 'Escape',
             run: (view: CodeMirror.EditorView): boolean => {
@@ -261,13 +257,13 @@ export class ConsolePin {
             },
           },
         ]),
-        CM.EditorView.domEventHandlers({blur: (_e, view) => this.onBlur(view)}),
-        TE.Config.baseConfiguration(expression),
-        TE.Config.autocompletion,
+        CodeMirror.EditorView.domEventHandlers({blur: (_e, view) => this.onBlur(view)}),
+        TextEditor.Config.baseConfiguration(expression),
+        TextEditor.Config.autocompletion,
       ],
     }));
-    parent.appendChild(this.editor);
-    return this.editor;
+    parent.appendChild(editor);
+    return editor;
   }
 
   onBlur(editor: CodeMirror.EditorView): void {
@@ -305,9 +301,9 @@ export class ConsolePin {
   }
 
   async focus(): Promise<void> {
-    const editor = this.editor || await this.editorPromise;
+    const editor = this.editor;
     editor.editor.focus();
-    editor.editor.dispatch({selection: {anchor: editor.state.doc.length}});
+    editor.dispatch({selection: {anchor: editor.state.doc.length}});
   }
 
   appendToContextMenu(contextMenu: UI.ContextMenu.ContextMenu): void {
@@ -322,8 +318,7 @@ export class ConsolePin {
     if (!this.editor) {
       return;
     }
-    const TE = await import('../../ui/components/text_editor/text_editor.js');
-    const text = TE.Config.contentIncludingHint(this.editor.editor);
+    const text = TextEditor.Config.contentIncludingHint(this.editor.editor);
     const isEditing = this.pinElement.hasFocus();
     const throwOnSideEffect = isEditing && text !== this.committedExpression;
     const timeout = throwOnSideEffect ? 250 : undefined;

package/front_end/panels/coverage/CoverageDecorationManager.ts

@@ -24,7 +24,7 @@ export class CoverageDecorationManager {
     this.uiSourceCodeByContentProvider = new Platform.MapUtilities.Multimap();
 
     for (const uiSourceCode of Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodes()) {
-      uiSourceCode.addLineDecoration(0, decoratorType, this);
+      uiSourceCode.setDecorationData(decoratorType, this);
     }
     Workspace.Workspace.WorkspaceImpl.instance().addEventListener(
         Workspace.Workspace.Events.UISourceCodeAdded, this.onUISourceCodeAdded, this);
@@ -32,7 +32,7 @@ export class CoverageDecorationManager {
 
   reset(): void {
     for (const uiSourceCode of Workspace.Workspace.WorkspaceImpl.instance().uiSourceCodes()) {
-      uiSourceCode.removeDecorationsForType(decoratorType);
+      uiSourceCode.setDecorationData(decoratorType, undefined);
     }
   }
 
@@ -45,8 +45,7 @@ export class CoverageDecorationManager {
   update(updatedEntries: CoverageInfo[]): void {
     for (const entry of updatedEntries) {
       for (const uiSourceCode of this.uiSourceCodeByContentProvider.get(entry.getContentProvider())) {
-        uiSourceCode.removeDecorationsForType(decoratorType);
-        uiSourceCode.addLineDecoration(0, decoratorType, this);
+        uiSourceCode.setDecorationData(decoratorType, this);
       }
     }
   }
@@ -185,7 +184,7 @@ export class CoverageDecorationManager {
 
   private onUISourceCodeAdded(event: Common.EventTarget.EventTargetEvent<Workspace.UISourceCode.UISourceCode>): void {
     const uiSourceCode = event.data;
-    uiSourceCode.addLineDecoration(0, decoratorType, this);
+    uiSourceCode.setDecorationData(decoratorType, this);
   }
 }
 export interface RawLocation {

package/front_end/panels/coverage/CoverageView.ts

@@ -8,15 +8,12 @@ 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 '../../models/bindings/bindings.js';
-import * as SourceFrame from '../../ui/legacy/components/source_frame/source_frame.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
+import {CoverageDecorationManager} from './CoverageDecorationManager.js';
+import {CoverageListView} from './CoverageListView.js';
 import coverageViewStyles from './coverageView.css.js';
 
-import type * as Workspace from '../../models/workspace/workspace.js';
-
-import {CoverageDecorationManager, decoratorType} from './CoverageDecorationManager.js';
-import {CoverageListView} from './CoverageListView.js';
 import type {CoverageInfo, URLCoverageInfo} from './CoverageModel.js';
 import {CoverageModel, Events, CoverageType} from './CoverageModel.js';
 
@@ -564,103 +561,3 @@ export class ActionDelegate implements UI.ActionRegistration.ActionDelegate {
     }
   }
 }
-let lineDecoratorInstance: LineDecorator;
-export class LineDecorator implements SourceFrame.SourceFrame.LineDecorator {
-  static instance({forceNew}: {forceNew: boolean} = {forceNew: false}): LineDecorator {
-    if (!lineDecoratorInstance || forceNew) {
-      lineDecoratorInstance = new LineDecorator();
-    }
-
-    return lineDecoratorInstance;
-  }
-
-  private readonly listeners: WeakMap<
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      SourceFrame.SourcesTextEditor.SourcesTextEditor, (arg0: Common.EventTarget.EventTargetEvent<any>) => void>;
-  constructor() {
-    this.listeners = new WeakMap();
-  }
-
-  decorate(
-      uiSourceCode: Workspace.UISourceCode.UISourceCode,
-      textEditor: SourceFrame.SourcesTextEditor.SourcesTextEditor): void {
-    const decorations = uiSourceCode.decorationsForType(decoratorType);
-    if (!decorations || !decorations.size) {
-      this.uninstallGutter(textEditor);
-      return;
-    }
-    const decorationManager = decorations.values().next().value.data() as CoverageDecorationManager;
-    decorationManager.usageByLine(uiSourceCode).then(lineUsage => {
-      textEditor.operation(() => this.innerDecorate(uiSourceCode, textEditor, lineUsage));
-    });
-  }
-
-  private innerDecorate(
-      uiSourceCode: Workspace.UISourceCode.UISourceCode, textEditor: SourceFrame.SourcesTextEditor.SourcesTextEditor,
-      lineUsage: (boolean|undefined)[]): void {
-    const gutterType = LineDecorator.GUTTER_TYPE;
-    this.uninstallGutter(textEditor);
-    if (lineUsage.length) {
-      this.installGutter(textEditor, uiSourceCode.url());
-    }
-    for (let line = 0; line < lineUsage.length; ++line) {
-      // Do not decorate the line if we don't have data.
-      if (typeof lineUsage[line] !== 'boolean') {
-        continue;
-      }
-      const className = lineUsage[line] ? 'text-editor-coverage-used-marker' : 'text-editor-coverage-unused-marker';
-      const gutterElement = document.createElement('div');
-      gutterElement.classList.add(className);
-      textEditor.setGutterDecoration(line, gutterType, gutterElement);
-    }
-  }
-
-  makeGutterClickHandler(url: string):
-      (arg0: Common.EventTarget.EventTargetEvent<SourceFrame.SourcesTextEditor.GutterClickEventData>) => void {
-    function handleGutterClick(
-        event: Common.EventTarget.EventTargetEvent<SourceFrame.SourcesTextEditor.GutterClickEventData>): void {
-      if (event.data.gutterType !== LineDecorator.GUTTER_TYPE) {
-        return;
-      }
-      const coverageViewId = 'coverage';
-      UI.ViewManager.ViewManager.instance()
-          .showView(coverageViewId)
-          .then(() => {
-            const view = UI.ViewManager.ViewManager.instance().view(coverageViewId);
-            return view && view.widget();
-          })
-          .then(widget => {
-            const matchFormattedSuffix = url.match(/(.*):formatted$/);
-            const urlWithoutFormattedSuffix = (matchFormattedSuffix && matchFormattedSuffix[1]) || url;
-            (widget as CoverageView).selectCoverageItemByUrl(urlWithoutFormattedSuffix);
-          });
-    }
-    return handleGutterClick;
-  }
-
-  private installGutter(textEditor: SourceFrame.SourcesTextEditor.SourcesTextEditor, url: string): void {
-    let listener = this.listeners.get(textEditor);
-    if (!listener) {
-      listener = this.makeGutterClickHandler(url);
-      this.listeners.set(textEditor, listener);
-    }
-    textEditor.installGutter(LineDecorator.GUTTER_TYPE, false);
-    textEditor.addEventListener(SourceFrame.SourcesTextEditor.Events.GutterClick, listener, this);
-  }
-
-  private uninstallGutter(textEditor: SourceFrame.SourcesTextEditor.SourcesTextEditor): void {
-    textEditor.uninstallGutter(LineDecorator.GUTTER_TYPE);
-    const listener = this.listeners.get(textEditor);
-    if (listener) {
-      textEditor.removeEventListener(SourceFrame.SourcesTextEditor.Events.GutterClick, listener, this);
-      this.listeners.delete(textEditor);
-    }
-  }
-
-  static readonly GUTTER_TYPE = 'CodeMirror-gutter-coverage';
-}
-
-SourceFrame.SourceFrame.registerLineDecorator({
-  lineDecorator: LineDecorator.instance,
-  decoratorType: SourceFrame.SourceFrame.DecoratorType.COVERAGE,
-});