chrome-devtools-frontend 1.0.1558690 → 1.0.1559913

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 (51) hide show
  1. package/front_end/Images/src/container.svg +4 -0
  2. package/front_end/core/common/Gzip.ts +15 -0
  3. package/front_end/core/sdk/CSSMetadata.ts +6 -6
  4. package/front_end/core/sdk/CSSModel.ts +2 -2
  5. package/front_end/core/sdk/DOMModel.ts +7 -3
  6. package/front_end/generated/InspectorBackendCommands.ts +2 -1
  7. package/front_end/generated/SupportedCSSProperties.js +64 -32
  8. package/front_end/generated/protocol-mapping.d.ts +9 -0
  9. package/front_end/generated/protocol-proxy-api.d.ts +7 -0
  10. package/front_end/generated/protocol.ts +14 -1
  11. package/front_end/models/ai_assistance/agents/StylingAgent.ts +1 -1
  12. package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts +11 -7
  13. package/front_end/models/trace/LanternComputationData.ts +4 -3
  14. package/front_end/models/trace/Processor.ts +6 -5
  15. package/front_end/models/trace/Styles.ts +10 -1
  16. package/front_end/models/trace/handlers/LargestImagePaintHandler.ts +2 -2
  17. package/front_end/models/trace/handlers/MetaHandler.ts +14 -0
  18. package/front_end/models/trace/handlers/PageLoadMetricsHandler.ts +54 -34
  19. package/front_end/models/trace/helpers/Timing.ts +8 -1
  20. package/front_end/models/trace/insights/Common.ts +1 -1
  21. package/front_end/models/trace/insights/LCPBreakdown.ts +4 -4
  22. package/front_end/models/trace/insights/LCPDiscovery.ts +3 -3
  23. package/front_end/models/trace/insights/RenderBlocking.ts +1 -1
  24. package/front_end/models/trace/insights/types.ts +1 -1
  25. package/front_end/models/trace/types/TraceEvents.ts +62 -10
  26. package/front_end/panels/common/AiCodeGenerationTeaser.ts +48 -12
  27. package/front_end/panels/common/aiCodeGenerationTeaser.css +14 -0
  28. package/front_end/panels/common/common.ts +1 -1
  29. package/front_end/panels/console/consoleView.css +1 -1
  30. package/front_end/panels/elements/CSSRuleValidator.ts +38 -0
  31. package/front_end/panels/elements/ElementsTreeElement.ts +79 -58
  32. package/front_end/panels/elements/ElementsTreeOutline.ts +0 -17
  33. package/front_end/panels/elements/StylesSidebarPane.ts +15 -4
  34. package/front_end/panels/timeline/StatusDialog.ts +4 -3
  35. package/front_end/panels/timeline/TimelineFlameChartNetworkDataProvider.ts +3 -16
  36. package/front_end/panels/timeline/TimelineFlameChartView.ts +64 -21
  37. package/front_end/panels/timeline/TimelinePanel.ts +71 -24
  38. package/front_end/panels/timeline/TimelineUIUtils.ts +28 -2
  39. package/front_end/panels/timeline/TimingsTrackAppender.ts +3 -1
  40. package/front_end/panels/timeline/components/SidebarSingleInsightSet.ts +1 -1
  41. package/front_end/panels/timeline/components/insights/RenderBlocking.ts +6 -4
  42. package/front_end/panels/timeline/overlays/OverlaysImpl.ts +4 -0
  43. package/front_end/panels/timeline/timelinePanel.css +8 -1
  44. package/front_end/panels/timeline/utils/EntryNodes.ts +2 -1
  45. package/front_end/third_party/chromium/README.chromium +1 -1
  46. package/front_end/ui/components/text_editor/AiCodeGenerationProvider.ts +70 -28
  47. package/front_end/ui/legacy/SearchableView.ts +11 -5
  48. package/front_end/ui/legacy/SplitWidget.ts +1 -1
  49. package/front_end/ui/legacy/components/perf_ui/FlameChart.ts +43 -9
  50. package/front_end/ui/visual_logging/KnownContextValues.ts +13 -0
  51. package/package.json +1 -1
@@ -1187,6 +1187,39 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
1187
1187
  this.expandGroup(groupIndex, !this.rawTimelineData.groups[groupIndex].expanded /* setExpanded */);
1188
1188
  }
1189
1189
 
1190
+ bulkExpandGroups(indexes: number[]): void {
1191
+ if (indexes.length === 0) {
1192
+ return;
1193
+ }
1194
+ if (!this.rawTimelineData) {
1195
+ return;
1196
+ }
1197
+
1198
+ const groups = this.rawTimelineData.groups;
1199
+ if (!groups) {
1200
+ return;
1201
+ }
1202
+
1203
+ let didUpdate = false;
1204
+ for (const index of indexes) {
1205
+ if (!this.isGroupCollapsible(index) || groups[index].expanded) {
1206
+ continue;
1207
+ }
1208
+ didUpdate = true;
1209
+ groups[index].expanded = true;
1210
+ }
1211
+ if (didUpdate) {
1212
+ this.#updateAfterGroupExpansionChange();
1213
+ }
1214
+ }
1215
+
1216
+ #updateAfterGroupExpansionChange(): void {
1217
+ this.updateLevelPositions();
1218
+ this.updateHeight();
1219
+ this.draw();
1220
+ this.#notifyProviderOfConfigurationChange();
1221
+ }
1222
+
1190
1223
  private expandGroup(
1191
1224
  groupIndex: number, setExpanded: boolean|undefined = true, propagatedExpand: boolean|undefined = false): void {
1192
1225
  if (groupIndex < 0 || !this.isGroupCollapsible(groupIndex)) {
@@ -1203,12 +1236,10 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
1203
1236
  }
1204
1237
 
1205
1238
  const group = groups[groupIndex];
1206
- group.expanded = setExpanded;
1207
-
1208
- this.updateLevelPositions();
1209
1239
 
1210
- this.updateHighlight();
1211
- if (!group.expanded) {
1240
+ // If a group was expanded and is now being collapsed, and the selected
1241
+ // entry is within that group, then we have to deselect it.
1242
+ if (!setExpanded) {
1212
1243
  const timelineData = this.timelineData();
1213
1244
  if (timelineData) {
1214
1245
  const level = timelineData.entryLevels[this.selectedEntryIndex];
@@ -1220,10 +1251,13 @@ export class FlameChart extends Common.ObjectWrapper.eventMixin<EventTypes, type
1220
1251
  }
1221
1252
  }
1222
1253
  }
1223
-
1224
- this.updateHeight();
1225
- this.draw();
1226
- this.#notifyProviderOfConfigurationChange();
1254
+ if (group.expanded === setExpanded) {
1255
+ // If the state isn't changing, early exit so we don't waste cycles
1256
+ // redrawing.
1257
+ return;
1258
+ }
1259
+ group.expanded = setExpanded;
1260
+ this.#updateAfterGroupExpansionChange();
1227
1261
 
1228
1262
  this.scrollGroupIntoView(groupIndex);
1229
1263
  // We only want to read expanded/collapsed state on user inputted expand/collapse
@@ -551,6 +551,7 @@ export const knownContextValues = new Set([
551
551
  'bars',
552
552
  'base-64',
553
553
  'base-palette',
554
+ 'base-url',
554
555
  'baseline-shift',
555
556
  'baseline-source',
556
557
  'be',
@@ -812,11 +813,15 @@ export const knownContextValues = new Set([
812
813
  'column-rule-color',
813
814
  'column-rule-edge-end-inset',
814
815
  'column-rule-edge-end-outset',
816
+ 'column-rule-edge-inset-end',
817
+ 'column-rule-edge-inset-start',
815
818
  'column-rule-edge-start-inset',
816
819
  'column-rule-edge-start-outset',
817
820
  'column-rule-inset',
818
821
  'column-rule-interior-end-inset',
819
822
  'column-rule-interior-end-outset',
823
+ 'column-rule-interior-inset-end',
824
+ 'column-rule-interior-inset-start',
820
825
  'column-rule-interior-start-inset',
821
826
  'column-rule-interior-start-outset',
822
827
  'column-rule-outset',
@@ -1787,6 +1792,7 @@ export const knownContextValues = new Set([
1787
1792
  'has-overrides',
1788
1793
  'has-profile',
1789
1794
  'has-touch',
1795
+ 'hash',
1790
1796
  'hashchange',
1791
1797
  'he',
1792
1798
  'header-editor',
@@ -1835,6 +1841,7 @@ export const knownContextValues = new Set([
1835
1841
  'history',
1836
1842
  'historyRedo',
1837
1843
  'historyUndo',
1844
+ 'hostname',
1838
1845
  'hover',
1839
1846
  'hr',
1840
1847
  'http-only',
@@ -2856,6 +2863,7 @@ export const knownContextValues = new Set([
2856
2863
  'patch-widget.save-all',
2857
2864
  'patch-widget.workspace',
2858
2865
  'path',
2866
+ 'pathname',
2859
2867
  'pattern',
2860
2868
  'pause',
2861
2869
  'pause-on-caught-exception',
@@ -2916,6 +2924,7 @@ export const knownContextValues = new Set([
2916
2924
  'popover-show-delay',
2917
2925
  'popstate',
2918
2926
  'population',
2927
+ 'port',
2919
2928
  'portrait',
2920
2929
  'portrait-upside-down',
2921
2930
  'position',
@@ -3187,11 +3196,15 @@ export const knownContextValues = new Set([
3187
3196
  'row-rule-color',
3188
3197
  'row-rule-edge-end-inset',
3189
3198
  'row-rule-edge-end-outset',
3199
+ 'row-rule-edge-inset-end',
3200
+ 'row-rule-edge-inset-start',
3190
3201
  'row-rule-edge-start-inset',
3191
3202
  'row-rule-edge-start-outset',
3192
3203
  'row-rule-inset',
3193
3204
  'row-rule-interior-end-inset',
3194
3205
  'row-rule-interior-end-outset',
3206
+ 'row-rule-interior-inset-end',
3207
+ 'row-rule-interior-inset-start',
3195
3208
  'row-rule-interior-start-inset',
3196
3209
  'row-rule-interior-start-outset',
3197
3210
  'row-rule-outset',
package/package.json CHANGED
@@ -104,5 +104,5 @@
104
104
  "flat-cache": "6.1.12"
105
105
  }
106
106
  },
107
- "version": "1.0.1558690"
107
+ "version": "1.0.1559913"
108
108
  }