chrome-devtools-frontend 1.0.1512147 → 1.0.1513662
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/docs/cookbook/release_management.md +15 -13
- package/docs/get_the_code.md +114 -35
- package/front_end/Images/src/ai-explorer-badge.svg +114 -0
- package/front_end/Images/src/code-whisperer-badge.svg +166 -0
- package/front_end/Images/src/devtools-user-badge.svg +129 -0
- package/front_end/Images/src/dom-detective-badge.svg +136 -0
- package/front_end/Images/src/speedster-badge.svg +166 -0
- package/front_end/core/common/Color.ts +40 -44
- package/front_end/core/common/Console.ts +4 -4
- package/front_end/core/common/ParsedURL.ts +14 -14
- package/front_end/core/common/ResourceType.ts +20 -20
- package/front_end/core/common/SegmentedRange.ts +13 -14
- package/front_end/core/common/Settings.ts +4 -4
- package/front_end/core/common/StringOutputStream.ts +4 -4
- package/front_end/core/host/GdpClient.ts +76 -2
- package/front_end/core/host/InspectorFrontendHost.ts +4 -1
- package/front_end/core/host/InspectorFrontendHostAPI.ts +2 -0
- package/front_end/core/host/ResourceLoader.ts +2 -2
- package/front_end/core/host/UserMetrics.ts +0 -2
- package/front_end/core/i18n/NumberFormatter.ts +7 -0
- package/front_end/core/protocol_client/InspectorBackend.ts +9 -9
- package/front_end/core/root/Runtime.ts +5 -2
- package/front_end/core/sdk/AccessibilityModel.ts +48 -48
- package/front_end/core/sdk/AnimationModel.ts +78 -79
- package/front_end/core/sdk/CPUProfilerModel.ts +5 -5
- package/front_end/core/sdk/CPUThrottlingManager.ts +17 -17
- package/front_end/core/sdk/CSSMatchedStyles.ts +44 -44
- package/front_end/core/sdk/CSSMedia.ts +22 -22
- package/front_end/core/sdk/CSSModel.ts +4 -4
- package/front_end/core/sdk/CSSProperty.ts +9 -9
- package/front_end/core/sdk/CSSPropertyParser.ts +1 -2
- package/front_end/core/sdk/CSSRule.ts +3 -3
- package/front_end/core/sdk/CSSStyleDeclaration.ts +27 -28
- package/front_end/core/sdk/CSSStyleSheetHeader.ts +13 -13
- package/front_end/core/sdk/CategorizedBreakpoint.ts +4 -4
- package/front_end/core/sdk/ChildTargetManager.ts +6 -6
- package/front_end/core/sdk/CompilerSourceMappingContentProvider.ts +4 -4
- package/front_end/core/sdk/ConsoleModel.ts +24 -24
- package/front_end/core/sdk/Cookie.ts +16 -16
- package/front_end/core/sdk/CookieParser.ts +6 -6
- package/front_end/core/sdk/DOMDebuggerModel.ts +88 -89
- package/front_end/core/sdk/DOMModel.ts +113 -113
- package/front_end/core/sdk/DebuggerModel.ts +102 -103
- package/front_end/core/sdk/EmulationModel.ts +6 -6
- package/front_end/core/sdk/EventBreakpointsModel.ts +5 -5
- package/front_end/core/sdk/HeapProfilerModel.ts +5 -5
- package/front_end/core/sdk/IsolateManager.ts +26 -26
- package/front_end/core/sdk/LayerTreeBase.ts +29 -30
- package/front_end/core/sdk/OverlayModel.ts +6 -6
- package/front_end/core/sdk/Resource.ts +43 -43
- package/front_end/core/sdk/ResourceTreeModel.ts +58 -61
- package/front_end/core/sdk/RuntimeModel.ts +12 -13
- package/front_end/core/sdk/SDKModel.ts +3 -3
- package/front_end/core/sdk/Script.ts +17 -17
- package/front_end/core/sdk/SecurityOriginManager.ts +14 -14
- package/front_end/core/sdk/ServerTiming.ts +2 -2
- package/front_end/core/sdk/ServiceWorkerCacheModel.ts +15 -15
- package/front_end/core/sdk/ServiceWorkerManager.ts +19 -24
- package/front_end/core/sdk/SourceMap.ts +10 -10
- package/front_end/core/sdk/StorageKeyManager.ts +12 -12
- package/front_end/core/sdk/Target.ts +33 -34
- package/front_end/core/sdk/TargetManager.ts +20 -20
- package/front_end/entrypoints/formatter_worker/AcornTokenizer.ts +8 -8
- package/front_end/entrypoints/formatter_worker/HTMLFormatter.ts +7 -7
- package/front_end/entrypoints/heap_snapshot_worker/AllocationProfile.ts +7 -7
- package/front_end/entrypoints/heap_snapshot_worker/HeapSnapshot.ts +24 -24
- package/front_end/entrypoints/main/GlobalAiButton.ts +3 -3
- package/front_end/entrypoints/main/MainImpl.ts +16 -14
- package/front_end/entrypoints/main/main-meta.ts +1 -2
- package/front_end/generated/InspectorBackendCommands.js +3 -2
- package/front_end/generated/SupportedCSSProperties.js +20 -0
- package/front_end/generated/protocol-mapping.d.ts +4 -0
- package/front_end/generated/protocol-proxy-api.d.ts +5 -0
- package/front_end/generated/protocol.ts +20 -0
- package/front_end/models/ai_assistance/agents/PerformanceAgent.ts +18 -35
- package/front_end/models/ai_assistance/ai_assistance.ts +1 -1
- package/front_end/models/ai_assistance/data_formatters/NetworkRequestFormatter.ts +7 -6
- package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.snapshot.txt +246 -119
- package/front_end/models/ai_assistance/data_formatters/PerformanceInsightFormatter.ts +187 -73
- package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.snapshot.txt +106 -100
- package/front_end/models/ai_assistance/data_formatters/PerformanceTraceFormatter.ts +20 -27
- package/front_end/models/ai_assistance/data_formatters/UnitFormatters.ts +151 -0
- package/front_end/models/badges/AiExplorerBadge.ts +21 -0
- package/front_end/models/badges/Badge.ts +10 -9
- package/front_end/models/badges/CodeWhispererBadge.ts +21 -0
- package/front_end/models/badges/DOMDetectiveBadge.ts +21 -0
- package/front_end/models/badges/SpeedsterBadge.ts +7 -2
- package/front_end/models/badges/StarterBadge.ts +6 -1
- package/front_end/models/badges/UserBadges.ts +61 -9
- package/front_end/models/bindings/CSSWorkspaceBinding.ts +6 -6
- package/front_end/models/bindings/DebuggerLanguagePlugins.ts +18 -18
- package/front_end/models/bindings/FileUtils.ts +15 -15
- package/front_end/models/bindings/ResourceScriptMapping.ts +14 -14
- package/front_end/models/elements/ElementUpdateRecord.ts +11 -11
- package/front_end/models/emulation/DeviceModeModel.ts +123 -131
- package/front_end/models/emulation/EmulatedDevices.ts +22 -22
- package/front_end/models/extensions/ExtensionPanel.ts +24 -24
- package/front_end/models/extensions/ExtensionServer.ts +4 -4
- package/front_end/models/javascript_metadata/NativeFunctions.js +14 -2
- package/front_end/models/persistence/IsolatedFileSystem.ts +18 -19
- package/front_end/models/persistence/IsolatedFileSystemManager.ts +13 -13
- package/front_end/models/trace/EventsSerializer.ts +5 -5
- package/front_end/models/trace/LanternComputationData.ts +10 -10
- package/front_end/models/trace/ModelImpl.ts +32 -54
- package/front_end/models/trace/Processor.ts +28 -30
- package/front_end/models/trace/extras/FilmStrip.ts +6 -6
- package/front_end/models/trace/extras/StackTraceForEvent.ts +22 -25
- package/front_end/models/trace/extras/ThirdParties.ts +16 -17
- package/front_end/models/trace/extras/TraceFilter.ts +1 -1
- package/front_end/models/trace/handlers/Threads.ts +10 -10
- package/front_end/models/trace/handlers/helpers.ts +9 -9
- package/front_end/models/trace/handlers/types.ts +3 -3
- package/front_end/models/trace/insights/CLSCulprits.ts +12 -14
- package/front_end/models/trace/insights/Cache.ts +8 -4
- package/front_end/models/trace/insights/DOMSize.ts +8 -5
- package/front_end/models/trace/insights/DocumentLatency.ts +2 -2
- package/front_end/models/trace/insights/DuplicatedJavaScript.ts +3 -3
- package/front_end/models/trace/insights/FontDisplay.ts +3 -4
- package/front_end/models/trace/insights/ForcedReflow.ts +3 -3
- package/front_end/models/trace/insights/INPBreakdown.ts +2 -2
- package/front_end/models/trace/insights/ImageDelivery.ts +11 -11
- package/front_end/models/trace/insights/LCPBreakdown.ts +4 -4
- package/front_end/models/trace/insights/LCPDiscovery.ts +4 -4
- package/front_end/models/trace/insights/LegacyJavaScript.ts +2 -2
- package/front_end/models/trace/insights/ModernHTTP.ts +4 -5
- package/front_end/models/trace/insights/NetworkDependencyTree.ts +12 -12
- package/front_end/models/trace/insights/RenderBlocking.ts +9 -10
- package/front_end/models/trace/insights/SlowCSSSelector.ts +2 -2
- package/front_end/models/trace/insights/ThirdParties.ts +4 -5
- package/front_end/models/trace/insights/Viewport.ts +8 -5
- package/front_end/models/trace/insights/types.ts +1 -0
- package/front_end/models/trace/lantern/testing/MetricTestUtils.ts +10 -10
- package/front_end/panels/accessibility/AXBreadcrumbsPane.ts +52 -52
- package/front_end/panels/accessibility/AccessibilitySidebarView.ts +8 -8
- package/front_end/panels/animation/AnimationTimeline.ts +5 -5
- package/front_end/panels/animation/AnimationUI.ts +22 -23
- package/front_end/panels/application/ApplicationPanelSidebar.ts +12 -12
- package/front_end/panels/application/DOMStorageModel.ts +23 -23
- package/front_end/panels/application/ExtensionStorageModel.ts +31 -31
- package/front_end/panels/application/IndexedDBModel.ts +1 -0
- package/front_end/panels/application/PreloadingTreeElement.ts +8 -8
- package/front_end/panels/application/ServiceWorkersView.ts +0 -53
- package/front_end/panels/application/preloading/components/PreloadingDisabledInfobar.ts +2 -2
- package/front_end/panels/application/preloading/components/UsedPreloadingView.ts +2 -2
- package/front_end/panels/common/BadgeNotification.ts +140 -10
- package/front_end/panels/common/GdpSignUpDialog.ts +5 -0
- package/front_end/panels/common/badgeNotification.css +30 -9
- package/front_end/panels/console/ConsoleContextSelector.ts +9 -9
- package/front_end/panels/console/ConsolePrompt.ts +8 -5
- package/front_end/panels/console/ConsoleView.ts +13 -13
- package/front_end/panels/console/ConsoleViewport.ts +29 -29
- package/front_end/panels/coverage/CoverageModel.ts +22 -22
- package/front_end/panels/elements/ClassesPaneWidget.ts +1 -1
- package/front_end/panels/elements/ComputedStyleModel.ts +17 -18
- package/front_end/panels/elements/DOMPath.ts +2 -2
- package/front_end/panels/elements/ElementsPanel.ts +13 -13
- package/front_end/panels/elements/ElementsTreeElement.ts +30 -18
- package/front_end/panels/elements/ElementsTreeOutline.ts +44 -48
- package/front_end/panels/elements/ShortcutTreeElement.ts +4 -4
- package/front_end/panels/elements/StylePropertiesSection.ts +7 -4
- package/front_end/panels/elements/StylePropertyTreeElement.ts +54 -50
- package/front_end/panels/elements/StylesSidebarPane.ts +19 -19
- package/front_end/panels/emulation/DeviceModeToolbar.ts +7 -7
- package/front_end/panels/emulation/DeviceModeView.ts +6 -6
- package/front_end/panels/emulation/MediaQueryInspector.ts +18 -18
- package/front_end/panels/event_listeners/EventListenersView.ts +13 -14
- package/front_end/panels/layer_viewer/LayerTreeOutline.ts +3 -3
- package/front_end/panels/layer_viewer/LayerViewHost.ts +13 -13
- package/front_end/panels/layer_viewer/PaintProfilerView.ts +9 -10
- package/front_end/panels/layer_viewer/TransformController.ts +34 -36
- package/front_end/panels/layers/LayerTreeModel.ts +41 -40
- package/front_end/panels/lighthouse/LighthouseReportSelector.ts +13 -13
- package/front_end/panels/lighthouse/LighthouseStartView.ts +7 -7
- package/front_end/panels/media/PlayerMessagesView.ts +5 -5
- package/front_end/panels/media/TickingFlameChart.ts +24 -24
- package/front_end/panels/media/TickingFlameChartHelpers.ts +32 -32
- package/front_end/panels/network/NetworkItemView.ts +4 -4
- package/front_end/panels/network/NetworkLogViewColumns.ts +29 -29
- package/front_end/panels/network/NetworkPanel.ts +8 -5
- package/front_end/panels/network/ResourceWebSocketFrameView.ts +10 -10
- package/front_end/panels/profiler/HeapDetachedElementsView.ts +3 -3
- package/front_end/panels/profiler/HeapProfileView.ts +1 -1
- package/front_end/panels/profiler/ProfileFlameChartDataProvider.ts +3 -4
- package/front_end/panels/profiler/ProfileHeader.ts +25 -25
- package/front_end/panels/profiler/ProfileLauncherView.ts +5 -6
- package/front_end/panels/recorder/components/ReplaySection.ts +3 -1
- package/front_end/panels/security/OriginTreeElement.ts +8 -8
- package/front_end/panels/security/SecurityPanel.ts +5 -5
- package/front_end/panels/settings/SettingsScreen.ts +18 -18
- package/front_end/panels/settings/components/SyncSection.ts +26 -8
- package/front_end/panels/sources/AiCodeCompletionPlugin.ts +3 -0
- package/front_end/panels/sources/DebuggerPausedMessage.ts +8 -9
- package/front_end/panels/sources/NavigatorView.ts +43 -46
- package/front_end/panels/sources/SourcesPanel.ts +35 -35
- package/front_end/panels/sources/SourcesView.ts +13 -13
- package/front_end/panels/sources/TabbedEditorContainer.ts +19 -22
- package/front_end/panels/sources/UISourceCodeFrame.ts +4 -4
- package/front_end/panels/sources/WatchExpressionsSidebarPane.ts +34 -36
- package/front_end/panels/timeline/AnimationsTrackAppender.ts +3 -3
- package/front_end/panels/timeline/CompatibilityTracksAppender.ts +8 -8
- package/front_end/panels/timeline/CountersGraph.ts +16 -16
- package/front_end/panels/timeline/EntriesFilter.ts +4 -3
- package/front_end/panels/timeline/EventsTimelineTreeView.ts +3 -3
- package/front_end/panels/timeline/GPUTrackAppender.ts +3 -3
- package/front_end/panels/timeline/Initiators.ts +10 -10
- package/front_end/panels/timeline/InteractionsTrackAppender.ts +5 -5
- package/front_end/panels/timeline/LayoutShiftsTrackAppender.ts +7 -7
- package/front_end/panels/timeline/ModificationsManager.ts +8 -15
- package/front_end/panels/timeline/TargetForEvent.ts +2 -2
- package/front_end/panels/timeline/ThirdPartyTreeView.ts +1 -1
- package/front_end/panels/timeline/ThreadAppender.ts +13 -13
- package/front_end/panels/timeline/TimelineDetailsView.ts +6 -14
- package/front_end/panels/timeline/TimelineEventOverview.ts +27 -26
- package/front_end/panels/timeline/TimelineFilters.ts +5 -5
- package/front_end/panels/timeline/TimelineFlameChartDataProvider.ts +54 -53
- package/front_end/panels/timeline/TimelineFlameChartNetworkDataProvider.ts +34 -34
- package/front_end/panels/timeline/TimelineFlameChartView.ts +18 -31
- package/front_end/panels/timeline/TimelineHistoryManager.ts +17 -18
- package/front_end/panels/timeline/TimelineMiniMap.ts +6 -6
- package/front_end/panels/timeline/TimelinePaintProfilerView.ts +6 -6
- package/front_end/panels/timeline/TimelinePanel.ts +73 -68
- package/front_end/panels/timeline/TimelineSelectorStatsView.ts +7 -5
- package/front_end/panels/timeline/TimelineTreeView.ts +10 -10
- package/front_end/panels/timeline/TimelineUIUtils.ts +47 -46
- package/front_end/panels/timeline/TimingsTrackAppender.ts +12 -12
- package/front_end/panels/timeline/TracingLayerTree.ts +43 -43
- package/front_end/panels/timeline/TrackConfigBanner.ts +6 -6
- package/front_end/panels/timeline/TrackConfiguration.ts +1 -1
- package/front_end/panels/timeline/components/DetailsView.ts +4 -4
- package/front_end/panels/timeline/components/LayoutShiftDetails.ts +12 -21
- package/front_end/panels/timeline/components/LiveMetricsView.ts +2 -1
- package/front_end/panels/timeline/components/NetworkRequestDetails.ts +5 -5
- package/front_end/panels/timeline/components/Sidebar.ts +4 -14
- package/front_end/panels/timeline/components/SidebarInsightsTab.ts +13 -36
- package/front_end/panels/timeline/components/SidebarSingleInsightSet.ts +21 -19
- package/front_end/panels/timeline/components/insights/BaseInsightComponent.ts +1 -1
- package/front_end/panels/timeline/components/insights/Cache.ts +4 -0
- package/front_end/panels/timeline/components/insights/DOMSize.ts +5 -1
- package/front_end/panels/timeline/components/insights/Helpers.ts +19 -0
- package/front_end/panels/timeline/components/insights/NetworkDependencyTree.ts +1 -1
- package/front_end/panels/timeline/components/insights/Viewport.ts +4 -0
- package/front_end/panels/timeline/overlays/OverlaysImpl.ts +1 -1
- package/front_end/panels/timeline/utils/AICallTree.ts +11 -11
- package/front_end/panels/timeline/utils/AIContext.ts +17 -19
- package/front_end/panels/timeline/utils/EntityMapper.ts +6 -5
- package/front_end/panels/timeline/utils/EntryName.ts +2 -2
- package/front_end/panels/timeline/utils/EntryNodes.ts +5 -5
- package/front_end/panels/timeline/utils/EntryStyles.ts +4 -4
- package/front_end/panels/timeline/utils/FreshRecording.ts +3 -3
- package/front_end/panels/timeline/utils/Helpers.ts +0 -18
- package/front_end/panels/timeline/utils/InsightAIContext.ts +6 -6
- package/front_end/panels/timeline/utils/SourceMapsResolver.ts +7 -7
- package/front_end/panels/webauthn/WebauthnPane.ts +1 -0
- package/front_end/third_party/chromium/README.chromium +1 -1
- package/front_end/third_party/codemirror.next/chunk/angular.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/angular.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/codemirror.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/cpp.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/cpp.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/java.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/java.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/legacy.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/legacy.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/less.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/less.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/markdown.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/markdown.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/php.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/php.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/python.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/python.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/sass.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/sass.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/svelte.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/svelte.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/vue.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/vue.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/wast.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/wast.js.map +1 -1
- package/front_end/third_party/codemirror.next/chunk/xml.js +1 -1
- package/front_end/third_party/codemirror.next/chunk/xml.js.map +1 -1
- package/front_end/third_party/codemirror.next/codemirror.next.js +1 -1
- package/front_end/third_party/codemirror.next/package.json +1 -1
- package/front_end/third_party/codemirror.next/rebuild.sh +1 -1
- package/front_end/third_party/json5/rebuild.sh +1 -1
- package/front_end/third_party/legacy-javascript/{update.sh → rebuild.sh} +1 -1
- package/front_end/third_party/lit/lib/decorators.d.ts +26 -9
- package/front_end/third_party/lit/lib/decorators.js +5 -5
- package/front_end/third_party/lit/lib/decorators.js.map +1 -1
- package/front_end/third_party/lit/lib/directive.js.map +1 -1
- package/front_end/third_party/lit/lib/directives.js +8 -13
- package/front_end/third_party/lit/lib/directives.js.map +1 -1
- package/front_end/third_party/lit/lib/lit.d.ts +26 -9
- package/front_end/third_party/lit/lib/lit.js +5 -5
- package/front_end/third_party/lit/lib/lit.js.map +1 -1
- package/front_end/third_party/lit/lib/static-html.js +2 -2
- package/front_end/third_party/lit/lib/static-html.js.map +1 -1
- package/front_end/third_party/lit/rebuild.sh +1 -1
- package/front_end/third_party/third-party-web/rebuild.sh +1 -1
- package/front_end/ui/components/dialogs/Dialog.ts +6 -7
- package/front_end/ui/legacy/ActionRegistration.ts +9 -9
- package/front_end/ui/legacy/DockController.ts +18 -18
- package/front_end/ui/legacy/FilterBar.ts +7 -7
- package/front_end/ui/legacy/Fragment.ts +4 -4
- package/front_end/ui/legacy/GlassPane.ts +12 -12
- package/front_end/ui/legacy/InspectorView.ts +5 -15
- package/front_end/ui/legacy/ListControl.ts +27 -27
- package/front_end/ui/legacy/ListWidget.ts +4 -4
- package/front_end/ui/legacy/PopoverHelper.ts +4 -4
- package/front_end/ui/legacy/ShortcutRegistry.ts +17 -17
- package/front_end/ui/legacy/TabbedPane.ts +74 -75
- package/front_end/ui/legacy/TextPrompt.ts +31 -31
- package/front_end/ui/legacy/Toolbar.ts +13 -14
- package/front_end/ui/legacy/ViewManager.ts +30 -31
- package/front_end/ui/legacy/Widget.ts +6 -6
- package/front_end/ui/legacy/XLink.ts +9 -9
- package/front_end/ui/legacy/ZoomManager.ts +9 -9
- package/front_end/ui/legacy/components/color_picker/ContrastDetails.ts +27 -27
- package/front_end/ui/legacy/components/color_picker/ContrastInfo.ts +30 -32
- package/front_end/ui/legacy/components/color_picker/Spectrum.ts +15 -15
- package/front_end/ui/legacy/components/data_grid/DataGrid.ts +64 -64
- package/front_end/ui/legacy/components/data_grid/ShowMoreDataGridNode.ts +2 -2
- package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts +10 -11
- package/front_end/ui/legacy/components/perf_ui/ChartViewport.ts +12 -12
- package/front_end/ui/legacy/components/perf_ui/FlameChart.ts +3 -3
- package/front_end/ui/legacy/components/perf_ui/TimelineGrid.ts +14 -14
- package/front_end/ui/legacy/components/perf_ui/TimelineOverviewPane.ts +8 -8
- package/front_end/ui/legacy/components/quick_open/CommandMenu.ts +5 -5
- package/front_end/ui/legacy/components/source_frame/ResourceSourceFrame.ts +4 -4
- package/front_end/ui/legacy/filter.css +1 -1
- package/front_end/ui/legacy/inspectorCommon.css +1 -1
- package/front_end/ui/legacy/softDropDownButton.css +1 -1
- package/front_end/ui/legacy/theme_support/ThemeSupport.ts +4 -4
- package/front_end/ui/visual_logging/KnownContextValues.ts +2 -2
- package/package.json +1 -1
- package/front_end/models/ai_assistance/data_formatters/Types.ts +0 -9
@@ -23,26 +23,26 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
|
|
23
23
|
export class ReportSelector {
|
24
24
|
private readonly renderNewLighthouseView: () => void;
|
25
25
|
private newLighthouseItem: HTMLOptionElement;
|
26
|
-
|
26
|
+
readonly #comboBox: UI.Toolbar.ToolbarComboBox;
|
27
27
|
private readonly itemByOptionElement: Map<Element, Item>;
|
28
28
|
|
29
29
|
constructor(renderNewLighthouseView: () => void) {
|
30
30
|
this.renderNewLighthouseView = renderNewLighthouseView;
|
31
31
|
this.newLighthouseItem = document.createElement('option');
|
32
|
-
this
|
32
|
+
this.#comboBox = new UI.Toolbar.ToolbarComboBox(
|
33
33
|
this.handleChange.bind(this), i18nString(UIStrings.reports), 'lighthouse-report');
|
34
34
|
this.itemByOptionElement = new Map();
|
35
35
|
this.setEmptyState();
|
36
36
|
}
|
37
37
|
|
38
38
|
private setEmptyState(): void {
|
39
|
-
this.
|
39
|
+
this.#comboBox.removeOptions();
|
40
40
|
|
41
|
-
this.
|
41
|
+
this.#comboBox.setEnabled(false);
|
42
42
|
this.newLighthouseItem = document.createElement('option');
|
43
43
|
this.newLighthouseItem.label = i18nString(UIStrings.newReport);
|
44
|
-
this.
|
45
|
-
this.
|
44
|
+
this.#comboBox.addOption(this.newLighthouseItem);
|
45
|
+
this.#comboBox.select(this.newLighthouseItem);
|
46
46
|
}
|
47
47
|
|
48
48
|
private handleChange(_event: Event): void {
|
@@ -55,7 +55,7 @@ export class ReportSelector {
|
|
55
55
|
}
|
56
56
|
|
57
57
|
private selectedItem(): Item {
|
58
|
-
const option = this.
|
58
|
+
const option = this.#comboBox.selectedOption();
|
59
59
|
return this.itemByOptionElement.get(option as Element) as Item;
|
60
60
|
}
|
61
61
|
|
@@ -64,22 +64,22 @@ export class ReportSelector {
|
|
64
64
|
}
|
65
65
|
|
66
66
|
comboBox(): UI.Toolbar.ToolbarComboBox {
|
67
|
-
return this
|
67
|
+
return this.#comboBox;
|
68
68
|
}
|
69
69
|
|
70
70
|
prepend(item: Item): void {
|
71
71
|
const optionEl = item.optionElement();
|
72
|
-
const selectEl = this.
|
72
|
+
const selectEl = this.#comboBox.element;
|
73
73
|
|
74
74
|
this.itemByOptionElement.set(optionEl, item);
|
75
75
|
selectEl.insertBefore(optionEl, selectEl.firstElementChild);
|
76
|
-
this.
|
77
|
-
this.
|
76
|
+
this.#comboBox.setEnabled(true);
|
77
|
+
this.#comboBox.select(optionEl);
|
78
78
|
item.select();
|
79
79
|
}
|
80
80
|
|
81
81
|
clearAll(): void {
|
82
|
-
for (const elem of this.
|
82
|
+
for (const elem of this.#comboBox.options()) {
|
83
83
|
if (elem === this.newLighthouseItem) {
|
84
84
|
continue;
|
85
85
|
}
|
@@ -92,7 +92,7 @@ export class ReportSelector {
|
|
92
92
|
}
|
93
93
|
|
94
94
|
selectNewReport(): void {
|
95
|
-
this.
|
95
|
+
this.#comboBox.select(this.newLighthouseItem);
|
96
96
|
}
|
97
97
|
}
|
98
98
|
|
@@ -57,7 +57,7 @@ const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
|
|
57
57
|
export class StartView extends UI.Widget.Widget {
|
58
58
|
private controller: LighthouseController;
|
59
59
|
private panel: LighthousePanel;
|
60
|
-
|
60
|
+
readonly #settingsToolbar: UI.Toolbar.Toolbar;
|
61
61
|
private startButton!: Buttons.Button.Button;
|
62
62
|
private helpText?: Element;
|
63
63
|
private warningText?: Element;
|
@@ -71,8 +71,8 @@ export class StartView extends UI.Widget.Widget {
|
|
71
71
|
|
72
72
|
this.controller = controller;
|
73
73
|
this.panel = panel;
|
74
|
-
this
|
75
|
-
this.
|
74
|
+
this.#settingsToolbar = document.createElement('devtools-toolbar');
|
75
|
+
this.#settingsToolbar.classList.add('lighthouse-settings-toolbar');
|
76
76
|
this.render();
|
77
77
|
}
|
78
78
|
|
@@ -169,9 +169,9 @@ export class StartView extends UI.Widget.Widget {
|
|
169
169
|
}
|
170
170
|
|
171
171
|
private render(): void {
|
172
|
-
this.populateRuntimeSettingAsToolbarCheckbox('lighthouse.clear-storage', this
|
173
|
-
this.populateRuntimeSettingAsToolbarCheckbox('lighthouse.enable-sampling', this
|
174
|
-
this.populateRuntimeSettingAsToolbarDropdown('lighthouse.throttling', this
|
172
|
+
this.populateRuntimeSettingAsToolbarCheckbox('lighthouse.clear-storage', this.#settingsToolbar);
|
173
|
+
this.populateRuntimeSettingAsToolbarCheckbox('lighthouse.enable-sampling', this.#settingsToolbar);
|
174
|
+
this.populateRuntimeSettingAsToolbarDropdown('lighthouse.throttling', this.#settingsToolbar);
|
175
175
|
|
176
176
|
const {mode} = this.controller.getFlags();
|
177
177
|
this.populateStartButton(mode);
|
@@ -312,6 +312,6 @@ export class StartView extends UI.Widget.Widget {
|
|
312
312
|
}
|
313
313
|
|
314
314
|
settingsToolbar(): UI.Toolbar.Toolbar {
|
315
|
-
return this
|
315
|
+
return this.#settingsToolbar;
|
316
316
|
}
|
317
317
|
}
|
@@ -99,7 +99,7 @@ class MessageLevelSelector implements UI.SoftDropDown.Delegate<SelectableLevel>
|
|
99
99
|
private readonly itemMap: Map<number, SelectableLevel>;
|
100
100
|
private hiddenLevels: string[];
|
101
101
|
private bitFieldValue: MessageLevelBitfield;
|
102
|
-
|
102
|
+
readonly #defaultTitle: Common.UIString.LocalizedString;
|
103
103
|
private readonly customTitle: Common.UIString.LocalizedString;
|
104
104
|
private readonly allTitle: Common.UIString.LocalizedString;
|
105
105
|
elementsForItems: WeakMap<SelectableLevel, HTMLElement>;
|
@@ -113,7 +113,7 @@ class MessageLevelSelector implements UI.SoftDropDown.Delegate<SelectableLevel>
|
|
113
113
|
|
114
114
|
this.bitFieldValue = MessageLevelBitfield.DEFAULT;
|
115
115
|
|
116
|
-
this
|
116
|
+
this.#defaultTitle = i18nString(UIStrings.default);
|
117
117
|
this.customTitle = i18nString(UIStrings.custom);
|
118
118
|
this.allTitle = i18nString(UIStrings.all);
|
119
119
|
|
@@ -121,7 +121,7 @@ class MessageLevelSelector implements UI.SoftDropDown.Delegate<SelectableLevel>
|
|
121
121
|
}
|
122
122
|
|
123
123
|
defaultTitle(): Common.UIString.LocalizedString {
|
124
|
-
return this
|
124
|
+
return this.#defaultTitle;
|
125
125
|
}
|
126
126
|
|
127
127
|
setDefault(dropdown: UI.SoftDropDown.SoftDropDown<SelectableLevel>): void {
|
@@ -130,7 +130,7 @@ class MessageLevelSelector implements UI.SoftDropDown.Delegate<SelectableLevel>
|
|
130
130
|
|
131
131
|
populate(): void {
|
132
132
|
this.items.insert(this.items.length, {
|
133
|
-
title: this
|
133
|
+
title: this.#defaultTitle,
|
134
134
|
overwrite: true,
|
135
135
|
stringValue: '',
|
136
136
|
value: MessageLevelBitfield.DEFAULT,
|
@@ -205,7 +205,7 @@ class MessageLevelSelector implements UI.SoftDropDown.Delegate<SelectableLevel>
|
|
205
205
|
}
|
206
206
|
|
207
207
|
if (this.bitFieldValue === MessageLevelBitfield.DEFAULT) {
|
208
|
-
return this
|
208
|
+
return this.#defaultTitle;
|
209
209
|
}
|
210
210
|
|
211
211
|
if (this.bitFieldValue === MessageLevelBitfield.ALL) {
|
@@ -65,10 +65,10 @@ export class Event {
|
|
65
65
|
private readonly setComplete: (arg0: number) => void;
|
66
66
|
private readonly updateMaxTime: (arg0: number) => void;
|
67
67
|
private selfIndex: number;
|
68
|
-
|
68
|
+
#live: boolean;
|
69
69
|
title: string;
|
70
|
-
|
71
|
-
|
70
|
+
#color: string;
|
71
|
+
#fontColor: string;
|
72
72
|
|
73
73
|
constructor(
|
74
74
|
timelineData: PerfUI.FlameChart.FlameChartTimelineData, eventHandlers: EventHandlers,
|
@@ -82,7 +82,7 @@ export class Event {
|
|
82
82
|
|
83
83
|
// This is the index in the timelineData arrays we should be writing to.
|
84
84
|
this.selfIndex = this.timelineData.entryLevels.length;
|
85
|
-
this
|
85
|
+
this.#live = false;
|
86
86
|
|
87
87
|
// Can't use the dict||or||default syntax, since NaN is a valid expected duration.
|
88
88
|
const duration = eventProperties['duration'] === undefined ? 0 : eventProperties['duration'];
|
@@ -97,8 +97,8 @@ export class Event {
|
|
97
97
|
}
|
98
98
|
|
99
99
|
this.title = eventProperties['name'] || '';
|
100
|
-
this
|
101
|
-
this
|
100
|
+
this.#color = eventProperties['color'] || HotColorScheme[0];
|
101
|
+
this.#fontColor = calculateFontColor(this.#color);
|
102
102
|
}
|
103
103
|
|
104
104
|
/**
|
@@ -109,7 +109,7 @@ export class Event {
|
|
109
109
|
htmlElement.createChild('br');
|
110
110
|
|
111
111
|
const startTimeReadable = formatMillisecondsToSeconds(this.startTime, 2);
|
112
|
-
if (this
|
112
|
+
if (this.#live) {
|
113
113
|
htmlElement.createChild('span').textContent = `Duration: ${startTimeReadable} - LIVE!`;
|
114
114
|
} else if (!isNaN(this.duration)) {
|
115
115
|
const durationReadable = formatMillisecondsToSeconds(this.duration + this.startTime, 2);
|
@@ -128,9 +128,9 @@ export class Event {
|
|
128
128
|
// Setting end time to -1 signals that an event becomes live
|
129
129
|
if (time === -1) {
|
130
130
|
this.timelineData.entryTotalTimes[this.selfIndex] = this.setLive(this.selfIndex);
|
131
|
-
this
|
131
|
+
this.#live = true;
|
132
132
|
} else {
|
133
|
-
this
|
133
|
+
this.#live = false;
|
134
134
|
const duration = time - this.timelineData.entryStartTimes[this.selfIndex];
|
135
135
|
this.timelineData.entryTotalTimes[this.selfIndex] = duration;
|
136
136
|
this.setComplete(this.selfIndex);
|
@@ -147,16 +147,16 @@ export class Event {
|
|
147
147
|
}
|
148
148
|
|
149
149
|
set color(color: string) {
|
150
|
-
this
|
151
|
-
this
|
150
|
+
this.#color = color;
|
151
|
+
this.#fontColor = calculateFontColor(this.#color);
|
152
152
|
}
|
153
153
|
|
154
154
|
get color(): string {
|
155
|
-
return this
|
155
|
+
return this.#color;
|
156
156
|
}
|
157
157
|
|
158
158
|
get fontColor(): string {
|
159
|
-
return this
|
159
|
+
return this.#fontColor;
|
160
160
|
}
|
161
161
|
|
162
162
|
get startTime(): number {
|
@@ -169,14 +169,14 @@ export class Event {
|
|
169
169
|
}
|
170
170
|
|
171
171
|
get live(): boolean {
|
172
|
-
return this
|
172
|
+
return this.#live;
|
173
173
|
}
|
174
174
|
}
|
175
175
|
|
176
176
|
export class TickingFlameChart extends UI.Widget.VBox {
|
177
177
|
private intervalTimer: number;
|
178
178
|
private lastTimestamp: number;
|
179
|
-
|
179
|
+
#canTick: boolean;
|
180
180
|
private ticking: boolean;
|
181
181
|
private isShown: boolean;
|
182
182
|
private readonly bounds: Bounds;
|
@@ -192,7 +192,7 @@ export class TickingFlameChart extends UI.Widget.VBox {
|
|
192
192
|
// set to update once per second _while the tab is active_
|
193
193
|
this.intervalTimer = 0;
|
194
194
|
this.lastTimestamp = 0;
|
195
|
-
this
|
195
|
+
this.#canTick = true;
|
196
196
|
this.ticking = false;
|
197
197
|
this.isShown = false;
|
198
198
|
|
@@ -289,13 +289,13 @@ export class TickingFlameChart extends UI.Widget.VBox {
|
|
289
289
|
|
290
290
|
override wasShown(): void {
|
291
291
|
this.isShown = true;
|
292
|
-
if (this
|
292
|
+
if (this.#canTick && !this.ticking) {
|
293
293
|
this.start();
|
294
294
|
}
|
295
295
|
}
|
296
296
|
|
297
297
|
set canTick(allowed: boolean) {
|
298
|
-
this
|
298
|
+
this.#canTick = allowed;
|
299
299
|
if (this.ticking && !allowed) {
|
300
300
|
this.stop();
|
301
301
|
}
|
@@ -357,7 +357,7 @@ class TickingFlameChartDataProvider implements PerfUI.FlameChart.FlameChartDataP
|
|
357
357
|
private bounds: Bounds;
|
358
358
|
private readonly liveEvents: Set<number>;
|
359
359
|
private eventMap: Map<number, Event>;
|
360
|
-
|
360
|
+
readonly #timelineData: PerfUI.FlameChart.FlameChartTimelineData;
|
361
361
|
private maxLevel: number;
|
362
362
|
|
363
363
|
constructor(initialBounds: Bounds, updateMaxTime: (arg0: number) => void) {
|
@@ -375,7 +375,7 @@ class TickingFlameChartDataProvider implements PerfUI.FlameChart.FlameChartDataP
|
|
375
375
|
|
376
376
|
// Contains the numerical indices. This is passed as a reference to the events
|
377
377
|
// so that they can update it when they change.
|
378
|
-
this
|
378
|
+
this.#timelineData = PerfUI.FlameChart.FlameChartTimelineData.createEmpty();
|
379
379
|
|
380
380
|
// The current sum of all group heights.
|
381
381
|
this.maxLevel = 0;
|
@@ -389,7 +389,7 @@ class TickingFlameChartDataProvider implements PerfUI.FlameChart.FlameChartDataP
|
|
389
389
|
* Add a group with |name| that can contain |depth| different tracks.
|
390
390
|
*/
|
391
391
|
addGroup(name: Common.UIString.LocalizedString, depth: number): void {
|
392
|
-
if (this.
|
392
|
+
if (this.#timelineData.groups) {
|
393
393
|
const newGroup = {
|
394
394
|
name,
|
395
395
|
startLevel: this.maxLevel,
|
@@ -398,7 +398,7 @@ class TickingFlameChartDataProvider implements PerfUI.FlameChart.FlameChartDataP
|
|
398
398
|
style: DefaultStyle(),
|
399
399
|
track: null,
|
400
400
|
};
|
401
|
-
this.
|
401
|
+
this.#timelineData.groups.push(newGroup);
|
402
402
|
ThemeSupport.ThemeSupport.instance().addEventListener(ThemeSupport.ThemeChangeEvent.eventName, () => {
|
403
403
|
newGroup.style.color = getGroupDefaultTextColor();
|
404
404
|
});
|
@@ -416,7 +416,7 @@ class TickingFlameChartDataProvider implements PerfUI.FlameChart.FlameChartDataP
|
|
416
416
|
}
|
417
417
|
|
418
418
|
const event = new Event(
|
419
|
-
this
|
419
|
+
this.#timelineData, {
|
420
420
|
setLive: this.setLive.bind(this),
|
421
421
|
setComplete: this.setComplete.bind(this),
|
422
422
|
updateMaxTime: this.updateMaxTimeHandle,
|
@@ -449,7 +449,7 @@ class TickingFlameChartDataProvider implements PerfUI.FlameChart.FlameChartDataP
|
|
449
449
|
}
|
450
450
|
|
451
451
|
timelineData(): PerfUI.FlameChart.FlameChartTimelineData {
|
452
|
-
return this
|
452
|
+
return this.#timelineData;
|
453
453
|
}
|
454
454
|
|
455
455
|
/**
|
@@ -13,39 +13,39 @@ export function formatMillisecondsToSeconds(ms: number, decimalPlaces: number):
|
|
13
13
|
* kept in a separate file for unit testing.
|
14
14
|
*/
|
15
15
|
export class Bounds {
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
16
|
+
#min: number;
|
17
|
+
#max: number;
|
18
|
+
#low: number;
|
19
|
+
#high: number;
|
20
20
|
private readonly maxRange: number;
|
21
21
|
private readonly minRange: number;
|
22
22
|
constructor(initialLow: number, initialHigh: number, maxRange: number, minRange: number) {
|
23
|
-
this
|
24
|
-
this
|
25
|
-
this
|
26
|
-
this
|
23
|
+
this.#min = initialLow;
|
24
|
+
this.#max = initialHigh;
|
25
|
+
this.#low = this.#min;
|
26
|
+
this.#high = this.#max;
|
27
27
|
this.maxRange = maxRange;
|
28
28
|
this.minRange = minRange;
|
29
29
|
}
|
30
30
|
|
31
31
|
get low(): number {
|
32
|
-
return this
|
32
|
+
return this.#low;
|
33
33
|
}
|
34
34
|
|
35
35
|
get high(): number {
|
36
|
-
return this
|
36
|
+
return this.#high;
|
37
37
|
}
|
38
38
|
|
39
39
|
get min(): number {
|
40
|
-
return this
|
40
|
+
return this.#min;
|
41
41
|
}
|
42
42
|
|
43
43
|
get max(): number {
|
44
|
-
return this
|
44
|
+
return this.#max;
|
45
45
|
}
|
46
46
|
|
47
47
|
get range(): number {
|
48
|
-
return this
|
48
|
+
return this.#high - this.#low;
|
49
49
|
}
|
50
50
|
|
51
51
|
private reassertBounds(): void {
|
@@ -55,18 +55,18 @@ export class Bounds {
|
|
55
55
|
if (this.range < this.minRange) {
|
56
56
|
needsAdjustment = true;
|
57
57
|
const delta = (this.minRange - this.range) / 2;
|
58
|
-
this
|
59
|
-
this
|
58
|
+
this.#high += delta;
|
59
|
+
this.#low -= delta;
|
60
60
|
}
|
61
61
|
|
62
|
-
if (this
|
62
|
+
if (this.#low < this.#min) {
|
63
63
|
needsAdjustment = true;
|
64
|
-
this
|
64
|
+
this.#low = this.#min;
|
65
65
|
}
|
66
66
|
|
67
|
-
if (this
|
67
|
+
if (this.#high > this.#max) {
|
68
68
|
needsAdjustment = true;
|
69
|
-
this
|
69
|
+
this.#high = this.#max;
|
70
70
|
}
|
71
71
|
}
|
72
72
|
}
|
@@ -75,12 +75,12 @@ export class Bounds {
|
|
75
75
|
* zoom out |amount| ticks at position [0, 1] along the current range of the timeline.
|
76
76
|
*/
|
77
77
|
zoomOut(amount: number, position: number): void {
|
78
|
-
const range = this
|
78
|
+
const range = this.#high - this.#low;
|
79
79
|
const growSize = range * Math.pow(1.1, amount) - range;
|
80
80
|
const lowEnd = growSize * position;
|
81
81
|
const highEnd = growSize - lowEnd;
|
82
|
-
this
|
83
|
-
this
|
82
|
+
this.#low -= lowEnd;
|
83
|
+
this.#high += highEnd;
|
84
84
|
this.reassertBounds();
|
85
85
|
}
|
86
86
|
|
@@ -88,7 +88,7 @@ export class Bounds {
|
|
88
88
|
* zoom in |amount| ticks at position [0, 1] along the current range of the timeline.
|
89
89
|
*/
|
90
90
|
zoomIn(amount: number, position: number): void {
|
91
|
-
const range = this
|
91
|
+
const range = this.#high - this.#low;
|
92
92
|
if (this.range <= this.minRange) {
|
93
93
|
return;
|
94
94
|
}
|
@@ -96,8 +96,8 @@ export class Bounds {
|
|
96
96
|
const shrinkSize = range - range / Math.pow(1.1, amount);
|
97
97
|
const lowEnd = shrinkSize * position;
|
98
98
|
const highEnd = shrinkSize - lowEnd;
|
99
|
-
this
|
100
|
-
this
|
99
|
+
this.#low += lowEnd;
|
100
|
+
this.#high -= highEnd;
|
101
101
|
this.reassertBounds();
|
102
102
|
}
|
103
103
|
|
@@ -105,13 +105,13 @@ export class Bounds {
|
|
105
105
|
* Add Xms to the max value, and scroll the timeline forward if the end is in sight.
|
106
106
|
*/
|
107
107
|
addMax(amount: number): void {
|
108
|
-
const range = this
|
109
|
-
const isAtHighEnd = this
|
110
|
-
const isZoomedOut = this
|
108
|
+
const range = this.#high - this.#low;
|
109
|
+
const isAtHighEnd = this.#high === this.#max;
|
110
|
+
const isZoomedOut = this.#low === this.#min || range >= this.maxRange;
|
111
111
|
|
112
|
-
this
|
112
|
+
this.#max += amount;
|
113
113
|
if (isAtHighEnd && isZoomedOut) {
|
114
|
-
this
|
114
|
+
this.#high = this.#max;
|
115
115
|
}
|
116
116
|
this.reassertBounds();
|
117
117
|
}
|
@@ -120,8 +120,8 @@ export class Bounds {
|
|
120
120
|
* Attempt to push the maximum time up to |time| ms.
|
121
121
|
*/
|
122
122
|
pushMaxAtLeastTo(time: number): boolean {
|
123
|
-
if (this
|
124
|
-
this.addMax(time - this
|
123
|
+
if (this.#max < time) {
|
124
|
+
this.addMax(time - this.#max);
|
125
125
|
return true;
|
126
126
|
}
|
127
127
|
return false;
|
@@ -288,7 +288,7 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
|
|
288
288
|
// the selected tab in the mean time. Show the previously selected tab in that
|
289
289
|
// case instead, by simply doing nothing.
|
290
290
|
if (this.#initialTab) {
|
291
|
-
this
|
291
|
+
this.#selectTab(this.#initialTab);
|
292
292
|
this.#initialTab = undefined;
|
293
293
|
}
|
294
294
|
}
|
@@ -349,7 +349,7 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
|
|
349
349
|
}
|
350
350
|
}
|
351
351
|
|
352
|
-
|
352
|
+
#selectTab(tabId: NetworkForward.UIRequestLocation.UIRequestTabs): void {
|
353
353
|
if (!this.selectTab(tabId)) {
|
354
354
|
// maybeAppendPayloadPanel might cause payload tab to appear asynchronously, so
|
355
355
|
// it makes sense to retry on the next tick
|
@@ -373,12 +373,12 @@ export class NetworkItemView extends UI.TabbedPane.TabbedPane {
|
|
373
373
|
}
|
374
374
|
|
375
375
|
async revealResponseBody(position: SourceFrame.SourceFrame.RevealPosition): Promise<void> {
|
376
|
-
this
|
376
|
+
this.#selectTab(NetworkForward.UIRequestLocation.UIRequestTabs.RESPONSE);
|
377
377
|
await this.#responseView?.revealPosition(position);
|
378
378
|
}
|
379
379
|
|
380
380
|
revealHeader(section: NetworkForward.UIRequestLocation.UIHeaderSection, header: string|undefined): void {
|
381
|
-
this
|
381
|
+
this.#selectTab(NetworkForward.UIRequestLocation.UIRequestTabs.HEADERS_COMPONENT);
|
382
382
|
this.#headersViewComponent?.revealHeader(section, header);
|
383
383
|
}
|
384
384
|
|