chrome-devtools-frontend 1.0.935784 → 1.0.935974

package/config/gni/all_devtools_files.gni

@@ -36,9 +36,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/bindings_test_runner/PersistenceTestRunner.js",
   "front_end/panels/browser_debugger/module.json",
   "front_end/third_party/codemirror/codemirror.css",
-  "front_end/ui/legacy/components/color_picker/module.json",
-  "front_end/ui/legacy/components/color_picker/spectrum.css",
-  "front_end/panels/console_counters/module.json",
   "front_end/legacy_test_runner/console_test_runner/console_test_runner.js",
   "front_end/panels/console/consoleContextSelector.css",
   "front_end/panels/console/consolePinPane.css",
@@ -46,8 +43,6 @@ all_devtools_files = [
   "front_end/panels/console/consoleSidebar.css",
   "front_end/panels/console/consoleView.css",
   "front_end/panels/console/module.json",
-  "front_end/ui/legacy/components/cookie_table/cookiesTable.css",
-  "front_end/ui/legacy/components/cookie_table/module.json",
   "front_end/legacy_test_runner/coverage_test_runner/coverage_test_runner.js",
   "front_end/panels/coverage/module.json",
   "front_end/legacy_test_runner/cpu_profiler_test_runner/cpu_profiler_test_runner.js",
@@ -72,7 +67,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/extensions_test_runner/ExtensionsNetworkTestRunner.js",
   "front_end/legacy_test_runner/extensions_test_runner/ExtensionsTestRunner.js",
   "front_end/legacy_test_runner/heap_profiler_test_runner/heap_profiler_test_runner.js",
-  "front_end/panels/help/module.json",
   "front_end/ui/legacy/components/inline_editor/bezierEditor.css",
   "front_end/ui/legacy/components/inline_editor/bezierSwatch.css",
   "front_end/ui/legacy/components/inline_editor/colorSwatch.css",
@@ -81,7 +75,6 @@ all_devtools_files = [
   "front_end/ui/legacy/components/inline_editor/fontEditor.css",
   "front_end/ui/legacy/components/inline_editor/module.json",
   "front_end/ui/legacy/components/inline_editor/swatchPopover.css",
-  "front_end/panels/input/module.json",
   "front_end/entrypoints/inspector_main/module.json",
   "front_end/entrypoints/inspector_main/nodeIcon.css",
   "front_end/entrypoints/inspector_main/renderingOptions.css",
@@ -176,7 +169,6 @@ all_devtools_files = [
   "front_end/legacy_test_runner/sdk_test_runner/sdk_test_runner.js",
   "front_end/legacy_test_runner/security_test_runner/security_test_runner.js",
   "front_end/panels/security/module.json",
-  "front_end/panels/settings/module.json",
   "front_end/entrypoints/shell/shell.json",
   "front_end/ui/legacy/components/source_frame/fontView.css",
   "front_end/ui/legacy/components/source_frame/imageView.css",
@@ -239,8 +231,6 @@ all_devtools_files = [
   "front_end/ui/legacy/toolbar.css",
   "front_end/ui/legacy/treeoutline.css",
   "front_end/ui/legacy/viewContainers.css",
-  "front_end/panels/web_audio/module.json",
-  "front_end/panels/webauthn/module.json",
 ]
 
 lighthouse_locale_files = [

package/config/gni/devtools_grd_files.gni

@@ -373,10 +373,8 @@ grd_files_release_sources = [
   "front_end/panels/event_listeners/event_listeners_module.js",
   "front_end/panels/help/help-meta.js",
   "front_end/panels/help/help.js",
-  "front_end/panels/help/help_module.js",
   "front_end/panels/input/input-meta.js",
   "front_end/panels/input/input.js",
-  "front_end/panels/input/input_module.js",
   "front_end/panels/issues/components/components.js",
   "front_end/panels/issues/issues-meta.js",
   "front_end/panels/issues/issues.js",
@@ -435,7 +433,6 @@ grd_files_release_sources = [
   "front_end/panels/settings/settings-legacy.js",
   "front_end/panels/settings/settings-meta.js",
   "front_end/panels/settings/settings.js",
-  "front_end/panels/settings/settings_module.js",
   "front_end/panels/snippets/snippets-legacy.js",
   "front_end/panels/snippets/snippets.js",
   "front_end/panels/sources/sources-legacy.js",
@@ -452,10 +449,8 @@ grd_files_release_sources = [
   "front_end/panels/web_audio/web_audio-legacy.js",
   "front_end/panels/web_audio/web_audio-meta.js",
   "front_end/panels/web_audio/web_audio.js",
-  "front_end/panels/web_audio/web_audio_module.js",
   "front_end/panels/webauthn/webauthn-meta.js",
   "front_end/panels/webauthn/webauthn.js",
-  "front_end/panels/webauthn/webauthn_module.js",
   "front_end/third_party/acorn-loose/acorn-loose.js",
   "front_end/third_party/acorn/acorn.js",
   "front_end/third_party/chromium/client-variations/client-variations.js",
@@ -506,10 +501,8 @@ grd_files_release_sources = [
   "front_end/ui/components/tree_outline/tree_outline.js",
   "front_end/ui/legacy/components/color_picker/color_picker-legacy.js",
   "front_end/ui/legacy/components/color_picker/color_picker.js",
-  "front_end/ui/legacy/components/color_picker/color_picker_module.js",
   "front_end/ui/legacy/components/cookie_table/cookie_table-legacy.js",
   "front_end/ui/legacy/components/cookie_table/cookie_table.js",
-  "front_end/ui/legacy/components/cookie_table/cookie_table_module.js",
   "front_end/ui/legacy/components/data_grid/data_grid-legacy.js",
   "front_end/ui/legacy/components/data_grid/data_grid.js",
   "front_end/ui/legacy/components/inline_editor/inline_editor-legacy.js",
@@ -1494,7 +1487,9 @@ grd_files_debug_sources = [
   "front_end/ui/legacy/components/color_picker/ContrastInfo.js",
   "front_end/ui/legacy/components/color_picker/ContrastOverlay.js",
   "front_end/ui/legacy/components/color_picker/Spectrum.js",
+  "front_end/ui/legacy/components/color_picker/spectrum.css.js",
   "front_end/ui/legacy/components/cookie_table/CookiesTable.js",
+  "front_end/ui/legacy/components/cookie_table/cookiesTable.css.js",
   "front_end/ui/legacy/components/data_grid/DataGrid.js",
   "front_end/ui/legacy/components/data_grid/ShowMoreDataGridNode.js",
   "front_end/ui/legacy/components/data_grid/SortableDataGrid.js",

package/front_end/core/i18n/locales/en-US.json

@@ -2681,9 +2681,6 @@
   "panels/application/BackForwardCacheView.ts | circumstantialExplanation": {
     "message": "These reasons are not actionable i.e. caching was prevented by something outside of the direct control of the page."
   },
-  "panels/application/BackForwardCacheView.ts | lastMainFrameNavigation": {
-    "message": "Last Main Frame Navigation"
-  },
   "panels/application/BackForwardCacheView.ts | mainFrame": {
     "message": "Main Frame"
   },
@@ -2699,6 +2696,9 @@
   "panels/application/BackForwardCacheView.ts | restoredFromBFCache": {
     "message": "Restored from back-forward cache"
   },
+  "panels/application/BackForwardCacheView.ts | runTest": {
+    "message": "Run Test"
+  },
   "panels/application/BackForwardCacheView.ts | supportPending": {
     "message": "Pending Support"
   },

package/front_end/core/i18n/locales/en-XL.json

@@ -2681,9 +2681,6 @@
   "panels/application/BackForwardCacheView.ts | circumstantialExplanation": {
     "message": "T̂h́êśê ŕêáŝón̂ś âŕê ńôt́ âćt̂íôńâb́l̂é î.é. ĉáĉh́îńĝ ẃâś p̂ŕêv́êńt̂éd̂ b́ŷ śôḿêt́ĥín̂ǵ ôút̂śîd́ê óf̂ t́ĥé d̂ír̂éĉt́ ĉón̂t́r̂ól̂ óf̂ t́ĥé p̂áĝé."
   },
-  "panels/application/BackForwardCacheView.ts | lastMainFrameNavigation": {
-    "message": "L̂áŝt́ M̂áîń F̂ŕâḿê Ńâv́îǵât́îón̂"
-  },
   "panels/application/BackForwardCacheView.ts | mainFrame": {
     "message": "M̂áîń F̂ŕâḿê"
   },
@@ -2699,6 +2696,9 @@
   "panels/application/BackForwardCacheView.ts | restoredFromBFCache": {
     "message": "R̂éŝt́ôŕêd́ f̂ŕôḿ b̂áĉḱ-f̂ór̂ẃâŕd̂ ćâćĥé"
   },
+  "panels/application/BackForwardCacheView.ts | runTest": {
+    "message": "R̂ún̂ T́êśt̂"
+  },
   "panels/application/BackForwardCacheView.ts | supportPending": {
     "message": "P̂én̂d́îńĝ Śûṕp̂ór̂t́"
   },

package/front_end/core/sdk/ConsoleModel.ts

@@ -84,7 +84,6 @@ export class ConsoleModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
   #violationsInternal: number;
   #pageLoadSequenceNumber: number;
   readonly #targetListeners: WeakMap<Target, Common.EventTarget.EventDescriptor[]>;
-  #consoleGroupMessageStack: ConsoleMessage[] = [];
 
   private constructor() {
     super();
@@ -276,7 +275,6 @@ export class ConsoleModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
       message = call.args[0].description;
     }
     const callFrame = call.stackTrace && call.stackTrace.callFrames.length ? call.stackTrace.callFrames[0] : null;
-    const groupParent = this.#consoleGroupMessageStack[this.#consoleGroupMessageStack.length - 1];
     const details = {
       type: call.type,
       url: callFrame?.url,
@@ -287,20 +285,9 @@ export class ConsoleModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
       timestamp: call.timestamp,
       executionContextId: call.executionContextId,
       context: call.context,
-      groupParent,
-      groupChildren: [],
     };
     const consoleMessage =
         new ConsoleMessage(runtimeModel, FrontendMessageSource.ConsoleAPI, level, (message as string), details);
-    if (call.type === Protocol.Runtime.ConsoleAPICalledEventType.StartGroup) {
-      this.#consoleGroupMessageStack.push(consoleMessage);
-    }
-    if (call.type === Protocol.Runtime.ConsoleAPICalledEventType.EndGroup) {
-      this.#consoleGroupMessageStack.pop();
-    }
-    if (groupParent && call.type !== Protocol.Runtime.ConsoleAPICalledEventType.EndGroup) {
-      groupParent.groupChildren?.push(consoleMessage);
-    }
     this.addMessage(consoleMessage);
   }
 
@@ -392,7 +379,6 @@ export class ConsoleModel extends Common.ObjectWrapper.ObjectWrapper<EventTypes>
 
   private clear(): void {
     this.#messagesInternal = [];
-    this.#consoleGroupMessageStack = [];
     this.#messageByExceptionId.clear();
     this.#errorsInternal = 0;
     this.#warningsInternal = 0;
@@ -518,8 +504,6 @@ export interface ConsoleMessageDetails {
   workerId?: string;
   context?: string;
   affectedResources?: AffectedResources;
-  groupParent?: ConsoleMessage;
-  groupChildren?: ConsoleMessage[];
   category?: Protocol.Log.LogEntryCategory;
 }
 
@@ -543,8 +527,6 @@ export class ConsoleMessage {
   #pageLoadSequenceNumber?: number = undefined;
   #exceptionId?: number = undefined;
   #affectedResources?: AffectedResources;
-  groupParent?: ConsoleMessage;
-  groupChildren?: Array<ConsoleMessage>;
   category?: Protocol.Log.LogEntryCategory;
 
   constructor(
@@ -565,8 +547,6 @@ export class ConsoleMessage {
     this.scriptId = details?.scriptId;
     this.workerId = details?.workerId;
     this.#affectedResources = details?.affectedResources;
-    this.groupParent = details?.groupParent;
-    this.groupChildren = details?.groupChildren;
     this.category = details?.category;
 
     if (!this.#executionContextId && this.#runtimeModelInternal) {

package/front_end/entrypoints/devtools_app/devtools_app.json

@@ -8,11 +8,9 @@
     { "name": "panels/lighthouse" },
     { "name": "panels/browser_debugger" },
     { "name": "panels/css_overview" },
-    { "name": "ui/legacy/components/cookie_table" },
     { "name": "panels/elements" },
     { "name": "emulated_devices" },
     { "name": "panels/issues" },
-    { "name": "panels/help" },
     { "name": "panels/layers" },
     { "name": "panels/layer_viewer" },
     { "name": "panels/network" },
@@ -20,8 +18,6 @@
     { "name": "panels/application" },
     { "name": "panels/security" },
     { "name": "panels/timeline" },
-    { "name": "panels/web_audio" },
-    { "name": "panels/webauthn"},
     { "name": "panels/media" }
   ],
   "extends": "shell"

package/front_end/entrypoints/shell/shell.json

@@ -1,19 +1,15 @@
 {
   "modules": [
-    { "name": "panels/console_counters", "type": "autostart" },
     { "name": "entrypoints/main", "type": "autostart" },
     { "name": "ui/legacy", "type": "autostart" },
 
-    { "name": "ui/legacy/components/color_picker" },
     { "name": "panels/console" },
     { "name": "panels/coverage" },
     { "name": "panels/event_listeners" },
     { "name": "ui/legacy/components/inline_editor" },
-    { "name": "panels/input"},
     { "name": "ui/legacy/components/perf_ui" },
     { "name": "panels/profiler" },
     { "name": "panels/protocol_monitor"},
-    { "name": "panels/settings" },
     { "name": "ui/legacy/components/source_frame" },
     { "name": "panels/sources" },
     { "name": "ui/legacy/components/text_editor" }

package/front_end/entrypoints/worker_app/worker_app.json

@@ -3,9 +3,7 @@
     { "name": "panels/mobile_throttling", "type": "autostart"  },
 
     { "name": "panels/browser_debugger" },
-    { "name": "ui/legacy/components/cookie_table" },
     { "name": "panels/elements" },
-    { "name": "panels/help" },
     { "name": "panels/issues" },
     { "name": "panels/layer_viewer" },
     { "name": "panels/network" },

package/front_end/panels/application/BackForwardCacheView.ts

@@ -4,6 +4,7 @@
 
 import type * as Platform from '../../core/platform/platform.js';
 import * as i18n from '../../core/i18n/i18n.js';
+import * as Buttons from '../../ui/components/buttons/buttons.js';
 import * as SDK from '../../core/sdk/sdk.js';
 import * as LitHtml from '../../ui/lit-html/lit-html.js';
 import * as ReportView from '../../ui/components/report_view/report_view.js';
@@ -19,10 +20,6 @@ const UIStrings = {
    * @description Title text in Back-forward Cache view of the Application panel
    */
   mainFrame: 'Main Frame',
-  /**
-   * @description Section header text in Back-forward Cache view of the Application panel
-   */
-  lastMainFrameNavigation: 'Last Main Frame Navigation',
   /**
    * @description Title text in Back-forward Cache view of the Application panel
    */
@@ -83,6 +80,10 @@ const UIStrings = {
    * of chrome they will not prevent back-forward cache usage anymore.
    */
   supportPending: 'Pending Support',
+  /**
+   * @description Button name for showing whether BFCache is available in the pages.
+   */
+  runTest: 'Run Test',
   /**
    * @description Explanation for 'pending support' items which prevent the page from being eligible
    * for back-forward cache.
@@ -131,6 +132,48 @@ export class BackForwardCacheView extends UI.ThrottledWidget.ThrottledWidget {
     return this.getMainResourceTreeModel()?.mainFrame || null;
   }
 
+  private async goBackOneHistoryEntry(): Promise<void> {
+    SDK.TargetManager.TargetManager.instance().removeModelListener(
+        SDK.ResourceTreeModel.ResourceTreeModel, SDK.ResourceTreeModel.Events.FrameNavigated,
+        this.goBackOneHistoryEntry, this);
+    const mainTarget = SDK.TargetManager.TargetManager.instance().mainTarget();
+    if (!mainTarget) {
+      return;
+    }
+    const resourceTreeModel = mainTarget.model(SDK.ResourceTreeModel.ResourceTreeModel);
+    if (!resourceTreeModel) {
+      return;
+    }
+    const historyResults = await resourceTreeModel.navigationHistory();
+    if (!historyResults) {
+      return;
+    }
+    resourceTreeModel.navigateToHistoryEntry(historyResults.entries[historyResults.currentIndex - 1]);
+  }
+
+  private async navigateAwayAndBack(): Promise<void> {
+    // Checking BFCache Compatibility
+
+    const mainTarget = SDK.TargetManager.TargetManager.instance().mainTarget();
+    if (!mainTarget) {
+      return;
+    }
+    const resourceTreeModel = mainTarget.model(SDK.ResourceTreeModel.ResourceTreeModel);
+
+    if (resourceTreeModel) {
+      // This event is removed by inside of goBackOneHistoryEntry().
+      SDK.TargetManager.TargetManager.instance().addModelListener(
+          SDK.ResourceTreeModel.ResourceTreeModel, SDK.ResourceTreeModel.Events.FrameNavigated,
+          this.goBackOneHistoryEntry, this);
+
+      // We can know whether the current page can use BFCache
+      // as the browser navigates to another unrelated page and goes back to the current page.
+      // We chose "chrome://version" because it must be cross-site.
+      // Ideally, We want to have our own testing page like "chrome: //bfcache-test".
+      resourceTreeModel.navigate('chrome://version/');
+    }
+  }
+
   private renderMainFrameInformation(mainFrame: SDK.ResourceTreeModel.ResourceTreeFrame|null): LitHtml.TemplateResult {
     if (!mainFrame) {
       return LitHtml.html`<${ReportView.ReportView.ReportKey.litTagName}>${i18nString(UIStrings.mainFrame)}</${
@@ -140,8 +183,13 @@ export class BackForwardCacheView extends UI.ThrottledWidget.ThrottledWidget {
       </${ReportView.ReportView.ReportValue.litTagName}>`;
     }
     return LitHtml.html`
-      <${ReportView.ReportView.ReportSectionHeader.litTagName}>${i18nString(UIStrings.lastMainFrameNavigation)}</${
-        ReportView.ReportView.ReportSectionHeader.litTagName}>
+      <${ReportView.ReportView.ReportSectionHeader.litTagName}>
+      <${Buttons.Button.Button.litTagName}
+            .variant=${Buttons.Button.Variant.PRIMARY}
+            @click=${this.navigateAwayAndBack}>
+            ${i18nString(UIStrings.runTest)}
+      </${Buttons.Button.Button.litTagName}>
+      </${ReportView.ReportView.ReportSectionHeader.litTagName}>
       <${ReportView.ReportView.ReportKey.litTagName}>${i18nString(UIStrings.url)}</${
         ReportView.ReportView.ReportKey.litTagName}>
       <${ReportView.ReportView.ReportValue.litTagName}>${mainFrame.url}</${

package/front_end/panels/application/module.json

@@ -1,7 +1,6 @@
 {
   "dependencies": [
     "ui/legacy/components/source_frame",
-    "ui/legacy/components/cookie_table",
     "ui/legacy/components/inline_editor",
     "ui/legacy",
     "ui/legacy/components/perf_ui",

package/front_end/panels/console/ConsoleFilter.ts

@@ -68,7 +68,7 @@ export class ConsoleFilter {
     }
 
     if (message.type === SDK.ConsoleModel.FrontendMessageType.Command ||
-        message.type === SDK.ConsoleModel.FrontendMessageType.Result) {
+        message.type === SDK.ConsoleModel.FrontendMessageType.Result || message.isGroupMessage()) {
       return true;
     }
     if (message.level && !this.levelsMask[message.level as string]) {

package/front_end/panels/console/ConsoleViewMessage.ts

@@ -1057,25 +1057,8 @@ export class ConsoleViewMessage implements ConsoleViewportElement {
   }
 
   matchesFilterText(filter: string): boolean {
-    return ConsoleViewMessage.recursivelyTestParentConsoleMessage(this.message, filter) ||
-        ConsoleViewMessage.recursivelyTestChildrenConsoleMessage(this.message, filter);
-  }
-
-  static recursivelyTestParentConsoleMessage(consoleMessage: SDK.ConsoleModel.ConsoleMessage, filterString: string):
-      boolean {
-    const doesFilterMatchText = consoleMessage.messageText.toLowerCase().includes(filterString.toLowerCase());
-    const doesParentMatchText = consoleMessage.groupParent &&
-        ConsoleViewMessage.recursivelyTestParentConsoleMessage(consoleMessage.groupParent, filterString);
-    return Boolean(doesFilterMatchText || doesParentMatchText);
-  }
-
-  static recursivelyTestChildrenConsoleMessage(consoleMessage: SDK.ConsoleModel.ConsoleMessage, filterString: string):
-      boolean {
-    const doesFilterMatchChildren = consoleMessage.groupChildren?.some(childMessage => {
-      const filterMatch = childMessage.messageText.toLowerCase().includes(filterString.toLowerCase());
-      return filterMatch || ConsoleViewMessage.recursivelyTestChildrenConsoleMessage(childMessage, filterString);
-    });
-    return Boolean(doesFilterMatchChildren);
+    const text = this.contentElement().deepTextContent();
+    return text.toLowerCase().includes(filter.toLowerCase());
   }
 
   updateTimestamp(): void {

package/front_end/panels/console_counters/console_counters-meta.ts

@@ -2,7 +2,6 @@
 // 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 * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -12,8 +11,6 @@ let loadedConsoleCountersModule: (typeof ConsoleCounters|undefined);
 
 async function loadConsoleCountersModule(): Promise<typeof ConsoleCounters> {
   if (!loadedConsoleCountersModule) {
-    // Side-effect import reconsole_counters in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/console_counters');
     loadedConsoleCountersModule = await import('./console_counters.js');
   }
   return loadedConsoleCountersModule;

package/front_end/panels/elements/module.json

@@ -2,7 +2,6 @@
   "dependencies": [
     "ui/legacy",
     "ui/legacy/components/inline_editor",
-    "ui/legacy/components/color_picker",
     "panels/event_listeners",
     "ui/legacy/components/text_editor"
   ]

package/front_end/panels/help/help-meta.ts

@@ -4,7 +4,6 @@
 
 import * as Common from '../../core/common/common.js';
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -51,8 +50,6 @@ let loadedHelpModule: (typeof Help|undefined);
 
 async function loadHelpModule(): Promise<typeof Help> {
   if (!loadedHelpModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/help');
     loadedHelpModule = await import('./help.js');
   }
   return loadedHelpModule;

package/front_end/panels/input/input-meta.ts

@@ -46,8 +46,6 @@ let loadedInputModule: (typeof Input|undefined);
 
 async function loadInputModule(): Promise<typeof Input> {
   if (!loadedInputModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/input');
     loadedInputModule = await import('./input.js');
   }
   return loadedInputModule;

package/front_end/panels/network/module.json

@@ -1,6 +1,5 @@
 {
   "dependencies": [
-    "ui/legacy/components/cookie_table",
     "panels/mobile_throttling",
     "ui/legacy/components/perf_ui",
     "ui/legacy/components/source_frame",

package/front_end/panels/settings/settings-meta.ts

@@ -61,8 +61,6 @@ let loadedSettingsModule: (typeof Settings|undefined);
 
 async function loadSettingsModule(): Promise<typeof Settings> {
   if (!loadedSettingsModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/settings');
     loadedSettingsModule = await import('./settings.js');
   }
   return loadedSettingsModule;

package/front_end/panels/sources/module.json

@@ -3,7 +3,6 @@
     "ui/legacy",
     "ui/legacy/components/source_frame",
     "ui/legacy/components/inline_editor",
-    "ui/legacy/components/color_picker",
     "panels/event_listeners",
     "panels/coverage"
   ]

package/front_end/panels/web_audio/web_audio-meta.ts

@@ -3,7 +3,6 @@
 // found in the LICENSE file.
 
 import * as i18n from '../../core/i18n/i18n.js';
-import * as Root from '../../core/root/root.js';
 import * as UI from '../../ui/legacy/legacy.js';
 
 // eslint-disable-next-line rulesdir/es_modules_import
@@ -30,8 +29,6 @@ let loadedWebAudioModule: (typeof WebAudio|undefined);
 
 async function loadWebAudioModule(): Promise<typeof WebAudio> {
   if (!loadedWebAudioModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/web_audio');
     loadedWebAudioModule = await import('./web_audio.js');
   }
   return loadedWebAudioModule;

package/front_end/panels/webauthn/webauthn-meta.ts

@@ -26,8 +26,6 @@ let loadedWebauthnModule: (typeof Webauthn|undefined);
 
 async function loadWebauthnModule(): Promise<typeof Webauthn> {
   if (!loadedWebauthnModule) {
-    // Side-effect import resources in module.json
-    await Root.Runtime.Runtime.instance().loadModulePromise('panels/webauthn');
     loadedWebauthnModule = await import('./webauthn.js');
   }
   return loadedWebauthnModule;

package/front_end/ui/components/buttons/button.css

@@ -32,6 +32,7 @@ button {
   display: inline-flex;
   font-family: inherit;
   font-size: 12px;
+  font-weight: 500;
   height: 24px;
   line-height: 14px;
   padding: 5px 12px;

package/front_end/ui/legacy/components/color_picker/Spectrum.ts

@@ -42,6 +42,7 @@ import {ContrastDetails, Events as ContrastDetailsEvents} from './ContrastDetail
 
 import type {ContrastInfo} from './ContrastInfo.js';
 import {ContrastOverlay} from './ContrastOverlay.js';
+import spectrumStyles from './spectrum.css.js';
 
 const UIStrings = {
   /**
@@ -183,7 +184,6 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
   private colorFormat?: string;
   constructor(contrastInfo?: ContrastInfo|null) {
     super(true);
-    this.registerRequiredCSS('ui/legacy/components/color_picker/spectrum.css');
 
     this.contentElement.tabIndex = 0;
     this.colorElement = this.contentElement.createChild('div', 'spectrum-color');
@@ -1140,6 +1140,7 @@ export class Spectrum extends Common.ObjectWrapper.eventMixin<EventTypes, typeof
   }
 
   wasShown(): void {
+    this.registerCSSFiles([spectrumStyles]);
     this.hueAlphaWidth = this.hueElement.offsetWidth;
     this.slideHelperWidth = this.hueSlider.offsetWidth / 2;
     this.dragWidth = this.colorElement.offsetWidth;

package/front_end/ui/legacy/components/cookie_table/CookiesTable.ts

@@ -43,6 +43,8 @@ import * as NetworkForward from '../../../../panels/network/forward/forward.js';
 import * as UI from '../../legacy.js';
 import * as DataGrid from '../data_grid/data_grid.js';
 
+import cookiesTableStyles from './cookiesTable.css.js';
+
 const UIStrings = {
   /**
   *@description Cookie table cookies table expires session value in Cookies Table of the Cookies table in the Application panel
@@ -124,7 +126,6 @@ export class CookiesTable extends UI.Widget.VBox {
       deleteCallback?: ((arg0: SDK.Cookie.Cookie, arg1: () => void) => void)) {
     super();
 
-    this.registerRequiredCSS('ui/legacy/components/cookie_table/cookiesTable.css');
     this.element.classList.add('cookies-table');
 
     this.saveCallback = saveCallback;
@@ -286,6 +287,10 @@ export class CookiesTable extends UI.Widget.VBox {
     this.cookieToBlockedReasons = null;
   }
 
+  wasShown(): void {
+    this.registerCSSFiles([cookiesTableStyles]);
+  }
+
   setCookies(
       cookies: SDK.Cookie.Cookie[],
       cookieToBlockedReasons?: ReadonlyMap<SDK.Cookie.Cookie, SDK.CookieModel.BlockedReason[]>): void {

package/package.json

@@ -55,5 +55,5 @@
     "unittest": "scripts/test/run_unittests.py --no-text-coverage",
     "watch": "third_party/node/node.py --output scripts/watch_build.js"
   },
-  "version": "1.0.935784"
+  "version": "1.0.935974"
 }

package/front_end/panels/console_counters/module.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ]
-}

package/front_end/panels/help/module.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ]
-}

package/front_end/panels/input/module.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ]
-}

package/front_end/panels/settings/module.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ]
-}

package/front_end/panels/web_audio/module.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ]
-}

package/front_end/panels/webauthn/module.json

@@ -1,5 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ]
-}

package/front_end/ui/legacy/components/color_picker/module.json

@@ -1,8 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ],
-    "resources": [
-    "spectrum.css"
-  ]
-}

package/front_end/ui/legacy/components/cookie_table/module.json

@@ -1,8 +0,0 @@
-{
-  "dependencies": [
-    "ui/legacy"
-  ],
-    "resources": [
-    "cookiesTable.css"
-  ]
-}