chrome-devtools-frontend 1.0.1593518 → 1.0.1595090

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 (111) hide show
  1. package/docs/contributing/settings-experiments-features.md +93 -98
  2. package/front_end/core/common/README.md +126 -0
  3. package/front_end/core/host/UserMetrics.ts +1 -2
  4. package/front_end/core/protocol_client/InspectorBackend.ts +4 -0
  5. package/front_end/core/root/ExperimentNames.ts +0 -1
  6. package/front_end/core/sdk/CSSModel.ts +22 -0
  7. package/front_end/core/sdk/CSSNavigation.ts +33 -0
  8. package/front_end/core/sdk/CSSRule.ts +12 -2
  9. package/front_end/core/sdk/EmulationModel.ts +41 -1
  10. package/front_end/core/sdk/sdk-meta.ts +22 -18
  11. package/front_end/core/sdk/sdk.ts +2 -0
  12. package/front_end/design_system_tokens.css +538 -259
  13. package/front_end/entrypoints/main/MainImpl.ts +0 -6
  14. package/front_end/entrypoints/main/main-meta.ts +2 -2
  15. package/front_end/generated/InspectorBackendCommands.ts +6 -4
  16. package/front_end/generated/SupportedCSSProperties.js +12 -0
  17. package/front_end/generated/protocol-mapping.d.ts +7 -0
  18. package/front_end/generated/protocol-proxy-api.d.ts +5 -0
  19. package/front_end/generated/protocol.ts +47 -0
  20. package/front_end/models/ai_code_completion/AiCodeCompletion.ts +1 -0
  21. package/front_end/models/emulation/DeviceModeModel.ts +47 -0
  22. package/front_end/models/issues_manager/Issue.ts +1 -0
  23. package/front_end/models/issues_manager/IssueAggregator.ts +9 -9
  24. package/front_end/models/issues_manager/IssuesManager.ts +5 -5
  25. package/front_end/models/issues_manager/SelectivePermissionsInterventionIssue.ts +65 -0
  26. package/front_end/models/issues_manager/descriptions/selectivePermissionsIntervention.md +7 -0
  27. package/front_end/models/issues_manager/issues_manager.ts +2 -4
  28. package/front_end/models/javascript_metadata/NativeFunctions.js +48 -9
  29. package/front_end/models/lighthouse/lighthouse.ts +9 -0
  30. package/front_end/models/persistence/persistence-meta.ts +4 -4
  31. package/front_end/panels/ai_assistance/AiAssistancePanel.ts +12 -1
  32. package/front_end/panels/ai_assistance/components/ChatInput.ts +37 -30
  33. package/front_end/panels/ai_assistance/components/ChatView.ts +4 -2
  34. package/front_end/panels/ai_assistance/components/chatInput.css +26 -1
  35. package/front_end/panels/application/StorageView.ts +8 -2
  36. package/front_end/panels/application/preloading/PreloadingView.ts +105 -7
  37. package/front_end/panels/application/preloading/preloadingView.css +4 -0
  38. package/front_end/panels/common/AiCodeCompletionDisclaimer.ts +3 -0
  39. package/front_end/panels/common/AiCodeGenerationTeaser.ts +3 -0
  40. package/front_end/panels/console/ConsoleView.ts +2 -2
  41. package/front_end/panels/console/console-meta.ts +18 -14
  42. package/front_end/panels/elements/ComputedStyleWidget.ts +12 -7
  43. package/front_end/panels/elements/ElementsPanel.ts +1 -1
  44. package/front_end/panels/elements/ElementsTreeOutline.ts +4 -6
  45. package/front_end/panels/elements/ImagePreviewPopover.ts +6 -9
  46. package/front_end/panels/elements/StylePropertiesSection.ts +30 -0
  47. package/front_end/panels/elements/StylesAiCodeCompletionProvider.ts +1 -6
  48. package/front_end/panels/elements/StylesSidebarPane.ts +92 -7
  49. package/front_end/panels/elements/elements-meta.ts +12 -8
  50. package/front_end/panels/emulation/DeviceModeToolbar.ts +206 -66
  51. package/front_end/panels/issues/AffectedSelectivePermissionsInterventionView.ts +120 -0
  52. package/front_end/panels/issues/HiddenIssuesRow.ts +1 -1
  53. package/front_end/panels/issues/IssueKindView.ts +2 -1
  54. package/front_end/panels/issues/IssueView.ts +4 -4
  55. package/front_end/panels/issues/IssuesPane.ts +8 -2
  56. package/front_end/panels/issues/issues.ts +2 -0
  57. package/front_end/panels/lighthouse/LighthouseController.ts +3 -3
  58. package/front_end/panels/lighthouse/LighthousePanel.ts +9 -5
  59. package/front_end/panels/lighthouse/LighthouseProtocolService.ts +5 -5
  60. package/front_end/panels/lighthouse/LighthouseReportRenderer.ts +6 -7
  61. package/front_end/panels/lighthouse/LighthouseReportSelector.ts +4 -3
  62. package/front_end/panels/lighthouse/LighthouseStartView.ts +99 -38
  63. package/front_end/panels/lighthouse/LighthouseTimespanView.ts +53 -14
  64. package/front_end/panels/lighthouse/RadioSetting.ts +33 -19
  65. package/front_end/panels/lighthouse/lighthouse.ts +2 -2
  66. package/front_end/panels/media/PlayerMessagesView.ts +62 -49
  67. package/front_end/panels/media/media.ts +2 -0
  68. package/front_end/panels/media/playerMessagesView.css +1 -1
  69. package/front_end/panels/profiler/HeapSnapshotGridNodes.ts +49 -24
  70. package/front_end/panels/settings/FrameworkIgnoreListSettingsTab.ts +2 -2
  71. package/front_end/panels/sources/sources-meta.ts +8 -4
  72. package/front_end/panels/utils/utils.ts +11 -5
  73. package/front_end/third_party/chromium/README.chromium +1 -1
  74. package/front_end/third_party/lit/lib/async-directive.d.ts +465 -0
  75. package/front_end/third_party/lit/lib/async-directive.js +23 -0
  76. package/front_end/third_party/lit/lib/async-directive.js.map +1 -0
  77. package/front_end/third_party/lit/lib/decorators.d.ts +7 -1
  78. package/front_end/third_party/lit/lib/decorators.js +2 -2
  79. package/front_end/third_party/lit/lib/decorators.js.map +1 -1
  80. package/front_end/third_party/lit/lib/directive.js.map +1 -1
  81. package/front_end/third_party/lit/lib/directives.d.ts +27 -8
  82. package/front_end/third_party/lit/lib/directives.js +8 -8
  83. package/front_end/third_party/lit/lib/directives.js.map +1 -1
  84. package/front_end/third_party/lit/lib/lit.d.ts +15 -5
  85. package/front_end/third_party/lit/lib/lit.js +4 -4
  86. package/front_end/third_party/lit/lib/lit.js.map +1 -1
  87. package/front_end/third_party/lit/lib/static-html.js +2 -2
  88. package/front_end/third_party/lit/lib/static-html.js.map +1 -1
  89. package/front_end/third_party/lit/lit.ts +2 -1
  90. package/front_end/third_party/lit/rollup.config.mjs +1 -1
  91. package/front_end/third_party/source-map-scopes-codec/package/deno.json +1 -1
  92. package/front_end/third_party/source-map-scopes-codec/package/package.json +1 -1
  93. package/front_end/third_party/source-map-scopes-codec/package/src/decode/decode.js +1 -1
  94. package/front_end/third_party/source-map-scopes-codec/package/src/decode/decode.js.map +1 -1
  95. package/front_end/third_party/source-map-scopes-codec/package/src/decode/decode.ts +1 -1
  96. package/front_end/third_party/source-map-scopes-codec/package/src/encode/encoder.js +1 -1
  97. package/front_end/third_party/source-map-scopes-codec/package/src/encode/encoder.js.map +1 -1
  98. package/front_end/third_party/source-map-scopes-codec/package/src/encode/encoder.ts +2 -2
  99. package/front_end/ui/components/markdown_view/MarkdownLinksMap.ts +5 -0
  100. package/front_end/ui/legacy/SuggestBox.ts +4 -0
  101. package/front_end/ui/legacy/TextPrompt.ts +1 -1
  102. package/front_end/ui/legacy/components/utils/ImagePreview.ts +27 -23
  103. package/front_end/ui/lit/lit.ts +1 -0
  104. package/front_end/ui/visual_logging/Debugging.ts +1 -1
  105. package/front_end/ui/visual_logging/KnownContextValues.ts +19 -0
  106. package/inspector_overlay/highlight_grid_common.ts +11 -8
  107. package/package.json +1 -1
  108. package/front_end/models/issues_manager/ContrastCheckTrigger.ts +0 -78
  109. package/front_end/models/issues_manager/LowTextContrastIssue.ts +0 -63
  110. package/front_end/panels/issues/AffectedElementsWithLowContrastView.ts +0 -91
  111. /package/front_end/{panels → models}/lighthouse/LighthouseReporterTypes.ts +0 -0
@@ -43,13 +43,17 @@ const UIStrings = {
43
43
  */
44
44
  captureAsyncStackTraces: 'Capture async stack traces',
45
45
  /**
46
- * @description Text of a setting that turn on the measuring rulers when hover over a target
46
+ * @description Text of a setting that turn on the measuring rulers when hover over a target
47
+ */
48
+ rulersOnHover: 'Rulers on hover',
49
+ /**
50
+ * @description Text of an option that turn on the measuring rulers when hover over a target through the Command Menu
47
51
  */
48
52
  showRulersOnHover: 'Show rulers on hover',
49
53
  /**
50
54
  * @description Text of a setting that do turn off the measuring rulers when hover over a target
51
55
  */
52
- doNotShowRulersOnHover: 'Do not show rulers on hover',
56
+ doNotShowRulersOnHover: 'Don\'t show rulers on hover',
53
57
  /**
54
58
  * @description Title of a setting that turns on grid area name labels
55
59
  */
@@ -99,19 +103,19 @@ const UIStrings = {
99
103
  */
100
104
  showLineNames: 'Show line names',
101
105
  /**
102
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
106
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
103
107
  */
104
108
  showPaintFlashingRectangles: 'Show paint flashing rectangles',
105
109
  /**
106
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
110
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
107
111
  */
108
112
  hidePaintFlashingRectangles: 'Hide paint flashing rectangles',
109
113
  /**
110
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
114
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
111
115
  */
112
116
  showLayoutShiftRegions: 'Show layout shift regions',
113
117
  /**
114
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
118
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
115
119
  */
116
120
  hideLayoutShiftRegions: 'Hide layout shift regions',
117
121
  /**
@@ -119,31 +123,31 @@ const UIStrings = {
119
123
  */
120
124
  highlightAdFrames: 'Highlight ad frames',
121
125
  /**
122
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
126
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
123
127
  */
124
128
  doNotHighlightAdFrames: 'Do not highlight ad frames',
125
129
  /**
126
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
130
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
127
131
  */
128
132
  showLayerBorders: 'Show layer borders',
129
133
  /**
130
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
134
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
131
135
  */
132
136
  hideLayerBorders: 'Hide layer borders',
133
137
  /**
134
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
138
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
135
139
  */
136
140
  showFramesPerSecondFpsMeter: 'Show frames per second (FPS) meter',
137
141
  /**
138
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
142
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
139
143
  */
140
144
  hideFramesPerSecondFpsMeter: 'Hide frames per second (FPS) meter',
141
145
  /**
142
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
146
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
143
147
  */
144
148
  showScrollPerformanceBottlenecks: 'Show scroll performance bottlenecks',
145
149
  /**
146
- * @description Title of a setting under the Rendering category that can be invoked through the Command Menu
150
+ * @description Title of an option under the Rendering category that can be invoked through the Command Menu
147
151
  */
148
152
  hideScrollPerformanceBottlenecks: 'Hide scroll performance bottlenecks',
149
153
  /**
@@ -376,11 +380,11 @@ const UIStrings = {
376
380
  */
377
381
  javaScriptSourceMaps: 'JavaScript source maps',
378
382
  /**
379
- * @description Title of a setting under the Sources category that can be invoked through the Command Menu
383
+ * @description Title of an option under the Sources category that can be invoked through the Command Menu
380
384
  */
381
385
  enableJavaScriptSourceMaps: 'Enable JavaScript source maps',
382
386
  /**
383
- * @description Title of a setting under the Sources category that can be invoked through the Command Menu
387
+ * @description Title of an option under the Sources category that can be invoked through the Command Menu
384
388
  */
385
389
  disableJavaScriptSourceMaps: 'Disable JavaScript source maps',
386
390
  /**
@@ -388,11 +392,11 @@ const UIStrings = {
388
392
  */
389
393
  cssSourceMaps: 'CSS source maps',
390
394
  /**
391
- * @description Title of a setting under the Sources category that can be invoked through the Command Menu
395
+ * @description Title of an option under the Sources category that can be invoked through the Command Menu
392
396
  */
393
397
  enableCssSourceMaps: 'Enable CSS source maps',
394
398
  /**
395
- * @description Title of a setting under the Sources category that can be invoked through the Command Menu
399
+ * @description Title of an option under the Sources category that can be invoked through the Command Menu
396
400
  */
397
401
  disableCssSourceMaps: 'Disable CSS source maps',
398
402
  /**
@@ -501,7 +505,7 @@ Common.Settings.registerSettingExtension({
501
505
  Common.Settings.registerSettingExtension({
502
506
  category: Common.Settings.SettingCategory.ELEMENTS,
503
507
  storageType: Common.Settings.SettingStorageType.SYNCED,
504
- title: i18nLazyString(UIStrings.showRulersOnHover),
508
+ title: i18nLazyString(UIStrings.rulersOnHover),
505
509
  settingName: 'show-metrics-rulers',
506
510
  settingType: Common.Settings.SettingType.BOOLEAN,
507
511
  options: [
@@ -29,6 +29,7 @@ import * as CSSMatchedStyles from './CSSMatchedStyles.js';
29
29
  import * as CSSMedia from './CSSMedia.js';
30
30
  import * as CSSMetadata from './CSSMetadata.js';
31
31
  import * as CSSModel from './CSSModel.js';
32
+ import * as CSSNavigation from './CSSNavigation.js';
32
33
  import * as CSSProperty from './CSSProperty.js';
33
34
  import * as CSSPropertyParser from './CSSPropertyParser.js';
34
35
  import * as CSSPropertyParserMatchers from './CSSPropertyParserMatchers.js';
@@ -111,6 +112,7 @@ export {
111
112
  CSSMedia,
112
113
  CSSMetadata,
113
114
  CSSModel,
115
+ CSSNavigation,
114
116
  CSSProperty,
115
117
  CSSPropertyParser,
116
118
  CSSPropertyParserMatchers,