chrome-devtools-frontend 1.0.941208 → 1.0.942095

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 (99) hide show
  1. package/config/gni/all_devtools_files.gni +0 -6
  2. package/config/gni/devtools_grd_files.gni +6 -12
  3. package/config/gni/devtools_image_files.gni +0 -2
  4. package/front_end/Tests.js +1 -0
  5. package/front_end/core/common/Color.ts +5 -0
  6. package/front_end/core/i18n/locales/en-US.json +16 -28
  7. package/front_end/core/i18n/locales/en-XL.json +16 -28
  8. package/front_end/core/sdk/sdk-meta.ts +17 -3
  9. package/front_end/entrypoints/devtools_app/devtools_app.json +1 -7
  10. package/front_end/entrypoints/main/MainImpl.ts +26 -0
  11. package/front_end/entrypoints/shell/shell.js +0 -11
  12. package/front_end/entrypoints/worker_app/worker_app.json +0 -4
  13. package/front_end/generated/InspectorBackendCommands.js +1 -0
  14. package/front_end/generated/protocol.d.ts +2 -0
  15. package/front_end/legacy_test_runner/legacy_test_runner.ts +10 -1
  16. package/front_end/models/formatter/SourceFormatter.ts +0 -10
  17. package/front_end/models/workspace/UISourceCode.ts +9 -42
  18. package/front_end/panels/animation/AnimationTimeline.ts +3 -3
  19. package/front_end/panels/application/ApplicationPanelSidebar.ts +3 -3
  20. package/front_end/panels/application/application-meta.ts +0 -3
  21. package/front_end/panels/console/ConsolePinPane.ts +21 -26
  22. package/front_end/panels/coverage/CoverageDecorationManager.ts +4 -5
  23. package/front_end/panels/coverage/CoverageView.ts +2 -105
  24. package/front_end/panels/css_overview/components/CSSOverviewStartView.ts +11 -56
  25. package/front_end/panels/css_overview/components/cssOverviewStartView.css +1 -8
  26. package/front_end/panels/elements/ElementsTreeElement.ts +4 -9
  27. package/front_end/panels/elements/components/adornerSettingsPane.css +0 -4
  28. package/front_end/panels/emulation/emulation-meta.ts +2 -2
  29. package/front_end/panels/issues/issues-meta.ts +0 -2
  30. package/front_end/panels/layers/module.json +0 -1
  31. package/front_end/panels/lighthouse/lighthouseStartView.css +4 -0
  32. package/front_end/panels/media/media-meta.ts +0 -3
  33. package/front_end/panels/network/ResourceWebSocketFrameView.ts +2 -1
  34. package/front_end/panels/network/network-meta.ts +0 -3
  35. package/front_end/panels/security/security-meta.ts +0 -3
  36. package/front_end/panels/sources/BreakpointEditDialog.ts +16 -30
  37. package/front_end/panels/sources/CSSPlugin.ts +310 -331
  38. package/front_end/panels/sources/CallStackSidebarPane.ts +28 -34
  39. package/front_end/panels/sources/CoveragePlugin.ts +121 -6
  40. package/front_end/panels/sources/DebuggerPlugin.ts +1166 -1243
  41. package/front_end/panels/sources/EditingLocationHistoryManager.ts +71 -101
  42. package/front_end/panels/sources/GoToLineQuickOpen.ts +4 -3
  43. package/front_end/panels/sources/InplaceFormatterEditorAction.ts +3 -3
  44. package/front_end/panels/sources/JavaScriptCompilerPlugin.ts +26 -23
  45. package/front_end/panels/sources/Plugin.ts +20 -4
  46. package/front_end/panels/sources/ProfilePlugin.ts +185 -0
  47. package/front_end/panels/sources/ScriptFormatterEditorAction.ts +3 -3
  48. package/front_end/panels/sources/ScriptOriginPlugin.ts +0 -10
  49. package/front_end/panels/sources/SnippetsPlugin.ts +1 -10
  50. package/front_end/panels/sources/SourcesPanel.ts +6 -5
  51. package/front_end/panels/sources/SourcesView.ts +10 -8
  52. package/front_end/panels/sources/TabbedEditorContainer.ts +31 -27
  53. package/front_end/panels/sources/UISourceCodeFrame.ts +335 -470
  54. package/front_end/panels/sources/WatchExpressionsSidebarPane.ts +3 -2
  55. package/front_end/panels/sources/sources-legacy.ts +0 -6
  56. package/front_end/panels/sources/sources.ts +0 -2
  57. package/front_end/panels/timeline/module.json +0 -1
  58. package/front_end/third_party/codemirror.next/bundle.ts +9 -13
  59. package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
  60. package/front_end/third_party/codemirror.next/chunk/javascript.js +2 -2
  61. package/front_end/third_party/codemirror.next/chunk/markdown.js +2 -6
  62. package/front_end/third_party/codemirror.next/chunk/php.js +2 -6
  63. package/front_end/third_party/codemirror.next/chunk/python.js +1 -1
  64. package/front_end/third_party/codemirror.next/chunk/wast.js +1 -1
  65. package/front_end/third_party/codemirror.next/chunk/xml.js +2 -2
  66. package/front_end/third_party/codemirror.next/codemirror.next.d.ts +279 -198
  67. package/front_end/third_party/codemirror.next/codemirror.next.js +1 -1
  68. package/front_end/third_party/codemirror.next/package.json +13 -11
  69. package/front_end/ui/components/code_highlighter/CodeHighlighter.ts +60 -68
  70. package/front_end/ui/components/data_grid/dataGrid.css +12 -10
  71. package/front_end/ui/components/docs/css_overview/start_view.html +25 -0
  72. package/front_end/ui/components/docs/css_overview/start_view.ts +14 -0
  73. package/front_end/ui/components/text_editor/TextEditor.ts +79 -36
  74. package/front_end/ui/components/text_editor/config.ts +42 -26
  75. package/front_end/ui/components/text_editor/javascript.ts +2 -3
  76. package/front_end/ui/components/text_editor/position.ts +17 -0
  77. package/front_end/ui/components/text_editor/text_editor.ts +1 -0
  78. package/front_end/ui/components/text_editor/theme.ts +5 -1
  79. package/front_end/ui/legacy/Infobar.ts +2 -6
  80. package/front_end/ui/legacy/ShortcutRegistry.ts +11 -7
  81. package/front_end/ui/legacy/components/perf_ui/LineLevelProfile.ts +35 -131
  82. package/front_end/ui/legacy/components/source_frame/BinaryResourceViewFactory.ts +3 -6
  83. package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts +18 -14
  84. package/front_end/ui/legacy/components/source_frame/SourceFrame.ts +502 -252
  85. package/front_end/ui/legacy/components/source_frame/source_frame-legacy.ts +0 -11
  86. package/front_end/ui/legacy/components/source_frame/source_frame.ts +0 -2
  87. package/front_end/ui/legacy/components/text_editor/cmdevtools.css +3 -1
  88. package/front_end/ui/legacy/radioButton.css +1 -13
  89. package/front_end/ui/legacy/themeColors.css +36 -0
  90. package/package.json +1 -1
  91. package/front_end/Images/radioDot-dark-theme.png +0 -0
  92. package/front_end/Images/radioDot.png +0 -0
  93. package/front_end/panels/application/module.json +0 -6
  94. package/front_end/panels/issues/module.json +0 -6
  95. package/front_end/panels/layer_viewer/module.json +0 -5
  96. package/front_end/panels/media/module.json +0 -5
  97. package/front_end/panels/network/module.json +0 -5
  98. package/front_end/panels/security/module.json +0 -5
  99. package/front_end/ui/legacy/components/source_frame/SourcesTextEditor.ts +0 -1030
@@ -3,7 +3,6 @@
3
3
  // found in the LICENSE file.
4
4
 
5
5
  import * as Common from '../../core/common/common.js';
6
- import * as Root from '../../core/root/root.js';
7
6
  import * as SDK from '../../core/sdk/sdk.js';
8
7
  import * as Workspace from '../../models/workspace/workspace.js';
9
8
  import * as NetworkForward from '../../panels/network/forward/forward.js';
@@ -117,8 +116,6 @@ let loadedNetworkModule: (typeof Network|undefined);
117
116
 
118
117
  async function loadNetworkModule(): Promise<typeof Network> {
119
118
  if (!loadedNetworkModule) {
120
- // Side-effect import resources in module.json
121
- await Root.Runtime.Runtime.instance().loadModulePromise('panels/network');
122
119
  loadedNetworkModule = await import('./network.js');
123
120
  }
124
121
  return loadedNetworkModule;
@@ -3,7 +3,6 @@
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
8
  // eslint-disable-next-line rulesdir/es_modules_import
@@ -26,8 +25,6 @@ let loadedSecurityModule: (typeof Security|undefined);
26
25
 
27
26
  async function loadSecurityModule(): Promise<typeof Security> {
28
27
  if (!loadedSecurityModule) {
29
- // Side-effect import resources in module.json
30
- await Root.Runtime.Runtime.instance().loadModulePromise('panels/security');
31
28
  loadedSecurityModule = await import('./security.js');
32
29
  }
33
30
  return loadedSecurityModule;
@@ -3,8 +3,8 @@
3
3
  // found in the LICENSE file.
4
4
 
5
5
  import * as i18n from '../../core/i18n/i18n.js';
6
- import type * as TextEditor from '../../ui/components/text_editor/text_editor.js';
7
- import type * as CodeMirror from '../../third_party/codemirror.next/codemirror.next.js';
6
+ import * as CodeMirror from '../../third_party/codemirror.next/codemirror.next.js';
7
+ import * as TextEditor from '../../ui/components/text_editor/text_editor.js';
8
8
  import * as UI from '../../ui/legacy/legacy.js';
9
9
 
10
10
  import breakpointEditDialogStyles from './breakpointEditDialog.css.js';
@@ -60,37 +60,23 @@ export class BreakpointEditDialog extends UI.Widget.Widget {
60
60
  private readonly typeSelector: UI.Toolbar.ToolbarComboBox;
61
61
  private placeholderCompartment: CodeMirror.Compartment;
62
62
 
63
- static async create(
63
+ constructor(
64
64
  editorLineNumber: number,
65
65
  oldCondition: string,
66
66
  preferLogpoint: boolean,
67
67
  onFinish: (arg0: {committed: boolean, condition: string}) => Promise<void>,
68
- ): Promise<BreakpointEditDialog> {
69
- const TextEditor = await import('../../ui/components/text_editor/text_editor.js');
70
- const CodeMirror = await import('../../third_party/codemirror.next/codemirror.next.js');
68
+ ) {
69
+ super(true);
70
+
71
71
  const editorConfig = [
72
- (await CodeMirror.javascript()).javascriptLanguage,
72
+ CodeMirror.javascript.javascriptLanguage,
73
73
  TextEditor.Config.baseConfiguration(oldCondition || ''),
74
74
  TextEditor.Config.autocompletion,
75
75
  CodeMirror.EditorView.lineWrapping,
76
76
  TextEditor.Config.showCompletionHint,
77
- await TextEditor.JavaScript.completion(),
77
+ TextEditor.JavaScript.completion(),
78
78
  TextEditor.JavaScript.argumentHints(),
79
79
  ];
80
- return new BreakpointEditDialog(
81
- editorLineNumber, oldCondition, preferLogpoint, onFinish, TextEditor, CodeMirror, editorConfig);
82
- }
83
-
84
- constructor(
85
- editorLineNumber: number,
86
- oldCondition: string,
87
- preferLogpoint: boolean,
88
- onFinish: (arg0: {committed: boolean, condition: string}) => Promise<void>,
89
- modTextEditor: typeof TextEditor,
90
- readonly modCodeMirror: typeof CodeMirror,
91
- editorConfig: CodeMirror.Extension,
92
- ) {
93
- super(true);
94
80
 
95
81
  this.onFinish = onFinish;
96
82
  this.finished = false;
@@ -119,7 +105,7 @@ export class BreakpointEditDialog extends UI.Widget.Widget {
119
105
 
120
106
  const content = oldCondition || '';
121
107
  const finishIfComplete = (view: CodeMirror.EditorView): boolean => {
122
- if (modTextEditor.JavaScript.isExpressionComplete(view.state)) {
108
+ if (TextEditor.JavaScript.isExpressionComplete(view.state)) {
123
109
  this.finishEditing(true, this.editor.state.doc.toString());
124
110
  return true;
125
111
  }
@@ -135,8 +121,8 @@ export class BreakpointEditDialog extends UI.Widget.Widget {
135
121
  run: finishIfComplete,
136
122
  },
137
123
  {
138
- ...modCodeMirror.standardKeymap.find(binding => binding.key === 'Enter') as CodeMirror.KeyBinding,
139
124
  key: 'Shift-Enter',
125
+ run: CodeMirror.insertNewlineAndIndent,
140
126
  },
141
127
  {
142
128
  key: 'Escape',
@@ -147,17 +133,17 @@ export class BreakpointEditDialog extends UI.Widget.Widget {
147
133
  },
148
134
  ];
149
135
 
150
- this.placeholderCompartment = new modCodeMirror.Compartment();
136
+ this.placeholderCompartment = new CodeMirror.Compartment();
151
137
 
152
138
  const editorWrapper = this.contentElement.appendChild(document.createElement('div'));
153
139
  editorWrapper.classList.add('condition-editor');
154
140
 
155
- this.editor = new modTextEditor.TextEditor.TextEditor(modCodeMirror.EditorState.create({
141
+ this.editor = new TextEditor.TextEditor.TextEditor(CodeMirror.EditorState.create({
156
142
  doc: content,
157
143
  selection: {anchor: 0, head: content.length},
158
144
  extensions: [
159
145
  this.placeholderCompartment.of(this.getPlaceholder()),
160
- modCodeMirror.keymap.of(keymap),
146
+ CodeMirror.keymap.of(keymap),
161
147
  editorConfig,
162
148
  ],
163
149
  }));
@@ -185,7 +171,7 @@ export class BreakpointEditDialog extends UI.Widget.Widget {
185
171
  if (type === BreakpointType.Breakpoint) {
186
172
  this.finishEditing(true, '');
187
173
  } else {
188
- this.editor.editor.dispatch({effects: this.placeholderCompartment.reconfigure(this.getPlaceholder())});
174
+ this.editor.dispatch({effects: this.placeholderCompartment.reconfigure(this.getPlaceholder())});
189
175
  this.updateTooltip();
190
176
  }
191
177
  }
@@ -198,10 +184,10 @@ export class BreakpointEditDialog extends UI.Widget.Widget {
198
184
  private getPlaceholder(): CodeMirror.Extension {
199
185
  const type = this.breakpointType;
200
186
  if (type === BreakpointType.Conditional) {
201
- return this.modCodeMirror.placeholder(i18nString(UIStrings.expressionToCheckBeforePausingEg));
187
+ return CodeMirror.placeholder(i18nString(UIStrings.expressionToCheckBeforePausingEg));
202
188
  }
203
189
  if (type === BreakpointType.Logpoint) {
204
- return this.modCodeMirror.placeholder(i18nString(UIStrings.logMessageEgXIsX));
190
+ return CodeMirror.placeholder(i18nString(UIStrings.logMessageEgXIsX));
205
191
  }
206
192
  return [];
207
193
  }