chrome-devtools-frontend 1.0.1549484 → 1.0.1553956

package/front_end/ui/components/chrome_link/ChromeLink.ts

@@ -1,76 +0,0 @@
-// Copyright 2022 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, @devtools/enforce-custom-element-definitions-location */
-
-import * as Common from '../../../core/common/common.js';
-import * as Host from '../../../core/host/host.js';
-import * as Platform from '../../../core/platform/platform.js';
-import * as SDK from '../../../core/sdk/sdk.js';
-import {html, render} from '../../lit/lit.js';
-import * as VisualLogging from '../../visual_logging/visual_logging.js';
-import * as ComponentHelpers from '../helpers/helpers.js';
-
-import chromeLinkStyles from './chromeLink.css.js';
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'devtools-chrome-link': ChromeLink;
-  }
-}
-
-/**
- * Use this component to render links to 'chrome://...'-URLs
- * (for which regular <x-link>s do not work).
- **/
-export class ChromeLink extends HTMLElement {
-  readonly #shadow = this.attachShadow({mode: 'open'});
-  #href = '';
-
-  connectedCallback(): void {
-    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#render);
-  }
-
-  set href(href: Platform.DevToolsPath.UrlString) {
-    if (!Common.ParsedURL.schemeIs(href, 'chrome:')) {
-      throw new Error('ChromeLink href needs to start with \'chrome://\'');
-    }
-    this.#href = href;
-    void ComponentHelpers.ScheduledRender.scheduleRender(this, this.#render);
-  }
-
-  // Navigating to a chrome:// link via a normal anchor doesn't work, so we "navigate"
-  // there using CDP.
-  #handleClick(event: MouseEvent): void {
-    const rootTarget = SDK.TargetManager.TargetManager.instance().rootTarget();
-    if (rootTarget === null) {
-      return;
-    }
-    const url = this.#href as Platform.DevToolsPath.UrlString;
-    void rootTarget.targetAgent().invoke_createTarget({url}).then(result => {
-      if (result.getError()) {
-        Host.InspectorFrontendHost.InspectorFrontendHostInstance.openInNewTab(url);
-      }
-    });
-    event.consume(true);
-  }
-
-  #render(): void {
-    const urlForContext = new URL(this.#href);
-    urlForContext.search = '';
-    const jslogContext = Platform.StringUtilities.toKebabCase(urlForContext.toString());
-    // clang-format off
-    render(
-      /* x-link doesn't work with custom click/keydown handlers */
-      /* eslint-disable @devtools/no-a-tags-in-lit */
-      html`
-        <style>${chromeLinkStyles}</style>
-        <a href=${this.#href} class="link" target="_blank"
-          jslog=${VisualLogging.link().track({click: true}).context(jslogContext)}
-          @click=${this.#handleClick}><slot></slot></a>
-      `, this.#shadow, {host: this});
-    // clang-format on
-  }
-}
-
-customElements.define('devtools-chrome-link', ChromeLink);

package/front_end/ui/components/chrome_link/chromeLink.css

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

package/front_end/ui/components/chrome_link/chrome_link.ts

@@ -1,9 +0,0 @@
-// Copyright 2022 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 ChromeLink from './ChromeLink.js';
-
-export {
-  ChromeLink,
-};

package/front_end/ui/components/icon_button/Icon.docs.ts

@@ -1,78 +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 Lit from '../../lit/lit.js';
-
-import {Icon} from './icon_button.js';
-
-const {html} = Lit;
-
-export function render(container: HTMLElement): void {
-  const iconTable = document.createElement('table');
-  const header = document.createElement('tr');
-  const th1 = document.createElement('th');
-  th1.textContent = 'Icon description';
-  header.appendChild(th1);
-  const th2 = document.createElement('th');
-  th2.textContent = 'Icon';
-  header.appendChild(th2);
-  iconTable.appendChild(header);
-
-  container.appendChild(iconTable);
-
-  const row1 = document.createElement('tr');
-  const iconDescription1 = document.createElement('td');
-  iconDescription1.textContent = 'Programmatically created with default size and color';
-  row1.appendChild(iconDescription1);
-
-  const icon = Icon.create('select-element');
-  const icon1 = document.createElement('td');
-  icon1.appendChild(icon);
-  row1.appendChild(icon1);
-
-  iconTable.appendChild(row1);
-
-  const row2 = document.createElement('tr');
-  const iconDescription2 = document.createElement('td');
-  iconDescription2.textContent = 'Programmatically created with custom size and color';
-  row2.appendChild(iconDescription2);
-
-  const otherIcon = Icon.create('issue-exclamation-filled');
-  otherIcon.classList.toggle('custom-size-and-color');
-  const icon2 = document.createElement('td');
-  icon2.appendChild(otherIcon);
-  row2.appendChild(icon2);
-
-  iconTable.appendChild(row2);
-
-  const row3 = document.createElement('tr');
-  const iconDescription3 = document.createElement('td');
-  iconDescription3.textContent = 'Created through html template with default size and color';
-  row3.appendChild(iconDescription3);
-
-  const icon3 = document.createElement('td');
-  Lit.render(
-      html`
-          <devtools-icon name="select-element"></devtools-icon>
-        `,
-      icon3);
-  row3.appendChild(icon3);
-
-  iconTable.appendChild(row3);
-
-  const row4 = document.createElement('tr');
-  const iconDescription4 = document.createElement('td');
-  iconDescription4.textContent = 'Created through html template with custom size and color';
-  row4.appendChild(iconDescription4);
-
-  const icon4 = document.createElement('td');
-  Lit.render(
-      html`
-          <devtools-icon name="select-element" class="custom-color small"></devtools-icon>
-        `,
-      icon4);
-  row4.appendChild(icon4);
-
-  iconTable.appendChild(row4);
-}