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.
- package/config/gni/all_devtools_files.gni +0 -6
- package/config/gni/devtools_grd_files.gni +6 -12
- package/config/gni/devtools_image_files.gni +0 -2
- package/front_end/Tests.js +1 -0
- package/front_end/core/common/Color.ts +5 -0
- package/front_end/core/i18n/locales/en-US.json +16 -28
- package/front_end/core/i18n/locales/en-XL.json +16 -28
- package/front_end/core/sdk/sdk-meta.ts +17 -3
- package/front_end/entrypoints/devtools_app/devtools_app.json +1 -7
- package/front_end/entrypoints/main/MainImpl.ts +26 -0
- package/front_end/entrypoints/shell/shell.js +0 -11
- package/front_end/entrypoints/worker_app/worker_app.json +0 -4
- package/front_end/generated/InspectorBackendCommands.js +1 -0
- package/front_end/generated/protocol.d.ts +2 -0
- package/front_end/legacy_test_runner/legacy_test_runner.ts +10 -1
- package/front_end/models/formatter/SourceFormatter.ts +0 -10
- package/front_end/models/workspace/UISourceCode.ts +9 -42
- package/front_end/panels/animation/AnimationTimeline.ts +3 -3
- package/front_end/panels/application/ApplicationPanelSidebar.ts +3 -3
- package/front_end/panels/application/application-meta.ts +0 -3
- package/front_end/panels/console/ConsolePinPane.ts +21 -26
- package/front_end/panels/coverage/CoverageDecorationManager.ts +4 -5
- package/front_end/panels/coverage/CoverageView.ts +2 -105
- package/front_end/panels/css_overview/components/CSSOverviewStartView.ts +11 -56
- package/front_end/panels/css_overview/components/cssOverviewStartView.css +1 -8
- package/front_end/panels/elements/ElementsTreeElement.ts +4 -9
- package/front_end/panels/elements/components/adornerSettingsPane.css +0 -4
- package/front_end/panels/emulation/emulation-meta.ts +2 -2
- package/front_end/panels/issues/issues-meta.ts +0 -2
- package/front_end/panels/layers/module.json +0 -1
- package/front_end/panels/lighthouse/lighthouseStartView.css +4 -0
- package/front_end/panels/media/media-meta.ts +0 -3
- package/front_end/panels/network/ResourceWebSocketFrameView.ts +2 -1
- package/front_end/panels/network/network-meta.ts +0 -3
- package/front_end/panels/security/security-meta.ts +0 -3
- package/front_end/panels/sources/BreakpointEditDialog.ts +16 -30
- package/front_end/panels/sources/CSSPlugin.ts +310 -331
- package/front_end/panels/sources/CallStackSidebarPane.ts +28 -34
- package/front_end/panels/sources/CoveragePlugin.ts +121 -6
- package/front_end/panels/sources/DebuggerPlugin.ts +1166 -1243
- package/front_end/panels/sources/EditingLocationHistoryManager.ts +71 -101
- package/front_end/panels/sources/GoToLineQuickOpen.ts +4 -3
- package/front_end/panels/sources/InplaceFormatterEditorAction.ts +3 -3
- package/front_end/panels/sources/JavaScriptCompilerPlugin.ts +26 -23
- package/front_end/panels/sources/Plugin.ts +20 -4
- package/front_end/panels/sources/ProfilePlugin.ts +185 -0
- package/front_end/panels/sources/ScriptFormatterEditorAction.ts +3 -3
- package/front_end/panels/sources/ScriptOriginPlugin.ts +0 -10
- package/front_end/panels/sources/SnippetsPlugin.ts +1 -10
- package/front_end/panels/sources/SourcesPanel.ts +6 -5
- package/front_end/panels/sources/SourcesView.ts +10 -8
- package/front_end/panels/sources/TabbedEditorContainer.ts +31 -27
- package/front_end/panels/sources/UISourceCodeFrame.ts +335 -470
- package/front_end/panels/sources/WatchExpressionsSidebarPane.ts +3 -2
- package/front_end/panels/sources/sources-legacy.ts +0 -6
- package/front_end/panels/sources/sources.ts +0 -2
- package/front_end/panels/timeline/module.json +0 -1
- package/front_end/third_party/codemirror.next/bundle.ts +9 -13
- package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/javascript.js +2 -2
- package/front_end/third_party/codemirror.next/chunk/markdown.js +2 -6
- package/front_end/third_party/codemirror.next/chunk/php.js +2 -6
- package/front_end/third_party/codemirror.next/chunk/python.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/wast.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/xml.js +2 -2
- package/front_end/third_party/codemirror.next/codemirror.next.d.ts +279 -198
- package/front_end/third_party/codemirror.next/codemirror.next.js +1 -1
- package/front_end/third_party/codemirror.next/package.json +13 -11
- package/front_end/ui/components/code_highlighter/CodeHighlighter.ts +60 -68
- package/front_end/ui/components/data_grid/dataGrid.css +12 -10
- package/front_end/ui/components/docs/css_overview/start_view.html +25 -0
- package/front_end/ui/components/docs/css_overview/start_view.ts +14 -0
- package/front_end/ui/components/text_editor/TextEditor.ts +79 -36
- package/front_end/ui/components/text_editor/config.ts +42 -26
- package/front_end/ui/components/text_editor/javascript.ts +2 -3
- package/front_end/ui/components/text_editor/position.ts +17 -0
- package/front_end/ui/components/text_editor/text_editor.ts +1 -0
- package/front_end/ui/components/text_editor/theme.ts +5 -1
- package/front_end/ui/legacy/Infobar.ts +2 -6
- package/front_end/ui/legacy/ShortcutRegistry.ts +11 -7
- package/front_end/ui/legacy/components/perf_ui/LineLevelProfile.ts +35 -131
- package/front_end/ui/legacy/components/source_frame/BinaryResourceViewFactory.ts +3 -6
- package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts +18 -14
- package/front_end/ui/legacy/components/source_frame/SourceFrame.ts +502 -252
- package/front_end/ui/legacy/components/source_frame/source_frame-legacy.ts +0 -11
- package/front_end/ui/legacy/components/source_frame/source_frame.ts +0 -2
- package/front_end/ui/legacy/components/text_editor/cmdevtools.css +3 -1
- package/front_end/ui/legacy/radioButton.css +1 -13
- package/front_end/ui/legacy/themeColors.css +36 -0
- package/package.json +1 -1
- package/front_end/Images/radioDot-dark-theme.png +0 -0
- package/front_end/Images/radioDot.png +0 -0
- package/front_end/panels/application/module.json +0 -6
- package/front_end/panels/issues/module.json +0 -6
- package/front_end/panels/layer_viewer/module.json +0 -5
- package/front_end/panels/media/module.json +0 -5
- package/front_end/panels/network/module.json +0 -5
- package/front_end/panels/security/module.json +0 -5
- 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
|
|
7
|
-
import
|
|
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
|
-
|
|
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
|
-
|
|
69
|
-
|
|
70
|
-
|
|
68
|
+
) {
|
|
69
|
+
super(true);
|
|
70
|
+
|
|
71
71
|
const editorConfig = [
|
|
72
|
-
|
|
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
|
-
|
|
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 (
|
|
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
|
|
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
|
|
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
|
-
|
|
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.
|
|
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
|
|
187
|
+
return CodeMirror.placeholder(i18nString(UIStrings.expressionToCheckBeforePausingEg));
|
|
202
188
|
}
|
|
203
189
|
if (type === BreakpointType.Logpoint) {
|
|
204
|
-
return
|
|
190
|
+
return CodeMirror.placeholder(i18nString(UIStrings.logMessageEgXIsX));
|
|
205
191
|
}
|
|
206
192
|
return [];
|
|
207
193
|
}
|