chrome-devtools-frontend 1.0.956812 → 1.0.957983
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/extension-api/ExtensionAPI.d.ts +7 -0
- package/front_end/Tests.js +14 -0
- package/front_end/core/common/Debouncer.ts +1 -1
- package/front_end/core/common/Settings.ts +33 -0
- package/front_end/core/host/InspectorFrontendHost.ts +7 -3
- package/front_end/core/host/InspectorFrontendHostAPI.ts +2 -0
- package/front_end/core/host/UserMetrics.ts +2 -2
- package/front_end/core/i18n/i18nImpl.ts +1 -1
- package/front_end/core/i18n/locales/en-US.json +6 -0
- package/front_end/core/i18n/locales/en-XL.json +6 -0
- package/front_end/core/protocol_client/InspectorBackend.ts +3 -3
- package/front_end/core/sdk/Connections.ts +1 -1
- package/front_end/core/sdk/IsolateManager.ts +1 -1
- package/front_end/core/sdk/PageResourceLoader.ts +4 -2
- package/front_end/devtools_compatibility.js +9 -0
- package/front_end/entrypoints/main/MainImpl.ts +7 -2
- package/front_end/models/extensions/ExtensionAPI.ts +33 -5
- package/front_end/models/extensions/ExtensionServer.ts +28 -0
- package/front_end/models/logs/LogManager.ts +1 -1
- package/front_end/models/persistence/FileSystemWorkspaceBinding.ts +1 -1
- package/front_end/models/workspace/UISourceCode.ts +1 -1
- package/front_end/panels/application/AppManifestView.ts +41 -0
- package/front_end/panels/application/StorageView.ts +1 -1
- package/front_end/panels/console/ConsoleView.ts +1 -1
- package/front_end/panels/elements/ComputedStyleModel.ts +1 -1
- package/front_end/panels/elements/StylesSidebarPane.ts +2 -2
- package/front_end/panels/network/NetworkItemView.ts +1 -1
- package/front_end/panels/network/NetworkLogViewColumns.ts +5 -0
- package/front_end/panels/profiler/HeapTimelineOverview.ts +2 -2
- package/front_end/panels/profiler/LiveHeapProfileView.ts +1 -1
- package/front_end/panels/screencast/ScreencastView.ts +2 -2
- package/front_end/panels/settings/SettingsScreen.ts +1 -1
- package/front_end/panels/settings/settingsScreen.css +8 -3
- package/front_end/panels/sources/DebuggerPlugin.ts +1 -1
- package/front_end/panels/sources/NavigatorView.ts +1 -1
- package/front_end/panels/sources/SourcesSearchScope.ts +1 -1
- package/front_end/panels/timeline/TimelineController.ts +2 -2
- package/front_end/panels/timeline/TimelineLoader.ts +3 -3
- package/front_end/panels/timeline/TimelinePanel.ts +1 -1
- package/front_end/panels/webauthn/WebauthnPane.ts +1 -1
- package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/markdown.js +1 -1
- package/front_end/third_party/codemirror.next/codemirror.next.d.ts +76 -12
- package/front_end/third_party/codemirror.next/codemirror.next.js +1 -1
- package/front_end/third_party/codemirror.next/package.json +13 -13
- package/front_end/ui/components/render_coordinator/RenderCoordinator.ts +2 -2
- package/front_end/ui/components/text_editor/TextEditor.ts +1 -1
- package/front_end/ui/components/text_editor/cursor_tooltip.ts +1 -1
- package/front_end/ui/components/text_editor/javascript.ts +1 -1
- package/front_end/ui/components/text_editor/theme.ts +1 -0
- package/front_end/ui/legacy/SearchableView.ts +1 -1
- package/front_end/ui/legacy/SoftDropDown.ts +2 -2
- package/front_end/ui/legacy/TextPrompt.ts +2 -1
- package/front_end/ui/legacy/components/perf_ui/LiveHeapProfile.ts +1 -1
- package/front_end/ui/legacy/theme_support/theme_support_impl.ts +1 -1
- package/package.json +1 -1
- package/front_end/third_party/codemirror/README.md +0 -3
- package/front_end/third_party/codemirror/codemirror.css +0 -283
- package/front_end/third_party/codemirror/codemirror.ts +0 -19
|
@@ -196,7 +196,7 @@ export class HeapTimelineOverview extends Common.ObjectWrapper.eventMixin<EventT
|
|
|
196
196
|
|
|
197
197
|
onWindowChanged(): void {
|
|
198
198
|
if (!this.updateGridTimerId) {
|
|
199
|
-
this.updateGridTimerId = setTimeout(this.updateGrid.bind(this), 10);
|
|
199
|
+
this.updateGridTimerId = window.setTimeout(this.updateGrid.bind(this), 10);
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
202
|
|
|
@@ -204,7 +204,7 @@ export class HeapTimelineOverview extends Common.ObjectWrapper.eventMixin<EventT
|
|
|
204
204
|
if (this.updateTimerId) {
|
|
205
205
|
return;
|
|
206
206
|
}
|
|
207
|
-
this.updateTimerId = setTimeout(this.update.bind(this), 10);
|
|
207
|
+
this.updateTimerId = window.setTimeout(this.update.bind(this), 10);
|
|
208
208
|
}
|
|
209
209
|
|
|
210
210
|
updateBoundaries(): void {
|
|
@@ -203,7 +203,7 @@ export class LiveHeapProfileView extends UI.Widget.VBox {
|
|
|
203
203
|
return;
|
|
204
204
|
}
|
|
205
205
|
this.update(isolates, profiles);
|
|
206
|
-
await new Promise(r => setTimeout(r, 3000));
|
|
206
|
+
await new Promise(r => window.setTimeout(r, 3000));
|
|
207
207
|
} while (this.currentPollId === pollId);
|
|
208
208
|
}
|
|
209
209
|
|
|
@@ -796,7 +796,7 @@ export class ProgressTracker {
|
|
|
796
796
|
private onLoad(): void {
|
|
797
797
|
this.requestIds = null;
|
|
798
798
|
this.updateProgress(1); // Display 100% progress on load, hide it in 0.5s.
|
|
799
|
-
setTimeout(() => {
|
|
799
|
+
window.setTimeout(() => {
|
|
800
800
|
if (!this.navigationProgressVisible()) {
|
|
801
801
|
this.displayProgress(0);
|
|
802
802
|
}
|
|
@@ -831,7 +831,7 @@ export class ProgressTracker {
|
|
|
831
831
|
return;
|
|
832
832
|
}
|
|
833
833
|
++this.finishedRequests;
|
|
834
|
-
setTimeout(() => {
|
|
834
|
+
window.setTimeout(() => {
|
|
835
835
|
this.updateProgress(
|
|
836
836
|
this.finishedRequests / this.startedRequests * 0.9); // Finished requests drive the progress up to 90%.
|
|
837
837
|
}, 500); // Delay to give the new requests time to start. This makes the progress smoother.
|
|
@@ -392,7 +392,7 @@ export class ExperimentsSettingsTab extends SettingsTab {
|
|
|
392
392
|
constructor() {
|
|
393
393
|
super(i18nString(UIStrings.experiments), 'experiments-tab-content');
|
|
394
394
|
const filterSection = this.appendSection();
|
|
395
|
-
filterSection.
|
|
395
|
+
filterSection.classList.add('experiments-filter');
|
|
396
396
|
|
|
397
397
|
const labelElement = filterSection.createChild('label');
|
|
398
398
|
labelElement.textContent = i18nString(UIStrings.filterExperimentsLabel);
|
|
@@ -74,9 +74,14 @@ fieldset {
|
|
|
74
74
|
border: none;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
.
|
|
78
|
-
padding-
|
|
79
|
-
display:
|
|
77
|
+
.experiments-filter {
|
|
78
|
+
padding-top: 1px;
|
|
79
|
+
display: flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.experiments-filter label {
|
|
84
|
+
padding-right: 8px;
|
|
80
85
|
flex-shrink: 0;
|
|
81
86
|
}
|
|
82
87
|
|
|
@@ -603,7 +603,7 @@ export class DebuggerPlugin extends Plugin {
|
|
|
603
603
|
} else if (/^text\/(javascript|typescript|jsx)/.test(this.uiSourceCode.mimeType())) {
|
|
604
604
|
let node: CodeMirror.SyntaxNode|null = CodeMirror.syntaxTree(editor.state).resolveInner(textPosition, 1);
|
|
605
605
|
// Only do something if the cursor is over a leaf node.
|
|
606
|
-
if (node
|
|
606
|
+
if (node?.firstChild) {
|
|
607
607
|
return null;
|
|
608
608
|
}
|
|
609
609
|
while (
|
|
@@ -1137,7 +1137,7 @@ export class NavigatorSourceTreeElement extends UI.TreeOutline.TreeElement {
|
|
|
1137
1137
|
super.selectOnMouseDown(event);
|
|
1138
1138
|
return;
|
|
1139
1139
|
}
|
|
1140
|
-
setTimeout(rename.bind(this), 300);
|
|
1140
|
+
window.setTimeout(rename.bind(this), 300);
|
|
1141
1141
|
|
|
1142
1142
|
function rename(this: NavigatorSourceTreeElement): void {
|
|
1143
1143
|
if (this.shouldRenameOnMouseDown()) {
|
|
@@ -240,7 +240,7 @@ export class SourcesSearchScope implements Search.SearchConfig.SearchScope {
|
|
|
240
240
|
|
|
241
241
|
++callbacksLeft;
|
|
242
242
|
const uiSourceCode = files[fileIndex++];
|
|
243
|
-
setTimeout(searchInNextFile.bind(this, uiSourceCode), 0);
|
|
243
|
+
window.setTimeout(searchInNextFile.bind(this, uiSourceCode), 0);
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
function contentLoaded(
|
|
@@ -146,7 +146,7 @@ export class TimelineController implements SDK.TargetManager.SDKModelObserver<SD
|
|
|
146
146
|
const extensionCompletionPromises = this.extensionSessions.map(session => session.stop());
|
|
147
147
|
if (extensionCompletionPromises.length) {
|
|
148
148
|
tracingStoppedPromises.push(
|
|
149
|
-
Promise.race([Promise.all(extensionCompletionPromises), new Promise(r => setTimeout(r, 5000))]));
|
|
149
|
+
Promise.race([Promise.all(extensionCompletionPromises), new Promise(r => window.setTimeout(r, 5000))]));
|
|
150
150
|
}
|
|
151
151
|
await Promise.all(tracingStoppedPromises);
|
|
152
152
|
}
|
|
@@ -222,7 +222,7 @@ export class TimelineController implements SDK.TargetManager.SDKModelObserver<SD
|
|
|
222
222
|
|
|
223
223
|
private allSourcesFinished(): void {
|
|
224
224
|
this.client.processingStarted();
|
|
225
|
-
setTimeout(() => this.finalizeTrace(), 0);
|
|
225
|
+
window.setTimeout(() => this.finalizeTrace(), 0);
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
private async finalizeTrace(): Promise<void> {
|
|
@@ -80,14 +80,14 @@ export class TimelineLoader implements Common.StringOutputStream.OutputStream {
|
|
|
80
80
|
static loadFromEvents(events: SDK.TracingManager.EventPayload[], client: Client): TimelineLoader {
|
|
81
81
|
const loader = new TimelineLoader(client);
|
|
82
82
|
|
|
83
|
-
setTimeout(async () => {
|
|
83
|
+
window.setTimeout(async () => {
|
|
84
84
|
const eventsPerChunk = 5000;
|
|
85
85
|
client.loadingStarted();
|
|
86
86
|
for (let i = 0; i < events.length; i += eventsPerChunk) {
|
|
87
87
|
const chunk = events.slice(i, i + eventsPerChunk);
|
|
88
88
|
(loader.tracingModel as SDK.TracingModel.TracingModel).addEvents(chunk);
|
|
89
89
|
client.loadingProgress((i + chunk.length) / events.length);
|
|
90
|
-
await new Promise(r => setTimeout(r)); // Yield event loop to paint.
|
|
90
|
+
await new Promise(r => window.setTimeout(r)); // Yield event loop to paint.
|
|
91
91
|
}
|
|
92
92
|
void loader.close();
|
|
93
93
|
});
|
|
@@ -228,7 +228,7 @@ export class TimelineLoader implements Common.StringOutputStream.OutputStream {
|
|
|
228
228
|
return;
|
|
229
229
|
}
|
|
230
230
|
this.client.processingStarted();
|
|
231
|
-
setTimeout(() => this.finalizeTrace(), 0);
|
|
231
|
+
window.setTimeout(() => this.finalizeTrace(), 0);
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
private finalizeTrace(): void {
|
|
@@ -1148,7 +1148,7 @@ export class TimelinePanel extends UI.Panel.Panel implements Client, TimelineMod
|
|
|
1148
1148
|
return;
|
|
1149
1149
|
}
|
|
1150
1150
|
const controller = this.controller;
|
|
1151
|
-
await new Promise(r => setTimeout(r, this.millisecondsToRecordAfterLoadEvent));
|
|
1151
|
+
await new Promise(r => window.setTimeout(r, this.millisecondsToRecordAfterLoadEvent));
|
|
1152
1152
|
|
|
1153
1153
|
// Check if we're still in the same recording session.
|
|
1154
1154
|
if (controller !== this.controller || this.state !== State.Recording) {
|
|
@@ -404,7 +404,7 @@ export class WebauthnPaneImpl extends UI.Widget.VBox implements
|
|
|
404
404
|
}
|
|
405
405
|
|
|
406
406
|
// TODO(crbug.com/1112528): Add back-end events for credential creation and removal to avoid polling.
|
|
407
|
-
setTimeout(this.#updateCredentials.bind(this, authenticatorId), TIMEOUT);
|
|
407
|
+
window.setTimeout(this.#updateCredentials.bind(this, authenticatorId), TIMEOUT);
|
|
408
408
|
}
|
|
409
409
|
|
|
410
410
|
#maybeAddEmptyNode(dataGrid: DataGrid.DataGrid.DataGridImpl<DataGridNode>): void {
|