chrome-devtools-frontend 1.0.927127 → 1.0.928589

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 (144) hide show
  1. package/AUTHORS +1 -0
  2. package/config/gni/all_devtools_files.gni +0 -1
  3. package/config/gni/devtools_grd_files.gni +30 -4
  4. package/config/gni/devtools_image_files.gni +1 -0
  5. package/front_end/Images/src/ic_preview_feature.svg +3 -0
  6. package/front_end/Tests.js +2 -3
  7. package/front_end/core/common/Settings.ts +26 -45
  8. package/front_end/core/host/UserMetrics.ts +2 -2
  9. package/front_end/core/i18n/locales/en-US.json +60 -15
  10. package/front_end/core/i18n/locales/en-XL.json +60 -15
  11. package/front_end/core/platform/keyboard-utilities.ts +1 -0
  12. package/front_end/core/root/Runtime.ts +62 -61
  13. package/front_end/core/sdk/AccessibilityModel.ts +73 -73
  14. package/front_end/core/sdk/CPUProfileDataModel.ts +14 -14
  15. package/front_end/core/sdk/CPUProfilerModel.ts +33 -33
  16. package/front_end/core/sdk/CPUThrottlingManager.ts +8 -8
  17. package/front_end/core/sdk/CSSFontFace.ts +10 -10
  18. package/front_end/core/sdk/CSSMatchedStyles.ts +114 -114
  19. package/front_end/core/sdk/CSSMedia.ts +22 -22
  20. package/front_end/core/sdk/CSSMetadata.ts +53 -49
  21. package/front_end/core/sdk/CSSModel.ts +139 -135
  22. package/front_end/core/sdk/CSSProperty.ts +18 -18
  23. package/front_end/core/sdk/CSSRule.ts +15 -15
  24. package/front_end/core/sdk/CSSStyleDeclaration.ts +49 -47
  25. package/front_end/core/sdk/CSSStyleSheetHeader.ts +12 -12
  26. package/front_end/core/sdk/ChildTargetManager.ts +41 -40
  27. package/front_end/core/sdk/CompilerSourceMappingContentProvider.ts +10 -10
  28. package/front_end/core/sdk/Connections.ts +81 -81
  29. package/front_end/core/sdk/ConsoleModel.ts +68 -68
  30. package/front_end/core/sdk/Cookie.ts +48 -48
  31. package/front_end/core/sdk/CookieModel.ts +13 -13
  32. package/front_end/core/sdk/CookieParser.ts +45 -45
  33. package/front_end/core/sdk/DOMDebuggerModel.ts +131 -131
  34. package/front_end/core/sdk/DOMModel.ts +264 -252
  35. package/front_end/core/sdk/DebuggerModel.ts +209 -205
  36. package/front_end/core/sdk/EmulationModel.ts +76 -76
  37. package/front_end/core/sdk/FilmStripModel.ts +29 -29
  38. package/front_end/core/sdk/FrameManager.ts +43 -42
  39. package/front_end/core/sdk/HeapProfilerModel.ts +36 -36
  40. package/front_end/core/sdk/IsolateManager.ts +82 -82
  41. package/front_end/core/sdk/IssuesModel.ts +6 -6
  42. package/front_end/core/sdk/LayerTreeBase.ts +37 -37
  43. package/front_end/core/sdk/LogModel.ts +5 -5
  44. package/front_end/core/sdk/NetworkManager.ts +229 -225
  45. package/front_end/core/sdk/NetworkRequest.ts +368 -360
  46. package/front_end/core/sdk/OverlayColorGenerator.ts +9 -9
  47. package/front_end/core/sdk/OverlayModel.ts +155 -153
  48. package/front_end/core/sdk/OverlayPersistentHighlighter.ts +100 -101
  49. package/front_end/core/sdk/PageResourceLoader.ts +30 -30
  50. package/front_end/core/sdk/PaintProfiler.ts +16 -16
  51. package/front_end/core/sdk/PerformanceMetricsModel.ts +12 -12
  52. package/front_end/core/sdk/ProfileTreeModel.ts +3 -3
  53. package/front_end/core/sdk/RemoteObject.ts +108 -104
  54. package/front_end/core/sdk/Resource.ts +85 -84
  55. package/front_end/core/sdk/ResourceTreeModel.ts +150 -145
  56. package/front_end/core/sdk/RuntimeModel.ts +38 -34
  57. package/front_end/core/sdk/SDKModel.ts +3 -3
  58. package/front_end/core/sdk/ScreenCaptureModel.ts +19 -19
  59. package/front_end/core/sdk/Script.ts +29 -29
  60. package/front_end/core/sdk/SecurityOriginManager.ts +19 -19
  61. package/front_end/core/sdk/ServerTiming.ts +2 -2
  62. package/front_end/core/sdk/ServiceWorkerCacheModel.ts +43 -43
  63. package/front_end/core/sdk/ServiceWorkerManager.ts +72 -68
  64. package/front_end/core/sdk/SourceMap.ts +40 -36
  65. package/front_end/core/sdk/SourceMapManager.ts +57 -57
  66. package/front_end/core/sdk/Target.ts +64 -63
  67. package/front_end/core/sdk/TargetManager.ts +60 -56
  68. package/front_end/core/sdk/TracingManager.ts +39 -39
  69. package/front_end/core/sdk/TracingModel.ts +125 -125
  70. package/front_end/core/sdk/WebAuthnModel.ts +9 -9
  71. package/front_end/entrypoints/lighthouse_worker/{LighthouseService.js → LighthouseService.ts} +20 -45
  72. package/front_end/entrypoints/lighthouse_worker/{lighthouse_worker.js → lighthouse_worker.ts} +0 -0
  73. package/front_end/entrypoints/main/MainImpl.ts +7 -2
  74. package/front_end/legacy_test_runner/elements_test_runner/ElementsTestRunner.js +4 -4
  75. package/front_end/legacy_test_runner/sdk_test_runner/sdk_test_runner.js +1 -1
  76. package/front_end/models/bindings/DebuggerWorkspaceBinding.ts +0 -6
  77. package/front_end/models/issues_manager/GenericIssue.ts +86 -0
  78. package/front_end/models/issues_manager/Issue.ts +24 -0
  79. package/front_end/models/issues_manager/IssuesManager.ts +18 -6
  80. package/front_end/models/issues_manager/descriptions/genericCrossOriginPortalPostMessageError.md +3 -0
  81. package/front_end/models/issues_manager/issues_manager.ts +2 -0
  82. package/front_end/models/javascript_metadata/NativeFunctions.js +5422 -1
  83. package/front_end/panels/console/ConsoleSidebar.ts +0 -3
  84. package/front_end/panels/elements/ElementsTreeElement.ts +53 -61
  85. package/front_end/panels/elements/ElementsTreeOutline.ts +0 -1
  86. package/front_end/panels/elements/components/LayoutPane.ts +5 -1
  87. package/front_end/panels/issues/GenericIssueDetailsView.ts +68 -0
  88. package/front_end/panels/issues/IssueAggregator.ts +16 -0
  89. package/front_end/panels/issues/IssueKindView.ts +95 -0
  90. package/front_end/panels/issues/IssueView.ts +6 -0
  91. package/front_end/panels/issues/IssuesPane.ts +81 -18
  92. package/front_end/panels/issues/issuesTree.css +8 -3
  93. package/front_end/panels/lighthouse/LighthouseController.ts +3 -1
  94. package/front_end/panels/network/NetworkItemView.ts +1 -1
  95. package/front_end/panels/network/networkLogView.css +5 -0
  96. package/front_end/panels/sensors/LocationsSettingsTab.ts +1 -1
  97. package/front_end/panels/settings/SettingsScreen.ts +1 -0
  98. package/front_end/panels/settings/settingsScreen.css +24 -0
  99. package/front_end/panels/snippets/SnippetsQuickOpen.ts +8 -3
  100. package/front_end/panels/sources/TabbedEditorContainer.ts +1 -1
  101. package/front_end/panels/sources/sources-meta.ts +22 -7
  102. package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
  103. package/front_end/third_party/codemirror.next/package.json +4 -4
  104. package/front_end/ui/components/code_highlighter/CodeHighlighter.ts +137 -0
  105. package/front_end/ui/components/code_highlighter/codeHighlighter.css +51 -0
  106. package/front_end/ui/components/code_highlighter/code_highlighter.ts +11 -0
  107. package/front_end/ui/components/docs/text_editor/basic.html +28 -0
  108. package/front_end/ui/components/docs/text_editor/basic.ts +14 -0
  109. package/front_end/ui/components/docs/text_prompt/basic.html +35 -0
  110. package/front_end/ui/components/docs/text_prompt/basic.ts +19 -0
  111. package/front_end/ui/components/issue_counter/IssueLinkIcon.ts +1 -0
  112. package/front_end/ui/components/render_coordinator/RenderCoordinator.ts +17 -0
  113. package/front_end/ui/components/request_link_icon/RequestLinkIcon.ts +1 -0
  114. package/front_end/ui/components/text_editor/TextEditor.ts +161 -0
  115. package/front_end/ui/components/text_editor/config.ts +264 -0
  116. package/front_end/{panels/console/components/components.ts → ui/components/text_editor/text_editor.ts} +2 -5
  117. package/front_end/ui/components/text_editor/theme.ts +113 -0
  118. package/front_end/ui/components/text_prompt/TextPrompt.ts +144 -0
  119. package/front_end/ui/components/text_prompt/textPrompt.css +33 -0
  120. package/front_end/ui/components/text_prompt/text_prompt.ts +9 -0
  121. package/front_end/ui/legacy/ARIAUtils.ts +14 -11
  122. package/front_end/ui/legacy/TabbedPane.ts +32 -3
  123. package/front_end/ui/legacy/UIUtils.ts +3 -1
  124. package/front_end/ui/legacy/View.ts +6 -0
  125. package/front_end/ui/legacy/ViewManager.ts +5 -1
  126. package/front_end/ui/legacy/ViewRegistration.ts +5 -0
  127. package/front_end/ui/legacy/XLink.ts +1 -1
  128. package/front_end/ui/legacy/closeButton.css +6 -0
  129. package/front_end/ui/legacy/components/quick_open/CommandMenu.ts +8 -3
  130. package/front_end/ui/legacy/components/quick_open/FilteredListWidget.ts +38 -38
  131. package/front_end/ui/legacy/components/quick_open/HelpQuickOpen.ts +10 -4
  132. package/front_end/ui/legacy/components/quick_open/QuickOpen.ts +23 -6
  133. package/front_end/ui/legacy/components/quick_open/filteredListWidget.css +14 -16
  134. package/front_end/ui/legacy/filter.css +1 -0
  135. package/front_end/ui/legacy/tabbedPane.css +24 -0
  136. package/front_end/ui/legacy/toolbar.css +5 -0
  137. package/inspector_overlay/main.ts +2 -1
  138. package/inspector_overlay/tool_screenshot.ts +8 -1
  139. package/package.json +1 -1
  140. package/scripts/build/rollup.config.js +9 -0
  141. package/scripts/migration/class-fields/migrate.js +56 -0
  142. package/scripts/migration/class-fields/package.json +5 -0
  143. package/front_end/panels/console/components/SidebarDeprecation.ts +0 -58
  144. package/front_end/panels/console/components/sidebarDeprecation.css +0 -17
@@ -38,6 +38,7 @@
38
38
  }
39
39
 
40
40
  .issue-category,
41
+ .issue-kind,
41
42
  .issue {
42
43
  padding: 0 8px;
43
44
  padding-left: var(--issue-indent);
@@ -48,7 +49,8 @@
48
49
  border-width: 0 0 1px;
49
50
  }
50
51
 
51
- .issue-category.hidden-issues.parent.expanded {
52
+ .issue-category.hidden-issues.parent.expanded,
53
+ .issue-kind.parent.expanded {
52
54
  border-width: 0 0 1px 0;
53
55
  background-color: var(--color-background-elevation-1);
54
56
  }
@@ -78,6 +80,7 @@ p {
78
80
  /* Override selected tree item styles for issues to avoid changing width. */
79
81
 
80
82
  .tree-outline-disclosure:not(.tree-outline-disclosure-hide-overflow) .tree-outline.hide-selection-when-blurred .issue-category.selected:focus-visible,
83
+ .tree-outline-disclosure:not(.tree-outline-disclosure-hide-overflow) .tree-outline.hide-selection-when-blurred .issue-kind.selected:focus-visible,
81
84
  .tree-outline-disclosure:not(.tree-outline-disclosure-hide-overflow) .tree-outline.hide-selection-when-blurred .issue.selected:focus-visible {
82
85
  width: auto;
83
86
  padding-right: 8px;
@@ -92,7 +95,8 @@ p {
92
95
  width: 100%;
93
96
  }
94
97
 
95
- .issue-category .header {
98
+ .issue-category .header,
99
+ .issue-kind .header {
96
100
  line-height: 24px;
97
101
  padding-left: 2px;
98
102
  }
@@ -118,7 +122,8 @@ p {
118
122
  padding-right: 8px;
119
123
  }
120
124
 
121
- .issue-category + .children {
125
+ .issue-category + .children,
126
+ .issue-kind + .children {
122
127
  --issue-indent: 24px;
123
128
 
124
129
  padding-left: 0;
@@ -288,7 +288,9 @@ export class LighthouseController extends Common.ObjectWrapper.ObjectWrapper<Eve
288
288
  },
289
289
  /* userGesture */ false, /* awaitPromise */ false);
290
290
  if ((!('exceptionDetails' in result) || !result.exceptionDetails) && 'object' in result && result.object) {
291
- inspectedURL = result.object.value;
291
+ if (result.object.value) {
292
+ inspectedURL = result.object.value;
293
+ }
292
294
  result.object.release();
293
295
  }
294
296
  } catch (err) {
@@ -255,7 +255,7 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
255
255
  this.appendTab(
256
256
  NetworkForward.UIRequestLocation.UIRequestTabs.Payload, i18nString(UIStrings.payload), this.payloadView,
257
257
  i18nString(UIStrings.payload), /* userGesture=*/ void 0,
258
- /* isCloseable=*/ void 0, /* index=*/ 1);
258
+ /* isCloseable=*/ void 0, /* isPreviewFeature=*/ void 0, /* index=*/ 1);
259
259
  }
260
260
  }
261
261
 
@@ -401,6 +401,11 @@
401
401
  .network-status-pane > .recording-hint {
402
402
  color: canvastext;
403
403
  }
404
+
405
+ .initiator-column .devtools-link {
406
+ color: linktext;
407
+ }
408
+
404
409
  /* This is part of the large color block declared above, but should not be
405
410
  extracted out. */
406
411
  /* stylelint-disable no-descending-specificity */
@@ -116,7 +116,7 @@ export class LocationsSettingsTab extends UI.Widget.VBox implements UI.ListWidge
116
116
  this.customSetting =
117
117
  Common.Settings.Settings.instance().moduleSetting<LocationDescription[]>('emulation.locations');
118
118
  const list =
119
- this.customSetting.get().map(location => replaceLocationTitles(location, this.customSetting.defaultValue()));
119
+ this.customSetting.get().map(location => replaceLocationTitles(location, this.customSetting.defaultValue));
120
120
 
121
121
  function replaceLocationTitles(
122
122
  location: LocationDescription, defaultValues: LocationDescription[]): LocationDescription {
@@ -121,6 +121,7 @@ export class SettingsScreen extends UI.Widget.VBox implements UI.View.ViewLocati
121
121
  this.tabbedLocation = UI.ViewManager.ViewManager.instance().createTabbedLocation(
122
122
  () => SettingsScreen.revealSettingsScreen(), 'settings-view');
123
123
  const tabbedPane = this.tabbedLocation.tabbedPane();
124
+ tabbedPane.registerCSSFiles([settingsScreenStyles]);
124
125
  tabbedPane.leftToolbar().appendToolbarItem(new UI.Toolbar.ToolbarItem(settingsLabelElement));
125
126
  tabbedPane.setShrinkableTabs(false);
126
127
  tabbedPane.makeVerticalTabLayout();
@@ -187,3 +187,27 @@ fieldset {
187
187
  .settings-experiment-unstable {
188
188
  color: var(--color-text-secondary);
189
189
  }
190
+
191
+ @media (forced-colors: active) {
192
+ .settings-window-title {
193
+ color: canvastext;
194
+ }
195
+
196
+ .tabbed-pane-header-tab {
197
+ background: ButtonFace;
198
+ }
199
+
200
+ .tabbed-pane-header-tab-title {
201
+ color: canvastext;
202
+ }
203
+ }
204
+
205
+ @media (forced-colors: active) and (prefers-color-scheme: dark) {
206
+ .tabbed-pane-header-tab.selected {
207
+ background: ButtonFace;
208
+ }
209
+
210
+ .tabbed-pane-header-tab.selected .tabbed-pane-header-tab-title {
211
+ color: HighlightText;
212
+ }
213
+ }
@@ -14,9 +14,13 @@ const UIStrings = {
14
14
  */
15
15
  noSnippetsFound: 'No snippets found.',
16
16
  /**
17
- *@description Text to run a code snippet
17
+ *@description Text for command prefix of run a code snippet
18
18
  */
19
- runSnippet: 'Run snippet',
19
+ run: 'Run',
20
+ /**
21
+ *@description Text for suggestion of run a code snippet
22
+ */
23
+ snippet: 'Snippet',
20
24
  };
21
25
  const str_ = i18n.i18n.registerUIStrings('panels/snippets/SnippetsQuickOpen.ts', UIStrings);
22
26
  const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -77,6 +81,7 @@ export class SnippetsQuickOpen extends QuickOpen.FilteredListWidget.Provider {
77
81
  QuickOpen.FilteredListWidget.registerProvider({
78
82
  prefix: '!',
79
83
  iconName: 'ic_command_run_snippet',
80
- title: i18nLazyString(UIStrings.runSnippet),
81
84
  provider: () => Promise.resolve(SnippetsQuickOpen.instance()),
85
+ titlePrefix: i18nLazyString(UIStrings.run),
86
+ titleSuggestion: i18nLazyString(UIStrings.snippet),
82
87
  });
@@ -469,7 +469,7 @@ export class TabbedEditorContainer extends Common.ObjectWrapper.ObjectWrapper<Ev
469
469
  this.restoreEditorProperties(view, savedSelectionRange, savedScrollLineNumber);
470
470
  }
471
471
 
472
- this.tabbedPane.appendTab(tabId, title, view, tooltip, userGesture, undefined, index);
472
+ this.tabbedPane.appendTab(tabId, title, view, tooltip, userGesture, undefined, undefined, index);
473
473
 
474
474
  this.updateFileTitle(uiSourceCode);
475
475
  this.addUISourceCodeListeners(uiSourceCode);
@@ -348,13 +348,25 @@ const UIStrings = {
348
348
  */
349
349
  disallowScrollingPastEndOfFile: 'Disallow scrolling past end of file',
350
350
  /**
351
- *@description Title of the Filtered List WidgetProvider of Quick Open
351
+ *@description Text for command prefix of go to a given line or symbol
352
352
  */
353
- goToSymbol: 'Go to symbol',
353
+ goTo: 'Go to',
354
354
  /**
355
- *@description Text to open a file
355
+ *@description Text for command suggestion of go to a given line
356
356
  */
357
- openFile: 'Open file',
357
+ line: 'Line',
358
+ /**
359
+ *@description Text for command suggestion of go to a given symbol
360
+ */
361
+ symbol: 'Symbol',
362
+ /**
363
+ *@description Text for command prefix of open a file
364
+ */
365
+ open: 'Open',
366
+ /**
367
+ *@description Text for command suggestion of open a file
368
+ */
369
+ file: 'File',
358
370
  /**
359
371
  * @description Title of a setting under the Sources category in Settings. If this option is off,
360
372
  * the sources panel will not be automatically be focsed whenever the application hits a breakpoint
@@ -1688,29 +1700,32 @@ UI.ContextMenu.registerItem({
1688
1700
  QuickOpen.FilteredListWidget.registerProvider({
1689
1701
  prefix: '@',
1690
1702
  iconName: 'ic_command_go_to_symbol',
1691
- title: i18nLazyString(UIStrings.goToSymbol),
1692
1703
  async provider() {
1693
1704
  const Sources = await loadSourcesModule();
1694
1705
  return Sources.OutlineQuickOpen.OutlineQuickOpen.instance();
1695
1706
  },
1707
+ titlePrefix: i18nLazyString(UIStrings.goTo),
1708
+ titleSuggestion: i18nLazyString(UIStrings.symbol),
1696
1709
  });
1697
1710
 
1698
1711
  QuickOpen.FilteredListWidget.registerProvider({
1699
1712
  prefix: ':',
1700
1713
  iconName: 'ic_command_go_to_line',
1701
- title: i18nLazyString(UIStrings.goToLine),
1702
1714
  async provider() {
1703
1715
  const Sources = await loadSourcesModule();
1704
1716
  return Sources.GoToLineQuickOpen.GoToLineQuickOpen.instance();
1705
1717
  },
1718
+ titlePrefix: i18nLazyString(UIStrings.goTo),
1719
+ titleSuggestion: i18nLazyString(UIStrings.line),
1706
1720
  });
1707
1721
 
1708
1722
  QuickOpen.FilteredListWidget.registerProvider({
1709
1723
  prefix: '',
1710
1724
  iconName: 'ic_command_open_file',
1711
- title: i18nLazyString(UIStrings.openFile),
1712
1725
  async provider() {
1713
1726
  const Sources = await loadSourcesModule();
1714
1727
  return Sources.OpenFileQuickOpen.OpenFileQuickOpen.instance();
1715
1728
  },
1729
+ titlePrefix: i18nLazyString(UIStrings.open),
1730
+ titleSuggestion: i18nLazyString(UIStrings.file),
1716
1731
  });