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.
Files changed (59) hide show
  1. package/extension-api/ExtensionAPI.d.ts +7 -0
  2. package/front_end/Tests.js +14 -0
  3. package/front_end/core/common/Debouncer.ts +1 -1
  4. package/front_end/core/common/Settings.ts +33 -0
  5. package/front_end/core/host/InspectorFrontendHost.ts +7 -3
  6. package/front_end/core/host/InspectorFrontendHostAPI.ts +2 -0
  7. package/front_end/core/host/UserMetrics.ts +2 -2
  8. package/front_end/core/i18n/i18nImpl.ts +1 -1
  9. package/front_end/core/i18n/locales/en-US.json +6 -0
  10. package/front_end/core/i18n/locales/en-XL.json +6 -0
  11. package/front_end/core/protocol_client/InspectorBackend.ts +3 -3
  12. package/front_end/core/sdk/Connections.ts +1 -1
  13. package/front_end/core/sdk/IsolateManager.ts +1 -1
  14. package/front_end/core/sdk/PageResourceLoader.ts +4 -2
  15. package/front_end/devtools_compatibility.js +9 -0
  16. package/front_end/entrypoints/main/MainImpl.ts +7 -2
  17. package/front_end/models/extensions/ExtensionAPI.ts +33 -5
  18. package/front_end/models/extensions/ExtensionServer.ts +28 -0
  19. package/front_end/models/logs/LogManager.ts +1 -1
  20. package/front_end/models/persistence/FileSystemWorkspaceBinding.ts +1 -1
  21. package/front_end/models/workspace/UISourceCode.ts +1 -1
  22. package/front_end/panels/application/AppManifestView.ts +41 -0
  23. package/front_end/panels/application/StorageView.ts +1 -1
  24. package/front_end/panels/console/ConsoleView.ts +1 -1
  25. package/front_end/panels/elements/ComputedStyleModel.ts +1 -1
  26. package/front_end/panels/elements/StylesSidebarPane.ts +2 -2
  27. package/front_end/panels/network/NetworkItemView.ts +1 -1
  28. package/front_end/panels/network/NetworkLogViewColumns.ts +5 -0
  29. package/front_end/panels/profiler/HeapTimelineOverview.ts +2 -2
  30. package/front_end/panels/profiler/LiveHeapProfileView.ts +1 -1
  31. package/front_end/panels/screencast/ScreencastView.ts +2 -2
  32. package/front_end/panels/settings/SettingsScreen.ts +1 -1
  33. package/front_end/panels/settings/settingsScreen.css +8 -3
  34. package/front_end/panels/sources/DebuggerPlugin.ts +1 -1
  35. package/front_end/panels/sources/NavigatorView.ts +1 -1
  36. package/front_end/panels/sources/SourcesSearchScope.ts +1 -1
  37. package/front_end/panels/timeline/TimelineController.ts +2 -2
  38. package/front_end/panels/timeline/TimelineLoader.ts +3 -3
  39. package/front_end/panels/timeline/TimelinePanel.ts +1 -1
  40. package/front_end/panels/webauthn/WebauthnPane.ts +1 -1
  41. package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
  42. package/front_end/third_party/codemirror.next/chunk/markdown.js +1 -1
  43. package/front_end/third_party/codemirror.next/codemirror.next.d.ts +76 -12
  44. package/front_end/third_party/codemirror.next/codemirror.next.js +1 -1
  45. package/front_end/third_party/codemirror.next/package.json +13 -13
  46. package/front_end/ui/components/render_coordinator/RenderCoordinator.ts +2 -2
  47. package/front_end/ui/components/text_editor/TextEditor.ts +1 -1
  48. package/front_end/ui/components/text_editor/cursor_tooltip.ts +1 -1
  49. package/front_end/ui/components/text_editor/javascript.ts +1 -1
  50. package/front_end/ui/components/text_editor/theme.ts +1 -0
  51. package/front_end/ui/legacy/SearchableView.ts +1 -1
  52. package/front_end/ui/legacy/SoftDropDown.ts +2 -2
  53. package/front_end/ui/legacy/TextPrompt.ts +2 -1
  54. package/front_end/ui/legacy/components/perf_ui/LiveHeapProfile.ts +1 -1
  55. package/front_end/ui/legacy/theme_support/theme_support_impl.ts +1 -1
  56. package/package.json +1 -1
  57. package/front_end/third_party/codemirror/README.md +0 -3
  58. package/front_end/third_party/codemirror/codemirror.css +0 -283
  59. 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.style.paddingTop = '1px';
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
- .settings-tab label {
78
- padding-right: 4px;
79
- display: inline-flex;
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.firstChild) {
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 {