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.
- package/front_end/Images/src/container.svg +4 -0
- package/front_end/core/common/Gzip.ts +15 -0
- package/front_end/core/sdk/CSSMetadata.ts +6 -6
- package/front_end/core/sdk/CSSModel.ts +2 -2
- package/front_end/core/sdk/DOMModel.ts +7 -3
- package/front_end/generated/InspectorBackendCommands.ts +2 -1
- package/front_end/generated/SupportedCSSProperties.js +64 -32
- package/front_end/generated/protocol-mapping.d.ts +9 -0
- package/front_end/generated/protocol-proxy-api.d.ts +7 -0
- package/front_end/generated/protocol.ts +14 -1
- package/front_end/models/ai_assistance/agents/StylingAgent.ts +1 -1
- package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts +11 -7
- package/front_end/models/trace/LanternComputationData.ts +4 -3
- package/front_end/models/trace/Processor.ts +6 -5
- package/front_end/models/trace/Styles.ts +10 -1
- package/front_end/models/trace/handlers/LargestImagePaintHandler.ts +2 -2
- package/front_end/models/trace/handlers/MetaHandler.ts +14 -0
- package/front_end/models/trace/handlers/PageLoadMetricsHandler.ts +54 -34
- package/front_end/models/trace/helpers/Timing.ts +8 -1
- package/front_end/models/trace/insights/Common.ts +1 -1
- package/front_end/models/trace/insights/LCPBreakdown.ts +4 -4
- package/front_end/models/trace/insights/LCPDiscovery.ts +3 -3
- package/front_end/models/trace/insights/RenderBlocking.ts +1 -1
- package/front_end/models/trace/insights/types.ts +1 -1
- package/front_end/models/trace/types/TraceEvents.ts +62 -10
- package/front_end/panels/common/AiCodeGenerationTeaser.ts +48 -12
- package/front_end/panels/common/aiCodeGenerationTeaser.css +14 -0
- package/front_end/panels/common/common.ts +1 -1
- package/front_end/panels/console/consoleView.css +1 -1
- package/front_end/panels/elements/CSSRuleValidator.ts +38 -0
- package/front_end/panels/elements/ElementsTreeElement.ts +79 -58
- package/front_end/panels/elements/ElementsTreeOutline.ts +0 -17
- package/front_end/panels/elements/StylesSidebarPane.ts +15 -4
- package/front_end/panels/timeline/StatusDialog.ts +4 -3
- package/front_end/panels/timeline/TimelineFlameChartNetworkDataProvider.ts +3 -16
- package/front_end/panels/timeline/TimelineFlameChartView.ts +64 -21
- package/front_end/panels/timeline/TimelinePanel.ts +71 -24
- package/front_end/panels/timeline/TimelineUIUtils.ts +28 -2
- package/front_end/panels/timeline/TimingsTrackAppender.ts +3 -1
- package/front_end/panels/timeline/components/SidebarSingleInsightSet.ts +1 -1
- package/front_end/panels/timeline/components/insights/RenderBlocking.ts +6 -4
- package/front_end/panels/timeline/overlays/OverlaysImpl.ts +4 -0
- package/front_end/panels/timeline/timelinePanel.css +8 -1
- package/front_end/panels/timeline/utils/EntryNodes.ts +2 -1
- package/front_end/third_party/chromium/README.chromium +1 -1
- package/front_end/ui/components/text_editor/AiCodeGenerationProvider.ts +70 -28
- package/front_end/ui/legacy/SearchableView.ts +11 -5
- package/front_end/ui/legacy/SplitWidget.ts +1 -1
- package/front_end/ui/legacy/components/perf_ui/FlameChart.ts +43 -9
- package/front_end/ui/visual_logging/KnownContextValues.ts +13 -0
- 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
|
-
|
|
1211
|
-
|
|
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
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
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