chrome-devtools-frontend 1.0.1538523 → 1.0.1539972

package/front_end/ui/legacy/components/utils/JSPresentationUtils.ts

@@ -39,6 +39,7 @@ 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 type * as Protocol from '../../../../generated/protocol.js';
+import * as StackTrace from '../../../../models/stack_trace/stack_trace.js';
 import * as Workspace from '../../../../models/workspace/workspace.js';
 import * as VisualLogging from '../../../visual_logging/visual_logging.js';
 import * as UI from '../../legacy.js';
@@ -95,7 +96,8 @@ function populateContextMenu(link: Element, event: Event): void {
   void contextMenu.show();
 }
 
-export function buildStackTraceRows(
+// TODO(crbug.com/456517732): remove when all usages of runtimeStackTrace are migrated.
+export function buildStackTraceRowsForLegacyRuntimeStackTrace(
     stackTrace: Protocol.Runtime.StackTrace,
     target: SDK.Target.Target|null,
     linkifier: Linkifier,
@@ -158,6 +160,63 @@ export function buildStackTraceRows(
   return stackTraceRows;
 }
 
+export function buildStackTraceRows(
+    stackTrace: StackTrace.StackTrace.StackTrace,
+    target: SDK.Target.Target|null,
+    linkifier: Linkifier,
+    tabStops: boolean|undefined,
+    showColumnNumber?: boolean,
+    ): Array<StackTraceRegularRow|StackTraceAsyncRow> {
+  const stackTraceRows: Array<StackTraceRegularRow|StackTraceAsyncRow> = [];
+
+  function buildStackTraceRowsHelper(
+      fragment: StackTrace.StackTrace.Fragment|StackTrace.StackTrace.AsyncFragment,
+      previousFragment: StackTrace.StackTrace.Fragment|undefined = undefined): void {
+    let asyncRow: StackTraceAsyncRow|null = null;
+    const isAsync = 'description' in fragment;
+    if (previousFragment && isAsync) {
+      asyncRow = {
+        asyncDescription: UI.UIUtils.asyncStackTraceLabel(
+            fragment.description, previousFragment.frames.map(f => ({functionName: f.name ?? ''}))),
+      };
+      stackTraceRows.push(asyncRow);
+    }
+    let previousStackFrameWasBreakpointCondition = false;
+    for (const frame of fragment.frames) {
+      const functionName = UI.UIUtils.beautifyFunctionName(frame.name ?? '');
+      const link = linkifier.maybeLinkifyStackTraceFrame(target, frame, {
+        showColumnNumber,
+        tabStop: Boolean(tabStops),
+        inlineFrameIndex: 0,
+        revealBreakpoint: previousStackFrameWasBreakpointCondition,
+      });
+      if (link) {
+        link.setAttribute('jslog', `${VisualLogging.link('stack-trace').track({click: true})}`);
+        link.addEventListener('contextmenu', populateContextMenu.bind(null, link));
+
+        if (!link.textContent) {
+          link.textContent = i18nString(UIStrings.unknownSource);
+        }
+      }
+      stackTraceRows.push({functionName, link});
+      previousStackFrameWasBreakpointCondition = [
+        SDK.DebuggerModel.COND_BREAKPOINT_SOURCE_URL,
+        SDK.DebuggerModel.LOGPOINT_SOURCE_URL,
+      ].includes(frame.url ?? '');
+    }
+  }
+
+  buildStackTraceRowsHelper(stackTrace.syncFragment);
+  let previousFragment = stackTrace.syncFragment;
+  for (const asyncFragment of stackTrace.asyncFragments) {
+    if (asyncFragment.frames.length) {
+      buildStackTraceRowsHelper(asyncFragment, previousFragment);
+    }
+    previousFragment = asyncFragment;
+  }
+  return stackTraceRows;
+}
+
 function renderStackTraceTable(
     container: Element, parent: Element,
     stackTraceRows: Array<StackTraceRegularRow|StackTraceAsyncRow>): HTMLElement[] {
@@ -224,7 +283,9 @@ function renderStackTraceTable(
 }
 
 export interface Options {
-  stackTrace?: Protocol.Runtime.StackTrace;
+  // TODO(crbug.com/456517732): remove when all usages of runtimeStackTrace are migrated.
+  runtimeStackTrace?: Protocol.Runtime.StackTrace;
+  stackTrace?: StackTrace.StackTrace.StackTrace;
   tabStops?: boolean;
   // Whether the width of stack trace preview
   // is constrained to its container or whether
@@ -269,6 +330,8 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
     this.#table = this.contentElement.createChild('table', 'stack-preview-container');
     this.#table.classList.toggle('width-constrained', this.#options.widthConstrained ?? false);
 
+    this.#options.stackTrace?.addEventListener(StackTrace.StackTrace.Events.UPDATED, this.performUpdate.bind(this));
+
     this.performUpdate();
   }
 
@@ -277,10 +340,19 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
       return;
     }
 
-    const {stackTrace, tabStops} = this.#options;
+    const {runtimeStackTrace, stackTrace, tabStops} = this.#options;
+
+    if (stackTrace) {
+      const stackTraceRows = buildStackTraceRows(
+          stackTrace, this.#target ?? null, this.#linkifier, tabStops, this.#options.showColumnNumber);
+      this.#links = renderStackTraceTable(this.#table, this.element, stackTraceRows);
+      return;
+    }
+
+    // TODO(crbug.com/456517732): remove when all usages of runtimeStackTrace are migrated.
     const updateCallback = renderStackTraceTable.bind(null, this.#table, this.element);
-    const stackTraceRows = buildStackTraceRows(
-        stackTrace ?? {callFrames: []}, this.#target ?? null, this.#linkifier, tabStops, updateCallback,
+    const stackTraceRows = buildStackTraceRowsForLegacyRuntimeStackTrace(
+        runtimeStackTrace ?? {callFrames: []}, this.#target ?? null, this.#linkifier, tabStops, updateCallback,
         this.#options.showColumnNumber);
     this.#links = renderStackTraceTable(this.#table, this.element, stackTraceRows);
   }

package/front_end/ui/legacy/components/utils/Linkifier.ts

@@ -12,6 +12,7 @@ import * as SDK from '../../../../core/sdk/sdk.js';
 import type * as Protocol from '../../../../generated/protocol.js';
 import * as Bindings from '../../../../models/bindings/bindings.js';
 import * as Breakpoints from '../../../../models/breakpoints/breakpoints.js';
+import type * as StackTrace from '../../../../models/stack_trace/stack_trace.js';
 import * as TextUtils from '../../../../models/text_utils/text_utils.js';
 import type * as Trace from '../../../../models/trace/trace.js';
 import * as Workspace from '../../../../models/workspace/workspace.js';
@@ -341,6 +342,53 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
         callFrame.url as Platform.DevToolsPath.UrlString, callFrame.lineNumber, linkifyOptions);
   }
 
+  maybeLinkifyStackTraceFrame(
+      target: SDK.Target.Target|null, frame: StackTrace.StackTrace.Frame, options?: LinkifyOptions): HTMLElement|null {
+    let fallbackAnchor: HTMLElement|null = null;
+    const linkifyURLOptions: LinkifyURLOptions = {
+      ...options,
+      lineNumber: frame.line,
+      maxLength: this.maxLength,
+      columnNumber: frame.column,
+      showColumnNumber: Boolean(options?.showColumnNumber),
+      className: options?.className,
+      tabStop: options?.tabStop,
+      inlineFrameIndex: options?.inlineFrameIndex ?? 0,
+      userMetric: options?.userMetric,
+      jslogContext: options?.jslogContext || 'script-location',
+      omitOrigin: options?.omitOrigin,
+    };
+    const {className = ''} = linkifyURLOptions;
+    if (frame.url) {
+      fallbackAnchor = Linkifier.linkifyURL(frame.url as Platform.DevToolsPath.UrlString, linkifyURLOptions);
+    }
+    if (!target || target.isDisposed()) {
+      return fallbackAnchor;
+    }
+
+    const createLinkOptions: CreateLinkOptions = {
+      tabStop: options?.tabStop,
+      jslogContext: 'script-location',
+    };
+    const {link, linkInfo} = Linkifier.createLink(
+        fallbackAnchor?.textContent ? fallbackAnchor.textContent : '', className, createLinkOptions);
+    linkInfo.enableDecorator = this.useLinkDecorator;
+    linkInfo.fallback = fallbackAnchor;
+    linkInfo.userMetric = options?.userMetric;
+
+    const linkDisplayOptions: LinkDisplayOptions = {
+      showColumnNumber: linkifyURLOptions.showColumnNumber ?? false,
+      revealBreakpoint: options?.revealBreakpoint,
+    };
+
+    const uiLocation = frame.uiSourceCode?.uiLocation(frame.line, frame.column) ?? null;
+    this.updateAnchorFromUILocation(link, linkDisplayOptions, uiLocation);
+
+    const anchors = (this.anchorsByTarget.get(target) as Element[]);
+    anchors.push(link);
+    return link;
+  }
+
   linkifyStackTraceTopFrame(target: SDK.Target.Target|null, stackTrace: Protocol.Runtime.StackTrace): HTMLElement {
     console.assert(stackTrace.callFrames.length > 0);
 
@@ -459,6 +507,20 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
       return;
     }
 
+    this.#anchorUpdaters.set(anchor, function(this: Linkifier, anchor: HTMLElement) {
+      void this.updateAnchor(anchor, options, liveLocation);
+    });
+    this.updateAnchorFromUILocation(anchor, options, uiLocation);
+  }
+
+  private updateAnchorFromUILocation(
+      anchor: HTMLElement, options: LinkDisplayOptions, uiLocation: Workspace.UISourceCode.UILocation|null): void {
+    if (!uiLocation) {
+      anchor.classList.add('invalid-link');
+      anchor.removeAttribute('role');
+      return;
+    }
+
     Linkifier.bindUILocation(anchor, uiLocation);
     if (options.revealBreakpoint) {
       Linkifier.bindBreakpoint(anchor, uiLocation);
@@ -466,9 +528,6 @@ export class Linkifier extends Common.ObjectWrapper.ObjectWrapper<EventTypes> im
 
     const text = uiLocation.linkText(true /* skipTrim */, options.showColumnNumber);
     Linkifier.setTrimmedText(anchor, text, this.maxLength);
-    this.#anchorUpdaters.set(anchor, function(this: Linkifier, anchor: HTMLElement) {
-      void this.updateAnchor(anchor, options, liveLocation);
-    });
 
     let titleText: string = uiLocation.uiSourceCode.url();
     if (uiLocation.uiSourceCode.mimeType() === 'application/wasm') {

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -809,6 +809,10 @@ export const knownContextValues = new Set([
   'column-rule',
   'column-rule-break',
   'column-rule-color',
+  'column-rule-edge-end-outset',
+  'column-rule-edge-start-outset',
+  'column-rule-interior-end-outset',
+  'column-rule-interior-start-outset',
   'column-rule-outset',
   'column-rule-style',
   'column-rule-visibility-items',
@@ -3163,6 +3167,10 @@ export const knownContextValues = new Set([
   'row-rule',
   'row-rule-break',
   'row-rule-color',
+  'row-rule-edge-end-outset',
+  'row-rule-edge-start-outset',
+  'row-rule-interior-end-outset',
+  'row-rule-interior-start-outset',
   'row-rule-outset',
   'row-rule-style',
   'row-rule-visibility-items',

package/package.json

@@ -102,5 +102,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1538523"
+  "version": "1.0.1539972"
 }

package/front_end/core/protocol_client/NodeURL.ts

@@ -1,42 +0,0 @@
-// Copyright 2018 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Common from '../common/common.js';
-import * as Host from '../host/host.js';
-import type * as Platform from '../platform/platform.js';
-
-export class NodeURL {
-  static patch(object: {
-    url?: string,
-  }): void {
-    process(object, '');
-
-    function process(object: {url?: string}, path: string): void {
-      if (object.url && NodeURL.isPlatformPath(object.url, Host.Platform.isWin())) {
-        // object.url can be of both types: RawPathString and UrlString
-        object.url = Common.ParsedURL.ParsedURL.rawPathToUrlString(object.url as Platform.DevToolsPath.RawPathString);
-      }
-      for (const entry of Object.entries(object)) {
-        const key = entry[0];
-        const value = entry[1];
-        const entryPath = path + '.' + key;
-        if (entryPath !== '.result.result.value' && value !== null && typeof value === 'object') {
-          process(
-              (value as {
-                url: string,
-              }),
-              entryPath);
-        }
-      }
-    }
-  }
-
-  static isPlatformPath(fileSystemPath: string, isWindows: boolean): boolean {
-    if (isWindows) {
-      const re = /^([a-z]:[\/\\]|\\\\)/i;
-      return re.test(fileSystemPath);
-    }
-    return fileSystemPath.length ? fileSystemPath[0] === '/' : false;
-  }
-}

package/front_end/third_party/puppeteer/package/src/templates/version.ts.tmpl

@@ -1,4 +0,0 @@
-/**
- * @internal
- */
-export const packageVersion = 'PACKAGE_VERSION';

package/front_end/ui/components/docs/color_swatch/basic.html

@@ -1,32 +0,0 @@
-<!--
-  Copyright 2020 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Color Swatch example</title>
-    <style>
-      #container {
-        display: flex;
-        flex-wrap: wrap;
-        margin: 0;
-        padding: 0;
-      }
-      #container > li {
-        padding: .5rem;
-        border: 1px solid;
-        margin: 0 .5rem;
-        list-style: none;
-      }
-    </style>
-  </head>
-  <body>
-    <ul id="container">
-    </ul>
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/color_swatch/basic.ts

@@ -1,38 +0,0 @@
-// Copyright 2020 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Common from '../../../../core/common/common.js';
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as InlineEditor from '../../../legacy/components/inline_editor/inline_editor.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-
-function appendExample(swatch: InlineEditor.ColorSwatch.ColorSwatch): void {
-  const li = document.createElement('li');
-  li.appendChild(swatch);
-  document.querySelector('#container')?.appendChild(li);
-}
-
-// Simple
-let component = new InlineEditor.ColorSwatch.ColorSwatch();
-component.renderColor(Common.Color.parse('#f06') as Common.Color.Color);
-appendExample(component);
-
-// No text next to the swatch
-component = new InlineEditor.ColorSwatch.ColorSwatch();
-component.renderColor(Common.Color.parse('gold') as Common.Color.Color);
-let content = document.createElement('span');
-content.textContent = '';
-component.appendChild(content);
-appendExample(component);
-
-// Custom content
-component = new InlineEditor.ColorSwatch.ColorSwatch();
-component.renderColor(Common.Color.parse('rebeccapurple') as Common.Color.Color);
-content = document.createElement('span');
-content.textContent = 'custom content';
-component.appendChild(content);
-appendExample(component);

package/front_end/ui/components/docs/color_swatch/change-color.html

@@ -1,24 +0,0 @@
-<!--
-  Copyright 2020 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Color Swatch picker example</title>
-    <style>
-      #picker {
-        visibility: hidden;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-      <input type="color" id="picker">
-    </div>
-    <script type="module" src="./change-color.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/color_swatch/change-color.ts

@@ -1,28 +0,0 @@
-// Copyright 2020 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Common from '../../../../core/common/common.js';
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as InlineEditor from '../../../legacy/components/inline_editor/inline_editor.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-
-const container = document.querySelector('#container');
-const picker = document.querySelector<HTMLInputElement>('#picker');
-
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-
-const component = new InlineEditor.ColorSwatch.ColorSwatch();
-document.getElementById('container')?.appendChild(component);
-component.renderColor(Common.Color.parse('#f06') as Common.Color.Color);
-container?.insertBefore(component, picker);
-
-picker?.addEventListener('input', e => {
-  const color = Common.Color.parse((e.target as HTMLInputElement).value);
-  if (color) {
-    component.renderColor(color);
-  }
-});
-
-component.addEventListener(InlineEditor.ColorSwatch.ClickEvent.eventName, () => picker?.click());

package/front_end/ui/components/docs/combo_box/basic.html

@@ -1,20 +0,0 @@
-<!--
-  Copyright 2025 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Basic ComboBox example</title>
-  </head>
-  <body>
-
-    <div id="container">
-    </div>
-
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/combo_box/basic.ts

@@ -1,49 +0,0 @@
-// Copyright 2024 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as UI from '../../../legacy/legacy.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-
-await ComponentHelpers.ComponentServerSetup.setup();
-function comboBoxExample({tabIndex, disabled}: {
-  tabIndex: number,
-  disabled: boolean,
-}): HTMLElement {
-  const example = document.createElement('div');
-  example.style.marginTop = '20px';
-  const disabledExplanation = document.createElement('div');
-  const tabbableExplanation = document.createElement('div');
-  const component = UI.UIUtils.createSelect('Select an option', ['Hamster', 'Mouse', 'Cat']);
-  component.disabled = disabled;
-  component.tabIndex = tabIndex;
-  disabledExplanation.textContent = `is disabled? ${component.disabled}`;
-  tabbableExplanation.textContent = `is tabbable? ${component.tabIndex >= 0}`;
-
-  example.appendChild(component);
-  example.appendChild(disabledExplanation);
-  example.appendChild(tabbableExplanation);
-  return example;
-}
-
-function init(): void {
-  const container = document.getElementById('container');
-  if (!container) {
-    return;
-  }
-
-  container.style.padding = '42px 42px';
-  container.style.margin = '42px 42px';
-  container.style.border = '1px solid rgb(0 0 0 / 20%)';
-
-  // Basic
-  container.appendChild(comboBoxExample({tabIndex: 0, disabled: false}));
-
-  // Not tab reachable
-  container.appendChild(comboBoxExample({tabIndex: -1, disabled: false}));
-
-  // Disabled
-  container.appendChild(comboBoxExample({tabIndex: 0, disabled: true}));
-}
-
-init();

package/front_end/ui/components/docs/computed_style_property/basic.html

@@ -1,25 +0,0 @@
-<!--
-  Copyright 2020 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>inherited Computed Style Property example</title>
-    <style>
-      #container {
-        width: 80%;
-        border: 1px solid black;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/computed_style_property/basic.ts

@@ -1,19 +0,0 @@
-
-// Copyright 2020 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Elements from '../../../../panels/elements/components/components.js';
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-
-await FrontendHelpers.initializeGlobalVars();
-
-const component = new Elements.ComputedStyleProperty.ComputedStyleProperty();
-
-document.getElementById('container')?.appendChild(component);
-component.innerHTML = `
-<span slot="name">display</span>
-<span slot="value">block</span>
-  `;
-component.traceable = false;
-component.inherited = true;

package/front_end/ui/components/docs/computed_style_property/traceable.html

@@ -1,25 +0,0 @@
-<!--
-  Copyright 2020 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>traceable Computed Style Property example</title>
-    <style>
-      #container {
-        width: 80%;
-        border: 1px solid black;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-
-    <script type="module" src="./traceable.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/computed_style_property/traceable.ts

@@ -1,16 +0,0 @@
-
-// Copyright 2020 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Elements from '../../../../panels/elements/components/components.js';
-
-const component = new Elements.ComputedStyleProperty.ComputedStyleProperty();
-
-document.getElementById('container')?.appendChild(component);
-component.innerHTML = `
-<span slot="name">display</span>
-<span slot="value">grid</span>
-  `;
-component.traceable = true;
-component.inherited = false;

package/front_end/ui/components/docs/computed_style_trace/basic.html

@@ -1,25 +0,0 @@
-<!--
-  Copyright 2020 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>basic Computed Style Trace example</title>
-    <style>
-      #container {
-        width: 80%;
-        border: 1px solid black;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/computed_style_trace/basic.ts

@@ -1,24 +0,0 @@
-// Copyright 2020 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Elements from '../../../../panels/elements/components/components.js';
-
-const component = new Elements.ComputedStyleTrace.ComputedStyleTrace();
-
-const traceValue = document.createElement('span');
-traceValue.textContent = 'block';
-traceValue.slot = 'trace-value';
-component.appendChild(traceValue);
-
-const traceLink = document.createElement('span');
-traceLink.textContent = 'user agent stylesheet';
-traceLink.slot = 'trace-link';
-component.appendChild(traceLink);
-
-document.getElementById('container')?.appendChild(component);
-component.data = {
-  selector: 'body',
-  active: true,
-  onNavigateToSource: () => {},
-};

package/front_end/ui/components/docs/console_insight/basic.html

@@ -1,28 +0,0 @@
-<!--
-  Copyright 2023 The Chromium Authors
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Basic Console Insight example</title>
-    <style>
-      #container {
-        box-sizing: border-box;
-        border: 1px solid;
-        width: 600px;
-        margin: 1em;
-        padding: 1em;
-        background-color: aqua;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container"></div>
-
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>