chrome-devtools-frontend 1.0.1545096 → 1.0.1547571

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

@@ -36,7 +36,6 @@
 
 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 type * as Protocol from '../../../../generated/protocol.js';
 import * as StackTrace from '../../../../models/stack_trace/stack_trace.js';
@@ -218,7 +217,7 @@ export function buildStackTraceRows(
 }
 
 function renderStackTraceTable(
-    container: Element, parent: Element,
+    container: Element, parent: Element, expandable: boolean,
     stackTraceRows: Array<StackTraceRegularRow|StackTraceAsyncRow>): HTMLElement[] {
   container.removeChildren();
   const links: HTMLElement[] = [];
@@ -226,20 +225,33 @@ function renderStackTraceTable(
   // The tableSection groups one or more synchronous call frames together.
   // Wherever there is an asynchronous call, a new section is created.
   let tableSection: Element|null = null;
+  let firstRow = true;
   for (const item of stackTraceRows) {
     if (!tableSection || 'asyncDescription' in item) {
       tableSection = container.createChild('tbody');
     }
 
     const row = tableSection.createChild('tr');
-    if ('asyncDescription' in item) {
+    if (firstRow && expandable) {
+      const button = row.createChild('td').createChild('button', 'arrow-icon-button');
+      button.createChild('span', 'arrow-icon');
+      parent.classList.add('expandable');
+      container.classList.add('expandable');
+      button.addEventListener('click', () => {
+        button.setAttribute('jslog', `${VisualLogging.expand().track({click: true})}`);
+        parent.classList.toggle('expanded');
+        container.classList.toggle('expanded');
+      });
+      firstRow = false;
+    } else {
       row.createChild('td').textContent = '\n';
+    }
+    if ('asyncDescription' in item) {
       row.createChild('td', 'stack-preview-async-description').textContent = item.asyncDescription;
       row.createChild('td');
       row.createChild('td');
       row.classList.add('stack-preview-async-row');
     } else {
-      row.createChild('td').textContent = '\n';
       row.createChild('td', 'function-name').textContent = item.functionName;
       row.createChild('td').textContent = ' @ ';
       if (item.link) {
@@ -285,13 +297,13 @@ function renderStackTraceTable(
 export interface Options {
   // 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
   // it can grow the container.
   widthConstrained?: boolean;
   showColumnNumber?: boolean;
+  expandable?: boolean;
 }
 
 export interface StackTraceRegularRow {
@@ -304,8 +316,10 @@ export interface StackTraceAsyncRow {
 }
 
 export class StackTracePreviewContent extends UI.Widget.Widget {
+  #stackTrace?: StackTrace.StackTrace.StackTrace;
   #target?: SDK.Target.Target;
   #linkifier?: Linkifier;
+  #ownedLinkifier?: Linkifier;
   #options: Options;
   #links: HTMLElement[] = [];
 
@@ -316,6 +330,10 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
 
     this.#target = target;
     this.#linkifier = linkifier;
+    if (!this.#linkifier) {
+      this.#ownedLinkifier = new Linkifier();
+      this.#linkifier = this.#ownedLinkifier;
+    }
     this.#options = options || {
       widthConstrained: false,
     };
@@ -325,12 +343,12 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
     this.element.classList.toggle('width-constrained', this.#options.widthConstrained ?? false);
     this.element.style.display = 'inline-block';
 
-    Platform.DOMUtilities.appendStyle(this.element.shadowRoot as ShadowRoot, jsUtilsStyles);
+    UI.DOMUtilities.appendStyle(this.element.shadowRoot as ShadowRoot, jsUtilsStyles);
 
     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.#stackTrace?.addEventListener(StackTrace.StackTrace.Events.UPDATED, this.performUpdate.bind(this));
 
     this.performUpdate();
   }
@@ -340,21 +358,22 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
       return;
     }
 
-    const {runtimeStackTrace, stackTrace, tabStops} = this.#options;
+    const {runtimeStackTrace, tabStops} = this.#options;
 
-    if (stackTrace) {
+    if (this.#stackTrace) {
       const stackTraceRows = buildStackTraceRows(
-          stackTrace, this.#target ?? null, this.#linkifier, tabStops, this.#options.showColumnNumber);
-      this.#links = renderStackTraceTable(this.#table, this.element, stackTraceRows);
+          this.#stackTrace, this.#target ?? null, this.#linkifier, tabStops, this.#options.showColumnNumber);
+      this.#links = renderStackTraceTable(this.#table, this.element, this.#options.expandable ?? false, stackTraceRows);
       return;
     }
 
     // TODO(crbug.com/456517732): remove when all usages of runtimeStackTrace are migrated.
-    const updateCallback = renderStackTraceTable.bind(null, this.#table, this.element);
+    const updateCallback =
+        renderStackTraceTable.bind(null, this.#table, this.element, this.#options.expandable ?? false);
     const stackTraceRows = buildStackTraceRowsForLegacyRuntimeStackTrace(
         runtimeStackTrace ?? {callFrames: []}, this.#target ?? null, this.#linkifier, tabStops, updateCallback,
         this.#options.showColumnNumber);
-    this.#links = renderStackTraceTable(this.#table, this.element, stackTraceRows);
+    this.#links = renderStackTraceTable(this.#table, this.element, this.#options.expandable ?? false, stackTraceRows);
   }
 
   get linkElements(): readonly HTMLElement[] {
@@ -375,4 +394,13 @@ export class StackTracePreviewContent extends UI.Widget.Widget {
     this.#options = options;
     this.requestUpdate();
   }
+
+  set stackTrace(stackTrace: StackTrace.StackTrace.StackTrace) {
+    this.#stackTrace = stackTrace;
+    this.requestUpdate();
+  }
+
+  override onDetach(): void {
+    this.#ownedLinkifier?.dispose();
+  }
 }

package/front_end/ui/legacy/components/utils/jsUtils.css

@@ -99,6 +99,34 @@
   &:not(.show-hidden-rows) > tfoot > tr.show-less-link {
     --display-toggle-link: none;
   }
+
+  .arrow-icon-button {
+    cursor: pointer;
+    padding: 1px 0;
+    border: none;
+    background: none;
+    margin-left: -4px;
+    margin-right: -2px;
+  }
+
+  .arrow-icon {
+    display: inline-block;
+    mask-image: var(--image-file-triangle-right);
+    background-color: var(--icon-default);
+    margin-top: 2px;
+    height: 14px;
+    width: 14px;
+    transition: transform 200ms;
+  }
+
+  &.expanded .arrow-icon{
+    transform: rotate(90deg);
+  }
+
+  &.expandable:not(.expanded) tbody:not(:first-of-type),
+  &.expandable:not(.expanded) tbody tr:not(:first-of-type) {
+    display: none;
+  }
 }
 
 /* The show more/less links aren't really a part of the content

package/front_end/ui/legacy/inspectorCommon.css

@@ -141,7 +141,7 @@ iframe.widget {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.highlighted-search-result,::highlight(highlighted-search-result) {
+.highlighted-search-result,:host::highlight(highlighted-search-result) {
   border-radius: 1px;
   background-color: var(--sys-color-yellow-container);
   outline: 1px solid var(--sys-color-yellow-container);
@@ -326,7 +326,7 @@ input[type='range']:disabled::-webkit-slider-thumb {
   }
 }
 
-.highlighted-search-result.current-search-result,::highlight(current-search-result) {
+.highlighted-search-result.current-search-result,:host::highlight(current-search-result) {
   /* Note: this value is used in light & dark mode */
   --override-current-search-result-background-color: rgb(255 127 0 / 80%);
 

package/front_end/ui/legacy/legacy.ts

@@ -10,6 +10,7 @@ import * as ContextFlavorListener from './ContextFlavorListener.js';
 import * as ContextMenu from './ContextMenu.js';
 import * as Dialog from './Dialog.js';
 import * as DockController from './DockController.js';
+import * as DOMUtilities from './DOMUtilities.js';
 import * as DropTarget from './DropTarget.js';
 import * as EmptyWidget from './EmptyWidget.js';
 import * as FilterBar from './FilterBar.js';
@@ -61,6 +62,7 @@ export {
   ContextMenu,
   Dialog,
   DockController,
+  DOMUtilities,
   DropTarget,
   EmptyWidget,
   FilterBar,

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -1753,6 +1753,7 @@ export const knownContextValues = new Set([
   'grid-column-start',
   'grid-gap',
   'grid-how',
+  'grid-lanes',
   'grid-overlays',
   'grid-row',
   'grid-row-end',
@@ -3218,6 +3219,7 @@ export const knownContextValues = new Set([
   'save-image',
   'save-name',
   'save-player-info',
+  'save-trace-explanation',
   'scale',
   'scheme',
   'sci',

package/front_end/ui/visual_logging/LoggingConfig.ts

@@ -131,7 +131,8 @@ function checkContextValue(context: string|number|undefined): void {
   if (Root.Runtime.Runtime.queryParam('debugFrontend') || Host.InspectorFrontendHost.isUnderTest() ||
       localStorage.getItem('veDebugLoggingEnabled') === DebugLoggingFormat.TEST) {
     const stack = (new Error().stack || '').split('\n').slice(3).join('\n');
-    console.error(`Unknown VE context: ${context}${stack}`);
+    console.error(`Unknown VE context: '${context}'\n${
+        stack}\nPlease add it to front_end/ui/visual_logging/KnownContextValues.ts if you think that's a valid context value.`);
   }
   reportedUnknownVeContext.add(context);
 }

package/inspector_overlay/tool_window_controls.ts

@@ -38,7 +38,10 @@ export class WindowControlsOverlay extends Overlay {
   }
 
   override uninstall() {
-    this.document.body.innerHTML = '';
+    this.windowsToolBar.remove();
+    this.linuxToolBar.remove();
+    this.macToolbarRight.remove();
+    this.macToolbarLeft.remove();
     super.uninstall();
   }
 

package/mcp/mcp.ts

@@ -31,6 +31,6 @@ export {
   type EventTypes as IssuesManagerEventTypes,
   IssuesManager
 } from '../front_end/models/issues_manager/IssuesManager.js';
-export {findTitleFromMarkdownAst} from '../front_end/models/issues_manager/MarkdownIssueDescription.js';
+export * as MarkdownIssueDescription from '../front_end/models/issues_manager/MarkdownIssueDescription.js';
 export * as TraceEngine from '../front_end/models/trace/trace.js';
 export * as Marked from '../front_end/third_party/marked/marked.js';

package/package.json

@@ -21,11 +21,10 @@
     "build": "vpython3 third_party/node/node.py --output scripts/run_build.mjs",
     "check-external-links": "vpython3 third_party/node/node.py --output scripts/check_external_links.js",
     "collect-strings": "vpython3 third_party/node/node.py --output third_party/i18n/collect-strings.js front_end",
-    "components-server": "vpython3 third_party/node/node.py --output scripts/component_server/server.js",
     "debug-webtest": "vpython3 third_party/node/node.py --output scripts/npm_test.js --debug-devtools",
     "generate-protocol-resources": "vpython3 scripts/deps/generate_protocol_resources.py && git cl format --js",
     "install-deps": "vpython3 scripts/deps/manage_node_deps.py",
-    "lint": "vpython3 third_party/node/node.py --output --experimental-strip-types --no-warnings=ExperimentalWarning scripts/test/run_lint_check.mjs",
+    "lint": "vpython3 third_party/node/node.py --output scripts/test/run_lint_check.mjs",
     "prebuild": "gn gen out/Default",
     "rdb": "rdb stream -new -realm chromium:public --",
     "start": "vpython3 third_party/node/node.py --output scripts/run_start.mjs",
@@ -103,5 +102,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1545096"
+  "version": "1.0.1547571"
 }

package/front_end/panels/application/components/StackTrace.ts

@@ -1,239 +0,0 @@
-// Copyright 2021 The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-/* eslint-disable @devtools/no-lit-render-outside-of-view */
-
-import '../../../ui/components/expandable_list/expandable_list.js';
-
-import * as i18n from '../../../core/i18n/i18n.js';
-import type * as SDK from '../../../core/sdk/sdk.js';
-import type * as Protocol from '../../../generated/protocol.js';
-import * as Components from '../../../ui/legacy/components/utils/utils.js';
-import * as Lit from '../../../ui/lit/lit.js';
-import * as VisualLogging from '../../../ui/visual_logging/visual_logging.js';
-
-import stackTraceLinkButtonStyles from './stackTraceLinkButton.css.js';
-import stackTraceRowStyles from './stackTraceRow.css.js';
-
-const {html} = Lit;
-
-const UIStrings = {
-  /**
-   * @description Error message stating that something went wrong when trying to render stack trace
-   */
-  cannotRenderStackTrace: 'Cannot render stack trace',
-  /**
-   * @description A link to show more frames in the stack trace if more are available. Never 0.
-   */
-  showSMoreFrames: '{n, plural, =1 {Show # more frame} other {Show # more frames}}',
-  /**
-   * @description A link to rehide frames that are by default hidden.
-   */
-  showLess: 'Show less',
-  /**
-   * @description Label for a stack trace. If a frame is created programmatically (i.e. via JavaScript), there is a
-   * stack trace for the line of code which caused the creation of the iframe. This is the stack trace we are showing here.
-   */
-  creationStackTrace: 'Frame Creation `Stack Trace`',
-} as const;
-const str_ = i18n.i18n.registerUIStrings('panels/application/components/StackTrace.ts', UIStrings);
-const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-
-export interface StackTraceData {
-  creationStackTraceData: {
-    creationStackTrace: Protocol.Runtime.StackTrace|null,
-    creationStackTraceTarget: SDK.Target.Target|null,
-  };
-  buildStackTraceRows: (
-      stackTrace: Protocol.Runtime.StackTrace,
-      target: SDK.Target.Target|null,
-      linkifier: Components.Linkifier.Linkifier,
-      tabStops: boolean|undefined,
-      updateCallback?: (arg0: Array<Components.JSPresentationUtils.StackTraceRegularRow|
-                                    Components.JSPresentationUtils.StackTraceAsyncRow>) => void,
-      ) => Array<Components.JSPresentationUtils.StackTraceRegularRow|Components.JSPresentationUtils.StackTraceAsyncRow>;
-}
-
-interface StackTraceRowData {
-  stackTraceRowItem: Components.JSPresentationUtils.StackTraceRegularRow;
-}
-
-export class StackTraceRow extends HTMLElement {
-  readonly #shadow = this.attachShadow({mode: 'open'});
-
-  #stackTraceRowItem: Components.JSPresentationUtils.StackTraceRegularRow|null = null;
-
-  set data(data: StackTraceRowData) {
-    this.#stackTraceRowItem = data.stackTraceRowItem;
-    this.#render();
-  }
-
-  #render(): void {
-    if (!this.#stackTraceRowItem) {
-      return;
-    }
-    Lit.render(
-        html`
-      <style>${stackTraceRowStyles}</style>
-      <div class="stack-trace-row">
-              <div class="stack-trace-function-name text-ellipsis" title=${this.#stackTraceRowItem.functionName}>
-                ${this.#stackTraceRowItem.functionName}
-              </div>
-              <div class="stack-trace-source-location">
-                ${
-            this.#stackTraceRowItem.link ?
-                html`<div class="text-ellipsis">\xA0@\xA0${this.#stackTraceRowItem.link}</div>` :
-                Lit.nothing}
-              </div>
-            </div>
-    `,
-        this.#shadow, {host: this});
-  }
-}
-
-interface StackTraceLinkButtonData {
-  onShowAllClick: () => void;
-  hiddenCallFramesCount: number;
-  expandedView: boolean;
-}
-
-export class StackTraceLinkButton extends HTMLElement {
-  readonly #shadow = this.attachShadow({mode: 'open'});
-
-  #onShowAllClick: () => void = () => {};
-  #hiddenCallFramesCount: number|null = null;
-  #expandedView = false;
-
-  set data(data: StackTraceLinkButtonData) {
-    this.#onShowAllClick = data.onShowAllClick;
-    this.#hiddenCallFramesCount = data.hiddenCallFramesCount;
-    this.#expandedView = data.expandedView;
-    this.#render();
-  }
-
-  #render(): void {
-    if (!this.#hiddenCallFramesCount) {
-      return;
-    }
-    const linkText = this.#expandedView ? i18nString(UIStrings.showLess) :
-                                          i18nString(UIStrings.showSMoreFrames, {n: this.#hiddenCallFramesCount});
-    Lit.render(
-        html`
-      <style>${stackTraceLinkButtonStyles}</style>
-      <div class="stack-trace-row">
-          <button class="link" @click=${() => this.#onShowAllClick()}>
-            ${linkText}
-          </button>
-        </div>
-    `,
-        this.#shadow, {host: this});
-  }
-}
-
-export class StackTrace extends HTMLElement {
-  readonly #shadow = this.attachShadow({mode: 'open'});
-  readonly #linkifier = new Components.Linkifier.Linkifier();
-  #stackTraceRows:
-      Array<Components.JSPresentationUtils.StackTraceRegularRow|Components.JSPresentationUtils.StackTraceAsyncRow> = [];
-  #showHidden = false;
-
-  set data(data: StackTraceData) {
-    const {creationStackTrace, creationStackTraceTarget} = data.creationStackTraceData;
-    if (creationStackTrace) {
-      this.#stackTraceRows = data.buildStackTraceRows(
-          creationStackTrace, creationStackTraceTarget, this.#linkifier, true,
-          this.#onStackTraceRowsUpdated.bind(this));
-    }
-    this.#render();
-  }
-
-  #onStackTraceRowsUpdated(
-      stackTraceRows:
-          Array<Components.JSPresentationUtils.StackTraceRegularRow|Components.JSPresentationUtils.StackTraceAsyncRow>):
-      void {
-    this.#stackTraceRows = stackTraceRows;
-    this.#render();
-  }
-
-  #onToggleShowAllClick(): void {
-    this.#showHidden = !this.#showHidden;
-    this.#render();
-  }
-
-  createRowTemplates(): Lit.TemplateResult[] {
-    const expandableRows = [];
-    let hiddenCallFramesCount = 0;
-    for (const item of this.#stackTraceRows) {
-      let ignoreListHide = false;
-      // TODO(crbug.com/1183325): fix race condition with uiLocation still being null here
-      // Note: This has always checked whether the call frame location *in the generated
-      // code* is ignore-listed or not. This can change after the live location updates,
-      // and is handled again in the linkifier live location update callback.
-      if ('link' in item && item.link) {
-        const uiLocation = Components.Linkifier.Linkifier.uiLocation(item.link);
-        ignoreListHide = Boolean(uiLocation?.isIgnoreListed());
-      }
-      if (this.#showHidden || !ignoreListHide) {
-        if ('functionName' in item) {
-          expandableRows.push(html`
-          <devtools-stack-trace-row data-stack-trace-row .data=${{
-            stackTraceRowItem: item,
-          }}></devtools-stack-trace-row>`);
-        }
-        if ('asyncDescription' in item) {
-          expandableRows.push(html`
-            <div>${item.asyncDescription}</div>
-          `);
-        }
-      }
-      if ('functionName' in item && ignoreListHide) {
-        hiddenCallFramesCount++;
-      }
-    }
-    if (hiddenCallFramesCount) {
-      // Disabled until https://crbug.com/1079231 is fixed.
-      // clang-format off
-      expandableRows.push(html`
-      <devtools-stack-trace-link-button data-stack-trace-row .data=${{onShowAllClick: this.#onToggleShowAllClick.bind(this), hiddenCallFramesCount, expandedView: this.#showHidden}}></devtools-stack-trace-link-button>
-      `);
-      // clang-format on
-    }
-
-    return expandableRows;
-  }
-
-  #render(): void {
-    if (!this.#stackTraceRows.length) {
-      // Disabled until https://crbug.com/1079231 is fixed.
-      // clang-format off
-      Lit.render(
-        html`
-          <span>${i18nString(UIStrings.cannotRenderStackTrace)}</span>
-        `,
-        this.#shadow, {host: this});
-      return;
-    }
-
-    const expandableRows = this.createRowTemplates();
-    Lit.render(
-      html`
-        <devtools-expandable-list .data=${{rows: expandableRows, title: i18nString(UIStrings.creationStackTrace)}}
-                                  jslog=${VisualLogging.tree()}>
-        </devtools-expandable-list>
-      `,
-      this.#shadow, {host: this});
-    // clang-format on
-  }
-}
-
-customElements.define('devtools-stack-trace-row', StackTraceRow);
-customElements.define('devtools-stack-trace-link-button', StackTraceLinkButton);
-customElements.define('devtools-resources-stack-trace', StackTrace);
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'devtools-stack-trace-row': StackTraceRow;
-    'devtools-stack-trace-link-button': StackTraceLinkButton;
-    'devtools-resources-stack-trace': StackTrace;
-  }
-}

package/front_end/panels/application/components/stackTraceLinkButton.css

@@ -1,16 +0,0 @@
-/*
- * Copyright 2021 The Chromium Authors
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
-
-button.link {
-  color: var(--sys-color-primary);
-  text-decoration: underline;
-  cursor: pointer;
-  outline-offset: 2px;
-  border: none;
-  background: none;
-  font-family: inherit;
-  font-size: inherit;
-}

package/front_end/panels/application/components/stackTraceRow.css

@@ -1,50 +0,0 @@
-/*
- * Copyright 2021 The Chromium Authors
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
-
-.stack-trace-row {
-  display: flex;
-}
-
-.stack-trace-function-name {
-  width: 100px;
-}
-
-.stack-trace-source-location {
-  display: flex;
-  overflow: hidden;
-}
-
-.text-ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.stack-trace-source-location .text-ellipsis {
-  padding-right: 2px;
-}
-
-.ignore-list-link {
-  opacity: 60%;
-}
-
-.link,
-.devtools-link {
-  color: var(--sys-color-primary);
-  text-decoration: underline;
-  cursor: pointer;
-  outline-offset: 2px;
-  border: none;
-  background: none;
-  font-family: inherit;
-  font-size: var(--sys-size-6);
-
-  &:focus-visible {
-    outline: 2px solid var(--sys-color-state-focus-ring);
-    outline-offset: 0;
-    border-radius: var(--sys-shape-corner-extra-small);
-  }
-}

package/front_end/panels/explain/components/consoleInsightSourcesList.css

@@ -1,51 +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.
- */
-
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-
-:host {
-  display: block;
-}
-
-ul {
-  color: var(--sys-color-primary);
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 18px;
-  margin-top: 8px;
-  padding-left: var(--sys-size-6);
-}
-
-li {
-  list-style-type: none;
-}
-
-ul .link {
-  color: var(--sys-color-primary);
-  display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
-  align-items: center;
-  gap: 4px;
-  text-decoration-line: underline;
-}
-
-devtools-icon {
-  height: 16px;
-  width: 16px;
-  margin-right: var(--sys-size-1);
-}
-
-devtools-icon[name="open-externally"] {
-  color: var(--icon-link);
-}
-
-.source-disclaimer {
-  color: var(--sys-color-on-surface-subtle);
-}

package/front_end/ui/components/docs/README.md

@@ -1,6 +0,0 @@
-# Component Docs
-
-This is the home of all the component server examples in the DevTools Frontend.
-For information on how to add your own and how to run the server, please see the
-[component server `README.md`](../../../../scripts/component_server/README.md).
-