chrome-devtools-frontend 1.0.1376716 → 1.0.1380117

package/front_end/ui/legacy/components/source_frame/BinaryResourceViewFactory.test.ts

@@ -5,6 +5,7 @@
 import * as Common from '../../../../core/common/common.js';
 import type * as Platform from '../../../../core/platform/platform.js';
 import * as TextUtils from '../../../../models/text_utils/text_utils.js';
+import {raf} from '../../../../testing/DOMHelpers.js';
 import {describeWithEnvironment} from '../../../../testing/EnvironmentHelpers.js';
 
 import * as SourceFrame from './source_frame.js';
@@ -30,4 +31,52 @@ describeWithEnvironment('BinaryResourceViewFactory', () => {
     assert.strictEqual(
         await getResourceText(factory.createUtf8View()), 'sending this utf-8 string as a binary message...');
   });
+
+  it('returns the right content for the "copy-to-clipboard" getters', async () => {
+    const base64content = new TextUtils.ContentData.ContentData(
+        'c2VuZGluZyB0aGlzIHV0Zi04IHN0cmluZyBhcyBhIGJpbmFyeSBtZXNzYWdlLi4u', true, '');
+    const factory = new SourceFrame.BinaryResourceViewFactory.BinaryResourceViewFactory(
+        TextUtils.StreamingContentData.StreamingContentData.from(base64content),
+        'http://example.com' as Platform.DevToolsPath.UrlString, Common.ResourceType.resourceTypes.WebSocket);
+
+    assert.strictEqual(factory.base64(), 'c2VuZGluZyB0aGlzIHV0Zi04IHN0cmluZyBhcyBhIGJpbmFyeSBtZXNzYWdlLi4u');
+    assert.strictEqual(
+        factory.hex(),
+        '73656e64696e672074686973207574662d3820737472696e6720617320612062696e617279206d6573736167652e2e2e');
+    assert.strictEqual(factory.utf8(), 'sending this utf-8 string as a binary message...');
+  });
+
+  it('produces views for utf8/base64 that update when the StreamingContentData changes', async () => {
+    const base64content = new TextUtils.ContentData.ContentData(
+        'c2VuZGluZyB0aGlzIHV0Zi04IHN0cmluZyBhcyBhIGJpbmFyeSBtZXNzYWdlLi4u', true, '');
+    const streamingContent = TextUtils.StreamingContentData.StreamingContentData.from(base64content);
+    const factory = new SourceFrame.BinaryResourceViewFactory.BinaryResourceViewFactory(
+        streamingContent, 'http://example.com' as Platform.DevToolsPath.UrlString,
+        Common.ResourceType.resourceTypes.WebSocket);
+
+    const utf8View = factory.createUtf8View();
+    utf8View.markAsRoot();
+    utf8View.show(document.body);
+    const base64View = factory.createBase64View();
+    base64View.markAsRoot();
+    base64View.show(document.body);
+
+    await raf();
+    assert.strictEqual(utf8View.textEditor.state.doc.toString(), 'sending this utf-8 string as a binary message...');
+    assert.strictEqual(
+        base64View.textEditor.state.doc.toString(), 'c2VuZGluZyB0aGlzIHV0Zi04IHN0cmluZyBhcyBhIGJpbmFyeSBtZXNzYWdlLi4u');
+
+    streamingContent.addChunk(window.btoa('\nadded another line'));
+
+    await raf();
+    assert.strictEqual(
+        utf8View.textEditor.state.doc.toString(),
+        'sending this utf-8 string as a binary message...\nadded another line');
+    assert.strictEqual(
+        base64View.textEditor.state.doc.toString(),
+        'c2VuZGluZyB0aGlzIHV0Zi04IHN0cmluZyBhcyBhIGJpbmFyeSBtZXNzYWdlLi4uCmFkZGVkIGFub3RoZXIgbGluZQ==');
+
+    utf8View.detach();
+    base64View.detach();
+  });
 });

package/front_end/ui/legacy/components/source_frame/BinaryResourceViewFactory.ts

@@ -13,63 +13,38 @@ export class BinaryResourceViewFactory {
   private streamingContent: TextUtils.StreamingContentData.StreamingContentData;
   private readonly contentUrl: Platform.DevToolsPath.UrlString;
   private readonly resourceType: Common.ResourceType.ResourceType;
-  private arrayPromise: Promise<Uint8Array>|null;
-  private hexPromise: Promise<string>|null;
-  private utf8Promise: Promise<string>|null;
+
   constructor(
       content: TextUtils.StreamingContentData.StreamingContentData, contentUrl: Platform.DevToolsPath.UrlString,
       resourceType: Common.ResourceType.ResourceType) {
     this.streamingContent = content;
     this.contentUrl = contentUrl;
     this.resourceType = resourceType;
-    this.arrayPromise = null;
-    this.hexPromise = null;
-    this.utf8Promise = null;
   }
 
-  private async fetchContentAsArray(): Promise<Uint8Array> {
-    if (!this.arrayPromise) {
-      this.arrayPromise = new Promise(async resolve => {
-        const fetchResponse = await fetch('data:;base64,' + this.streamingContent.content().base64);
-        resolve(new Uint8Array(await fetchResponse.arrayBuffer()));
-      });
-    }
-    return await this.arrayPromise;
-  }
-
-  async hex(): Promise<string> {
-    if (!this.hexPromise) {
-      this.hexPromise = new Promise(async resolve => {
-        const content = await this.fetchContentAsArray();
-        const hexString = BinaryResourceViewFactory.uint8ArrayToHexString(content);
-        resolve(hexString);
-      });
-    }
-
-    return this.hexPromise;
+  hex(): string {
+    const binaryString = window.atob(this.base64());
+    const array = Uint8Array.from(binaryString, m => m.codePointAt(0) as number);
+    return BinaryResourceViewFactory.#uint8ArrayToHexString(array);
   }
 
   base64(): string {
     return this.streamingContent.content().base64;
   }
 
-  async utf8(): Promise<string> {
-    if (!this.utf8Promise) {
-      this.utf8Promise = new Promise(async resolve => {
-        const content = await this.fetchContentAsArray();
-        const utf8String = new TextDecoder('utf8').decode(content);
-        resolve(utf8String);
-      });
-    }
-
-    return this.utf8Promise;
+  utf8(): string {
+    return new TextUtils.ContentData.ContentData(this.base64(), /* isBase64 */ true, 'text/plain', 'utf-8').text;
   }
 
   createBase64View(): ResourceSourceFrame {
-    return new ResourceSourceFrame(
+    const resourceFrame = new ResourceSourceFrame(
         TextUtils.StaticContentProvider.StaticContentProvider.fromString(
             this.contentUrl, this.resourceType, this.streamingContent.content().base64),
         this.resourceType.canonicalMimeType(), {lineNumbers: false, lineWrapping: true});
+    this.streamingContent.addEventListener(TextUtils.StreamingContentData.Events.CHUNK_ADDED, () => {
+      void resourceFrame.setContent(this.base64());
+    });
+    return resourceFrame;
   }
 
   createHexView(): StreamingContentHexView {
@@ -77,23 +52,25 @@ export class BinaryResourceViewFactory {
   }
 
   createUtf8View(): ResourceSourceFrame {
-    const utf8fn = (): Promise<TextUtils.ContentData.ContentData> =>
-        this.utf8().then(str => new TextUtils.ContentData.ContentData(str, /* isBase64 */ false, 'text/plain'));
-    const utf8ContentProvider =
-        new TextUtils.StaticContentProvider.StaticContentProvider(this.contentUrl, this.resourceType, utf8fn);
-    return new ResourceSourceFrame(
-        utf8ContentProvider, this.resourceType.canonicalMimeType(), {lineNumbers: true, lineWrapping: true});
+    const resourceFrame = new ResourceSourceFrame(
+        TextUtils.StaticContentProvider.StaticContentProvider.fromString(
+            this.contentUrl, this.resourceType, this.utf8()),
+        this.resourceType.canonicalMimeType(), {lineNumbers: true, lineWrapping: true});
+    this.streamingContent.addEventListener(TextUtils.StreamingContentData.Events.CHUNK_ADDED, () => {
+      void resourceFrame.setContent(this.utf8());
+    });
+    return resourceFrame;
   }
 
-  static uint8ArrayToHexString(uint8Array: Uint8Array): string {
+  static #uint8ArrayToHexString(uint8Array: Uint8Array): string {
     let output = '';
     for (let i = 0; i < uint8Array.length; i++) {
-      output += BinaryResourceViewFactory.numberToHex(uint8Array[i], 2);
+      output += BinaryResourceViewFactory.#numberToHex(uint8Array[i], 2);
     }
     return output;
   }
 
-  static numberToHex(number: number, padding: number): string {
+  static #numberToHex(number: number, padding: number): string {
     let hex = number.toString(16);
     while (hex.length < padding) {
       hex = '0' + hex;

package/front_end/ui/legacy/components/source_frame/ImageView.ts

@@ -168,7 +168,7 @@ export class ImageView extends UI.View.SimpleView {
     this.imagePreviewElement.src = imageSrc;
     this.imagePreviewElement.alt = i18nString(UIStrings.imageFromS, {PH1: this.url});
     const size = content.isTextContent ? content.text.length : Platform.StringUtilities.base64ToSize(content.base64);
-    this.sizeLabel.setText(Platform.NumberUtilities.bytesToString(size));
+    this.sizeLabel.setText(i18n.ByteUtilities.bytesToString(size));
     await loadPromise;
     this.dimensionsLabel.setText(i18nString(
         UIStrings.dD, {PH1: this.imagePreviewElement.naturalWidth, PH2: this.imagePreviewElement.naturalHeight}));

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

@@ -100,7 +100,7 @@ export class ImagePreview {
     const content = resource.content ? resource.content : resource.url.split('base64,')[1];
     const contentSize = resource.contentSize();
     const resourceSize = contentSize ? contentSize : Platform.StringUtilities.base64ToSize(content);
-    const resourceSizeText = resourceSize > 0 ? Platform.NumberUtilities.bytesToString(resourceSize) : '';
+    const resourceSizeText = resourceSize > 0 ? i18n.ByteUtilities.bytesToString(resourceSize) : '';
 
     return new Promise(resolve => {
       const imageElement = document.createElement('img');

package/front_end/ui/legacy/textPrompt.css

@@ -55,7 +55,7 @@
 }
 
 .text-prompt.disabled {
-  opacity: 50%;
+  color: var(--sys-color-state-disabled);
   cursor: default;
 }
 

package/front_end/ui/legacy/toolbar.css

@@ -331,10 +331,9 @@ select.toolbar-item {
   height: var(--sys-size-9);
   border-radius: var(--sys-shape-corner-extra-small);
 
-  &:disabled,
-  &:disabled:hover,
-  &:disabled:active,
-  &:disabled:hover:active {
+  &:disabled {
+    opacity: 100%;
+    pointer-events: none;
     background-color: var(--sys-color-state-disabled-container);
     color: var(--sys-color-state-disabled);
 
@@ -389,7 +388,7 @@ select.toolbar-item:focus-visible > * {
     box-shadow: inset 0 0 0 2px var(--sys-color-state-focus-ring);
   }
 
-  &:not(:has(devtools-button:hover)):hover {
+  &:not(:has(devtools-button:hover)):not(.disabled):hover {
     background-color: var(--sys-color-state-hover-on-subtle);
   }
 

package/front_end/ui/visual_logging/KnownContextValues.ts

@@ -211,11 +211,15 @@ export const knownContextValues = new Set([
   '75%',
   '8',
   '9',
+  'Allowed By Exception',
+  'Allowed',
+  'AllowedByException',
   'ArrowDown',
   'ArrowLeft',
   'ArrowRight',
   'ArrowUp',
   'Backspace',
+  'Blocked',
   'CSS',
   'CoLoR',
   'Delete',
@@ -618,6 +622,8 @@ export const knownContextValues = new Set([
   'changes.reveal-source',
   'changes.revert',
   'checked',
+  'chevron-left',
+  'chevron-right',
   'chrome-ai',
   'chrome-android-mobile',
   'chrome-android-mobile-high-end',
@@ -1616,6 +1622,7 @@ export const knownContextValues = new Set([
   'integer-64-bit',
   'integer-8-bit',
   'interactions',
+  'interactivity',
   'interest-groups',
   'internal',
   'internet-explorer-10',
@@ -1829,6 +1836,168 @@ export const knownContextValues = new Set([
   'lighter',
   'lighthouse',
   'lighthouse-show-settings-toolbar',
+  'lighthouse.audit-summary.average',
+  'lighthouse.audit-summary.fail',
+  'lighthouse.audit-summary.informative',
+  'lighthouse.audit-summary.pass',
+  'lighthouse.audit.accesskeys',
+  'lighthouse.audit.aria-allowed-attr',
+  'lighthouse.audit.aria-allowed-role',
+  'lighthouse.audit.aria-command-name',
+  'lighthouse.audit.aria-conditional-attr',
+  'lighthouse.audit.aria-deprecated-role',
+  'lighthouse.audit.aria-dialog-name',
+  'lighthouse.audit.aria-hidden-body',
+  'lighthouse.audit.aria-hidden-focus',
+  'lighthouse.audit.aria-input-field-name',
+  'lighthouse.audit.aria-meter-name',
+  'lighthouse.audit.aria-progressbar-name',
+  'lighthouse.audit.aria-prohibited-attr',
+  'lighthouse.audit.aria-required-attr',
+  'lighthouse.audit.aria-required-children',
+  'lighthouse.audit.aria-required-parent',
+  'lighthouse.audit.aria-roles',
+  'lighthouse.audit.aria-text',
+  'lighthouse.audit.aria-toggle-field-name',
+  'lighthouse.audit.aria-tooltip-name',
+  'lighthouse.audit.aria-treeitem-name',
+  'lighthouse.audit.aria-valid-attr',
+  'lighthouse.audit.aria-valid-attr-value',
+  'lighthouse.audit.bf-cache',
+  'lighthouse.audit.bootup-time',
+  'lighthouse.audit.button-name',
+  'lighthouse.audit.bypass',
+  'lighthouse.audit.canonical',
+  'lighthouse.audit.charset',
+  'lighthouse.audit.color-contrast',
+  'lighthouse.audit.crawlable-anchors',
+  'lighthouse.audit.critical-request-chains',
+  'lighthouse.audit.csp-xss',
+  'lighthouse.audit.cumulative-layout-shift',
+  'lighthouse.audit.custom-controls-labels',
+  'lighthouse.audit.custom-controls-roles',
+  'lighthouse.audit.definition-list',
+  'lighthouse.audit.deprecations',
+  'lighthouse.audit.diagnostics',
+  'lighthouse.audit.dlitem',
+  'lighthouse.audit.doctype',
+  'lighthouse.audit.document-title',
+  'lighthouse.audit.dom-size',
+  'lighthouse.audit.duplicate-id-aria',
+  'lighthouse.audit.duplicated-javascript',
+  'lighthouse.audit.efficient-animated-content',
+  'lighthouse.audit.empty-heading',
+  'lighthouse.audit.errors-in-console',
+  'lighthouse.audit.final-screenshot',
+  'lighthouse.audit.first-contentful-paint',
+  'lighthouse.audit.first-meaningful-paint',
+  'lighthouse.audit.focus-traps',
+  'lighthouse.audit.focusable-controls',
+  'lighthouse.audit.font-display',
+  'lighthouse.audit.font-size',
+  'lighthouse.audit.form-field-multiple-labels',
+  'lighthouse.audit.frame-title',
+  'lighthouse.audit.geolocation-on-start',
+  'lighthouse.audit.heading-order',
+  'lighthouse.audit.hreflang',
+  'lighthouse.audit.html-has-lang',
+  'lighthouse.audit.html-lang-valid',
+  'lighthouse.audit.html-xml-lang-mismatch',
+  'lighthouse.audit.http-status-code',
+  'lighthouse.audit.identical-links-same-purpose',
+  'lighthouse.audit.image-alt',
+  'lighthouse.audit.image-aspect-ratio',
+  'lighthouse.audit.image-redundant-alt',
+  'lighthouse.audit.image-size-responsive',
+  'lighthouse.audit.input-button-name',
+  'lighthouse.audit.input-image-alt',
+  'lighthouse.audit.inspector-issues',
+  'lighthouse.audit.interaction-to-next-paint',
+  'lighthouse.audit.interactive',
+  'lighthouse.audit.interactive-element-affordance',
+  'lighthouse.audit.is-crawlable',
+  'lighthouse.audit.is-on-https',
+  'lighthouse.audit.js-libraries',
+  'lighthouse.audit.label',
+  'lighthouse.audit.label-content-name-mismatch',
+  'lighthouse.audit.landmark-one-main',
+  'lighthouse.audit.largest-contentful-paint',
+  'lighthouse.audit.largest-contentful-paint-element',
+  'lighthouse.audit.layout-shifts',
+  'lighthouse.audit.lcp-lazy-loaded',
+  'lighthouse.audit.legacy-javascript',
+  'lighthouse.audit.link-in-text-block',
+  'lighthouse.audit.link-name',
+  'lighthouse.audit.link-text',
+  'lighthouse.audit.list',
+  'lighthouse.audit.listitem',
+  'lighthouse.audit.logical-tab-order',
+  'lighthouse.audit.long-tasks',
+  'lighthouse.audit.main-thread-tasks',
+  'lighthouse.audit.mainthread-work-breakdown',
+  'lighthouse.audit.managed-focus',
+  'lighthouse.audit.max-potential-fid',
+  'lighthouse.audit.meta-description',
+  'lighthouse.audit.meta-refresh',
+  'lighthouse.audit.meta-viewport',
+  'lighthouse.audit.metrics',
+  'lighthouse.audit.modern-image-formats',
+  'lighthouse.audit.network-requests',
+  'lighthouse.audit.network-rtt',
+  'lighthouse.audit.network-server-latency',
+  'lighthouse.audit.no-document-write',
+  'lighthouse.audit.non-composited-animations',
+  'lighthouse.audit.notification-on-start',
+  'lighthouse.audit.object-alt',
+  'lighthouse.audit.offscreen-content-hidden',
+  'lighthouse.audit.offscreen-images',
+  'lighthouse.audit.paste-preventing-inputs',
+  'lighthouse.audit.prioritize-lcp-image',
+  'lighthouse.audit.redirects',
+  'lighthouse.audit.redirects-http',
+  'lighthouse.audit.render-blocking-resources',
+  'lighthouse.audit.resource-summary',
+  'lighthouse.audit.robots-txt',
+  'lighthouse.audit.screenshot-thumbnails',
+  'lighthouse.audit.script-treemap-data',
+  'lighthouse.audit.select-name',
+  'lighthouse.audit.server-response-time',
+  'lighthouse.audit.skip-link',
+  'lighthouse.audit.speed-index',
+  'lighthouse.audit.structured-data',
+  'lighthouse.audit.tabindex',
+  'lighthouse.audit.table-duplicate-name',
+  'lighthouse.audit.table-fake-caption',
+  'lighthouse.audit.target-size',
+  'lighthouse.audit.td-has-header',
+  'lighthouse.audit.td-headers-attr',
+  'lighthouse.audit.th-has-data-cells',
+  'lighthouse.audit.third-party-cookies',
+  'lighthouse.audit.third-party-facades',
+  'lighthouse.audit.third-party-summary',
+  'lighthouse.audit.total-blocking-time',
+  'lighthouse.audit.total-byte-weight',
+  'lighthouse.audit.unminified-css',
+  'lighthouse.audit.unminified-javascript',
+  'lighthouse.audit.unsized-images',
+  'lighthouse.audit.unused-css-rules',
+  'lighthouse.audit.unused-javascript',
+  'lighthouse.audit.use-landmarks',
+  'lighthouse.audit.user-timings',
+  'lighthouse.audit.uses-http2',
+  'lighthouse.audit.uses-long-cache-ttl',
+  'lighthouse.audit.uses-optimized-images',
+  'lighthouse.audit.uses-passive-event-listeners',
+  'lighthouse.audit.uses-rel-preconnect',
+  'lighthouse.audit.uses-responsive-images',
+  'lighthouse.audit.uses-responsive-images-snapshot',
+  'lighthouse.audit.uses-text-compression',
+  'lighthouse.audit.valid-lang',
+  'lighthouse.audit.valid-source-maps',
+  'lighthouse.audit.video-caption',
+  'lighthouse.audit.viewport',
+  'lighthouse.audit.visual-order-follows-dom',
+  'lighthouse.audit.work-during-interaction',
   'lighthouse.cancel',
   'lighthouse.cat-a11y',
   'lighthouse.cat-best-practices',
@@ -2168,12 +2337,16 @@ export const knownContextValues = new Set([
   'only-show-third-party',
   'opacity',
   'open-ai-settings',
+  'open-elements-panel',
   'open-folder',
   'open-in-animations-panel',
   'open-in-containing-folder',
   'open-in-new-tab',
   'open-link-handler',
   'open-memory-inspector',
+  'open-network-panel',
+  'open-performance-panel',
+  'open-sources-panel',
   'open-using',
   'opened-windows',
   'opera-mac',
@@ -2885,6 +3058,7 @@ export const knownContextValues = new Set([
   'stalled',
   'standard-emulated-device-list',
   'start',
+  'start-new-chat',
   'start-time',
   'start-url',
   'start-view',

package/front_end/ui/visual_logging/LoggingConfig.ts

@@ -2,6 +2,8 @@
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
+import * as Root from '../../core/root/root.js';
+
 import {knownContextValues} from './KnownContextValues.js';
 
 const LOGGING_ATTRIBUTE = 'jslog';
@@ -124,8 +126,10 @@ function checkContextValue(context: string|number|undefined): void {
       reportedUnknownVeContext.has(context)) {
     return;
   }
-  const stack = (new Error().stack || '').split('\n').slice(3).join('\n');
-  console.error(`Unknown VE context: ${context}${stack}`);
+  if (Root.Runtime.Runtime.queryParam('debugFrontend')) {
+    const stack = (new Error().stack || '').split('\n').slice(3).join('\n');
+    console.error(`Unknown VE context: ${context}${stack}`);
+  }
   reportedUnknownVeContext.add(context);
 }
 

package/package.json

@@ -42,7 +42,9 @@
     "test": "vpython3 third_party/node/node.py --output scripts/run_on_target.mjs gen/test/run.js"
   },
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "10.0.0",
+    "@rollup/plugin-node-resolve": "15.3.0",
+    "@rollup/plugin-terser": "0.4.4",
+    "@rollup/wasm-node": "4.24.3",
     "@types/chai": "4.3.15",
     "@types/codemirror": "5.60.7",
     "@types/emscripten": "1.39.4",
@@ -57,7 +59,7 @@
     "@types/webidl2": "23.13.6",
     "@typescript-eslint/eslint-plugin": "5.59.8",
     "@typescript-eslint/parser": "5.59.8",
-    "@web/rollup-plugin-import-meta-assets": "1.0.7",
+    "@web/rollup-plugin-import-meta-assets": "2.2.1",
     "chai": "4.3.4",
     "chokidar": "3.5.2",
     "cssnano": "5.1.14",
@@ -87,9 +89,7 @@
     "puppeteer-core": "23.0.2",
     "recast": "0.20.5",
     "rimraf": "3.0.2",
-    "rollup": "2.79.2",
-    "rollup-plugin-sourcemaps": "0.6.2",
-    "rollup-plugin-terser": "7.0.2",
+    "rollup-plugin-sourcemaps2": "0.4.2",
     "sinon": "18.0.0",
     "source-map-support": "0.5.21",
     "stylelint": "14.2.0",
@@ -103,7 +103,8 @@
     "yargs": "17.3.1"
   },
   "overrides": {
+    "tslib": "2.8.0",
     "ws": "$ws"
   },
-  "version": "1.0.1376716"
+  "version": "1.0.1380117"
 }

package/scripts/build/ninja/bundle.gni

@@ -67,7 +67,7 @@ template("bundle") {
     }
   } else {
     node_action(target_name) {
-      script = "node_modules/rollup/dist/bin/rollup"
+      script = "node_modules/@rollup/wasm-node/dist/bin/rollup"
 
       forward_variables_from(invoker,
                              [
@@ -78,7 +78,7 @@ template("bundle") {
 
       inputs = [
         invoker.entrypoint,
-        devtools_location_prepend + "scripts/build/rollup.config.js",
+        devtools_location_prepend + "scripts/build/rollup.config.mjs",
         devtools_location_prepend + "scripts/build/devtools_plugin.js",
         devtools_location_prepend + "scripts/devtools_paths.js",
       ]
@@ -90,7 +90,7 @@ template("bundle") {
         "--silent",
         "--config",
         rebase_path(
-            devtools_location_prepend + "scripts/build/rollup.config.js",
+            devtools_location_prepend + "scripts/build/rollup.config.mjs",
             root_build_dir),
         "--input",
         rebase_path(invoker.entrypoint, root_build_dir),

package/scripts/build/{rollup.config.js → rollup.config.mjs}

@@ -4,10 +4,10 @@
 
 // @ts-check
 
-import sourcemaps from 'rollup-plugin-sourcemaps';
-import {terser} from 'rollup-plugin-terser';
+import sourcemaps from 'rollup-plugin-sourcemaps2';
+import terser from '@rollup/plugin-terser';
 
-const devtools_plugin = require('./devtools_plugin.js');
+import { devtoolsPlugin } from './devtools_plugin.js';
 
 /** @type {function({configSourcemaps: boolean}): import("rollup").MergedRollupOptions} */
 // eslint-disable-next-line import/no-default-export
@@ -23,7 +23,7 @@ export default commandLineArgs => ({
     {
       name: 'devtools-plugin',
       resolveId(source, importer) {
-        return devtools_plugin.devtoolsPlugin(source, importer);
+        return devtoolsPlugin(source, importer);
       },
     },
     sourcemaps(),

package/scripts/devtools_paths.py

@@ -72,7 +72,8 @@ def typescript_compiler_path():
 
 
 def hosted_mode_script_path():
-    return path.join(devtools_root_path(), 'scripts', 'hosted_mode', 'server.js')
+    return path.join(devtools_root_path(), 'scripts', 'hosted_mode',
+                     'server.js')
 
 
 def esbuild_path():
@@ -94,13 +95,15 @@ def downloaded_chrome_binary_path():
 
 
 def license_checker_path():
-    return path.join(node_modules_path(), 'license-checker', 'bin', 'license-checker')
+    return path.join(node_modules_path(), 'license-checker', 'bin',
+                     'license-checker')
 
 
 def rollup_path():
     return path.join(
         node_modules_path(),
-        'rollup',
+        '@rollup',
+        'wasm-node',
         'dist',
         'bin',
         'rollup',
@@ -116,4 +119,5 @@ def package_json_path():
 
 
 def browser_protocol_path():
-    return path.join(third_party_path(), 'blink', 'public', 'devtools_protocol', 'browser_protocol.pdl')
+    return path.join(third_party_path(), 'blink', 'public',
+                     'devtools_protocol', 'browser_protocol.pdl')

package/scripts/eslint_rules/tests/check_test_definitions_test.js

@@ -72,8 +72,11 @@ ruleTester.run('check_e2e_tests', rule, {
     },
     {
       code: `import {describe, it} from '../../shared/mocha-extensions.js';
-      // Explaining comment
-      describe.skipOnPlatforms(['mac'], '[crbug.com/123456]: e2e-test', async () => {
+
+      describe('e2e-test', async () => {
+        // Explaining comment
+        it.skipOnPlatforms(['mac'], '[crbug.com/123456]: e2e-test', async () => {
+        });
       });
       `,
       filename: 'test/e2e/folder/file.ts',
@@ -152,7 +155,9 @@ ruleTester.run('check_e2e_tests', rule, {
     },
     {
       code: `import {describe, it} from '../../shared/mocha-extensions.js';
-      describe.skipOnPlatforms(['mac'], 'e2e-test', async () => {
+      describe('e2e-test', async () => {
+        it.skipOnPlatforms(['mac'], 'e2e-test', async () => {
+        });
       });
       `,
       filename: 'test/e2e/folder/file.ts',

package/scripts/tools/update_goldens_v2.py

@@ -64,5 +64,5 @@ def build_parser():
 if __name__ == '__main__':
     main(
         ProjectConfig(platforms=['linux', 'mac', 'win64'],
-                      builder_prefix='devtools_frontend',
+                      builder_prefix='dtf',
                       ignore_failed_builders=True), sys.argv[1:])