chrome-devtools-frontend 1.0.943017 → 1.0.943182

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 (86) hide show
  1. package/config/gni/all_devtools_files.gni +0 -9
  2. package/config/gni/devtools_grd_files.gni +6 -1
  3. package/front_end/core/sdk/ConsoleModel.ts +1 -5
  4. package/front_end/entrypoints/device_mode_emulation_frame/device_mode_emulation_frame.ts +1 -1
  5. package/front_end/entrypoints/devtools_app/devtools_app.js +1 -1
  6. package/front_end/entrypoints/devtools_app/devtools_app.json +1 -2
  7. package/front_end/entrypoints/formatter_worker/formatter_worker-entrypoint.ts +1 -1
  8. package/front_end/entrypoints/heap_snapshot_worker/heap_snapshot_worker-entrypoint.ts +1 -1
  9. package/front_end/entrypoints/inspector/inspector.js +1 -1
  10. package/front_end/entrypoints/inspector_main/inspector_main-meta.ts +2 -3
  11. package/front_end/entrypoints/js_app/js_app.js +1 -1
  12. package/front_end/entrypoints/main/main-meta.ts +1 -2
  13. package/front_end/entrypoints/ndb_app/ndb_app.js +1 -1
  14. package/front_end/entrypoints/node_app/node_app-meta.ts +0 -2
  15. package/front_end/entrypoints/node_app/node_app.js +1 -1
  16. package/front_end/entrypoints/node_main/node_main-meta.ts +0 -1
  17. package/front_end/entrypoints/shell/shell.json +1 -2
  18. package/front_end/entrypoints/wasmparser_worker/wasmparser_worker-entrypoint.ts +1 -1
  19. package/front_end/entrypoints/worker_app/worker_app.js +1 -1
  20. package/front_end/legacy_test_runner/console_test_runner/console_test_runner.js +5 -1
  21. package/front_end/models/persistence/persistence-meta.ts +0 -1
  22. package/front_end/panels/accessibility/accessibility-meta.ts +0 -1
  23. package/front_end/panels/animation/animation-meta.ts +0 -1
  24. package/front_end/panels/application/application-meta.ts +0 -1
  25. package/front_end/panels/application/components/stackTraceRow.css +8 -0
  26. package/front_end/panels/browser_debugger/browser_debugger-meta.ts +1 -2
  27. package/front_end/panels/changes/changes-meta.ts +0 -1
  28. package/front_end/panels/console/ConsolePinPane.ts +2 -6
  29. package/front_end/panels/console/ConsoleViewMessage.ts +8 -1
  30. package/front_end/panels/console/console-meta.ts +0 -1
  31. package/front_end/panels/console_counters/console_counters-meta.ts +0 -1
  32. package/front_end/panels/coverage/coverage-meta.ts +0 -1
  33. package/front_end/panels/css_overview/css_overview-meta.ts +0 -1
  34. package/front_end/panels/developer_resources/developer_resources-meta.ts +0 -1
  35. package/front_end/panels/elements/elements-meta.ts +0 -1
  36. package/front_end/panels/emulation/emulation-meta.ts +0 -1
  37. package/front_end/panels/help/help-meta.ts +0 -1
  38. package/front_end/panels/input/input-meta.ts +0 -1
  39. package/front_end/panels/issues/issues-meta.ts +0 -1
  40. package/front_end/panels/js_profiler/js_profiler-meta.ts +0 -1
  41. package/front_end/panels/layers/layers-meta.ts +0 -4
  42. package/front_end/panels/lighthouse/lighthouse-meta.ts +0 -1
  43. package/front_end/panels/media/media-meta.ts +0 -1
  44. package/front_end/panels/mobile_throttling/mobile_throttling-meta.ts +0 -1
  45. package/front_end/panels/network/network-meta.ts +1 -2
  46. package/front_end/panels/performance_monitor/performance_monitor-meta.ts +0 -1
  47. package/front_end/panels/profiler/profiler-meta.ts +0 -1
  48. package/front_end/panels/protocol_monitor/protocol_monitor-meta.ts +0 -1
  49. package/front_end/panels/screencast/screencast-meta.ts +0 -1
  50. package/front_end/panels/security/security-meta.ts +0 -1
  51. package/front_end/panels/sensors/sensors-meta.ts +0 -1
  52. package/front_end/panels/settings/emulation/emulation-meta.ts +0 -1
  53. package/front_end/panels/settings/settings-meta.ts +0 -1
  54. package/front_end/panels/sources/sources-meta.ts +1 -2
  55. package/front_end/panels/timeline/timeline-meta.ts +2 -4
  56. package/front_end/panels/web_audio/web_audio-meta.ts +0 -1
  57. package/front_end/panels/webauthn/webauthn-meta.ts +0 -1
  58. package/front_end/ui/components/docs/component_docs.ts +14 -0
  59. package/front_end/ui/components/docs/create_breadcrumbs.ts +1 -1
  60. package/front_end/ui/components/docs/toggle_dark_mode.ts +1 -0
  61. package/front_end/ui/components/docs/toggle_fonts.ts +2 -0
  62. package/front_end/ui/components/helpers/get-stylesheet.ts +0 -1
  63. package/front_end/ui/components/linear_memory_inspector/linear_memory_inspector-meta.ts +1 -2
  64. package/front_end/ui/components/tree_outline/TreeOutline.ts +63 -8
  65. package/front_end/ui/components/tree_outline/TreeOutlineUtils.ts +8 -6
  66. package/front_end/ui/legacy/SoftContextMenu.ts +1 -1
  67. package/front_end/ui/legacy/Treeoutline.ts +1 -1
  68. package/front_end/ui/legacy/UIUtils.ts +1 -1
  69. package/front_end/ui/legacy/components/inline_editor/CSSAngle.ts +1 -2
  70. package/front_end/ui/legacy/components/inline_editor/cssAngle.css +4 -0
  71. package/front_end/ui/legacy/components/object_ui/JavaScriptREPL.ts +2 -2
  72. package/front_end/ui/legacy/components/object_ui/object_ui-meta.ts +0 -1
  73. package/front_end/ui/legacy/components/perf_ui/perf_ui-meta.ts +0 -1
  74. package/front_end/ui/legacy/components/quick_open/quick_open-meta.ts +2 -3
  75. package/front_end/ui/legacy/components/source_frame/FontView.ts +3 -1
  76. package/front_end/ui/legacy/components/source_frame/ImageView.ts +3 -1
  77. package/front_end/ui/legacy/components/source_frame/JSONView.ts +3 -1
  78. package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts +2 -1
  79. package/front_end/ui/legacy/components/source_frame/XMLView.ts +5 -2
  80. package/package.json +1 -1
  81. package/scripts/check_gn.js +0 -35
  82. package/scripts/eslint_rules/lib/es_modules_import.js +15 -8
  83. package/scripts/eslint_rules/tests/es_modules_import_test.js +8 -0
  84. package/front_end/panels/layers/module.json +0 -4
  85. package/front_end/ui/legacy/components/source_frame/messagesPopover.css +0 -32
  86. package/front_end/ui/legacy/components/source_frame/module.json +0 -11
@@ -49,7 +49,6 @@ all_devtools_files = [
49
49
  "front_end/entrypoints/inspector/inspector.js",
50
50
  "front_end/entrypoints/inspector/inspector.json",
51
51
  "front_end/legacy_test_runner/layers_test_runner/layers_test_runner.js",
52
- "front_end/panels/layers/module.json",
53
52
  "front_end/entrypoints/ndb_app/ndb_app.json",
54
53
  "front_end/legacy_test_runner/network_test_runner/network_test_runner.js",
55
54
  "front_end/entrypoints/node_main/nodeConnectionsPanel.css",
@@ -116,14 +115,6 @@ all_devtools_files = [
116
115
  "front_end/legacy_test_runner/sdk_test_runner/sdk_test_runner.js",
117
116
  "front_end/legacy_test_runner/security_test_runner/security_test_runner.js",
118
117
  "front_end/entrypoints/shell/shell.json",
119
- "front_end/ui/legacy/components/source_frame/fontView.css",
120
- "front_end/ui/legacy/components/source_frame/imageView.css",
121
- "front_end/ui/legacy/components/source_frame/jsonView.css",
122
- "front_end/ui/legacy/components/source_frame/messagesPopover.css",
123
- "front_end/ui/legacy/components/source_frame/module.json",
124
- "front_end/ui/legacy/components/source_frame/resourceSourceFrame.css",
125
- "front_end/ui/legacy/components/source_frame/xmlTree.css",
126
- "front_end/ui/legacy/components/source_frame/xmlView.css",
127
118
  "front_end/legacy_test_runner/sources_test_runner/sources_test_runner.js",
128
119
  "front_end/legacy_test_runner/sources_test_runner/AutocompleteTestRunner.js",
129
120
  "front_end/legacy_test_runner/sources_test_runner/DebuggerTestRunner.js",
@@ -376,7 +376,6 @@ grd_files_release_sources = [
376
376
  "front_end/panels/layer_viewer/layer_viewer.js",
377
377
  "front_end/panels/layers/layers-meta.js",
378
378
  "front_end/panels/layers/layers.js",
379
- "front_end/panels/layers/layers_module.js",
380
379
  "front_end/panels/lighthouse/lighthouse-legacy.js",
381
380
  "front_end/panels/lighthouse/lighthouse-meta.js",
382
381
  "front_end/panels/lighthouse/lighthouse.js",
@@ -1555,6 +1554,12 @@ grd_files_debug_sources = [
1555
1554
  "front_end/ui/legacy/components/source_frame/ResourceSourceFrame.js",
1556
1555
  "front_end/ui/legacy/components/source_frame/SourceFrame.js",
1557
1556
  "front_end/ui/legacy/components/source_frame/XMLView.js",
1557
+ "front_end/ui/legacy/components/source_frame/fontView.css.legacy.js",
1558
+ "front_end/ui/legacy/components/source_frame/imageView.css.legacy.js",
1559
+ "front_end/ui/legacy/components/source_frame/jsonView.css.legacy.js",
1560
+ "front_end/ui/legacy/components/source_frame/resourceSourceFrame.css.legacy.js",
1561
+ "front_end/ui/legacy/components/source_frame/xmlTree.css.legacy.js",
1562
+ "front_end/ui/legacy/components/source_frame/xmlView.css.legacy.js",
1558
1563
  "front_end/ui/legacy/components/text_editor/CodeMirrorTextEditor.js",
1559
1564
  "front_end/ui/legacy/components/text_editor/TextEditorAutocompleteController.js",
1560
1565
  "front_end/ui/legacy/components/text_editor/cm_modes.js",
@@ -707,13 +707,9 @@ export class ConsoleMessage {
707
707
  }
708
708
  }
709
709
 
710
- const watchExpressionRegex = /^watch-expression-\d+.devtools$/;
711
- const bothAreWatchExpressions =
712
- watchExpressionRegex.test(this.url || '') && watchExpressionRegex.test(msg.url || '');
713
-
714
710
  return (this.runtimeModel() === msg.runtimeModel()) && (this.source === msg.source) && (this.type === msg.type) &&
715
711
  (this.level === msg.level) && (this.line === msg.line) && (this.url === msg.url) &&
716
- (bothAreWatchExpressions || this.scriptId === msg.scriptId) && (this.messageText === msg.messageText) &&
712
+ (this.scriptId === msg.scriptId) && (this.messageText === msg.messageText) &&
717
713
  (this.#executionContextId === msg.#executionContextId) &&
718
714
  areAffectedResourcesEquivalent(this.#affectedResources, msg.#affectedResources) &&
719
715
  areStackTracesEquivalent(this.stackTrace, msg.stackTrace);
@@ -5,7 +5,7 @@
5
5
  import '../../core/dom_extension/dom_extension.js';
6
6
  import '../../Images/Images.js';
7
7
 
8
- import * as Platform from '../../core/platform/platform.js'; // eslint-disable-line rulesdir/es_modules_import
8
+ import * as Platform from '../../core/platform/platform.js';
9
9
 
10
10
  Platform.runOnWindowLoad(() => {
11
11
  if (!window.opener) {
@@ -3,6 +3,6 @@
3
3
  // found in the LICENSE file.
4
4
  import '../shell/shell.js';
5
5
  import './devtools_app-meta-files.js';
6
- import * as Startup from '../startup/startup.js'; // eslint-disable-line rulesdir/es_modules_import
6
+ import * as Startup from '../startup/startup.js';
7
7
 
8
8
  Startup.RuntimeInstantiator.startApplication('devtools_app');
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "modules" : [
3
- { "name": "panels/lighthouse" },
4
- { "name": "panels/layers" }
3
+ { "name": "panels/lighthouse" }
5
4
  ],
6
5
  "extends": "shell"
7
6
  }
@@ -8,7 +8,7 @@ import '../../third_party/codemirror/package/mode/xml/xml.js';
8
8
  import '../../third_party/codemirror/package/mode/javascript/javascript.js';
9
9
 
10
10
  import * as Platform from '../../core/platform/platform.js';
11
- import * as FormatterWorker from './formatter_worker.js'; // eslint-disable-line rulesdir/es_modules_import
11
+ import * as FormatterWorker from './formatter_worker.js';
12
12
 
13
13
  import {FormatterActions} from './FormatterActions.js';
14
14
 
@@ -2,7 +2,7 @@
2
2
  // Use of this source code is governed by a BSD-style license that can be
3
3
  // found in the LICENSE file.
4
4
 
5
- import * as HeapSnapshotWorker from './heap_snapshot_worker.js'; // eslint-disable-line rulesdir/es_modules_import
5
+ import * as HeapSnapshotWorker from './heap_snapshot_worker.js';
6
6
 
7
7
  // We need to force the worker context
8
8
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -3,6 +3,6 @@
3
3
  // found in the LICENSE file.
4
4
  import '../devtools_app/devtools_app.js';
5
5
  import '../../panels/screencast/screencast-meta.js';
6
- import * as Startup from '../startup/startup.js'; // eslint-disable-line rulesdir/es_modules_import
6
+ import * as Startup from '../startup/startup.js';
7
7
 
8
8
  Startup.RuntimeInstantiator.startApplication('inspector');
@@ -6,6 +6,8 @@ import * as Common from '../../core/common/common.js';
6
6
  import * as i18n from '../../core/i18n/i18n.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
+ import type * as InspectorMain from './inspector_main.js';
10
+
9
11
  const UIStrings = {
10
12
  /**
11
13
  * @description Title of the Rendering tool. The rendering tool is a collection of settings that
@@ -101,9 +103,6 @@ const UIStrings = {
101
103
  const str_ = i18n.i18n.registerUIStrings('entrypoints/inspector_main/inspector_main-meta.ts', UIStrings);
102
104
  const i18nLazyString = i18n.i18n.getLazilyComputedLocalizedString.bind(undefined, str_);
103
105
 
104
- // eslint-disable-next-line rulesdir/es_modules_import
105
- import type * as InspectorMain from './inspector_main.js';
106
-
107
106
  let loadedInspectorMainModule: (typeof InspectorMain|undefined);
108
107
 
109
108
  async function loadInspectorMainModule(): Promise<typeof InspectorMain> {
@@ -4,6 +4,6 @@
4
4
  import '../shell/shell.js';
5
5
  import '../../panels/js_profiler/js_profiler-meta.js';
6
6
  import './JsMain.js';
7
- import * as Startup from '../startup/startup.js'; // eslint-disable-line rulesdir/es_modules_import
7
+ import * as Startup from '../startup/startup.js';
8
8
 
9
9
  Startup.RuntimeInstantiator.startApplication('js_app');
@@ -8,10 +8,9 @@ import * as SDK from '../../core/sdk/sdk.js';
8
8
  import * as Workspace from '../../models/workspace/workspace.js';
9
9
  import * as Components from '../../ui/legacy/components/utils/utils.js';
10
10
  import * as UI from '../../ui/legacy/legacy.js';
11
+ import type * as InspectorMain from '../inspector_main/inspector_main.js';
11
12
 
12
- // eslint-disable-next-line rulesdir/es_modules_import
13
13
  import type * as Main from './main.js';
14
- import type * as InspectorMain from '../inspector_main/inspector_main.js';
15
14
 
16
15
  import * as i18n from '../../core/i18n/i18n.js';
17
16
  const UIStrings = {
@@ -2,6 +2,6 @@
2
2
  // Use of this source code is governed by a BSD-style license that can be
3
3
  // found in the LICENSE file.
4
4
  import '../shell/shell.js';
5
- import * as Startup from '../startup/startup.js'; // eslint-disable-line rulesdir/es_modules_import
5
+ import * as Startup from '../startup/startup.js';
6
6
 
7
7
  Startup.RuntimeInstantiator.startApplication('ndb_app');
@@ -4,8 +4,6 @@
4
4
 
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
-
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
7
  import type * as Sources from '../../panels/sources/sources.js';
10
8
 
11
9
  const UIStrings = {
@@ -5,7 +5,7 @@ import '../shell/shell.js';
5
5
  import '../../panels/js_profiler/js_profiler-meta.js';
6
6
  import '../node_main/node_main-meta.js';
7
7
  import './node_app-meta.js';
8
- import * as Startup from '../startup/startup.js'; // eslint-disable-line rulesdir/es_modules_import
8
+ import * as Startup from '../startup/startup.js';
9
9
 
10
10
  // Side-effect start the `node_main` module, which implements runnables in
11
11
  // the NodeMain class
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as NodeMain from './node_main.js';
10
9
 
11
10
  const UIStrings = {
@@ -1,6 +1,5 @@
1
1
  {
2
2
  "modules": [
3
- { "name": "ui/legacy/components/text_editor", "type": "autostart" },
4
- { "name": "ui/legacy/components/source_frame", "type": "autostart" }
3
+ { "name": "ui/legacy/components/text_editor", "type": "autostart" }
5
4
  ]
6
5
  }
@@ -2,7 +2,7 @@
2
2
  // Use of this source code is governed by a BSD-style license that can be
3
3
  // found in the LICENSE file.
4
4
 
5
- import * as WasmParserWorker from './wasmparser_worker.js'; // eslint-disable-line rulesdir/es_modules_import
5
+ import * as WasmParserWorker from './wasmparser_worker.js';
6
6
 
7
7
  self.onmessage = (event: {data: {method: string, params: {content: string}}}): void => {
8
8
  const method = event.data.method;
@@ -13,6 +13,6 @@ import '../../panels/network/network-meta.js';
13
13
  import '../../panels/application/application-meta.js';
14
14
  import '../../panels/timeline/timeline-meta.js';
15
15
  import './WorkerMain.js';
16
- import * as Startup from '../startup/startup.js'; // eslint-disable-line rulesdir/es_modules_import
16
+ import * as Startup from '../startup/startup.js';
17
17
 
18
18
  Startup.RuntimeInstantiator.startApplication('worker_app');
@@ -131,7 +131,11 @@ ConsoleTestRunner.dumpConsoleTableMessage = function(viewMessage, forceInvalidat
131
131
  if (forceInvalidate) {
132
132
  Console.ConsoleView.instance().viewport.invalidate();
133
133
  }
134
- const table = viewMessage.element();
134
+ const formattedTable = viewMessage.element().querySelector('.console-message-formatted-table');
135
+ if (!formattedTable) {
136
+ return false;
137
+ }
138
+ const table = formattedTable.querySelector('span').shadowRoot;
135
139
  const headers = table.querySelectorAll('th > div:first-child');
136
140
  if (!headers.length) {
137
141
  return false;
@@ -8,7 +8,6 @@ import * as SDK from '../../core/sdk/sdk.js';
8
8
  import * as UI from '../../ui/legacy/legacy.js';
9
9
  import * as Workspace from '../workspace/workspace.js';
10
10
 
11
- // eslint-disable-next-line rulesdir/es_modules_import
12
11
  import type * as Persistence from './persistence.js';
13
12
 
14
13
  const UIStrings = {
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Accessibility from './accessibility.js';
10
9
 
11
10
  let loadedAccessibilityModule: (typeof Accessibility|undefined);
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Animation from './animation.js';
10
9
 
11
10
  let loadedAnimationModule: (typeof Animation|undefined);
@@ -6,7 +6,6 @@ import * as Common from '../../core/common/common.js';
6
6
  import * as SDK from '../../core/sdk/sdk.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
9
  import type * as Resources from './application.js';
11
10
 
12
11
  import * as i18n from '../../core/i18n/i18n.js';
@@ -26,3 +26,11 @@
26
26
  .ignore-list-link {
27
27
  opacity: 60%;
28
28
  }
29
+
30
+ .link,
31
+ .devtools-link {
32
+ color: var(--color-link);
33
+ text-decoration: underline;
34
+ cursor: pointer;
35
+ padding: 2px 0; /* adjust focus ring size */
36
+ }
@@ -4,10 +4,9 @@
4
4
 
5
5
  import * as SDK from '../../core/sdk/sdk.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
+ import type * as Sources from '../sources/sources.js';
7
8
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
9
  import type * as BrowserDebugger from './browser_debugger.js';
10
- import type * as Sources from '../sources/sources.js';
11
10
 
12
11
  import * as i18n from '../../core/i18n/i18n.js';
13
12
  const UIStrings = {
@@ -7,7 +7,6 @@ import * as i18n from '../../core/i18n/i18n.js';
7
7
  import * as WorkspaceDiff from '../../models/workspace_diff/workspace_diff.js';
8
8
  import * as UI from '../../ui/legacy/legacy.js';
9
9
 
10
- // eslint-disable-next-line rulesdir/es_modules_import
11
10
  import type * as Changes from './changes.js';
12
11
 
13
12
  let loadedChangesModule: (typeof Changes|undefined);
@@ -164,8 +164,6 @@ export class ConsolePinPane extends UI.ThrottledWidget.ThrottledWidget {
164
164
  }
165
165
  }
166
166
 
167
- let consolePinNumber = 0;
168
-
169
167
  export class ConsolePin {
170
168
  private readonly pinElement: Element;
171
169
  private readonly pinPreview: HTMLElement;
@@ -175,11 +173,9 @@ export class ConsolePin {
175
173
  private committedExpression: string;
176
174
  private hovered: boolean;
177
175
  private lastNode: SDK.RemoteObject.RemoteObject|null;
178
- private consolePinNumber: number;
179
176
  private deletePinIcon: UI.UIUtils.DevToolsCloseButton;
180
177
 
181
178
  constructor(expression: string, private readonly pinPane: ConsolePinPane, private readonly focusOut: () => void) {
182
- this.consolePinNumber = ++consolePinNumber;
183
179
  this.deletePinIcon = document.createElement('div', {is: 'dt-close-button'}) as UI.UIUtils.DevToolsCloseButton;
184
180
  this.deletePinIcon.gray = true;
185
181
  this.deletePinIcon.classList.add('close-button');
@@ -325,8 +321,8 @@ export class ConsolePin {
325
321
  const executionContext = UI.Context.Context.instance().flavor(SDK.RuntimeModel.ExecutionContext);
326
322
  const preprocessedExpression = ObjectUI.JavaScriptREPL.JavaScriptREPL.preprocessExpression(text);
327
323
  const {preview, result} = await ObjectUI.JavaScriptREPL.JavaScriptREPL.evaluateAndBuildPreview(
328
- `${preprocessedExpression}\n//# sourceURL=watch-expression-${this.consolePinNumber}.devtools`,
329
- throwOnSideEffect, false /* replMode */, timeout, !isEditing /* allowErrors */, 'console');
324
+ preprocessedExpression, throwOnSideEffect, false /* replMode */, timeout, !isEditing /* allowErrors */,
325
+ 'console', true /* awaitPromise */);
330
326
  if (this.lastResult && this.lastExecutionContext) {
331
327
  this.lastExecutionContext.runtimeModel.releaseEvaluationResult(this.lastResult);
332
328
  }
@@ -50,9 +50,12 @@ import * as ObjectUI from '../../ui/legacy/components/object_ui/object_ui.js';
50
50
  import * as Components from '../../ui/legacy/components/utils/utils.js';
51
51
  import * as UI from '../../ui/legacy/legacy.js';
52
52
  import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
53
+ // eslint-disable-next-line rulesdir/es_modules_import
54
+ import objectValueStyles from '../../ui/legacy/components/object_ui/objectValue.css.js';
53
55
  import type {Chrome} from '../../../extension-api/ExtensionAPI.js'; // eslint-disable-line rulesdir/es_modules_import
54
56
 
55
57
  import type {ConsoleViewportElement} from './ConsoleViewport.js';
58
+ import consoleViewStyles from './consoleView.css.js';
56
59
 
57
60
  const UIStrings = {
58
61
  /**
@@ -2067,7 +2070,11 @@ export class ConsoleTableMessageView extends ConsoleViewMessage {
2067
2070
  const tableElement = formattedResult.createChild('div', 'console-message-formatted-table');
2068
2071
  const dataGridContainer = tableElement.createChild('span');
2069
2072
  tableElement.appendChild(this.formatParameter(actualTable, true, false));
2070
- dataGridContainer.appendChild(this.dataGrid.element);
2073
+ const shadowRoot = dataGridContainer.attachShadow({mode: 'open'});
2074
+ const dataGridWidget = this.dataGrid.asWidget();
2075
+ dataGridWidget.markAsRoot();
2076
+ dataGridWidget.show(shadowRoot as unknown as Element);
2077
+ dataGridWidget.registerCSSFiles([consoleViewStyles, objectValueStyles]);
2071
2078
  formattedMessage.appendChild(formattedResult);
2072
2079
  this.dataGrid.renderInline();
2073
2080
  }
@@ -5,7 +5,6 @@
5
5
  import * as Common from '../../core/common/common.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Console from './console.js';
10
9
 
11
10
  import * as i18n from '../../core/i18n/i18n.js';
@@ -4,7 +4,6 @@
4
4
 
5
5
  import * as UI from '../../ui/legacy/legacy.js';
6
6
 
7
- // eslint-disable-next-line rulesdir/es_modules_import
8
7
  import type * as ConsoleCounters from './console_counters.js';
9
8
 
10
9
  let loadedConsoleCountersModule: (typeof ConsoleCounters|undefined);
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Coverage from './coverage.js';
10
9
 
11
10
  const UIStrings = {
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as CSSOverview from './css_overview.js';
10
9
 
11
10
  const UIStrings = {
@@ -6,7 +6,6 @@ import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as Root from '../../core/root/root.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
9
  import type * as DeveloperResources from './developer_resources.js';
11
10
 
12
11
  const UIStrings = {
@@ -7,7 +7,6 @@ import * as Root from '../../core/root/root.js';
7
7
  import * as SDK from '../../core/sdk/sdk.js';
8
8
  import * as UI from '../../ui/legacy/legacy.js';
9
9
 
10
- // eslint-disable-next-line rulesdir/es_modules_import
11
10
  import type * as Elements from './elements.js';
12
11
 
13
12
  import * as i18n from '../../core/i18n/i18n.js';
@@ -6,7 +6,6 @@ import * as Common from '../../core/common/common.js';
6
6
  import * as Root from '../../core/root/root.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
9
  import type * as Emulation from './emulation.js';
11
10
 
12
11
  import * as i18n from '../../core/i18n/i18n.js';
@@ -6,7 +6,6 @@ import * as Common from '../../core/common/common.js';
6
6
  import * as i18n from '../../core/i18n/i18n.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
9
  import type * as Help from './help.js';
11
10
 
12
11
  const UIStrings = {
@@ -6,7 +6,6 @@ import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as Root from '../../core/root/root.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
9
  import type * as Input from './input.js';
11
10
 
12
11
  const UIStrings = {
@@ -7,7 +7,6 @@ import * as Root from '../../core/root/root.js';
7
7
  import * as IssuesManager from '../../models/issues_manager/issues_manager.js';
8
8
  import * as UI from '../../ui/legacy/legacy.js';
9
9
 
10
- // eslint-disable-next-line rulesdir/es_modules_import
11
10
  import type * as Issues from './issues.js';
12
11
 
13
12
  import * as i18n from '../../core/i18n/i18n.js';
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Profiler from '../profiler/profiler.js';
10
9
 
11
10
  const UIStrings = {
@@ -3,10 +3,8 @@
3
3
  // found in the LICENSE file.
4
4
 
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
- import * as Root from '../../core/root/root.js';
7
6
  import * as UI from '../../ui/legacy/legacy.js';
8
7
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
8
  import type * as Layers from './layers.js';
11
9
 
12
10
  const UIStrings = {
@@ -26,8 +24,6 @@ let loadedLayersModule: (typeof Layers|undefined);
26
24
 
27
25
  async function loadLayersModule(): Promise<typeof Layers> {
28
26
  if (!loadedLayersModule) {
29
- // Side-effect import resources in module.json
30
- await Root.Runtime.Runtime.instance().loadModulePromise('panels/layers');
31
27
  loadedLayersModule = await import('./layers.js');
32
28
  }
33
29
  return loadedLayersModule;
@@ -6,7 +6,6 @@ import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as Root from '../../core/root/root.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
9
  import type * as Lighthouse from './lighthouse.js';
11
10
 
12
11
  const UIStrings = {
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Media from './media.js';
10
9
 
11
10
  const UIStrings = {
@@ -6,7 +6,6 @@ import * as Common from '../../core/common/common.js';
6
6
  import * as i18n from '../../core/i18n/i18n.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
9
  import type * as MobileThrottling from './mobile_throttling.js';
11
10
 
12
11
  const UIStrings = {
@@ -3,15 +3,14 @@
3
3
  // found in the LICENSE file.
4
4
 
5
5
  import * as Common from '../../core/common/common.js';
6
+ import * as i18n from '../../core/i18n/i18n.js';
6
7
  import * as SDK from '../../core/sdk/sdk.js';
7
8
  import * as Workspace from '../../models/workspace/workspace.js';
8
9
  import * as NetworkForward from '../../panels/network/forward/forward.js';
9
10
  import * as UI from '../../ui/legacy/legacy.js';
10
11
 
11
- // eslint-disable-next-line rulesdir/es_modules_import
12
12
  import type * as Network from './network.js';
13
13
 
14
- import * as i18n from '../../core/i18n/i18n.js';
15
14
  const UIStrings = {
16
15
  /**
17
16
  *@description Command for showing the 'Network' tool
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as PerformanceMonitor from './performance_monitor.js';
10
9
 
11
10
  const UIStrings = {
@@ -8,7 +8,6 @@ import * as Root from '../../core/root/root.js';
8
8
  import * as SDK from '../../core/sdk/sdk.js';
9
9
  import * as UI from '../../ui/legacy/legacy.js';
10
10
 
11
- // eslint-disable-next-line rulesdir/es_modules_import
12
11
  import type * as Profiler from './profiler.js';
13
12
 
14
13
  let loadedProfilerModule: (typeof Profiler|undefined);
@@ -6,7 +6,6 @@ import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as Root from '../../core/root/root.js';
7
7
  import * as UI from '../../ui/legacy/legacy.js';
8
8
 
9
- // eslint-disable-next-line rulesdir/es_modules_import
10
9
  import type * as ProtocolMonitor from './protocol_monitor.js';
11
10
 
12
11
  const UIStrings = {
@@ -5,7 +5,6 @@
5
5
  import * as Common from '../../core/common/common.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Screencast from './screencast.js';
10
9
 
11
10
  let loadedScreencastModule: (typeof Screencast|undefined);
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Security from './security.js';
10
9
 
11
10
  const UIStrings = {
@@ -5,7 +5,6 @@
5
5
  import * as Common from '../../core/common/common.js';
6
6
  import * as UI from '../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Sensors from './sensors.js';
10
9
 
11
10
  import * as i18n from '../../core/i18n/i18n.js';
@@ -5,7 +5,6 @@
5
5
  import * as i18n from '../../../core/i18n/i18n.js';
6
6
  import * as UI from '../../../ui/legacy/legacy.js';
7
7
 
8
- // eslint-disable-next-line rulesdir/es_modules_import
9
8
  import type * as Emulation from './emulation.js';
10
9
 
11
10
  const UIStrings = {
@@ -8,7 +8,6 @@ import * as i18n from '../../core/i18n/i18n.js';
8
8
  import * as Root from '../../core/root/root.js';
9
9
  import * as UI from '../../ui/legacy/legacy.js';
10
10
 
11
- // eslint-disable-next-line rulesdir/es_modules_import
12
11
  import type * as Settings from './settings.js';
13
12
 
14
13
  const UIStrings = {