npm - chrome-devtools-frontend - Versions diffs - 1.0.1539972 → 1.0.1541552 - Mend

chrome-devtools-frontend 1.0.1539972 → 1.0.1541552

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/front_end/ui/legacy/inspectorCommon.css CHANGED Viewed

@@ -35,7 +35,7 @@ body {
 }
 :focus {
-  outline-width: 0;
+  outline-style: none;
 }
 /* Prevent UA stylesheet from overriding font-family for HTML elements. */
@@ -140,7 +140,8 @@ iframe.widget {
   inset: 0;
 }
-.hidden {
+[hidden],
+.hidden { /* TODO(crbug.com/458299714): remove the class */
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }

package/front_end/ui/visual_logging/KnownContextValues.ts CHANGED Viewed

@@ -3831,6 +3831,7 @@ export const knownContextValues = new Set([
   'timeline.annotation-sidebar.delete',
   'timeline.annotations-tab',
   'timeline.annotations.',
+  'timeline.annotations.ai-generate-label',
   'timeline.annotations.create-entries-link',
   'timeline.annotations.create-entry-label',
   'timeline.annotations.create-entry-link',

package/mcp/mcp.ts CHANGED Viewed

@@ -7,8 +7,10 @@
  * tests added to foundation_unittests. See front_end/core/i18n/BUILD.gn as an
  * example.
  */
+export * as Common from '../front_end/core/common/common.js';
 export * as I18n from '../front_end/core/i18n/i18n.js';
 export {ConnectionTransport} from '../front_end/core/protocol_client/ConnectionTransport.js';
+export * as Foundation from '../front_end/foundation/foundation.js';
 export {
   PerformanceInsightFormatter
 } from '../front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.js';
@@ -16,4 +18,18 @@ export {
   PerformanceTraceFormatter
 } from '../front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.js';
 export {AgentFocus} from '../front_end/models/ai_assistance/performance/AIContext.js';
+export {Issue} from '../front_end/models/issues_manager/Issue.js';
+export {
+  AggregatedIssue,
+  Events as IssueAggregatorEvents,
+  IssueAggregator
+} from '../front_end/models/issues_manager/IssueAggregator.js';
+export {
+  createIssuesFromProtocolIssue,
+  Events as IssuesManagerEvents,
+  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 TraceEngine from '../front_end/models/trace/trace.js';
+export * as Marked from '../front_end/third_party/marked/marked.js';

package/package.json CHANGED Viewed

@@ -62,6 +62,7 @@
     "eslint-plugin-eslint-plugin": "7.0.0",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsdoc": "60.5.0",
+    "eslint-plugin-lit": "2.1.1",
     "eslint-plugin-mocha": "10.5.0",
     "glob": "7.1.7",
     "globals": "16.4.0",
@@ -102,5 +103,5 @@
       "flat-cache": "6.1.12"
     }
   },
-  "version": "1.0.1539972"
+  "version": "1.0.1541552"
 }

package/front_end/ui/components/docs/context_menu/basic.html DELETED Viewed

@@ -1,45 +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>Context menu example</title>
-    <style>
-      body {
-        overflow: auto  !important; /* stylelint-disable-line declaration-no-important */
-      }
-      div:not(.vbox) {
-        width: 500px;
-        padding: 25px;
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        gap: 10px;
-        background-color: var(--sys-color-neutral-container);
-        border-radius: var(--sys-shape-corner-medium);
-        text-align: center;
-        p {
-          vertical-align: middle;
-        }
-      }
-    </style>
-  </head>
-  <body>
-    <header>DevTools menu button (lit-html)</header>
-    <div id="menu-button"></div>
-    <header>Various simple menu items (imperative API)</header>
-    <div id="simple-items"><p>Right-click here</p></div>
-    <header>Custom sections (imperative API)</header>
-    <div id="custom-section"><p>Right-click here</p></div>
-    <header>Sub menu (imperative API)</header>
-    <div id="sub-menu"><p>Right-click here</p></div>
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/linkifier/simple-url.html DELETED Viewed

@@ -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>Linkifier example with URL</title>
-    <style>
-      body {
-        padding: 50px;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-    <script type="module" src="./simple-url.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/linkifier/simple-url.ts DELETED Viewed

@@ -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.
-import type * as Platform from '../../../../core/platform/platform.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-import * as Linkifier from '../../linkifier/linkifier.js';
-await ComponentHelpers.ComponentServerSetup.setup();
-const link = new Linkifier.Linkifier.Linkifier();
-link.data = {
-  url: 'example.com' as Platform.DevToolsPath.UrlString,
-  lineNumber: 11,
-  columnNumber: 1,
-};
-const container = document.getElementById('container');
-container?.addEventListener('linkifieractivated', (event: Event) => {
-  const data = JSON.stringify((event as unknown as {data: unknown}).data, null, 2);
-  alert(`Linkifier click: ${data}`);
-});
-container?.appendChild(link);

package/front_end/ui/components/docs/panel_feedback/basic.html DELETED Viewed

@@ -1,25 +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.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Panel Feedback</title>
-    <style>
-      #container {
-        width: 80%;
-        border: 1px solid black;
-        padding: 10px;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/panel_feedback/basic.ts DELETED Viewed

@@ -1,21 +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.
-import type * as Platform from '../../../../core/platform/platform.js';
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as PanelFeedback from '../../../components/panel_feedback/panel_feedback.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-const component = new PanelFeedback.PanelFeedback.PanelFeedback();
-component.data = {
-  feedbackUrl: 'https://www.example.com' as Platform.DevToolsPath.UrlString,
-  quickStartUrl: 'https://www.example.com' as Platform.DevToolsPath.UrlString,
-  quickStartLinkText: 'Quick start: get started with the Recorder',
-};
-document.getElementById('container')?.appendChild(component);

package/front_end/ui/components/docs/panel_feedback/button.html DELETED Viewed

@@ -1,25 +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.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Feedback button</title>
-    <style>
-      #container {
-        width: 80%;
-        border: 1px solid black;
-        padding: 10px;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-    <script type="module" src="./button.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/panel_feedback/button.ts DELETED Viewed

@@ -1,19 +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.
-import type * as Platform from '../../../../core/platform/platform.js';
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as PanelFeedback from '../../../components/panel_feedback/panel_feedback.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-const component = new PanelFeedback.FeedbackButton.FeedbackButton();
-component.data = {
-  feedbackUrl: 'https://www.example.com' as Platform.DevToolsPath.UrlString,
-};
-document.getElementById('container')?.appendChild(component);

package/front_end/ui/components/docs/panel_introduction_steps/basic.html DELETED Viewed

@@ -1,25 +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.
--->
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>Panel Introduction Steps</title>
-    <style>
-      #container {
-        width: 80%;
-        border: 1px solid black;
-        padding: 10px;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/panel_introduction_steps/basic.ts DELETED Viewed

@@ -1,28 +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 '../../../components/panel_introduction_steps/panel_introduction_steps.js';
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as Lit from '../../../lit/lit.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-const {html} = Lit;
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-const container = document.getElementById('container');
-if (container) {
-  Lit.render(
-      html`
-<devtools-panel-introduction-steps>
-<span slot="title">Get actionable insights on your website's performance</span>
-<span slot="step-1">Record or import a trace into the Performance Insights panel</span>
-<span slot="step-2">Get an overview of your page’s runtime performance</span>
-<span slot="step-3">Identify improvements to your performance via a list of actionable insights</span>
-</devtools-panel-introduction-steps>
-                 `,
-      container, {host: this});
-}

package/front_end/ui/components/docs/perf_piechart/basic-with-legend.html DELETED Viewed

@@ -1,20 +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>PieChart example with a legend</title>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-    <script type="module" src="./basic-with-legend.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/perf_piechart/basic-with-legend.ts DELETED Viewed

@@ -1,20 +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 FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as PerfUI from '../../../legacy/components/perf_ui/perf_ui.js';
-await FrontendHelpers.initializeGlobalVars();
-const chart = new PerfUI.PieChart.PieChart();
-document.getElementById('container')?.appendChild(chart);
-chart.data = {
-  chartName: 'Nice Chart',
-  size: 110,
-  formatter: value => String(value) + ' %',
-  showLegend: true,
-  total: 100,
-  slices: [{value: 75, color: 'crimson', title: 'Filling'}, {value: 25, color: 'burlywood', title: 'Crust'}],
-};

package/front_end/ui/components/docs/perf_piechart/basic-without-legend.html DELETED Viewed

@@ -1,20 +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>PieChart example without a legend</title>
-  </head>
-  <body>
-    <div id="container">
-    </div>
-    <script type="module" src="./basic-without-legend.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/perf_piechart/basic-without-legend.ts DELETED Viewed

@@ -1,18 +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 PerfUI from '../../../legacy/components/perf_ui/perf_ui.js';
-const chart = new PerfUI.PieChart.PieChart();
-document.getElementById('container')?.appendChild(chart);
-chart.data = {
-  chartName: 'Nice Chart',
-  size: 110,
-  formatter: value => String(value) + ' %',
-  showLegend: false,
-  total: 100,
-  slices: [{value: 75, color: 'crimson', title: 'Filling'}, {value: 25, color: 'burlywood', title: 'Crust'}],
-};

package/front_end/ui/components/docs/snackbars/basic.html DELETED Viewed

@@ -1,17 +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>Toast example</title>
-  </head>
-  <body>
-    <div id="container"></div>
-    <script type="module" src="./basic.js"></script>
-  </body>
-</html>

package/front_end/ui/components/docs/snackbars/basic.ts DELETED Viewed

@@ -1,50 +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.
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-import * as Snackbars from '../../snackbars/snackbars.js';
-await FrontendHelpers.initializeGlobalVars();
-await ComponentHelpers.ComponentServerSetup.setup();
-const container = document.getElementById('container');
-if (!container) {
-  throw new Error('No component container found.');
-}
-const onActionClick = (): void => {
-  // eslint-disable-next-line no-console
-  console.log('Action button clicked!');
-};
-const showButton1 = document.createElement('button');
-showButton1.textContent = 'Show Long Action Snackbar';
-showButton1.addEventListener('click', () => {
-  Snackbars.Snackbar.Snackbar.show({
-    message: 'This is a snackbar demonstrating a long action and closable state.',
-    closable: true,
-    actionProperties: {
-      label: 'This is a long action button',
-      title: 'Click here to perform the designated action',
-      onClick: onActionClick,
-    }
-  });
-});
-container.appendChild(showButton1);
-const showButton2 = document.createElement('button');
-showButton2.textContent = 'Show Action Snackbar';
-showButton2.addEventListener('click', () => {
-  Snackbars.Snackbar.Snackbar.show({
-    message: 'This is a snackbar demonstrating an action and closable state.',
-    closable: true,
-    actionProperties: {
-      label: 'Action',
-      title: 'Click here to perform the designated action',
-      onClick: onActionClick,
-    }
-  });
-});
-container.appendChild(showButton2);