chrome-devtools-frontend 1.0.1690116 → 1.0.1695017

package/front_end/ui/visual_logging/LoggingDriver.ts

@@ -28,11 +28,11 @@ const noOpThrottler = {
 } as unknown as Common.Throttler.Throttler;
 
 let processingThrottler = noOpThrottler;
-export let keyboardLogThrottler = noOpThrottler;
+export let keyboardLogThrottler: Common.Throttler.Throttler = noOpThrottler;
 let hoverLogThrottler = noOpThrottler;
 let dragLogThrottler = noOpThrottler;
-export let clickLogThrottler = noOpThrottler;
-export let resizeLogThrottler = noOpThrottler;
+export let clickLogThrottler: Common.Throttler.Throttler = noOpThrottler;
+export let resizeLogThrottler: Common.Throttler.Throttler = noOpThrottler;
 
 const mutationObserver = new MutationObserver(scheduleProcessing);
 const resizeObserver = new ResizeObserver(onResizeOrIntersection);

package/front_end/ui/visual_logging/LoggingEvents.ts

@@ -49,8 +49,8 @@ export const logResize = (loggable: Loggable, size: DOMRect): void => {
   processEventForDebugging('Resize', loggingState, {width: Math.round(size.width), height: Math.round(size.height)});
 };
 
-export const logClick = (throttler: Common.Throttler.Throttler) => (
-    loggable: Loggable, event: Event, options?: {doubleClick?: boolean}) => {
+export const logClick = (throttler: Common.Throttler.Throttler) => (loggable: Loggable, event: Event,
+                                                                    options?: {doubleClick?: boolean}): void => {
   const loggingState = getLoggingState(loggable);
   if (!loggingState) {
     return;
@@ -67,7 +67,7 @@ export const logClick = (throttler: Common.Throttler.Throttler) => (
   }, Common.Throttler.Scheduling.DELAYED);
 };
 
-export const logHover = (throttler: Common.Throttler.Throttler) => async (event: Event) => {
+export const logHover = (throttler: Common.Throttler.Throttler) => async(event: Event): Promise<void> => {
   const loggingState = getLoggingState(event.currentTarget as Element);
   assertNotNullOrUndefined(loggingState);
   const hoverEvent: Host.InspectorFrontendHostAPI.HoverEvent = {veid: loggingState.veid};
@@ -77,7 +77,7 @@ export const logHover = (throttler: Common.Throttler.Throttler) => async (event:
   }, Common.Throttler.Scheduling.DELAYED);
 };
 
-export const logDrag = (throttler: Common.Throttler.Throttler) => async (event: Event) => {
+export const logDrag = (throttler: Common.Throttler.Throttler) => async(event: Event): Promise<void> => {
   const loggingState = getLoggingState(event.currentTarget as Element);
   assertNotNullOrUndefined(loggingState);
   const dragEvent: Host.InspectorFrontendHostAPI.DragEvent = {veid: loggingState.veid};
@@ -102,7 +102,7 @@ export async function logChange(loggable: Loggable): Promise<void> {
 let pendingKeyDownContext: string|null = null;
 
 export const logKeyDown = (throttler: Common.Throttler.Throttler) =>
-    async (loggable: Loggable|null, event: Event|null, context?: string) => {
+    async(loggable: Loggable|null, event: Event|null, context?: string): Promise<void> => {
   if (!(event instanceof KeyboardEvent)) {
     return;
   }

package/front_end/ui/visual_logging/LoggingState.ts

@@ -66,7 +66,7 @@ export function registerParentProvider(name: string, provider: ParentProvider):
 }
 
 /** MUST NOT BE EXPORTED */
-const PARENT = Symbol('veParent');
+const PARENT: unique symbol = Symbol('veParent');
 type ElementWithParent = Element&{[PARENT]?: Element};
 registerParentProvider('mapped', (e: ElementWithParent) => e[PARENT]);
 

package/front_end/ui/visual_logging/visual_logging.ts

@@ -56,6 +56,8 @@ export function setHighlightedVe(veKey: string|null): void {
   }
 }
 
+export type VisualElementBuilder = (context?: string) => LoggingConfig.ConfigStringBuilder;
+
 /**
  * Action visual elements are either buttons or menu items that trigger a given action. Use the
  * context to differentiate between different actions, and make sure that buttons and menu items
@@ -63,70 +65,80 @@ export function setHighlightedVe(veKey: string|null): void {
  *
  * Ideally the `action`s context should match the ID of an `UI.ActionRegistration.Action`.
  */
-export const action = LoggingConfig.makeConfigStringBuilder.bind(null, 'Action');
-export const adorner = LoggingConfig.makeConfigStringBuilder.bind(null, 'Adorner');
-export const animationClip = LoggingConfig.makeConfigStringBuilder.bind(null, 'AnimationClip');
-export const badge = LoggingConfig.makeConfigStringBuilder.bind(null, 'Badge');
-export const bezierCurveEditor = LoggingConfig.makeConfigStringBuilder.bind(null, 'BezierCurveEditor');
-export const bezierPresetCategory = LoggingConfig.makeConfigStringBuilder.bind(null, 'BezierPresetCategory');
-export const breakpointMarker = LoggingConfig.makeConfigStringBuilder.bind(null, 'BreakpointMarker');
-export const canvas = LoggingConfig.makeConfigStringBuilder.bind(null, 'Canvas');
-export const close = LoggingConfig.makeConfigStringBuilder.bind(null, 'Close');
-export const colorEyeDropper = LoggingConfig.makeConfigStringBuilder.bind(null, 'ColorEyeDropper');
-export const counter = LoggingConfig.makeConfigStringBuilder.bind(null, 'Counter');
+export const action: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Action');
+export const adorner: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Adorner');
+export const animationClip: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'AnimationClip');
+export const badge: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Badge');
+export const bezierCurveEditor: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'BezierCurveEditor');
+export const bezierPresetCategory: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'BezierPresetCategory');
+export const breakpointMarker: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'BreakpointMarker');
+export const canvas: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Canvas');
+export const close: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Close');
+export const colorEyeDropper: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'ColorEyeDropper');
+export const counter: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Counter');
 /**
  * Visual element to denote a moveable control point such as the ones exist in BezierEditor
  * for bezier control points or keyframes in AnimationUI.
  */
-export const controlPoint = LoggingConfig.makeConfigStringBuilder.bind(null, 'ControlPoint');
-export const cssColorMix = LoggingConfig.makeConfigStringBuilder.bind(null, 'CssColorMix');
-export const cssRuleHeader = LoggingConfig.makeConfigStringBuilder.bind(null, 'CSSRuleHeader');
-export const deviceModeRuler = LoggingConfig.makeConfigStringBuilder.bind(null, 'DeviceModeRuler');
-export const domBreakpoint = LoggingConfig.makeConfigStringBuilder.bind(null, 'DOMBreakpoint');
-export const drawer = LoggingConfig.makeConfigStringBuilder.bind(null, 'Drawer');
-export const dropDown = LoggingConfig.makeConfigStringBuilder.bind(null, 'DropDown');
-export const elementsBreadcrumbs = LoggingConfig.makeConfigStringBuilder.bind(null, 'ElementsBreadcrumbs');
-export const expand = LoggingConfig.makeConfigStringBuilder.bind(null, 'Expand');
-export const filterDropdown = LoggingConfig.makeConfigStringBuilder.bind(null, 'FilterDropdown');
-export const gutter = LoggingConfig.makeConfigStringBuilder.bind(null, 'Gutter');
-export const dialog = LoggingConfig.makeConfigStringBuilder.bind(null, 'Dialog');
-export const item = LoggingConfig.makeConfigStringBuilder.bind(null, 'Item');
-export const key = LoggingConfig.makeConfigStringBuilder.bind(null, 'Key');
+export const controlPoint: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'ControlPoint');
+export const cssColorMix: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'CssColorMix');
+export const cssRuleHeader: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'CSSRuleHeader');
+export const deviceModeRuler: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'DeviceModeRuler');
+export const dialog: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Dialog');
+export const domBreakpoint: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'DOMBreakpoint');
+export const drawer: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Drawer');
+export const dropDown: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'DropDown');
+export const elementsBreadcrumbs: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'ElementsBreadcrumbs');
+export const expand: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Expand');
+export const filterDropdown: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'FilterDropdown');
+export const gutter: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Gutter');
+export const item: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Item');
+export const key: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Key');
 
 /**
  * Visual element to denote a hyper link. Use the context to differentiate between various types
  * of hyperlinks.
  */
-export const link = LoggingConfig.makeConfigStringBuilder.bind(null, 'Link');
+export const link: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Link');
 
-export const mediaInspectorView = LoggingConfig.makeConfigStringBuilder.bind(null, 'MediaInspectorView');
-export const menu = LoggingConfig.makeConfigStringBuilder.bind(null, 'Menu');
-export const metricsBox = LoggingConfig.makeConfigStringBuilder.bind(null, 'MetricsBox');
-export const paletteColorShades = LoggingConfig.makeConfigStringBuilder.bind(null, 'PaletteColorShades');
-export const pane = LoggingConfig.makeConfigStringBuilder.bind(null, 'Pane');
+export const mediaInspectorView: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'MediaInspectorView');
+export const menu: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Menu');
+export const metricsBox: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'MetricsBox');
+export const paletteColorShades: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'PaletteColorShades');
+export const pane: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Pane');
 
 /**
  * Visual element to denote a top level panel, no matter if that panel is shown in the main
  * view or in the drawer. Use the context to differentiate between different panels, but ensure
  * that the context used here matches the context used for its corresponding {@link panelTabHeader}.
  */
-export const panel = LoggingConfig.makeConfigStringBuilder.bind(null, 'Panel');
+export const panel: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Panel');
 
-export const panelTabHeader = LoggingConfig.makeConfigStringBuilder.bind(null, 'PanelTabHeader');
-export const pieChart = LoggingConfig.makeConfigStringBuilder.bind(null, 'PieChart');
-export const pieChartSlice = LoggingConfig.makeConfigStringBuilder.bind(null, 'PieChartSlice');
-export const pieChartTotal = LoggingConfig.makeConfigStringBuilder.bind(null, 'PieChartTotal');
-export const popover = LoggingConfig.makeConfigStringBuilder.bind(null, 'Popover');
-export const preview = LoggingConfig.makeConfigStringBuilder.bind(null, 'Preview');
-export const resizer = LoggingConfig.makeConfigStringBuilder.bind(null, 'Resizer');
-export const responsivePresets = LoggingConfig.makeConfigStringBuilder.bind(null, 'ResponsivePresets');
-export const showStyleEditor = LoggingConfig.makeConfigStringBuilder.bind(null, 'ShowStyleEditor');
-export const slider = LoggingConfig.makeConfigStringBuilder.bind(null, 'Slider');
-export const section = LoggingConfig.makeConfigStringBuilder.bind(null, 'Section');
-export const sectionHeader = LoggingConfig.makeConfigStringBuilder.bind(null, 'SectionHeader');
-export const tableRow = LoggingConfig.makeConfigStringBuilder.bind(null, 'TableRow');
-export const tableCell = LoggingConfig.makeConfigStringBuilder.bind(null, 'TableCell');
-export const tableHeader = LoggingConfig.makeConfigStringBuilder.bind(null, 'TableHeader');
+export const panelTabHeader: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'PanelTabHeader');
+export const pieChart: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'PieChart');
+export const pieChartSlice: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'PieChartSlice');
+export const pieChartTotal: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'PieChartTotal');
+export const popover: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Popover');
+export const preview: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Preview');
+export const resizer: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Resizer');
+export const responsivePresets: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'ResponsivePresets');
+export const showStyleEditor: VisualElementBuilder =
+    LoggingConfig.makeConfigStringBuilder.bind(null, 'ShowStyleEditor');
+export const slider: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Slider');
+export const section: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Section');
+export const sectionHeader: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'SectionHeader');
+export const tableRow: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'TableRow');
+export const tableCell: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'TableCell');
+export const tableHeader: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'TableHeader');
 
 /**
  * Visual element to denote text input fields. Use the context to differentiate between various
@@ -135,8 +147,8 @@ export const tableHeader = LoggingConfig.makeConfigStringBuilder.bind(null, 'Tab
  * For text fields that control `Common.Settings.Setting`s, make sure to use the name of the
  * setting as the visual elements' context.
  */
-export const textField = LoggingConfig.makeConfigStringBuilder.bind(null, 'TextField');
-export const timeline = LoggingConfig.makeConfigStringBuilder.bind(null, 'Timeline');
+export const textField: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'TextField');
+export const timeline: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Timeline');
 
 /**
  * Togglable visual elements are checkboxes, radio buttons, or (binary) combo boxes. Use the
@@ -145,10 +157,9 @@ export const timeline = LoggingConfig.makeConfigStringBuilder.bind(null, 'Timeli
  * For toggles that control `Common.Settings.Setting`s, make sure to use the name of the
  * setting as the toggle context.
  */
-export const toggle = LoggingConfig.makeConfigStringBuilder.bind(null, 'Toggle');
-
-export const toolbar = LoggingConfig.makeConfigStringBuilder.bind(null, 'Toolbar');
-export const toggleSubpane = LoggingConfig.makeConfigStringBuilder.bind(null, 'ToggleSubpane');
-export const tree = LoggingConfig.makeConfigStringBuilder.bind(null, 'Tree');
-export const treeItem = LoggingConfig.makeConfigStringBuilder.bind(null, 'TreeItem');
-export const value = LoggingConfig.makeConfigStringBuilder.bind(null, 'Value');
+export const toggle: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Toggle');
+export const toggleSubpane: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'ToggleSubpane');
+export const toolbar: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Toolbar');
+export const tree: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Tree');
+export const treeItem: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'TreeItem');
+export const value: VisualElementBuilder = LoggingConfig.makeConfigStringBuilder.bind(null, 'Value');

package/inspector_overlay/main.ts

@@ -2,34 +2,34 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-// @ts-expect-error Importing CSS is handled in Rollup.
+// @ts-expect-error Importing CSS is handled during bundling.
 import commonStyle from './common.css';
 import {adoptStyleSheet} from './common.js';
 import {gridStyle} from './highlight_grid_common.js';
-// @ts-expect-error Importing CSS is handled in Rollup.
+// @ts-expect-error Importing CSS is handled during bundling.
 import greenDevAnchorsStyle from './tool_green_dev_anchors.css';
 import {
   type GreenDevAnchorsDispatchMessage,
   GreenDevAnchorsOverlay,
   type GreenDevAnchorsToolMessage,
 } from './tool_green_dev_anchors.js';
-// @ts-expect-error Importing CSS is handled in Rollup.
+// @ts-expect-error Importing CSS is handled during bundling.
 import highlightGridStyle from './tool_grid.css';
-// @ts-expect-error Importing CSS is handled in Rollup.
+// @ts-expect-error Importing CSS is handled during bundling.
 import highlightStyle from './tool_highlight.css';
 import {HighlightOverlay} from './tool_highlight.js';
-// @ts-expect-error Importing CSS is handled in Rollup.
+// @ts-expect-error Importing CSS is handled during bundling.
 import pausedStyle from './tool_paused.css';
 import {PausedOverlay, type PausedToolMessage} from './tool_paused.js';
 import {PersistentOverlay, type PersistentToolMessage} from './tool_persistent.js';
-// @ts-expect-error Importing CSS is handled in Rollup.
+// @ts-expect-error Importing CSS is handled during bundling.
 import screenshotStyle from './tool_screenshot.css';
 import {ScreenshotOverlay, type ScreenshotToolMessage} from './tool_screenshot.js';
-// @ts-expect-error Importing CSS is handled in Rollup.
+// @ts-expect-error Importing CSS is handled during bundling.
 import sourceOrderStyle from './tool_source_order.css';
 import {SourceOrderOverlay} from './tool_source_order.js';
 import {ViewportSizeOverlay} from './tool_viewport_size.js';
-// @ts-expect-error Importing CSS is handled in Rollup.
+// @ts-expect-error Importing CSS is handled during bundling.
 import wcoStyle from './tool_window_controls.css';
 import {WindowControlsOverlay} from './tool_window_controls.js';
 

package/mcp/mcp.ts

@@ -15,7 +15,12 @@ export type * as CDPConnection from '../front_end/core/protocol_client/CDPConnec
 export {ConnectionTransport} from '../front_end/core/protocol_client/ConnectionTransport.js';
 export * as ProtocolClient from '../front_end/core/protocol_client/protocol_client.js';
 export {PuppeteerDevToolsConnection} from '../front_end/core/protocol_client/PuppeteerDevToolsConnection.js';
+export * as CSSMatchedStyles from '../front_end/core/sdk/CSSMatchedStyles.js';
+export * as CSSMetadata from '../front_end/core/sdk/CSSMetadata.js';
 export * as CSSModel from '../front_end/core/sdk/CSSModel.js';
+export * as CSSProperty from '../front_end/core/sdk/CSSProperty.js';
+export * as CSSRule from '../front_end/core/sdk/CSSRule.js';
+export * as CSSStyleDeclaration from '../front_end/core/sdk/CSSStyleDeclaration.js';
 export {DebuggerModel, skipAllPausesSettingDescriptor} from '../front_end/core/sdk/DebuggerModel.js';
 export * as DOMModel from '../front_end/core/sdk/DOMModel.js';
 export * as NetworkManager from '../front_end/core/sdk/NetworkManager.js';

package/package.json

@@ -34,8 +34,6 @@
     "test-health": "node scripts/test_health.ts"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "16.0.3",
-    "@rollup/plugin-terser": "1.0.0",
     "@stylistic/eslint-plugin": "5.10.0",
     "@types/chai": "5.2.3",
     "@types/codemirror": "5.60.17",
@@ -50,7 +48,7 @@
     "@types/yargs-unparser": "2.0.3",
     "@typescript-eslint/rule-tester": "8.64.0",
     "@typescript-eslint/utils": "8.64.0",
-    "@web/rollup-plugin-import-meta-assets": "2.3.3",
+    "@typescript/tsc": "npm:typescript@6.0.2",
     "chai": "6.2.2",
     "cssnano": "8.0.2",
     "cssnano-preset-lite": "5.0.1",
@@ -76,21 +74,17 @@
     "ora": "9.0.0",
     "postcss": "8.5.25",
     "puppeteer-core": "25.3.0",
-    "rollup": "4.60.4",
-    "rollup-plugin-sourcemaps2": "0.5.4",
     "sinon": "22.0.0",
     "source-map-support": "0.5.21",
     "stylelint": "17.14.0",
     "stylelint-config-standard": "40.0.0",
     "svgo": "4.0.2",
-    "terser": "5.48.0",
     "ts-lit-plugin": "2.0.2",
-    "@typescript/tsc": "npm:typescript@6.0.2",
     "typescript": "npm:@typescript/typescript6@6.0.2",
     "typescript-eslint": "8.64.0",
     "uuid": "14.0.0",
     "webidl2": "24.5.0",
     "yargs": "17.7.2"
   },
-  "version": "1.0.1690116"
+  "version": "1.0.1695017"
 }

package/front_end/Images/generate-css-vars.js

@@ -1,52 +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 path from 'node:path';
-
-import {writeIfChanged} from '../../scripts/build/ninja/write-if-changed.js';
-
-const [, , buildTimestamp, targetGenDir, targetName, ...imageSources] = process.argv;
-
-/**
- * @param fileName
- */
-function generateCSSVariableDefinition(fileName) {
-  // The `style` referenced here is the `:root` style rule in the constructed stylesheet down below
-  return `style.setProperty('--image-file-${
-      // We have to remove the `src/` part from any SVG file names for the CSS variables, while
-      // we still use the full URL for the meta.url import. That's because the rollup-plugin-import-meta-assets
-      // rewrites the image URLs to the new location, but doesn't modify the generated CSS variable name
-      fileName.replace('src/', '').replace(path.extname(fileName), '')}', 'url(\\"' + new URL('./${
-      fileName}', import.meta.url).toString() + '\\")');`;
-}
-
-const CURRENT_YEAR = new Date(Number(buildTimestamp) * 1000).getUTCFullYear();
-const newContents = `
-// Copyright ${CURRENT_YEAR} The Chromium Authors
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-const sheet = new CSSStyleSheet();
-sheet.replaceSync(':root {}');
-const style = sheet.cssRules[0].style;
-
-${imageSources.map(generateCSSVariableDefinition).join('\n')}
-
-document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
-`;
-
-writeIfChanged(path.join(targetGenDir, 'Images.prebundle.js'), newContents);
-
-const tsconfigContent = `{
-  "compilerOptions": {
-      "composite": true
-  },
-  "files": [
-      "Images.js"
-  ]
-}
-`;
-
-writeIfChanged(
-    path.join(targetGenDir, `${targetName}-tsconfig.json`),
-    tsconfigContent,
-);

package/front_end/Images/rollup.config.mjs

@@ -1,36 +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 {importMetaAssets} from '@web/rollup-plugin-import-meta-assets';
-import {optimize} from 'svgo';
-
-export default {
-  treeshake: false,
-  output: [{
-    format: 'esm',
-    assetFileNames: '[name][extname]',
-  }],
-  plugins:
-      [
-        importMetaAssets({
-          async transform(assetBuffer, assetPath) {
-            if (assetPath.endsWith('.svg')) {
-              const {data} = await optimize(assetBuffer.toString(), {
-                plugins: [
-                  {
-                    name: 'preset-default',
-                    params: {
-                      overrides: {
-                        inlineStyles: false,
-                      },
-                    },
-                  },
-                ],
-              });
-              return data;
-            }
-            return null;
-          },
-        }),
-      ],
-};

package/front_end/models/ai_assistance/AiOrigins.ts

@@ -1,107 +0,0 @@
-// Copyright 2026 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 type * as Platform from '../../core/platform/platform.js';
-
-/**
- * Returns true if the origin is considered opaque and should be blocked from
- * AI assistance to prevent potential data leakage.
- *
- * @param origin The origin string to check.
- * @returns True if the origin is opaque and blocked.
- * @see https://crbug.com/513732588
- */
-export function isOpaqueOrigin(origin: string): boolean {
-  /**
-   * Origins starting with 'about' (like about:blank or about:srcdoc) are
-   * considered opaque. 'about://' is the sentinel used by DevTools
-   * ParsedURL.securityOrigin() for these.
-   *
-   * We also treat empty origins, 'undefined', and 'null' as opaque to prevent
-   * bypasses when URL parsing fails or variables are uninitialized.
-   */
-  const lower = origin.toLowerCase();
-  return lower === '' || lower === 'null' || lower === 'data:' || lower.startsWith('about') ||
-      lower.startsWith('detached') || lower.startsWith('undefined');
-}
-
-/**
- * Extracts the origin from a context URL or identifier.
- * Handles special cases like "detached" nodes, trace identifiers,
- * opaque blob URLs, and isolates local file paths.
- *
- * @param contextURL The context URL or trace/node identifier.
- * @returns The extracted origin string.
- */
-export function extractContextOrigin(contextURL: string): string {
-  if (isOpaqueOrigin(contextURL)) {
-    return contextURL;
-  }
-  if (contextURL.startsWith('trace-')) {
-    return contextURL;
-  }
-  // If a blob URL has an opaque inner origin (e.g. blob:null/uuid, blob:about:blank),
-  // it won't contain "://". We classify these as opaque ('null') to prevent cross-origin leaks.
-  if (/^blob:/i.test(contextURL)) {
-    const innerURL = contextURL.substring(5);
-    if (!innerURL.includes('://')) {
-      return 'null';
-    }
-  }
-  // Local files collapse to a generic "file://" origin by default. We isolate them
-  // by appending the normalized path, ensuring distinct files are treated as different origins.
-  if (/^file:\/\//i.test(contextURL)) {
-    const parsed = Common.ParsedURL.ParsedURL.fromString(contextURL as Platform.DevToolsPath.UrlString);
-    if (parsed) {
-      // Include host and port (authority) to preserve server names in Windows UNC paths
-      // (e.g. file://server/path) so different network shares are isolated.
-      const authority = parsed.host + (parsed.port ? ':' + parsed.port : '');
-      return 'file://' + authority + parsed.path;
-    }
-    // Fallback to 'null' (opaque) if parsing fails. This prevents malformed file URLs
-    // from bypassing isolation by collapsing to the same 'file://' string.
-    return 'null';
-  }
-  return Common.ParsedURL.ParsedURL.extractOrigin(contextURL as Platform.DevToolsPath.UrlString);
-}
-
-/**
- * Determines if two origins are equivalent and safe to be used together.
- * Opaque origins are never equivalent to anything, not even themselves.
- */
-export function areOriginsEquivalent(origin1: string, origin2: string): boolean {
-  if (isOpaqueOrigin(origin1) || isOpaqueOrigin(origin2)) {
-    return false;
-  }
-  return origin1 === origin2;
-}
-
-/**
- * Validates if the source code contents of a file (identified by targetURL) can be retrieved
- * and shared with the AI, based on the origin of the active trace context.
- *
- * This function handles the following branches:
- * 1. **Opaque origins**: If either the trace origin or target file origin is opaque
- *    (e.g., data URLs, about:blank, sandboxed frames), access is blocked.
- * 2. **Fresh Recordings**: For live page recordings, a strict same-origin comparison
- *    (scheme, host, and port matching) is enforced.
- *
- * @param targetURL The URL of the file to be read.
- * @param traceOrigin The allowed origin of the trace context.
- * @returns true if reading the file is permitted; false otherwise.
- */
-export function canResourceContentsBeReadForTrace(targetURL: string, traceOrigin: string): boolean {
-  // We explicitly block all file:// URLs. While we want to allow users to debug
-  // traces on local sites, allowing file:// access poses security risks (e.g.,
-  // reading local files like /etc/passwd via prompt injection) because file://
-  // origins are not sufficiently isolated from each other in DevTools' origin model.
-  if (traceOrigin.startsWith('file://') || targetURL.startsWith('file://')) {
-    return false;
-  }
-
-  const targetOrigin = extractContextOrigin(targetURL);
-
-  return areOriginsEquivalent(targetOrigin, traceOrigin);
-}

package/front_end/models/live-metrics/web-vitals-injected/rollup.config.mjs

@@ -1,20 +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 terser from '@rollup/plugin-terser';
-
-/**
- * Checks if an env variable is true.
- * @param envVar
- * @returns Whether the flag is 'true' or not.
- */
-function isEnvVarTrue(envVar) {
-  return envVar === 'true';
-}
-
-export default {
-  treeshake: true,
-  output: [{format: 'iife'}],
-  plugins: isEnvVarTrue(process.env.DEBUG_INJECTED) ? [] : [terser()],
-};

package/front_end/panels/recorder/injected/rollup.config.mjs

@@ -1,20 +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.
-
-import terser from '@rollup/plugin-terser';
-
-/**
- * Checks if an env variable is true.
- * @param envVar
- * @returns Whether the flag is 'true' or not.
- */
-function isEnvVarTrue(envVar) {
-  return envVar === 'true';
-}
-
-export default {
-  treeshake: false,
-  output: [{format: 'iife'}],
-  plugins: !isEnvVarTrue(process.env.DEBUG_INJECTED) ? [terser()] : [],
-};

package/front_end/panels/timeline/EasterEgg.d.ts

@@ -1,6 +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.
- **/
-export const SHOULD_SHOW_EASTER_EGG: boolean;

package/front_end/panels/timeline/easter-egg-tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true
-  },
-  "files": [
-    "EasterEgg.js"
-  ]
-}

package/front_end/panels/timeline/enable-easter-egg.js

@@ -1,20 +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 path from 'node:path';
-
-import {writeIfChanged} from '../../../scripts/build/ninja/write-if-changed.js';
-
-const [, , targetGenDir] = process.argv;
-
-let value = 'false';
-
-if (process.argv.includes('--should-enable')) {
-  value = 'true';
-}
-
-await writeIfChanged(
-    path.join(targetGenDir, 'EasterEgg.js'),
-    `export const SHOULD_SHOW_EASTER_EGG = ${value};`,
-);

package/front_end/third_party/acorn/acorn-tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true
-  },
-  "files": [
-    "package/dist/acorn.d.mts",
-    "package/dist/acorn.d.ts",
-    "package/dist/acorn.mjs",
-    "package/dist/acorn.mjs.d.ts",
-    "package/dist/acorn.mjs.map"
-  ]
-}

package/front_end/third_party/acorn/estree-tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true
-  },
-  "files": [
-    "estree-legacy.js"
-  ]
-}

package/front_end/third_party/chromium/client-variations/client-variations-tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true
-  },
-  "files": [
-    "ClientVariations.js"
-  ]
-}