@grafana/scenes 6.28.3--canary.1195.16590049708.0 → 6.28.4--canary.1198.16595564474.0

package/dist/index.js

@@ -607,246 +607,77 @@ var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$3("Ca
 var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$3("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), member.set(obj, value), value);
-var _profileInProgress, _profileStartTs, _trailAnimationFrameId, _recordedTrailingSpans;
-const POST_STORM_WINDOW = 2e3;
-const SPAN_THRESHOLD = 30;
-class SceneRenderProfiler {
-  constructor(queryController) {
-    this.queryController = queryController;
-    __privateAdd$3(this, _profileInProgress, null);
-    __privateAdd$3(this, _profileStartTs, null);
-    __privateAdd$3(this, _trailAnimationFrameId, null);
-    // Will keep measured lengths trailing frames
-    __privateAdd$3(this, _recordedTrailingSpans, []);
-    this.lastFrameTime = 0;
-    this.measureTrailingFrames = (measurementStartTs, lastFrameTime, profileStartTs) => {
-      const currentFrameTime = performance.now();
-      const frameLength = currentFrameTime - lastFrameTime;
-      __privateGet$3(this, _recordedTrailingSpans).push(frameLength);
-      if (currentFrameTime - measurementStartTs < POST_STORM_WINDOW) {
-        __privateSet$3(this, _trailAnimationFrameId, requestAnimationFrame(
-          () => this.measureTrailingFrames(measurementStartTs, currentFrameTime, profileStartTs)
-        ));
-      } else {
-        const slowFrames = processRecordedSpans(__privateGet$3(this, _recordedTrailingSpans));
-        const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);
-        writeSceneLog(
-          this.constructor.name,
-          "Profile tail recorded, slow frames duration:",
-          slowFramesTime,
-          slowFrames,
-          __privateGet$3(this, _profileInProgress)
-        );
-        __privateSet$3(this, _recordedTrailingSpans, []);
-        const profileDuration = measurementStartTs - profileStartTs;
-        writeSceneLog(
-          this.constructor.name,
-          "Stoped recording, total measured time (network included):",
-          profileDuration + slowFramesTime
-        );
-        __privateSet$3(this, _trailAnimationFrameId, null);
-        const profileEndTs = profileStartTs + profileDuration + slowFramesTime;
-        performance.measure(`DashboardInteraction ${__privateGet$3(this, _profileInProgress).origin}`, {
-          start: profileStartTs,
-          end: profileEndTs
-        });
-        const networkDuration = captureNetwork(profileStartTs, profileEndTs);
-        if (this.queryController.state.onProfileComplete) {
-          this.queryController.state.onProfileComplete({
-            origin: __privateGet$3(this, _profileInProgress).origin,
-            crumbs: __privateGet$3(this, _profileInProgress).crumbs,
-            duration: profileDuration + slowFramesTime,
-            networkDuration,
-            // @ts-ignore
-            jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,
-            // @ts-ignore
-            usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,
-            // @ts-ignore
-            totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0
-          });
-          __privateSet$3(this, _profileInProgress, null);
-        }
-        if (window.__runs) {
-          window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}
-`;
-        } else {
-          window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}
-`;
-        }
-      }
-    };
-  }
-  startProfile(name) {
-    if (__privateGet$3(this, _profileInProgress)) {
-      if (__privateGet$3(this, _trailAnimationFrameId)) {
-        cancelAnimationFrame(__privateGet$3(this, _trailAnimationFrameId));
-        __privateSet$3(this, _trailAnimationFrameId, null);
-        writeSceneLog(this.constructor.name, "New profile: Stopped recording frames ");
-        __privateSet$3(this, _profileInProgress, { origin: name, crumbs: [] });
-        __privateSet$3(this, _profileStartTs, performance.now());
-        writeSceneLog(this.constructor.name, "Profile started:", __privateGet$3(this, _profileInProgress), __privateGet$3(this, _profileStartTs));
-      } else {
-        this.addCrumb(name);
-      }
-    } else {
-      __privateSet$3(this, _profileInProgress, { origin: name, crumbs: [] });
-      __privateSet$3(this, _profileStartTs, performance.now());
-      writeSceneLog(this.constructor.name, "Profile started:", __privateGet$3(this, _profileInProgress), __privateGet$3(this, _profileStartTs));
-    }
-  }
-  recordProfileTail(measurementStartTime, profileStartTs) {
-    __privateSet$3(this, _trailAnimationFrameId, requestAnimationFrame(
-      () => this.measureTrailingFrames(measurementStartTime, measurementStartTime, profileStartTs)
-    ));
-  }
-  tryCompletingProfile() {
-    writeSceneLog(this.constructor.name, "Trying to complete profile", __privateGet$3(this, _profileInProgress));
-    if (this.queryController.runningQueriesCount() === 0 && __privateGet$3(this, _profileInProgress)) {
-      writeSceneLog(this.constructor.name, "All queries completed, stopping profile");
-      this.recordProfileTail(performance.now(), __privateGet$3(this, _profileStartTs));
-    }
-  }
-  isTailRecording() {
-    return Boolean(__privateGet$3(this, _trailAnimationFrameId));
-  }
-  cancelTailRecording() {
-    if (__privateGet$3(this, _trailAnimationFrameId)) {
-      cancelAnimationFrame(__privateGet$3(this, _trailAnimationFrameId));
-      __privateSet$3(this, _trailAnimationFrameId, null);
-      writeSceneLog(this.constructor.name, "Cancelled recording frames, new profile started");
-    }
-  }
-  addCrumb(crumb) {
-    if (__privateGet$3(this, _profileInProgress)) {
-      writeSceneLog(this.constructor.name, "Adding crumb:", crumb);
-      __privateGet$3(this, _profileInProgress).crumbs.push(crumb);
-    }
-  }
-}
-_profileInProgress = new WeakMap();
-_profileStartTs = new WeakMap();
-_trailAnimationFrameId = new WeakMap();
-_recordedTrailingSpans = new WeakMap();
-function processRecordedSpans(spans) {
-  for (let i = spans.length - 1; i >= 0; i--) {
-    if (spans[i] > SPAN_THRESHOLD) {
-      return spans.slice(0, i + 1);
-    }
-  }
-  return [spans[0]];
-}
-function captureNetwork(startTs, endTs) {
-  const entries = performance.getEntriesByType("resource");
-  performance.clearResourceTimings();
-  const networkEntries = entries.filter((entry) => entry.startTime >= startTs && entry.startTime <= endTs);
-  for (const entry of networkEntries) {
-    performance.measure("Network entry " + entry.name, {
-      start: entry.startTime,
-      end: entry.responseEnd
-    });
-  }
-  return calculateNetworkTime(networkEntries);
-}
-function calculateNetworkTime(requests) {
-  if (requests.length === 0) {
-    return 0;
-  }
-  requests.sort((a, b) => a.startTime - b.startTime);
-  let totalNetworkTime = 0;
-  let currentStart = requests[0].startTime;
-  let currentEnd = requests[0].responseEnd;
-  for (let i = 1; i < requests.length; i++) {
-    if (requests[i].startTime <= currentEnd) {
-      currentEnd = Math.max(currentEnd, requests[i].responseEnd);
-    } else {
-      totalNetworkTime += currentEnd - currentStart;
-      currentStart = requests[i].startTime;
-      currentEnd = requests[i].responseEnd;
-    }
-  }
-  totalNetworkTime += currentEnd - currentStart;
-  return totalNetworkTime;
-}
-const REFRESH_INTERACTION = "refresh";
-const TIME_RANGE_CHANGE_INTERACTION = "time_range_change";
-const FILTER_REMOVED_INTERACTION = "filter_removed";
-const FILTER_CHANGED_INTERACTION = "filter_changed";
-const FILTER_RESTORED_INTERACTION = "filter_restored";
-const VARIABLE_VALUE_CHANGED_INTERACTION = "variable_value_changed";
-const SCOPES_CHANGED_INTERACTION = "scopes_changed";
-
-var __typeError$2 = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
-var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), member.set(obj, value), value);
 var _running, _tryCompleteProfileFrameId;
 function isQueryController(s) {
   return "isQueryController" in s;
 }
 class SceneQueryController extends SceneObjectBase {
-  constructor(state = {}) {
+  constructor(state = {}, profiler) {
     super({ ...state, isRunning: false });
+    this.profiler = profiler;
     this.isQueryController = true;
-    this.profiler = new SceneRenderProfiler(this);
-    __privateAdd$2(this, _running, /* @__PURE__ */ new Set());
-    __privateAdd$2(this, _tryCompleteProfileFrameId, null);
+    __privateAdd$3(this, _running, /* @__PURE__ */ new Set());
+    __privateAdd$3(this, _tryCompleteProfileFrameId, null);
     this.runningQueriesCount = () => {
-      return __privateGet$2(this, _running).size;
+      return __privateGet$3(this, _running).size;
     };
+    if (profiler) {
+      this.profiler = profiler;
+      profiler.setQueryController(this);
+    }
     this.addActivationHandler(() => {
-      return () => __privateGet$2(this, _running).clear();
+      return () => __privateGet$3(this, _running).clear();
     });
   }
   startProfile(name) {
+    var _a;
     if (!this.state.enableProfiling) {
       return;
     }
-    this.profiler.startProfile(name);
+    (_a = this.profiler) == null ? void 0 : _a.startProfile(name);
   }
   queryStarted(entry) {
-    __privateGet$2(this, _running).add(entry);
+    __privateGet$3(this, _running).add(entry);
     this.changeRunningQueryCount(1, entry);
     if (!this.state.isRunning) {
       this.setState({ isRunning: true });
     }
   }
   queryCompleted(entry) {
-    if (!__privateGet$2(this, _running).has(entry)) {
+    if (!__privateGet$3(this, _running).has(entry)) {
       return;
     }
-    __privateGet$2(this, _running).delete(entry);
+    __privateGet$3(this, _running).delete(entry);
     this.changeRunningQueryCount(-1);
-    if (__privateGet$2(this, _running).size === 0) {
+    if (__privateGet$3(this, _running).size === 0) {
       this.setState({ isRunning: false });
     }
   }
   changeRunningQueryCount(dir, entry) {
-    var _a;
+    var _a, _b, _c, _d;
     window.__grafanaRunningQueryCount = ((_a = window.__grafanaRunningQueryCount) != null ? _a : 0) + dir;
     if (dir === 1 && this.state.enableProfiling) {
       if (entry) {
-        this.profiler.addCrumb(`${entry.origin.constructor.name}/${entry.type}`);
+        (_b = this.profiler) == null ? void 0 : _b.addCrumb(`${entry.origin.constructor.name}/${entry.type}`);
       }
-      if (this.profiler.isTailRecording()) {
-        writeSceneLog(this.constructor.name, "New query started, cancelling tail recording");
-        this.profiler.cancelTailRecording();
+      if ((_c = this.profiler) == null ? void 0 : _c.isTailRecording()) {
+        writeSceneLog("SceneQueryController", "New query started, cancelling tail recording");
+        (_d = this.profiler) == null ? void 0 : _d.cancelTailRecording();
       }
     }
     if (this.state.enableProfiling) {
-      if (__privateGet$2(this, _tryCompleteProfileFrameId)) {
-        cancelAnimationFrame(__privateGet$2(this, _tryCompleteProfileFrameId));
+      if (__privateGet$3(this, _tryCompleteProfileFrameId)) {
+        cancelAnimationFrame(__privateGet$3(this, _tryCompleteProfileFrameId));
       }
-      __privateSet$2(this, _tryCompleteProfileFrameId, requestAnimationFrame(() => {
-        this.profiler.tryCompletingProfile();
+      __privateSet$3(this, _tryCompleteProfileFrameId, requestAnimationFrame(() => {
+        var _a2;
+        (_a2 = this.profiler) == null ? void 0 : _a2.tryCompletingProfile();
       }));
     }
   }
   cancelAll() {
     var _a;
-    for (const entry of __privateGet$2(this, _running).values()) {
+    for (const entry of __privateGet$3(this, _running).values()) {
       (_a = entry.cancel) == null ? void 0 : _a.call(entry);
     }
   }
@@ -1016,6 +847,180 @@ function isValid$1(value, roundUp, timeZone) {
   return parsed.isValid();
 }
 
+var __typeError$2 = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
+var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), member.set(obj, value), value);
+var _profileInProgress, _profileStartTs, _trailAnimationFrameId, _recordedTrailingSpans;
+const POST_STORM_WINDOW = 2e3;
+const SPAN_THRESHOLD = 30;
+class SceneRenderProfiler {
+  constructor(queryController) {
+    this.queryController = queryController;
+    __privateAdd$2(this, _profileInProgress, null);
+    __privateAdd$2(this, _profileStartTs, null);
+    __privateAdd$2(this, _trailAnimationFrameId, null);
+    // Will keep measured lengths trailing frames
+    __privateAdd$2(this, _recordedTrailingSpans, []);
+    this.lastFrameTime = 0;
+    this.measureTrailingFrames = (measurementStartTs, lastFrameTime, profileStartTs) => {
+      var _a;
+      const currentFrameTime = performance.now();
+      const frameLength = currentFrameTime - lastFrameTime;
+      __privateGet$2(this, _recordedTrailingSpans).push(frameLength);
+      if (currentFrameTime - measurementStartTs < POST_STORM_WINDOW) {
+        if (__privateGet$2(this, _profileInProgress)) {
+          __privateSet$2(this, _trailAnimationFrameId, requestAnimationFrame(
+            () => this.measureTrailingFrames(measurementStartTs, currentFrameTime, profileStartTs)
+          ));
+        }
+      } else {
+        const slowFrames = processRecordedSpans(__privateGet$2(this, _recordedTrailingSpans));
+        const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);
+        writeSceneLog(
+          this.constructor.name,
+          "Profile tail recorded, slow frames duration:",
+          slowFramesTime,
+          slowFrames,
+          __privateGet$2(this, _profileInProgress)
+        );
+        __privateSet$2(this, _recordedTrailingSpans, []);
+        const profileDuration = measurementStartTs - profileStartTs;
+        writeSceneLog(
+          this.constructor.name,
+          "Stoped recording, total measured time (network included):",
+          profileDuration + slowFramesTime
+        );
+        __privateSet$2(this, _trailAnimationFrameId, null);
+        const profileEndTs = profileStartTs + profileDuration + slowFramesTime;
+        performance.measure(`DashboardInteraction ${__privateGet$2(this, _profileInProgress).origin}`, {
+          start: profileStartTs,
+          end: profileEndTs
+        });
+        const networkDuration = captureNetwork(profileStartTs, profileEndTs);
+        if ((_a = this.queryController) == null ? void 0 : _a.state.onProfileComplete) {
+          this.queryController.state.onProfileComplete({
+            origin: __privateGet$2(this, _profileInProgress).origin,
+            crumbs: __privateGet$2(this, _profileInProgress).crumbs,
+            duration: profileDuration + slowFramesTime,
+            networkDuration,
+            // @ts-ignore
+            jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,
+            // @ts-ignore
+            usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,
+            // @ts-ignore
+            totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0
+          });
+          __privateSet$2(this, _profileInProgress, null);
+          __privateSet$2(this, _trailAnimationFrameId, null);
+        }
+        if (window.__runs) {
+          window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}
+`;
+        } else {
+          window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}
+`;
+        }
+      }
+    };
+  }
+  setQueryController(queryController) {
+    this.queryController = queryController;
+  }
+  startProfile(name) {
+    if (__privateGet$2(this, _profileInProgress)) {
+      this.addCrumb(name);
+    } else {
+      __privateSet$2(this, _profileInProgress, { origin: name, crumbs: [] });
+      __privateSet$2(this, _profileStartTs, performance.now());
+      writeSceneLog("SceneRenderProfiler", "Profile started:", __privateGet$2(this, _profileInProgress), __privateGet$2(this, _profileStartTs));
+    }
+  }
+  recordProfileTail(measurementStartTime, profileStartTs) {
+    __privateSet$2(this, _trailAnimationFrameId, requestAnimationFrame(
+      () => this.measureTrailingFrames(measurementStartTime, measurementStartTime, profileStartTs)
+    ));
+  }
+  tryCompletingProfile() {
+    var _a;
+    writeSceneLog("SceneRenderProfiler", "Trying to complete profile", __privateGet$2(this, _profileInProgress));
+    if (((_a = this.queryController) == null ? void 0 : _a.runningQueriesCount()) === 0 && __privateGet$2(this, _profileInProgress)) {
+      writeSceneLog("SceneRenderProfiler", "All queries completed, stopping profile");
+      this.recordProfileTail(performance.now(), __privateGet$2(this, _profileStartTs));
+    }
+  }
+  isTailRecording() {
+    return Boolean(__privateGet$2(this, _trailAnimationFrameId));
+  }
+  cancelTailRecording() {
+    if (__privateGet$2(this, _trailAnimationFrameId)) {
+      cancelAnimationFrame(__privateGet$2(this, _trailAnimationFrameId));
+      __privateSet$2(this, _trailAnimationFrameId, null);
+      writeSceneLog("SceneRenderProfiler", "Cancelled recording frames, new profile started");
+    }
+  }
+  addCrumb(crumb) {
+    if (__privateGet$2(this, _profileInProgress)) {
+      writeSceneLog("SceneRenderProfiler", "Adding crumb:", crumb);
+      __privateGet$2(this, _profileInProgress).crumbs.push(crumb);
+    }
+  }
+}
+_profileInProgress = new WeakMap();
+_profileStartTs = new WeakMap();
+_trailAnimationFrameId = new WeakMap();
+_recordedTrailingSpans = new WeakMap();
+function processRecordedSpans(spans) {
+  for (let i = spans.length - 1; i >= 0; i--) {
+    if (spans[i] > SPAN_THRESHOLD) {
+      return spans.slice(0, i + 1);
+    }
+  }
+  return [spans[0]];
+}
+function captureNetwork(startTs, endTs) {
+  const entries = performance.getEntriesByType("resource");
+  performance.clearResourceTimings();
+  const networkEntries = entries.filter((entry) => entry.startTime >= startTs && entry.startTime <= endTs);
+  for (const entry of networkEntries) {
+    performance.measure("Network entry " + entry.name, {
+      start: entry.startTime,
+      end: entry.responseEnd
+    });
+  }
+  return calculateNetworkTime(networkEntries);
+}
+function calculateNetworkTime(requests) {
+  if (requests.length === 0) {
+    return 0;
+  }
+  requests.sort((a, b) => a.startTime - b.startTime);
+  let totalNetworkTime = 0;
+  let currentStart = requests[0].startTime;
+  let currentEnd = requests[0].responseEnd;
+  for (let i = 1; i < requests.length; i++) {
+    if (requests[i].startTime <= currentEnd) {
+      currentEnd = Math.max(currentEnd, requests[i].responseEnd);
+    } else {
+      totalNetworkTime += currentEnd - currentStart;
+      currentStart = requests[i].startTime;
+      currentEnd = requests[i].responseEnd;
+    }
+  }
+  totalNetworkTime += currentEnd - currentStart;
+  return totalNetworkTime;
+}
+const REFRESH_INTERACTION = "refresh";
+const TIME_RANGE_CHANGE_INTERACTION = "time_range_change";
+const FILTER_REMOVED_INTERACTION = "filter_removed";
+const FILTER_CHANGED_INTERACTION = "filter_changed";
+const FILTER_RESTORED_INTERACTION = "filter_restored";
+const VARIABLE_VALUE_CHANGED_INTERACTION = "variable_value_changed";
+const SCOPES_CHANGED_INTERACTION = "scopes_changed";
+
 class SceneTimeRange extends SceneObjectBase {
   constructor(state = {}) {
     var _a;
@@ -14596,6 +14601,7 @@ exports.SceneObjectUrlSyncConfig = SceneObjectUrlSyncConfig;
 exports.SceneQueryRunner = SceneQueryRunner;
 exports.SceneReactObject = SceneReactObject;
 exports.SceneRefreshPicker = SceneRefreshPicker;
+exports.SceneRenderProfiler = SceneRenderProfiler;
 exports.SceneTimePicker = SceneTimePicker;
 exports.SceneTimeRange = SceneTimeRange;
 exports.SceneTimeRangeCompare = SceneTimeRangeCompare;