@grafana/scenes 6.40.0--canary.1265.18715274766.0 → 6.40.0
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/CHANGELOG.md +27 -0
- package/dist/esm/{performance → behaviors}/LongFrameDetector.js +11 -11
- package/dist/esm/behaviors/LongFrameDetector.js.map +1 -0
- package/dist/esm/behaviors/SceneInteractionTracker.js.map +1 -1
- package/dist/esm/behaviors/SceneQueryController.js.map +1 -1
- package/dist/esm/{performance → behaviors}/SceneRenderProfiler.js +132 -87
- package/dist/esm/behaviors/SceneRenderProfiler.js.map +1 -0
- package/dist/esm/components/SceneRefreshPicker.js +5 -4
- package/dist/esm/components/SceneRefreshPicker.js.map +1 -1
- package/dist/esm/components/VizPanel/VizPanel.js +0 -26
- package/dist/esm/components/VizPanel/VizPanel.js.map +1 -1
- package/dist/esm/components/VizPanel/VizPanelRenderer.js +1 -18
- package/dist/esm/components/VizPanel/VizPanelRenderer.js.map +1 -1
- package/dist/esm/core/SceneTimeRange.js +1 -1
- package/dist/esm/core/SceneTimeRange.js.map +1 -1
- package/dist/esm/index.js +3 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/locales/en-US/grafana-scenes.json.js +5 -0
- package/dist/esm/locales/en-US/grafana-scenes.json.js.map +1 -1
- package/dist/esm/querying/SceneDataTransformer.js +0 -57
- package/dist/esm/querying/SceneDataTransformer.js.map +1 -1
- package/dist/esm/querying/SceneQueryRunner.js +6 -11
- package/dist/esm/querying/SceneQueryRunner.js.map +1 -1
- package/dist/esm/querying/registerQueryWithController.js +2 -39
- package/dist/esm/querying/registerQueryWithController.js.map +1 -1
- package/dist/esm/services/UniqueUrlKeyMapper.js +21 -12
- package/dist/esm/services/UniqueUrlKeyMapper.js.map +1 -1
- package/dist/esm/utils/writeSceneLog.js +10 -1
- package/dist/esm/utils/writeSceneLog.js.map +1 -1
- package/dist/esm/variables/adhoc/AdHocFiltersCombobox/AdHocFiltersCombobox.js +1 -1
- package/dist/esm/variables/adhoc/AdHocFiltersCombobox/AdHocFiltersCombobox.js.map +1 -1
- package/dist/esm/variables/adhoc/AdHocFiltersVariable.js +1 -1
- package/dist/esm/variables/adhoc/AdHocFiltersVariable.js.map +1 -1
- package/dist/esm/variables/components/VariableValueSelect.js +1 -1
- package/dist/esm/variables/components/VariableValueSelect.js.map +1 -1
- package/dist/esm/variables/groupby/GroupByVariable.js +1 -1
- package/dist/esm/variables/groupby/GroupByVariable.js.map +1 -1
- package/dist/esm/variables/variants/MultiValueVariable.js +1 -1
- package/dist/esm/variables/variants/MultiValueVariable.js.map +1 -1
- package/dist/esm/variables/variants/ScopesVariable.js +1 -1
- package/dist/esm/variables/variants/ScopesVariable.js.map +1 -1
- package/dist/{grafana-scenes-Bnbq8XI2.js → grafana-scenes-e_AZ1Oh2.js} +6 -1
- package/dist/{grafana-scenes-Bnbq8XI2.js.map → grafana-scenes-e_AZ1Oh2.js.map} +1 -1
- package/dist/index.d.ts +95 -326
- package/dist/index.js +6388 -6946
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/esm/performance/LongFrameDetector.js.map +0 -1
- package/dist/esm/performance/PanelProfilingManager.js +0 -65
- package/dist/esm/performance/PanelProfilingManager.js.map +0 -1
- package/dist/esm/performance/ScenePerformanceTracker.js +0 -82
- package/dist/esm/performance/ScenePerformanceTracker.js.map +0 -1
- package/dist/esm/performance/SceneRenderProfiler.js.map +0 -1
- package/dist/esm/performance/VizPanelRenderProfiler.js +0 -316
- package/dist/esm/performance/VizPanelRenderProfiler.js.map +0 -1
- package/dist/esm/performance/index.js +0 -3
- package/dist/esm/performance/index.js.map +0 -1
- package/dist/esm/performance/interactionConstants.js +0 -13
- package/dist/esm/performance/interactionConstants.js.map +0 -1
- package/dist/esm/utils/findPanelProfiler.js +0 -18
- package/dist/esm/utils/findPanelProfiler.js.map +0 -1
- package/dist/esm/utils/writePerformanceLog.js +0 -12
- package/dist/esm/utils/writePerformanceLog.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,30 @@
|
|
|
1
|
+
# v6.40.0 (Thu Oct 23 2025)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- UrlSyncManager: Fixes performance issue with unique key logic [#1281](https://github.com/grafana/scenes/pull/1281) ([@torkelo](https://github.com/torkelo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Torkel Ödegaard ([@torkelo](https://github.com/torkelo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v6.39.9 (Thu Oct 23 2025)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- Internationalisation: Translate RefreshPicker text [#1282](https://github.com/grafana/scenes/pull/1282) ([@ashharrison90](https://github.com/ashharrison90))
|
|
18
|
+
- I18n: Download translations from Crowdin [#1251](https://github.com/grafana/scenes/pull/1251) ([@github-actions[bot]](https://github.com/github-actions[bot]) [@grafana-pr-automation[bot]](https://github.com/grafana-pr-automation[bot]))
|
|
19
|
+
|
|
20
|
+
#### Authors: 3
|
|
21
|
+
|
|
22
|
+
- [@github-actions[bot]](https://github.com/github-actions[bot])
|
|
23
|
+
- [@grafana-pr-automation[bot]](https://github.com/grafana-pr-automation[bot])
|
|
24
|
+
- Ashley Harrison ([@ashharrison90](https://github.com/ashharrison90))
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
1
28
|
# v6.39.8 (Thu Oct 16 2025)
|
|
2
29
|
|
|
3
30
|
#### 🐛 Bug Fix
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { writeSceneLog } from '../utils/writeSceneLog.js';
|
|
2
2
|
|
|
3
3
|
var __typeError = (msg) => {
|
|
4
4
|
throw TypeError(msg);
|
|
@@ -49,8 +49,8 @@ class LongFrameDetector {
|
|
|
49
49
|
performance.mark(measureName);
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
"
|
|
52
|
+
writeSceneLog(
|
|
53
|
+
"LongFrameDetector",
|
|
54
54
|
`Long frame detected (manual): ${frameLength}ms (threshold: ${LONG_FRAME_THRESHOLD}ms)`
|
|
55
55
|
);
|
|
56
56
|
}
|
|
@@ -71,7 +71,7 @@ class LongFrameDetector {
|
|
|
71
71
|
*/
|
|
72
72
|
start(callback) {
|
|
73
73
|
if (__privateGet(this, _isTracking)) {
|
|
74
|
-
|
|
74
|
+
writeSceneLog("LongFrameDetector", "Already tracking frames, stopping previous session");
|
|
75
75
|
this.stop();
|
|
76
76
|
}
|
|
77
77
|
__privateSet(this, _callback, callback);
|
|
@@ -81,8 +81,8 @@ class LongFrameDetector {
|
|
|
81
81
|
} else {
|
|
82
82
|
this.startManualFrameTracking();
|
|
83
83
|
}
|
|
84
|
-
|
|
85
|
-
"
|
|
84
|
+
writeSceneLog(
|
|
85
|
+
"LongFrameDetector",
|
|
86
86
|
`Started tracking with ${this.isLoAFAvailable() ? "LoAF API" : "manual"} method, threshold: ${LONG_FRAME_THRESHOLD}ms`
|
|
87
87
|
);
|
|
88
88
|
}
|
|
@@ -110,7 +110,7 @@ class LongFrameDetector {
|
|
|
110
110
|
*/
|
|
111
111
|
startLoAFTracking() {
|
|
112
112
|
if (!this.isLoAFAvailable()) {
|
|
113
|
-
|
|
113
|
+
writeSceneLog("LongFrameDetector", "LoAF API not available, falling back to manual tracking");
|
|
114
114
|
this.startManualFrameTracking();
|
|
115
115
|
return;
|
|
116
116
|
}
|
|
@@ -138,12 +138,12 @@ class LongFrameDetector {
|
|
|
138
138
|
performance.mark(measureName);
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
|
-
|
|
141
|
+
writeSceneLog("LongFrameDetector", `Long frame detected (LoAF): ${entry.duration}ms at ${entry.startTime}ms`);
|
|
142
142
|
}
|
|
143
143
|
}));
|
|
144
144
|
__privateGet(this, _loafObserver).observe({ type: "long-animation-frame", buffered: false });
|
|
145
145
|
} catch (error) {
|
|
146
|
-
|
|
146
|
+
writeSceneLog("LongFrameDetector", "Failed to start LoAF tracking, falling back to manual:", error);
|
|
147
147
|
this.startManualFrameTracking();
|
|
148
148
|
}
|
|
149
149
|
}
|
|
@@ -154,7 +154,7 @@ class LongFrameDetector {
|
|
|
154
154
|
if (__privateGet(this, _loafObserver)) {
|
|
155
155
|
__privateGet(this, _loafObserver).disconnect();
|
|
156
156
|
__privateSet(this, _loafObserver, null);
|
|
157
|
-
|
|
157
|
+
writeSceneLog("LongFrameDetector", "Stopped LoAF tracking");
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
/**
|
|
@@ -171,7 +171,7 @@ class LongFrameDetector {
|
|
|
171
171
|
if (__privateGet(this, _frameTrackingId)) {
|
|
172
172
|
cancelAnimationFrame(__privateGet(this, _frameTrackingId));
|
|
173
173
|
__privateSet(this, _frameTrackingId, null);
|
|
174
|
-
|
|
174
|
+
writeSceneLog("LongFrameDetector", "Stopped manual frame tracking");
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
177
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LongFrameDetector.js","sources":["../../../src/behaviors/LongFrameDetector.ts"],"sourcesContent":["import { writeSceneLog } from '../utils/writeSceneLog';\n\nconst LONG_FRAME_THRESHOLD = 50; // Threshold for both LoAF and manual tracking (ms)\n\nexport interface LongFrameEvent {\n duration: number; // Frame duration in milliseconds\n timestamp: number; // When the frame occurred\n method: 'manual' | 'loaf'; // Which detection method was used\n}\n\nexport type LongFrameCallback = (event: LongFrameEvent) => void;\n\n/**\n * LongFrameDetector is a module for detecting long animation frames.\n *\n * It supports two detection methods with automatic fallback:\n * 1. LoAF API (default when available): Uses Long Animation Frame API with 50ms threshold\n * 2. Manual tracking (fallback): Uses requestAnimationFrame with configurable threshold (default: 50ms)\n *\n * The detector automatically uses LoAF when available for better attribution and performance,\n * falling back to manual tracking for broader browser support.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Performance_API/Long_animation_frame_timing\n */\nexport class LongFrameDetector {\n #isTracking = false;\n #callback: LongFrameCallback | null = null;\n\n // Manual tracking state\n #frameTrackingId: number | null = null;\n #lastFrameTime = 0;\n\n // LoAF tracking state\n #loafObserver: PerformanceObserver | null = null;\n\n /**\n * Check if LoAF API is available in the browser\n */\n private isLoAFAvailable(): boolean {\n return (\n typeof PerformanceObserver !== 'undefined' &&\n PerformanceObserver.supportedEntryTypes &&\n PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')\n );\n }\n\n /**\n * Start detecting long frames and call the provided callback when they occur\n */\n public start(callback: LongFrameCallback): void {\n if (this.#isTracking) {\n writeSceneLog('LongFrameDetector', 'Already tracking frames, stopping previous session');\n this.stop();\n }\n\n this.#callback = callback;\n this.#isTracking = true;\n\n if (this.isLoAFAvailable()) {\n this.startLoAFTracking();\n } else {\n this.startManualFrameTracking();\n }\n\n writeSceneLog(\n 'LongFrameDetector',\n `Started tracking with ${\n this.isLoAFAvailable() ? 'LoAF API' : 'manual'\n } method, threshold: ${LONG_FRAME_THRESHOLD}ms`\n );\n }\n\n /**\n * Stop detecting long frames\n */\n public stop(): void {\n if (!this.#isTracking) {\n return;\n }\n\n this.#isTracking = false;\n this.#callback = null;\n\n // Stop both tracking methods to ensure cleanup\n this.stopLoAFTracking();\n this.stopManualFrameTracking();\n }\n\n /**\n * Check if currently tracking frames\n */\n public isTracking(): boolean {\n return this.#isTracking;\n }\n\n /**\n * Start tracking using the Long Animation Frame API\n * @see https://developer.mozilla.org/en-US/docs/Web/API/PerformanceLongAnimationFrameTiming\n */\n private startLoAFTracking(): void {\n if (!this.isLoAFAvailable()) {\n writeSceneLog('LongFrameDetector', 'LoAF API not available, falling back to manual tracking');\n this.startManualFrameTracking();\n return;\n }\n\n try {\n this.#loafObserver = new PerformanceObserver((list) => {\n for (const entry of list.getEntries()) {\n // No duration check needed - LoAF API already filters for long frames (>50ms)\n const event: LongFrameEvent = {\n duration: entry.duration,\n timestamp: entry.startTime,\n method: 'loaf',\n };\n\n if (this.#callback) {\n this.#callback(event);\n }\n\n // Add performance marks and measurements for debugging in dev tools\n if (typeof performance !== 'undefined' && performance.mark && performance.measure) {\n const frameId = `long-frame-${entry.startTime.toFixed(0)}`;\n const startMarkName = `${frameId}-start`;\n const endMarkName = `${frameId}-end`;\n const measureName = `Long Frame (LoAF): ${entry.duration.toFixed(1)}ms`;\n\n try {\n // Create start and end marks\n performance.mark(startMarkName, { startTime: entry.startTime });\n performance.mark(endMarkName, { startTime: entry.startTime + entry.duration });\n\n // Create measurement span\n performance.measure(measureName, startMarkName, endMarkName);\n } catch {\n // Fallback for browsers that don't support startTime option\n performance.mark(measureName);\n }\n }\n\n writeSceneLog('LongFrameDetector', `Long frame detected (LoAF): ${entry.duration}ms at ${entry.startTime}ms`);\n }\n });\n\n this.#loafObserver.observe({ type: 'long-animation-frame', buffered: false });\n } catch (error) {\n writeSceneLog('LongFrameDetector', 'Failed to start LoAF tracking, falling back to manual:', error);\n this.startManualFrameTracking();\n }\n }\n\n /**\n * Stop LoAF tracking\n */\n private stopLoAFTracking(): void {\n if (this.#loafObserver) {\n this.#loafObserver.disconnect();\n this.#loafObserver = null;\n writeSceneLog('LongFrameDetector', 'Stopped LoAF tracking');\n }\n }\n\n /**\n * Start manual frame tracking using requestAnimationFrame\n */\n private startManualFrameTracking(): void {\n this.#lastFrameTime = performance.now();\n this.#frameTrackingId = requestAnimationFrame(() => this.measureFrames());\n }\n\n /**\n * Stop manual frame tracking\n */\n private stopManualFrameTracking(): void {\n if (this.#frameTrackingId) {\n cancelAnimationFrame(this.#frameTrackingId);\n this.#frameTrackingId = null;\n writeSceneLog('LongFrameDetector', 'Stopped manual frame tracking');\n }\n }\n\n /**\n * Measure frame durations using requestAnimationFrame\n */\n private measureFrames = (): void => {\n if (!this.#isTracking) {\n return;\n }\n\n const currentFrameTime = performance.now();\n const frameLength = currentFrameTime - this.#lastFrameTime;\n\n // Check if frame exceeds threshold\n if (frameLength > LONG_FRAME_THRESHOLD) {\n const event: LongFrameEvent = {\n duration: frameLength,\n timestamp: currentFrameTime,\n method: 'manual',\n };\n\n if (this.#callback) {\n this.#callback(event);\n }\n\n // Add performance marks and measurements for debugging in dev tools\n if (typeof performance !== 'undefined' && performance.mark && performance.measure) {\n const frameId = `long-frame-manual-${currentFrameTime.toFixed(0)}`;\n const startMarkName = `${frameId}-start`;\n const endMarkName = `${frameId}-end`;\n const measureName = `Long Frame (Manual): ${frameLength.toFixed(1)}ms`;\n\n try {\n // Create start and end marks\n performance.mark(startMarkName, { startTime: currentFrameTime - frameLength });\n performance.mark(endMarkName, { startTime: currentFrameTime });\n\n // Create measurement span\n performance.measure(measureName, startMarkName, endMarkName);\n } catch {\n // Fallback for browsers that don't support startTime option\n performance.mark(measureName);\n }\n }\n\n writeSceneLog(\n 'LongFrameDetector',\n `Long frame detected (manual): ${frameLength}ms (threshold: ${LONG_FRAME_THRESHOLD}ms)`\n );\n }\n\n this.#lastFrameTime = currentFrameTime;\n\n // Continue tracking\n if (this.#isTracking) {\n this.#frameTrackingId = requestAnimationFrame(this.measureFrames);\n }\n };\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SceneInteractionTracker.js","sources":["../../../src/behaviors/SceneInteractionTracker.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneStatelessBehavior } from '../core/types';\nimport { SceneRenderProfiler } from '
|
|
1
|
+
{"version":3,"file":"SceneInteractionTracker.js","sources":["../../../src/behaviors/SceneInteractionTracker.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneStatelessBehavior } from '../core/types';\nimport { SceneRenderProfiler } from './SceneRenderProfiler';\nimport { SceneInteractionTrackerState } from './types';\n\nexport function isInteractionTracker(s: SceneObject | SceneStatelessBehavior): s is SceneInteractionTracker {\n return 'isInteractionTracker' in s;\n}\n\nexport class SceneInteractionTracker extends SceneObjectBase<SceneInteractionTrackerState> {\n public isInteractionTracker: true = true;\n\n public constructor(state: Partial<SceneInteractionTrackerState> = {}, private renderProfiler?: SceneRenderProfiler) {\n super(state);\n\n if (renderProfiler) {\n this.renderProfiler = renderProfiler;\n this.renderProfiler.setInteractionCompleteHandler(state.onInteractionComplete);\n }\n }\n\n public startInteraction(name: string) {\n if (!this.state.enableInteractionTracking) {\n return;\n }\n\n this.renderProfiler?.startInteraction(name);\n }\n\n public stopInteraction() {\n this.renderProfiler?.stopInteraction();\n }\n}\n"],"names":[],"mappings":";;AAKO,SAAS,qBAAqB,CAAuE,EAAA;AAC1G,EAAA,OAAO,sBAA0B,IAAA,CAAA;AACnC;AAEO,MAAM,gCAAgC,eAA8C,CAAA;AAAA,EAGlF,WAAY,CAAA,KAAA,GAA+C,EAAC,EAAW,cAAsC,EAAA;AAClH,IAAA,KAAA,CAAM,KAAK,CAAA;AADiE,IAAA,IAAA,CAAA,cAAA,GAAA,cAAA;AAF9E,IAAA,IAAA,CAAO,oBAA6B,GAAA,IAAA;AAKlC,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAA,IAAA,CAAK,cAAiB,GAAA,cAAA;AACtB,MAAK,IAAA,CAAA,cAAA,CAAe,6BAA8B,CAAA,KAAA,CAAM,qBAAqB,CAAA;AAAA;AAC/E;AACF,EAEO,iBAAiB,IAAc,EAAA;AArBxC,IAAA,IAAA,EAAA;AAsBI,IAAI,IAAA,CAAC,IAAK,CAAA,KAAA,CAAM,yBAA2B,EAAA;AACzC,MAAA;AAAA;AAGF,IAAK,CAAA,EAAA,GAAA,IAAA,CAAA,cAAA,KAAL,mBAAqB,gBAAiB,CAAA,IAAA,CAAA;AAAA;AACxC,EAEO,eAAkB,GAAA;AA7B3B,IAAA,IAAA,EAAA;AA8BI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,mBAAL,IAAqB,GAAA,MAAA,GAAA,EAAA,CAAA,eAAA,EAAA;AAAA;AAEzB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SceneQueryController.js","sources":["../../../src/behaviors/SceneQueryController.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneStatelessBehavior } from '../core/types';\nimport { writeSceneLog } from '../utils/writeSceneLog';\nimport { SceneRenderProfiler } from '
|
|
1
|
+
{"version":3,"file":"SceneQueryController.js","sources":["../../../src/behaviors/SceneQueryController.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneStatelessBehavior } from '../core/types';\nimport { writeSceneLog } from '../utils/writeSceneLog';\nimport { SceneRenderProfiler } from './SceneRenderProfiler';\nimport { SceneQueryControllerEntry, SceneQueryControllerLike, SceneQueryStateControllerState } from './types';\n\nexport function isQueryController(s: SceneObject | SceneStatelessBehavior): s is SceneQueryControllerLike {\n return 'isQueryController' in s;\n}\n\nexport class SceneQueryController\n extends SceneObjectBase<SceneQueryStateControllerState>\n implements SceneQueryControllerLike\n{\n public isQueryController: true = true;\n\n #running = new Set<SceneQueryControllerEntry>();\n\n #tryCompleteProfileFrameId: number | null = null;\n\n public constructor(state: Partial<SceneQueryStateControllerState> = {}, private profiler?: SceneRenderProfiler) {\n super({ ...state, isRunning: false });\n\n if (profiler) {\n this.profiler = profiler;\n profiler.setQueryController(this);\n }\n\n // Clear running state on deactivate\n this.addActivationHandler(() => {\n // In cases of re-activation, we need to set the query controller again as it might have been set by other scene\n this.profiler?.setQueryController(this);\n return () => this.#running.clear();\n });\n }\n\n public runningQueriesCount = () => {\n return this.#running.size;\n };\n\n public startProfile(name: string) {\n if (!this.state.enableProfiling) {\n return;\n }\n this.profiler?.startProfile(name);\n }\n\n public cancelProfile() {\n this.profiler?.cancelProfile();\n }\n\n public queryStarted(entry: SceneQueryControllerEntry) {\n this.#running.add(entry);\n this.changeRunningQueryCount(1, entry);\n\n if (!this.state.isRunning) {\n this.setState({ isRunning: true });\n }\n }\n\n public queryCompleted(entry: SceneQueryControllerEntry) {\n if (!this.#running.has(entry)) {\n return;\n }\n\n this.#running.delete(entry);\n\n this.changeRunningQueryCount(-1);\n\n if (this.#running.size === 0) {\n this.setState({ isRunning: false });\n }\n }\n\n private changeRunningQueryCount(dir: 1 | -1, entry?: SceneQueryControllerEntry) {\n /**\n * Used by grafana-image-renderer to know when all queries are completed.\n */\n (window as any).__grafanaRunningQueryCount = ((window as any).__grafanaRunningQueryCount ?? 0) + dir;\n\n if (dir === 1 && this.state.enableProfiling) {\n if (entry) {\n // Collect profile crumbs, variables, annotations, queries and plugins\n this.profiler?.addCrumb(`${entry.type}`);\n }\n if (this.profiler?.isTailRecording()) {\n writeSceneLog('SceneQueryController', 'New query started, cancelling tail recording');\n this.profiler?.cancelTailRecording();\n }\n }\n\n if (this.state.enableProfiling) {\n // Delegate to next frame to check if all queries are completed\n // This is to account for scenarios when there's \"yet another\" query that's started\n if (this.#tryCompleteProfileFrameId) {\n cancelAnimationFrame(this.#tryCompleteProfileFrameId);\n }\n\n this.#tryCompleteProfileFrameId = requestAnimationFrame(() => {\n this.profiler?.tryCompletingProfile();\n });\n }\n }\n\n public cancelAll() {\n for (const entry of this.#running.values()) {\n entry.cancel?.();\n }\n }\n}\n"],"names":["_a"],"mappings":"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"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { generateOperationId, getScenePerformanceTracker } from './ScenePerformanceTracker.js';
|
|
3
|
-
import { PanelProfilingManager } from './PanelProfilingManager.js';
|
|
1
|
+
import { writeSceneLog, writeSceneLogStyled } from '../utils/writeSceneLog.js';
|
|
4
2
|
import { LongFrameDetector } from './LongFrameDetector.js';
|
|
5
3
|
|
|
6
4
|
var __typeError = (msg) => {
|
|
@@ -18,20 +16,17 @@ var __privateWrapper = (obj, member, setter, getter) => ({
|
|
|
18
16
|
return __privateGet(obj, member, getter);
|
|
19
17
|
}
|
|
20
18
|
});
|
|
21
|
-
var _profileInProgress, _interactionInProgress, _profileStartTs, _trailAnimationFrameId,
|
|
19
|
+
var _profileInProgress, _interactionInProgress, _profileStartTs, _trailAnimationFrameId, _recordedTrailingSpans, _longFrameDetector, _longFramesCount, _longFramesTotalTime, _visibilityChangeHandler, _onInteractionComplete;
|
|
22
20
|
const POST_STORM_WINDOW = 2e3;
|
|
23
21
|
const DEFAULT_LONG_FRAME_THRESHOLD = 30;
|
|
24
22
|
class SceneRenderProfiler {
|
|
25
|
-
constructor(
|
|
23
|
+
constructor(queryController) {
|
|
24
|
+
this.queryController = queryController;
|
|
26
25
|
__privateAdd(this, _profileInProgress, null);
|
|
27
26
|
__privateAdd(this, _interactionInProgress, null);
|
|
28
27
|
__privateAdd(this, _profileStartTs, null);
|
|
29
28
|
__privateAdd(this, _trailAnimationFrameId, null);
|
|
30
|
-
//
|
|
31
|
-
this.metadata = {};
|
|
32
|
-
// Operation ID for correlating dashboard interaction events
|
|
33
|
-
__privateAdd(this, _currentOperationId);
|
|
34
|
-
// Trailing frame measurements
|
|
29
|
+
// Will keep measured lengths trailing frames
|
|
35
30
|
__privateAdd(this, _recordedTrailingSpans, []);
|
|
36
31
|
// Long frame tracking
|
|
37
32
|
__privateAdd(this, _longFrameDetector);
|
|
@@ -40,6 +35,7 @@ class SceneRenderProfiler {
|
|
|
40
35
|
__privateAdd(this, _visibilityChangeHandler, null);
|
|
41
36
|
__privateAdd(this, _onInteractionComplete, null);
|
|
42
37
|
this.measureTrailingFrames = (measurementStartTs, lastFrameTime, profileStartTs) => {
|
|
38
|
+
var _a, _b, _c, _d;
|
|
43
39
|
const currentFrameTime = performance.now();
|
|
44
40
|
const frameLength = currentFrameTime - lastFrameTime;
|
|
45
41
|
__privateGet(this, _recordedTrailingSpans).push(frameLength);
|
|
@@ -52,73 +48,108 @@ class SceneRenderProfiler {
|
|
|
52
48
|
} else {
|
|
53
49
|
const slowFrames = processRecordedSpans(__privateGet(this, _recordedTrailingSpans));
|
|
54
50
|
const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);
|
|
55
|
-
|
|
56
|
-
"
|
|
57
|
-
|
|
58
|
-
slowFramesTime,
|
|
59
|
-
slowFrames,
|
|
60
|
-
__privateGet(this, _profileInProgress)
|
|
51
|
+
writeSceneLog(
|
|
52
|
+
"SceneRenderProfiler",
|
|
53
|
+
`Profile tail recorded - Slow frames: ${slowFramesTime.toFixed(1)}ms (${slowFrames.length} frames)`
|
|
61
54
|
);
|
|
55
|
+
writeSceneLog("", ` \u251C\u2500 Origin: ${((_a = __privateGet(this, _profileInProgress)) == null ? void 0 : _a.origin) || "unknown"}`);
|
|
56
|
+
writeSceneLog("", ` \u2514\u2500 Crumbs:`, ((_b = __privateGet(this, _profileInProgress)) == null ? void 0 : _b.crumbs) || []);
|
|
62
57
|
__privateSet(this, _recordedTrailingSpans, []);
|
|
63
58
|
const profileDuration = measurementStartTs - profileStartTs;
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
`
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
59
|
+
if (typeof performance !== "undefined" && performance.mark) {
|
|
60
|
+
const profileName = ((_c = __privateGet(this, _profileInProgress)) == null ? void 0 : _c.origin) || "unknown";
|
|
61
|
+
const totalTime = profileDuration + slowFramesTime;
|
|
62
|
+
performance.mark(`Dashboard Profile End: ${profileName}`);
|
|
63
|
+
const startMarkName = `Dashboard Profile Start: ${profileName}`;
|
|
64
|
+
try {
|
|
65
|
+
performance.measure(
|
|
66
|
+
`Dashboard Profile: ${profileName} (${totalTime.toFixed(1)}ms)`,
|
|
67
|
+
startMarkName,
|
|
68
|
+
`Dashboard Profile End: ${profileName}`
|
|
69
|
+
);
|
|
70
|
+
} catch (e) {
|
|
71
|
+
performance.mark(`Dashboard Profile Complete: ${profileName} (${totalTime.toFixed(1)}ms)`);
|
|
72
|
+
}
|
|
73
|
+
if (slowFrames.length > 0) {
|
|
74
|
+
const slowFramesMarkName = `Slow Frames Summary: ${slowFrames.length} frames (${slowFramesTime.toFixed(
|
|
75
|
+
1
|
|
76
|
+
)}ms)`;
|
|
77
|
+
performance.mark(slowFramesMarkName);
|
|
78
|
+
slowFrames.forEach((frameTime, index) => {
|
|
79
|
+
if (frameTime > 16) {
|
|
80
|
+
try {
|
|
81
|
+
const frameStartTime = __privateGet(this, _profileStartTs) + profileDuration + (index > 0 ? slowFrames.slice(0, index).reduce((sum, t) => sum + t, 0) : 0);
|
|
82
|
+
const frameId = `slow-frame-${index}`;
|
|
83
|
+
const frameStartMark = `${frameId}-start`;
|
|
84
|
+
const frameEndMark = `${frameId}-end`;
|
|
85
|
+
performance.mark(frameStartMark, { startTime: frameStartTime });
|
|
86
|
+
performance.mark(frameEndMark, { startTime: frameStartTime + frameTime });
|
|
87
|
+
performance.measure(`Slow Frame ${index + 1}: ${frameTime.toFixed(1)}ms`, frameStartMark, frameEndMark);
|
|
88
|
+
} catch (e) {
|
|
89
|
+
performance.mark(`Slow Frame ${index + 1}: ${frameTime.toFixed(1)}ms`);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
const completionTimestamp = performance.now();
|
|
96
|
+
writeSceneLog("SceneRenderProfiler", "Profile completed");
|
|
97
|
+
writeSceneLog("", ` \u251C\u2500 Timestamp: ${completionTimestamp.toFixed(1)}ms`);
|
|
98
|
+
writeSceneLog("", ` \u251C\u2500 Total time: ${(profileDuration + slowFramesTime).toFixed(1)}ms`);
|
|
99
|
+
writeSceneLog("", ` \u251C\u2500 Slow frames: ${slowFramesTime}ms (${slowFrames.length} frames)`);
|
|
100
|
+
writeSceneLog("", ` \u2514\u2500 Long frames: ${__privateGet(this, _longFramesTotalTime)}ms (${__privateGet(this, _longFramesCount)} frames)`);
|
|
72
101
|
__privateGet(this, _longFrameDetector).stop();
|
|
102
|
+
writeSceneLogStyled(
|
|
103
|
+
"SceneRenderProfiler",
|
|
104
|
+
`Stopped long frame detection - profile complete at ${completionTimestamp.toFixed(1)}ms`,
|
|
105
|
+
"color: #00CC00; font-weight: bold;"
|
|
106
|
+
);
|
|
73
107
|
__privateSet(this, _trailAnimationFrameId, null);
|
|
74
108
|
const profileEndTs = profileStartTs + profileDuration + slowFramesTime;
|
|
75
109
|
if (!__privateGet(this, _profileInProgress)) {
|
|
76
110
|
return;
|
|
77
111
|
}
|
|
112
|
+
performance.measure(`DashboardInteraction ${__privateGet(this, _profileInProgress).origin}`, {
|
|
113
|
+
start: profileStartTs,
|
|
114
|
+
end: profileEndTs
|
|
115
|
+
});
|
|
78
116
|
const networkDuration = captureNetwork(profileStartTs, profileEndTs);
|
|
79
|
-
if (__privateGet(this, _profileInProgress)) {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
timestamp: profileEndTs,
|
|
117
|
+
if (((_d = this.queryController) == null ? void 0 : _d.state.onProfileComplete) && __privateGet(this, _profileInProgress)) {
|
|
118
|
+
this.queryController.state.onProfileComplete({
|
|
119
|
+
origin: __privateGet(this, _profileInProgress).origin,
|
|
120
|
+
crumbs: __privateGet(this, _profileInProgress).crumbs,
|
|
84
121
|
duration: profileDuration + slowFramesTime,
|
|
85
122
|
networkDuration,
|
|
123
|
+
startTs: profileStartTs,
|
|
124
|
+
endTs: profileEndTs,
|
|
86
125
|
longFramesCount: __privateGet(this, _longFramesCount),
|
|
87
126
|
longFramesTotalTime: __privateGet(this, _longFramesTotalTime),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
127
|
+
// @ts-ignore
|
|
128
|
+
jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,
|
|
129
|
+
// @ts-ignore
|
|
130
|
+
usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,
|
|
131
|
+
// @ts-ignore
|
|
132
|
+
totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0
|
|
133
|
+
});
|
|
92
134
|
__privateSet(this, _profileInProgress, null);
|
|
93
135
|
__privateSet(this, _trailAnimationFrameId, null);
|
|
94
136
|
}
|
|
137
|
+
if (window.__runs) {
|
|
138
|
+
window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}
|
|
139
|
+
`;
|
|
140
|
+
} else {
|
|
141
|
+
window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}
|
|
142
|
+
`;
|
|
143
|
+
}
|
|
95
144
|
}
|
|
96
145
|
};
|
|
97
146
|
__privateSet(this, _longFrameDetector, new LongFrameDetector());
|
|
98
147
|
this.setupVisibilityChangeHandler();
|
|
99
148
|
__privateSet(this, _interactionInProgress, null);
|
|
100
|
-
if (panelProfilingConfig) {
|
|
101
|
-
this._panelProfilingManager = new PanelProfilingManager(panelProfilingConfig);
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
/** Set generic metadata for observer notifications */
|
|
105
|
-
setMetadata(metadata) {
|
|
106
|
-
this.metadata = { ...metadata };
|
|
107
149
|
}
|
|
108
150
|
setQueryController(queryController) {
|
|
109
151
|
this.queryController = queryController;
|
|
110
152
|
}
|
|
111
|
-
/** Attach panel profiling to a scene object */
|
|
112
|
-
attachPanelProfiling(sceneObject) {
|
|
113
|
-
var _a;
|
|
114
|
-
(_a = this._panelProfilingManager) == null ? void 0 : _a.attachToScene(sceneObject);
|
|
115
|
-
}
|
|
116
|
-
/** Attach profiler to a specific panel */
|
|
117
|
-
attachProfilerToPanel(panel) {
|
|
118
|
-
var _a;
|
|
119
|
-
writePerformanceLog("SRP", "Attaching profiler to panel", panel.state.key);
|
|
120
|
-
(_a = this._panelProfilingManager) == null ? void 0 : _a.attachProfilerToPanel(panel);
|
|
121
|
-
}
|
|
122
153
|
setInteractionCompleteHandler(handler) {
|
|
123
154
|
__privateSet(this, _onInteractionComplete, handler != null ? handler : null);
|
|
124
155
|
}
|
|
@@ -128,7 +159,7 @@ class SceneRenderProfiler {
|
|
|
128
159
|
}
|
|
129
160
|
__privateSet(this, _visibilityChangeHandler, () => {
|
|
130
161
|
if (document.hidden && __privateGet(this, _profileInProgress)) {
|
|
131
|
-
|
|
162
|
+
writeSceneLog("SceneRenderProfiler", "Tab became inactive, cancelling profile");
|
|
132
163
|
this.cancelProfile();
|
|
133
164
|
}
|
|
134
165
|
});
|
|
@@ -137,18 +168,16 @@ class SceneRenderProfiler {
|
|
|
137
168
|
}
|
|
138
169
|
}
|
|
139
170
|
cleanup() {
|
|
140
|
-
var _a;
|
|
141
171
|
if (__privateGet(this, _visibilityChangeHandler) && typeof document !== "undefined") {
|
|
142
172
|
document.removeEventListener("visibilitychange", __privateGet(this, _visibilityChangeHandler));
|
|
143
173
|
__privateSet(this, _visibilityChangeHandler, null);
|
|
144
174
|
}
|
|
145
175
|
__privateGet(this, _longFrameDetector).stop();
|
|
146
176
|
this.cancelProfile();
|
|
147
|
-
(_a = this._panelProfilingManager) == null ? void 0 : _a.cleanup();
|
|
148
177
|
}
|
|
149
178
|
startProfile(name) {
|
|
150
179
|
if (document.hidden) {
|
|
151
|
-
|
|
180
|
+
writeSceneLog("SceneRenderProfiler", "Tab is inactive, skipping profile", name);
|
|
152
181
|
return;
|
|
153
182
|
}
|
|
154
183
|
if (__privateGet(this, _profileInProgress)) {
|
|
@@ -164,14 +193,14 @@ class SceneRenderProfiler {
|
|
|
164
193
|
}
|
|
165
194
|
startInteraction(interaction) {
|
|
166
195
|
if (__privateGet(this, _interactionInProgress)) {
|
|
167
|
-
|
|
196
|
+
writeSceneLog("profile", "Cancelled interaction:", __privateGet(this, _interactionInProgress));
|
|
168
197
|
__privateSet(this, _interactionInProgress, null);
|
|
169
198
|
}
|
|
170
199
|
__privateSet(this, _interactionInProgress, {
|
|
171
200
|
interaction,
|
|
172
201
|
startTs: performance.now()
|
|
173
202
|
});
|
|
174
|
-
|
|
203
|
+
writeSceneLog("SceneRenderProfiler", "Started interaction:", interaction);
|
|
175
204
|
}
|
|
176
205
|
stopInteraction() {
|
|
177
206
|
if (!__privateGet(this, _interactionInProgress)) {
|
|
@@ -180,10 +209,11 @@ class SceneRenderProfiler {
|
|
|
180
209
|
const endTs = performance.now();
|
|
181
210
|
const interactionDuration = endTs - __privateGet(this, _interactionInProgress).startTs;
|
|
182
211
|
const networkDuration = captureNetwork(__privateGet(this, _interactionInProgress).startTs, endTs);
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
);
|
|
212
|
+
writeSceneLog("SceneRenderProfiler", "Completed interaction:");
|
|
213
|
+
writeSceneLog("", ` \u251C\u2500 Total time: ${interactionDuration.toFixed(1)}ms`);
|
|
214
|
+
writeSceneLog("", ` \u251C\u2500 Network duration: ${networkDuration.toFixed(1)}ms`);
|
|
215
|
+
writeSceneLog("", ` \u251C\u2500 StartTs: ${__privateGet(this, _interactionInProgress).startTs.toFixed(1)}ms`);
|
|
216
|
+
writeSceneLog("", ` \u2514\u2500 EndTs: ${endTs.toFixed(1)}ms`);
|
|
187
217
|
if (__privateGet(this, _onInteractionComplete) && __privateGet(this, _profileInProgress)) {
|
|
188
218
|
__privateGet(this, _onInteractionComplete).call(this, {
|
|
189
219
|
origin: __privateGet(this, _interactionInProgress).interaction,
|
|
@@ -211,24 +241,32 @@ class SceneRenderProfiler {
|
|
|
211
241
|
return (_b = (_a = __privateGet(this, _interactionInProgress)) == null ? void 0 : _a.interaction) != null ? _b : null;
|
|
212
242
|
}
|
|
213
243
|
/**
|
|
214
|
-
*
|
|
215
|
-
*
|
|
216
|
-
* @param
|
|
244
|
+
* Starts a new profile for performance measurement.
|
|
245
|
+
*
|
|
246
|
+
* @param name - The origin/trigger of the profile (e.g., 'time_range_change', 'variable_value_changed')
|
|
247
|
+
* @param force - Whether this is a "forced" profile (true) or "clean" profile (false)
|
|
248
|
+
* - "forced": Started by canceling an existing profile that was recording trailing frames
|
|
249
|
+
* This happens when a new user interaction occurs before the previous one
|
|
250
|
+
* finished measuring its performance impact
|
|
251
|
+
* - "clean": Started when no profile is currently active
|
|
217
252
|
*/
|
|
218
253
|
_startNewProfile(name, force = false) {
|
|
219
|
-
|
|
220
|
-
writePerformanceLog("SRP", `[PROFILER] ${name} started (${profileType})`);
|
|
254
|
+
var _a;
|
|
221
255
|
__privateSet(this, _profileInProgress, { origin: name, crumbs: [] });
|
|
222
256
|
__privateSet(this, _profileStartTs, performance.now());
|
|
223
257
|
__privateSet(this, _longFramesCount, 0);
|
|
224
258
|
__privateSet(this, _longFramesTotalTime, 0);
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
259
|
+
if (typeof performance !== "undefined" && performance.mark) {
|
|
260
|
+
const markName = `Dashboard Profile Start: ${name}`;
|
|
261
|
+
performance.mark(markName);
|
|
262
|
+
}
|
|
263
|
+
writeSceneLogStyled(
|
|
264
|
+
"SceneRenderProfiler",
|
|
265
|
+
`Profile started[${force ? "forced" : "clean"}]`,
|
|
266
|
+
"color: #FFCC00; font-weight: bold;"
|
|
267
|
+
);
|
|
268
|
+
writeSceneLog("", ` \u251C\u2500 Origin: ${((_a = __privateGet(this, _profileInProgress)) == null ? void 0 : _a.origin) || "unknown"}`);
|
|
269
|
+
writeSceneLog("", ` \u2514\u2500 Timestamp: ${__privateGet(this, _profileStartTs).toFixed(1)}ms`);
|
|
232
270
|
__privateGet(this, _longFrameDetector).start((event) => {
|
|
233
271
|
if (!__privateGet(this, _profileInProgress) || !__privateGet(this, _profileStartTs)) {
|
|
234
272
|
return;
|
|
@@ -247,9 +285,12 @@ class SceneRenderProfiler {
|
|
|
247
285
|
}
|
|
248
286
|
tryCompletingProfile() {
|
|
249
287
|
var _a;
|
|
250
|
-
|
|
288
|
+
if (!__privateGet(this, _profileInProgress)) {
|
|
289
|
+
return;
|
|
290
|
+
}
|
|
291
|
+
writeSceneLog("SceneRenderProfiler", "Trying to complete profile", __privateGet(this, _profileInProgress));
|
|
251
292
|
if (((_a = this.queryController) == null ? void 0 : _a.runningQueriesCount()) === 0 && __privateGet(this, _profileInProgress)) {
|
|
252
|
-
|
|
293
|
+
writeSceneLog("SceneRenderProfiler", "All queries completed, starting tail measurement");
|
|
253
294
|
this.recordProfileTail(performance.now(), __privateGet(this, _profileStartTs));
|
|
254
295
|
}
|
|
255
296
|
}
|
|
@@ -260,19 +301,20 @@ class SceneRenderProfiler {
|
|
|
260
301
|
if (__privateGet(this, _trailAnimationFrameId)) {
|
|
261
302
|
cancelAnimationFrame(__privateGet(this, _trailAnimationFrameId));
|
|
262
303
|
__privateSet(this, _trailAnimationFrameId, null);
|
|
263
|
-
|
|
304
|
+
writeSceneLog("SceneRenderProfiler", "Cancelled recording frames, new profile started");
|
|
264
305
|
}
|
|
265
306
|
}
|
|
307
|
+
// cancel profile
|
|
266
308
|
cancelProfile() {
|
|
267
309
|
if (__privateGet(this, _profileInProgress)) {
|
|
268
|
-
|
|
310
|
+
writeSceneLog("SceneRenderProfiler", "Cancelling profile", __privateGet(this, _profileInProgress));
|
|
269
311
|
__privateSet(this, _profileInProgress, null);
|
|
270
312
|
if (__privateGet(this, _trailAnimationFrameId)) {
|
|
271
313
|
cancelAnimationFrame(__privateGet(this, _trailAnimationFrameId));
|
|
272
314
|
__privateSet(this, _trailAnimationFrameId, null);
|
|
273
315
|
}
|
|
274
316
|
__privateGet(this, _longFrameDetector).stop();
|
|
275
|
-
|
|
317
|
+
writeSceneLog("SceneRenderProfiler", "Stopped long frame detection - profile cancelled");
|
|
276
318
|
__privateSet(this, _recordedTrailingSpans, []);
|
|
277
319
|
__privateSet(this, _longFramesCount, 0);
|
|
278
320
|
__privateSet(this, _longFramesTotalTime, 0);
|
|
@@ -280,13 +322,7 @@ class SceneRenderProfiler {
|
|
|
280
322
|
}
|
|
281
323
|
addCrumb(crumb) {
|
|
282
324
|
if (__privateGet(this, _profileInProgress)) {
|
|
283
|
-
|
|
284
|
-
operationId: generateOperationId("dashboard-milestone"),
|
|
285
|
-
interactionType: __privateGet(this, _profileInProgress).origin,
|
|
286
|
-
timestamp: performance.now(),
|
|
287
|
-
milestone: crumb,
|
|
288
|
-
metadata: this.metadata
|
|
289
|
-
});
|
|
325
|
+
writeSceneLog("SceneRenderProfiler", "Adding crumb:", crumb);
|
|
290
326
|
__privateGet(this, _profileInProgress).crumbs.push(crumb);
|
|
291
327
|
}
|
|
292
328
|
}
|
|
@@ -295,7 +331,6 @@ _profileInProgress = new WeakMap();
|
|
|
295
331
|
_interactionInProgress = new WeakMap();
|
|
296
332
|
_profileStartTs = new WeakMap();
|
|
297
333
|
_trailAnimationFrameId = new WeakMap();
|
|
298
|
-
_currentOperationId = new WeakMap();
|
|
299
334
|
_recordedTrailingSpans = new WeakMap();
|
|
300
335
|
_longFrameDetector = new WeakMap();
|
|
301
336
|
_longFramesCount = new WeakMap();
|
|
@@ -344,6 +379,16 @@ function calculateNetworkTime(requests) {
|
|
|
344
379
|
totalNetworkTime += currentEnd - currentStart;
|
|
345
380
|
return totalNetworkTime;
|
|
346
381
|
}
|
|
382
|
+
const REFRESH_INTERACTION = "refresh";
|
|
383
|
+
const TIME_RANGE_CHANGE_INTERACTION = "time_range_change";
|
|
384
|
+
const FILTER_REMOVED_INTERACTION = "filter_removed";
|
|
385
|
+
const FILTER_CHANGED_INTERACTION = "filter_changed";
|
|
386
|
+
const FILTER_RESTORED_INTERACTION = "filter_restored";
|
|
387
|
+
const VARIABLE_VALUE_CHANGED_INTERACTION = "variable_value_changed";
|
|
388
|
+
const SCOPES_CHANGED_INTERACTION = "scopes_changed";
|
|
389
|
+
const ADHOC_KEYS_DROPDOWN_INTERACTION = "adhoc_keys_dropdown";
|
|
390
|
+
const ADHOC_VALUES_DROPDOWN_INTERACTION = "adhoc_values_dropdown";
|
|
391
|
+
const GROUPBY_DIMENSIONS_INTERACTION = "groupby_dimensions";
|
|
347
392
|
|
|
348
|
-
export { SceneRenderProfiler, calculateNetworkTime, captureNetwork, processRecordedSpans };
|
|
393
|
+
export { ADHOC_KEYS_DROPDOWN_INTERACTION, ADHOC_VALUES_DROPDOWN_INTERACTION, FILTER_CHANGED_INTERACTION, FILTER_REMOVED_INTERACTION, FILTER_RESTORED_INTERACTION, GROUPBY_DIMENSIONS_INTERACTION, REFRESH_INTERACTION, SCOPES_CHANGED_INTERACTION, SceneRenderProfiler, TIME_RANGE_CHANGE_INTERACTION, VARIABLE_VALUE_CHANGED_INTERACTION, calculateNetworkTime, captureNetwork, processRecordedSpans };
|
|
349
394
|
//# sourceMappingURL=SceneRenderProfiler.js.map
|