@grafana/scenes 0.0.1

package/dist/esm/core/utils.js

@@ -0,0 +1,57 @@
+import { SceneObjectBase } from './SceneObjectBase.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function forEachSceneObjectInState(state, callback) {
+  for (const propValue of Object.values(state)) {
+    if (propValue instanceof SceneObjectBase) {
+      callback(propValue);
+    }
+    if (Array.isArray(propValue)) {
+      for (const child of propValue) {
+        if (child instanceof SceneObjectBase) {
+          callback(child);
+        }
+      }
+    }
+  }
+}
+function cloneSceneObject(sceneObject, withState) {
+  const clonedState = __spreadValues({}, sceneObject.state);
+  for (const key in clonedState) {
+    const propValue = clonedState[key];
+    if (propValue instanceof SceneObjectBase) {
+      clonedState[key] = propValue.clone();
+    }
+    if (Array.isArray(propValue)) {
+      const newArray = [];
+      for (const child of propValue) {
+        if (child instanceof SceneObjectBase) {
+          newArray.push(child.clone());
+        } else {
+          newArray.push(child);
+        }
+      }
+      clonedState[key] = newArray;
+    }
+  }
+  Object.assign(clonedState, withState);
+  return new sceneObject.constructor(clonedState);
+}
+
+export { cloneSceneObject, forEachSceneObjectInState };
+//# sourceMappingURL=utils.js.map

package/dist/esm/core/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/core/utils.ts"],"sourcesContent":["import { SceneObjectState, SceneObjectStatePlain } from './types';\n\nimport { SceneObjectBase } from './SceneObjectBase';\n\n/**\n * Will call callback for all first level child scene objects and scene objects inside arrays\n */\nexport function forEachSceneObjectInState(state: SceneObjectStatePlain, callback: (scene: SceneObjectBase) => void) {\n  for (const propValue of Object.values(state)) {\n    if (propValue instanceof SceneObjectBase) {\n      callback(propValue);\n    }\n\n    if (Array.isArray(propValue)) {\n      for (const child of propValue) {\n        if (child instanceof SceneObjectBase) {\n          callback(child);\n        }\n      }\n    }\n  }\n}\n\n/**\n * Will create new SceneItem with shalled cloned state, but all states items of type SceneObject are deep cloned\n */\nexport function cloneSceneObject<T extends SceneObjectBase<TState>, TState extends SceneObjectState>(\n  sceneObject: SceneObjectBase<TState>,\n  withState?: Partial<TState>\n): T {\n  const clonedState = { ...sceneObject.state };\n\n  // Clone any SceneItems in state\n  for (const key in clonedState) {\n    const propValue = clonedState[key];\n    if (propValue instanceof SceneObjectBase) {\n      clonedState[key] = propValue.clone();\n    }\n\n    // Clone scene objects in arrays\n    if (Array.isArray(propValue)) {\n      const newArray: any = [];\n      for (const child of propValue) {\n        if (child instanceof SceneObjectBase) {\n          newArray.push(child.clone());\n        } else {\n          newArray.push(child);\n        }\n      }\n      clonedState[key] = newArray;\n    }\n  }\n\n  Object.assign(clonedState, withState);\n\n  return new (sceneObject.constructor as any)(clonedState);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAOgB,SAAA,yBAAA,CAA0B,OAA8B,QAA4C,EAAA;AAClH,EAAA,KAAA,MAAW,SAAa,IAAA,MAAA,CAAO,MAAO,CAAA,KAAK,CAAG,EAAA;AAC5C,IAAA,IAAI,qBAAqB,eAAiB,EAAA;AACxC,MAAA,QAAA,CAAS,SAAS,CAAA,CAAA;AAAA,KACpB;AAEA,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,SAAS,CAAG,EAAA;AAC5B,MAAA,KAAA,MAAW,SAAS,SAAW,EAAA;AAC7B,QAAA,IAAI,iBAAiB,eAAiB,EAAA;AACpC,UAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAA;AAKgB,SAAA,gBAAA,CACd,aACA,SACG,EAAA;AACH,EAAM,MAAA,WAAA,GAAc,mBAAK,WAAY,CAAA,KAAA,CAAA,CAAA;AAGrC,EAAA,KAAA,MAAW,OAAO,WAAa,EAAA;AAC7B,IAAA,MAAM,YAAY,WAAY,CAAA,GAAA,CAAA,CAAA;AAC9B,IAAA,IAAI,qBAAqB,eAAiB,EAAA;AACxC,MAAY,WAAA,CAAA,GAAA,CAAA,GAAO,UAAU,KAAM,EAAA,CAAA;AAAA,KACrC;AAGA,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,SAAS,CAAG,EAAA;AAC5B,MAAA,MAAM,WAAgB,EAAC,CAAA;AACvB,MAAA,KAAA,MAAW,SAAS,SAAW,EAAA;AAC7B,QAAA,IAAI,iBAAiB,eAAiB,EAAA;AACpC,UAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAO,CAAA,CAAA;AAAA,SACtB,MAAA;AACL,UAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,SACrB;AAAA,OACF;AACA,MAAA,WAAA,CAAY,GAAO,CAAA,GAAA,QAAA,CAAA;AAAA,KACrB;AAAA,GACF;AAEA,EAAO,MAAA,CAAA,MAAA,CAAO,aAAa,SAAS,CAAA,CAAA;AAEpC,EAAO,OAAA,IAAK,WAAY,CAAA,WAAA,CAAoB,WAAW,CAAA,CAAA;AACzD;;;;"}

package/dist/esm/index.js

@@ -0,0 +1,33 @@
+export { isSceneObject } from './core/types.js';
+export { SceneObjectStateChangedEvent } from './core/events.js';
+export { sceneGraph } from './core/sceneGraph.js';
+export { SceneObjectBase } from './core/SceneObjectBase.js';
+export { SceneDataNode } from './core/SceneDataNode.js';
+export { SceneDataTransformer } from './core/SceneDataTransformer.js';
+export { SceneTimeRange } from './core/SceneTimeRange.js';
+export { SceneQueryRunner } from './querying/SceneQueryRunner.js';
+export { SceneVariableValueChangedEvent } from './variables/types.js';
+export { FormatRegistryID, formatRegistry } from './variables/interpolation/formatRegistry.js';
+import './variables/interpolation/ScopedVarsVariable.js';
+import './variables/interpolation/defaults.js';
+export { VariableValueSelectors } from './variables/components/VariableValueSelectors.js';
+export { SceneVariableSet } from './variables/sets/SceneVariableSet.js';
+export { ConstantVariable } from './variables/variants/ConstantVariable.js';
+export { CustomVariable } from './variables/variants/CustomVariable.js';
+export { DataSourceVariable } from './variables/variants/DataSourceVariable.js';
+export { QueryVariable } from './variables/variants/query/QueryVariable.js';
+export { TestVariable } from './variables/variants/TestVariable.js';
+export { UrlSyncManager } from './services/UrlSyncManager.js';
+export { SceneObjectUrlSyncConfig } from './services/SceneObjectUrlSyncConfig.js';
+export { EmbeddedScene } from './components/Scene.js';
+export { VizPanel } from './components/VizPanel/VizPanel.js';
+export { NestedScene } from './components/NestedScene.js';
+export { SceneCanvasText } from './components/SceneCanvasText.js';
+export { SceneToolbarButton, SceneToolbarInput } from './components/SceneToolbarButton.js';
+export { SceneTimePicker } from './components/SceneTimePicker.js';
+export { ScenePanelRepeater } from './components/ScenePanelRepeater.js';
+export { SceneSubMenu } from './components/SceneSubMenu.js';
+export { SceneFlexLayout } from './components/layout/SceneFlexLayout.js';
+export { SceneGridLayout } from './components/layout/SceneGridLayout.js';
+export { SceneGridRow } from './components/layout/SceneGridRow.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/querying/SceneQueryRunner.js

@@ -0,0 +1,161 @@
+import { cloneDeep } from 'lodash';
+import { mergeMap, of, map } from 'rxjs';
+import { CoreApp, rangeUtil, transformDataFrame } from '@grafana/data';
+import { getRunRequest, getDataSourceSrv } from '@grafana/runtime';
+import { SceneObjectBase } from '../core/SceneObjectBase.js';
+import { sceneGraph } from '../core/sceneGraph.js';
+import { VariableDependencyConfig } from '../variables/VariableDependencyConfig.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+let counter = 100;
+function getNextRequestId() {
+  return "QS" + counter++;
+}
+class SceneQueryRunner extends SceneObjectBase {
+  constructor() {
+    super(...arguments);
+    this._variableDependency = new VariableDependencyConfig(this, {
+      statePaths: ["queries"],
+      onReferencedVariableValueChanged: () => this.runQueries()
+    });
+    this.onDataReceived = (data) => {
+      this.setState({ data });
+    };
+  }
+  activate() {
+    super.activate();
+    const timeRange = sceneGraph.getTimeRange(this);
+    this._subs.add(
+      timeRange.subscribeToState({
+        next: (timeRange2) => {
+          this.runWithTimeRange(timeRange2.value);
+        }
+      })
+    );
+    if (this.shouldRunQueriesOnActivate()) {
+      this.runQueries();
+    }
+  }
+  shouldRunQueriesOnActivate() {
+    if (this.state.data) {
+      return false;
+    }
+    if (!this.state.maxDataPoints && this.state.maxDataPointsFromWidth && !this._containerWidth) {
+      return false;
+    }
+    return true;
+  }
+  deactivate() {
+    super.deactivate();
+    if (this._querySub) {
+      this._querySub.unsubscribe();
+      this._querySub = void 0;
+    }
+  }
+  setContainerWidth(width) {
+    if (!this._containerWidth && width > 0) {
+      this._containerWidth = width;
+      if (this.state.maxDataPointsFromWidth && !this.state.maxDataPoints) {
+        setTimeout(() => {
+          if (this.isActive && !this._querySub) {
+            this.runQueries();
+          }
+        }, 0);
+      }
+    } else {
+      this._containerWidth = width;
+    }
+  }
+  runQueries() {
+    const timeRange = sceneGraph.getTimeRange(this);
+    this.runWithTimeRange(timeRange.state.value);
+  }
+  getMaxDataPoints() {
+    var _a, _b;
+    return (_b = (_a = this.state.maxDataPoints) != null ? _a : this._containerWidth) != null ? _b : 500;
+  }
+  async runWithTimeRange(timeRange) {
+    const { datasource, minInterval, queries } = this.state;
+    const request = {
+      app: CoreApp.Dashboard,
+      requestId: getNextRequestId(),
+      timezone: "browser",
+      panelId: 1,
+      dashboardId: 1,
+      range: timeRange,
+      interval: "1s",
+      intervalMs: 1e3,
+      targets: cloneDeep(queries),
+      maxDataPoints: this.getMaxDataPoints(),
+      scopedVars: {},
+      startTime: Date.now()
+    };
+    try {
+      const ds = await getDataSource(datasource, request.scopedVars);
+      request.targets = request.targets.map((query) => {
+        if (!query.datasource) {
+          query.datasource = ds.getRef();
+        }
+        return query;
+      });
+      const lowerIntervalLimit = minInterval ? minInterval : ds.interval;
+      const norm = rangeUtil.calculateInterval(timeRange, request.maxDataPoints, lowerIntervalLimit);
+      request.scopedVars = Object.assign({}, request.scopedVars, {
+        __interval: { text: norm.interval, value: norm.interval },
+        __interval_ms: { text: norm.intervalMs.toString(), value: norm.intervalMs }
+      });
+      request.interval = norm.interval;
+      request.intervalMs = norm.intervalMs;
+      const runRequest = getRunRequest();
+      this._querySub = runRequest(ds, request).pipe(getTransformationsStream(this, this.state.transformations)).subscribe({
+        next: this.onDataReceived
+      });
+    } catch (err) {
+      console.error("PanelQueryRunner Error", err);
+    }
+  }
+}
+async function getDataSource(datasource, scopedVars) {
+  if (datasource && datasource.query) {
+    return datasource;
+  }
+  return await getDataSourceSrv().get(datasource, scopedVars);
+}
+const getTransformationsStream = (sceneObject, transformations) => (inputStream) => {
+  return inputStream.pipe(
+    mergeMap((data) => {
+      if (!transformations || transformations.length === 0) {
+        return of(data);
+      }
+      const replace = (option) => {
+        var _a;
+        return sceneGraph.interpolate(sceneObject, option, (_a = data == null ? void 0 : data.request) == null ? void 0 : _a.scopedVars);
+      };
+      transformations.forEach((transform) => {
+        transform.replace = replace;
+      });
+      return transformDataFrame(transformations, data.series).pipe(map((series) => __spreadProps(__spreadValues({}, data), { series })));
+    })
+  );
+};
+
+export { SceneQueryRunner, getNextRequestId, getTransformationsStream };
+//# sourceMappingURL=SceneQueryRunner.js.map

package/dist/esm/querying/SceneQueryRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneQueryRunner.js","sources":["../../../src/querying/SceneQueryRunner.ts"],"sourcesContent":["import { cloneDeep } from 'lodash';\nimport { mergeMap, MonoTypeOperatorFunction, Unsubscribable, map, of } from 'rxjs';\n\nimport {\n  CoreApp,\n  DataQuery,\n  DataQueryRequest,\n  DataSourceApi,\n  DataSourceRef,\n  DataTransformerConfig,\n  PanelData,\n  rangeUtil,\n  ScopedVars,\n  TimeRange,\n  transformDataFrame,\n} from '@grafana/data';\nimport { getDataSourceSrv, getRunRequest } from '@grafana/runtime';\n\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneObject, SceneObjectStatePlain } from '../core/types';\nimport { VariableDependencyConfig } from '../variables/VariableDependencyConfig';\n\nlet counter = 100;\n\nexport function getNextRequestId() {\n  return 'QS' + counter++;\n}\n\nexport interface QueryRunnerState extends SceneObjectStatePlain {\n  data?: PanelData;\n  queries: DataQueryExtended[];\n  transformations?: DataTransformerConfig[];\n  datasource?: DataSourceRef;\n  minInterval?: string;\n  maxDataPoints?: number;\n  // Non persisted state\n  maxDataPointsFromWidth?: boolean;\n}\n\nexport interface DataQueryExtended extends DataQuery {\n  [key: string]: any;\n}\n\nexport class SceneQueryRunner extends SceneObjectBase<QueryRunnerState> {\n  private _querySub?: Unsubscribable;\n  private _containerWidth?: number;\n\n  protected _variableDependency = new VariableDependencyConfig(this, {\n    statePaths: ['queries'],\n    onReferencedVariableValueChanged: () => this.runQueries(),\n  });\n\n  public activate() {\n    super.activate();\n\n    const timeRange = sceneGraph.getTimeRange(this);\n\n    this._subs.add(\n      timeRange.subscribeToState({\n        next: (timeRange) => {\n          this.runWithTimeRange(timeRange.value);\n        },\n      })\n    );\n\n    if (this.shouldRunQueriesOnActivate()) {\n      this.runQueries();\n    }\n  }\n\n  private shouldRunQueriesOnActivate() {\n    // If we already have data, no need\n    // TODO validate that time range is similar and if not we should run queries again\n    if (this.state.data) {\n      return false;\n    }\n\n    // If no maxDataPoints specified we need might to wait for container width to be set from the outside\n    if (!this.state.maxDataPoints && this.state.maxDataPointsFromWidth && !this._containerWidth) {\n      return false;\n    }\n\n    return true;\n  }\n\n  public deactivate(): void {\n    super.deactivate();\n\n    if (this._querySub) {\n      this._querySub.unsubscribe();\n      this._querySub = undefined;\n    }\n  }\n\n  public setContainerWidth(width: number) {\n    // If we don't have a width we should run queries\n    if (!this._containerWidth && width > 0) {\n      this._containerWidth = width;\n\n      // If we don't have maxDataPoints specifically set and maxDataPointsFromWidth is true\n      if (this.state.maxDataPointsFromWidth && !this.state.maxDataPoints) {\n        // As this is called from render path we need to wait for next tick before running queries\n        setTimeout(() => {\n          if (this.isActive && !this._querySub) {\n            this.runQueries();\n          }\n        }, 0);\n      }\n    } else {\n      // let's just remember the width until next query issue\n      this._containerWidth = width;\n    }\n  }\n\n  public runQueries() {\n    const timeRange = sceneGraph.getTimeRange(this);\n    this.runWithTimeRange(timeRange.state.value);\n  }\n\n  private getMaxDataPoints() {\n    return this.state.maxDataPoints ?? this._containerWidth ?? 500;\n  }\n\n  private async runWithTimeRange(timeRange: TimeRange) {\n    const { datasource, minInterval, queries } = this.state;\n\n    const request: DataQueryRequest = {\n      app: CoreApp.Dashboard,\n      requestId: getNextRequestId(),\n      timezone: 'browser',\n      panelId: 1,\n      dashboardId: 1,\n      range: timeRange,\n      interval: '1s',\n      intervalMs: 1000,\n      targets: cloneDeep(queries),\n      maxDataPoints: this.getMaxDataPoints(),\n      scopedVars: {},\n      startTime: Date.now(),\n    };\n\n    try {\n      const ds = await getDataSource(datasource, request.scopedVars);\n\n      // Attach the data source name to each query\n      request.targets = request.targets.map((query) => {\n        if (!query.datasource) {\n          query.datasource = ds.getRef();\n        }\n        return query;\n      });\n\n      // TODO interpolate minInterval\n      const lowerIntervalLimit = minInterval ? minInterval : ds.interval;\n      const norm = rangeUtil.calculateInterval(timeRange, request.maxDataPoints!, lowerIntervalLimit);\n\n      // make shallow copy of scoped vars,\n      // and add built in variables interval and interval_ms\n      request.scopedVars = Object.assign({}, request.scopedVars, {\n        __interval: { text: norm.interval, value: norm.interval },\n        __interval_ms: { text: norm.intervalMs.toString(), value: norm.intervalMs },\n      });\n\n      request.interval = norm.interval;\n      request.intervalMs = norm.intervalMs;\n\n      const runRequest = getRunRequest();\n      this._querySub = runRequest(ds, request)\n        .pipe(getTransformationsStream(this, this.state.transformations))\n        .subscribe({\n          next: this.onDataReceived,\n        });\n    } catch (err) {\n      console.error('PanelQueryRunner Error', err);\n    }\n  }\n\n  private onDataReceived = (data: PanelData) => {\n    this.setState({ data });\n  };\n}\n\nasync function getDataSource(datasource: DataSourceRef | undefined, scopedVars: ScopedVars): Promise<DataSourceApi> {\n  if (datasource && (datasource as any).query) {\n    return datasource as DataSourceApi;\n  }\n  return await getDataSourceSrv().get(datasource as string, scopedVars);\n}\n\nexport const getTransformationsStream: (\n  sceneObject: SceneObject,\n  transformations?: DataTransformerConfig[]\n) => MonoTypeOperatorFunction<PanelData> = (sceneObject, transformations) => (inputStream) => {\n  return inputStream.pipe(\n    mergeMap((data) => {\n      if (!transformations || transformations.length === 0) {\n        return of(data);\n      }\n\n      const replace: (option?: string) => string = (option) => {\n        return sceneGraph.interpolate(sceneObject, option, data?.request?.scopedVars);\n      };\n\n      transformations.forEach((transform: DataTransformerConfig) => {\n        transform.replace = replace;\n      });\n\n      return transformDataFrame(transformations, data.series).pipe(map((series) => ({ ...data, series })));\n    })\n  );\n};\n"],"names":["timeRange"],"mappings":"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"}

package/dist/esm/services/SceneObjectUrlSyncConfig.js

@@ -0,0 +1,18 @@
+class SceneObjectUrlSyncConfig {
+  constructor(_sceneObject, _options) {
+    this._sceneObject = _sceneObject;
+    this._keys = _options.keys;
+  }
+  getKeys() {
+    return this._keys;
+  }
+  getUrlState(state) {
+    return this._sceneObject.getUrlState(state);
+  }
+  updateFromUrl(values) {
+    this._sceneObject.updateFromUrl(values);
+  }
+}
+
+export { SceneObjectUrlSyncConfig };
+//# sourceMappingURL=SceneObjectUrlSyncConfig.js.map

package/dist/esm/services/SceneObjectUrlSyncConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneObjectUrlSyncConfig.js","sources":["../../../src/services/SceneObjectUrlSyncConfig.ts"],"sourcesContent":["import {\n  SceneObjectState,\n  SceneObjectUrlSyncHandler,\n  SceneObjectWithUrlSync,\n  SceneObjectUrlValues,\n} from '../core/types';\n\ninterface SceneObjectUrlSyncConfigOptions {\n  keys: string[];\n}\n\nexport class SceneObjectUrlSyncConfig<TState extends SceneObjectState> implements SceneObjectUrlSyncHandler<TState> {\n  private _keys: string[];\n\n  public constructor(private _sceneObject: SceneObjectWithUrlSync<TState>, _options: SceneObjectUrlSyncConfigOptions) {\n    this._keys = _options.keys;\n  }\n\n  public getKeys(): string[] {\n    return this._keys;\n  }\n\n  public getUrlState(state: TState): SceneObjectUrlValues {\n    return this._sceneObject.getUrlState(state);\n  }\n\n  public updateFromUrl(values: SceneObjectUrlValues): void {\n    this._sceneObject.updateFromUrl(values);\n  }\n}\n"],"names":[],"mappings":"AAWO,MAAM,wBAAuG,CAAA;AAAA,EAG3G,WAAA,CAAoB,cAA8C,QAA2C,EAAA;AAAzF,IAAA,IAAA,CAAA,YAAA,GAAA,YAAA,CAAA;AACzB,IAAA,IAAA,CAAK,QAAQ,QAAS,CAAA,IAAA,CAAA;AAAA,GACxB;AAAA,EAEO,OAAoB,GAAA;AACzB,IAAA,OAAO,IAAK,CAAA,KAAA,CAAA;AAAA,GACd;AAAA,EAEO,YAAY,KAAqC,EAAA;AACtD,IAAO,OAAA,IAAA,CAAK,YAAa,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GAC5C;AAAA,EAEO,cAAc,MAAoC,EAAA;AACvD,IAAK,IAAA,CAAA,YAAA,CAAa,cAAc,MAAM,CAAA,CAAA;AAAA,GACxC;AACF;;;;"}

package/dist/esm/services/UrlSyncManager.js

@@ -0,0 +1,133 @@
+import { isEqual } from 'lodash';
+import { locationService } from '@grafana/runtime';
+import { SceneObjectStateChangedEvent } from '../core/events.js';
+import { forEachSceneObjectInState } from '../core/utils.js';
+
+class UrlSyncManager {
+  constructor(sceneRoot) {
+    this.sceneRoot = sceneRoot;
+    this.initialStates = /* @__PURE__ */ new Map();
+    this.urlKeyMapper = new UniqueUrlKeyMapper();
+    this.onLocationUpdate = (location) => {
+      const urlParams = new URLSearchParams(location.search);
+      this.urlKeyMapper.rebuldIndex(this.sceneRoot);
+      this.syncSceneStateFromUrl(this.sceneRoot, urlParams);
+    };
+    this.onStateChanged = ({ payload }) => {
+      const changedObject = payload.changedObject;
+      if (changedObject.urlSync) {
+        const newUrlState = changedObject.urlSync.getUrlState(payload.newState);
+        const prevUrlState = changedObject.urlSync.getUrlState(payload.prevState);
+        const searchParams = locationService.getSearch();
+        const mappedUpdated = {};
+        this.urlKeyMapper.rebuldIndex(this.sceneRoot);
+        for (const [key, newUrlValue] of Object.entries(newUrlState)) {
+          const uniqueKey = this.urlKeyMapper.getUniqueKey(key, changedObject);
+          const currentUrlValue = searchParams.getAll(uniqueKey);
+          if (!isUrlValueEqual(currentUrlValue, newUrlValue)) {
+            mappedUpdated[uniqueKey] = newUrlValue;
+            if (!this.initialStates.has(uniqueKey) && prevUrlState[key] !== void 0) {
+              this.initialStates.set(uniqueKey, prevUrlState[key]);
+            }
+          }
+        }
+        if (Object.keys(mappedUpdated).length > 0) {
+          locationService.partial(mappedUpdated, true);
+        }
+      }
+    };
+    this.stateChangeSub = sceneRoot.subscribeToEvent(SceneObjectStateChangedEvent, this.onStateChanged);
+    this.locationListenerUnsub = locationService.getHistory().listen(this.onLocationUpdate);
+  }
+  initSync() {
+    const urlParams = locationService.getSearch();
+    this.urlKeyMapper.rebuldIndex(this.sceneRoot);
+    this.syncSceneStateFromUrl(this.sceneRoot, urlParams);
+  }
+  cleanUp() {
+    this.stateChangeSub.unsubscribe();
+    this.locationListenerUnsub();
+  }
+  syncSceneStateFromUrl(sceneObject, urlParams) {
+    if (sceneObject.urlSync) {
+      const urlState = {};
+      const currentState = sceneObject.urlSync.getUrlState(sceneObject.state);
+      for (const key of sceneObject.urlSync.getKeys()) {
+        const uniqueKey = this.urlKeyMapper.getUniqueKey(key, sceneObject);
+        const newValue = urlParams.getAll(uniqueKey);
+        const currentValue = currentState[key];
+        if (isUrlValueEqual(newValue, currentValue)) {
+          continue;
+        }
+        if (newValue.length > 0) {
+          if (Array.isArray(currentValue)) {
+            urlState[key] = newValue;
+          } else {
+            urlState[key] = newValue[0];
+          }
+          if (!this.initialStates.has(uniqueKey) && currentValue !== void 0) {
+            this.initialStates.set(uniqueKey, currentValue);
+          }
+        } else {
+          const initialValue = this.initialStates.get(uniqueKey);
+          if (initialValue !== void 0) {
+            urlState[key] = initialValue;
+          }
+        }
+      }
+      if (Object.keys(urlState).length > 0) {
+        sceneObject.urlSync.updateFromUrl(urlState);
+      }
+    }
+    forEachSceneObjectInState(sceneObject.state, (obj) => this.syncSceneStateFromUrl(obj, urlParams));
+  }
+}
+class UniqueUrlKeyMapper {
+  constructor() {
+    this.index = /* @__PURE__ */ new Map();
+  }
+  getUniqueKey(key, obj) {
+    const objectsWithKey = this.index.get(key);
+    if (!objectsWithKey) {
+      throw new Error("Cannot find any scene object that uses the key '" + key + "'");
+    }
+    const address = objectsWithKey.findIndex((o) => o.sceneObject === obj);
+    if (address > 0) {
+      return `${key}-${address + 1}`;
+    }
+    return key;
+  }
+  rebuldIndex(root) {
+    this.index.clear();
+    this.buildIndex(root, 0);
+  }
+  buildIndex(sceneObject, depth) {
+    if (sceneObject.urlSync) {
+      for (const key of sceneObject.urlSync.getKeys()) {
+        const hit = this.index.get(key);
+        if (hit) {
+          hit.push({ sceneObject, depth });
+          hit.sort((a, b) => a.depth - b.depth);
+        } else {
+          this.index.set(key, [{ sceneObject, depth }]);
+        }
+      }
+    }
+    forEachSceneObjectInState(sceneObject.state, (obj) => this.buildIndex(obj, depth + 1));
+  }
+}
+function isUrlValueEqual(currentUrlValue, newUrlValue) {
+  if (currentUrlValue.length === 0 && newUrlValue == null) {
+    return true;
+  }
+  if (!Array.isArray(newUrlValue) && (currentUrlValue == null ? void 0 : currentUrlValue.length) === 1) {
+    return newUrlValue === currentUrlValue[0];
+  }
+  if ((newUrlValue == null ? void 0 : newUrlValue.length) === 0 && currentUrlValue === null) {
+    return true;
+  }
+  return isEqual(currentUrlValue, newUrlValue);
+}
+
+export { UrlSyncManager, isUrlValueEqual };
+//# sourceMappingURL=UrlSyncManager.js.map

package/dist/esm/services/UrlSyncManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlSyncManager.js","sources":["../../../src/services/UrlSyncManager.ts"],"sourcesContent":["import { Location } from 'history';\nimport { isEqual } from 'lodash';\nimport { Unsubscribable } from 'rxjs';\n\nimport { locationService } from '@grafana/runtime';\n\nimport { SceneObjectStateChangedEvent } from '../core/events';\nimport { SceneObject, SceneObjectUrlValue, SceneObjectUrlValues } from '../core/types';\nimport { forEachSceneObjectInState } from '../core/utils';\n\nexport class UrlSyncManager {\n  private locationListenerUnsub: () => void;\n  private stateChangeSub: Unsubscribable;\n  private initialStates: Map<string, SceneObjectUrlValue> = new Map();\n  private urlKeyMapper = new UniqueUrlKeyMapper();\n\n  public constructor(private sceneRoot: SceneObject) {\n    this.stateChangeSub = sceneRoot.subscribeToEvent(SceneObjectStateChangedEvent, this.onStateChanged);\n    this.locationListenerUnsub = locationService.getHistory().listen(this.onLocationUpdate);\n  }\n\n  /**\n   * Updates the current scene state to match URL state.\n   */\n  public initSync() {\n    const urlParams = locationService.getSearch();\n    this.urlKeyMapper.rebuldIndex(this.sceneRoot);\n    this.syncSceneStateFromUrl(this.sceneRoot, urlParams);\n  }\n\n  private onLocationUpdate = (location: Location) => {\n    const urlParams = new URLSearchParams(location.search);\n    // Rebuild key mapper index before starting sync\n    this.urlKeyMapper.rebuldIndex(this.sceneRoot);\n    // Sync scene state tree from url\n    this.syncSceneStateFromUrl(this.sceneRoot, urlParams);\n  };\n\n  private onStateChanged = ({ payload }: SceneObjectStateChangedEvent) => {\n    const changedObject = payload.changedObject;\n\n    if (changedObject.urlSync) {\n      const newUrlState = changedObject.urlSync.getUrlState(payload.newState);\n      const prevUrlState = changedObject.urlSync.getUrlState(payload.prevState);\n\n      const searchParams = locationService.getSearch();\n      const mappedUpdated: SceneObjectUrlValues = {};\n\n      this.urlKeyMapper.rebuldIndex(this.sceneRoot);\n\n      for (const [key, newUrlValue] of Object.entries(newUrlState)) {\n        const uniqueKey = this.urlKeyMapper.getUniqueKey(key, changedObject);\n        const currentUrlValue = searchParams.getAll(uniqueKey);\n\n        if (!isUrlValueEqual(currentUrlValue, newUrlValue)) {\n          mappedUpdated[uniqueKey] = newUrlValue;\n\n          // Remember the initial state so we can go back to it\n          if (!this.initialStates.has(uniqueKey) && prevUrlState[key] !== undefined) {\n            this.initialStates.set(uniqueKey, prevUrlState[key]);\n          }\n        }\n      }\n\n      if (Object.keys(mappedUpdated).length > 0) {\n        locationService.partial(mappedUpdated, true);\n      }\n    }\n  };\n\n  public cleanUp() {\n    this.stateChangeSub.unsubscribe();\n    this.locationListenerUnsub();\n  }\n\n  private syncSceneStateFromUrl(sceneObject: SceneObject, urlParams: URLSearchParams) {\n    if (sceneObject.urlSync) {\n      const urlState: SceneObjectUrlValues = {};\n      const currentState = sceneObject.urlSync.getUrlState(sceneObject.state);\n\n      for (const key of sceneObject.urlSync.getKeys()) {\n        const uniqueKey = this.urlKeyMapper.getUniqueKey(key, sceneObject);\n        const newValue = urlParams.getAll(uniqueKey);\n        const currentValue = currentState[key];\n\n        if (isUrlValueEqual(newValue, currentValue)) {\n          continue;\n        }\n\n        if (newValue.length > 0) {\n          if (Array.isArray(currentValue)) {\n            urlState[key] = newValue;\n          } else {\n            urlState[key] = newValue[0];\n          }\n\n          // Remember the initial state so we can go back to it\n          if (!this.initialStates.has(uniqueKey) && currentValue !== undefined) {\n            this.initialStates.set(uniqueKey, currentValue);\n          }\n        } else {\n          const initialValue = this.initialStates.get(uniqueKey);\n          if (initialValue !== undefined) {\n            urlState[key] = initialValue;\n          }\n        }\n      }\n\n      if (Object.keys(urlState).length > 0) {\n        sceneObject.urlSync.updateFromUrl(urlState);\n      }\n    }\n\n    forEachSceneObjectInState(sceneObject.state, (obj) => this.syncSceneStateFromUrl(obj, urlParams));\n  }\n}\n\ninterface SceneObjectWithDepth {\n  sceneObject: SceneObject;\n  depth: number;\n}\nclass UniqueUrlKeyMapper {\n  private index = new Map<string, SceneObjectWithDepth[]>();\n\n  public getUniqueKey(key: string, obj: SceneObject) {\n    const objectsWithKey = this.index.get(key);\n    if (!objectsWithKey) {\n      throw new Error(\"Cannot find any scene object that uses the key '\" + key + \"'\");\n    }\n\n    const address = objectsWithKey.findIndex((o) => o.sceneObject === obj);\n    if (address > 0) {\n      return `${key}-${address + 1}`;\n    }\n\n    return key;\n  }\n\n  public rebuldIndex(root: SceneObject) {\n    this.index.clear();\n    this.buildIndex(root, 0);\n  }\n\n  private buildIndex(sceneObject: SceneObject, depth: number) {\n    if (sceneObject.urlSync) {\n      for (const key of sceneObject.urlSync.getKeys()) {\n        const hit = this.index.get(key);\n        if (hit) {\n          hit.push({ sceneObject, depth });\n          hit.sort((a, b) => a.depth - b.depth);\n        } else {\n          this.index.set(key, [{ sceneObject, depth }]);\n        }\n      }\n    }\n\n    forEachSceneObjectInState(sceneObject.state, (obj) => this.buildIndex(obj, depth + 1));\n  }\n}\n\nexport function isUrlValueEqual(currentUrlValue: string[], newUrlValue: SceneObjectUrlValue): boolean {\n  if (currentUrlValue.length === 0 && newUrlValue == null) {\n    return true;\n  }\n\n  if (!Array.isArray(newUrlValue) && currentUrlValue?.length === 1) {\n    return newUrlValue === currentUrlValue[0];\n  }\n\n  if (newUrlValue?.length === 0 && currentUrlValue === null) {\n    return true;\n  }\n\n  // We have two arrays, lets compare them\n  return isEqual(currentUrlValue, newUrlValue);\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/utils/metricTree.js

@@ -0,0 +1,53 @@
+function buildMetricTree(parent, depth) {
+  const chars = ["A", "B", "C", "D", "E", "F", "G", "H"];
+  const children = [];
+  if (depth > 5) {
+    return [];
+  }
+  for (const letter of chars) {
+    const nodeName = `${parent}${letter}`;
+    children.push({
+      name: nodeName,
+      children: buildMetricTree(nodeName, depth + 1)
+    });
+  }
+  return children;
+}
+function queryTree(children, query, queryIndex) {
+  if (queryIndex >= query.length) {
+    return children;
+  }
+  if (query[queryIndex] === "*") {
+    return children;
+  }
+  const nodeQuery = query[queryIndex];
+  let result = [];
+  let namesToMatch = [nodeQuery];
+  if (nodeQuery.startsWith("{")) {
+    namesToMatch = nodeQuery.replace(/\{|\}/g, "").split(",");
+  }
+  for (const node of children) {
+    for (const nameToMatch of namesToMatch) {
+      if (nameToMatch.indexOf("*") !== -1) {
+        const pattern = nameToMatch.replace("*", "");
+        const regex = new RegExp(`^${pattern}.*`, "gi");
+        if (regex.test(node.name)) {
+          result = result.concat(queryTree([node], query, queryIndex + 1));
+        }
+      } else if (node.name === nameToMatch) {
+        result = result.concat(queryTree(node.children, query, queryIndex + 1));
+      }
+    }
+  }
+  return result;
+}
+function queryMetricTree(query) {
+  if (query.indexOf("value") === 0) {
+    return [{ name: query, children: [] }];
+  }
+  const children = buildMetricTree("", 0);
+  return queryTree(children, query.split("."), 0);
+}
+
+export { queryMetricTree };
+//# sourceMappingURL=metricTree.js.map

package/dist/esm/utils/metricTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metricTree.js","sources":["../../../src/utils/metricTree.ts"],"sourcesContent":["export interface TreeNode {\n  name: string;\n  children: TreeNode[];\n}\n\n/*\n *  Builds a nested tree like\n *  [\n *    {\n *      name: 'A',\n *      children: [\n *        { name: 'AA', children: [] },\n *        { name: 'AB', children: [] },\n *      ]\n *    }\n *  ]\n */\nfunction buildMetricTree(parent: string, depth: number): TreeNode[] {\n  const chars = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];\n  const children: TreeNode[] = [];\n\n  if (depth > 5) {\n    return [];\n  }\n\n  for (const letter of chars) {\n    const nodeName = `${parent}${letter}`;\n    children.push({\n      name: nodeName,\n      children: buildMetricTree(nodeName, depth + 1),\n    });\n  }\n\n  return children;\n}\n\nfunction queryTree(children: TreeNode[], query: string[], queryIndex: number): TreeNode[] {\n  if (queryIndex >= query.length) {\n    return children;\n  }\n\n  if (query[queryIndex] === '*') {\n    return children;\n  }\n\n  const nodeQuery = query[queryIndex];\n  let result: TreeNode[] = [];\n  let namesToMatch = [nodeQuery];\n\n  // handle glob queries\n  if (nodeQuery.startsWith('{')) {\n    namesToMatch = nodeQuery.replace(/\\{|\\}/g, '').split(',');\n  }\n\n  for (const node of children) {\n    for (const nameToMatch of namesToMatch) {\n      if (nameToMatch.indexOf('*') !== -1) {\n        const pattern = nameToMatch.replace('*', '');\n        const regex = new RegExp(`^${pattern}.*`, 'gi');\n        if (regex.test(node.name)) {\n          result = result.concat(queryTree([node], query, queryIndex + 1));\n        }\n      } else if (node.name === nameToMatch) {\n        result = result.concat(queryTree(node.children, query, queryIndex + 1));\n      }\n    }\n  }\n\n  return result;\n}\n\nexport function queryMetricTree(query: string): TreeNode[] {\n  if (query.indexOf('value') === 0) {\n    return [{ name: query, children: [] }];\n  }\n\n  const children = buildMetricTree('', 0);\n  return queryTree(children, query.split('.'), 0);\n}\n"],"names":[],"mappings":"AAiBA,SAAS,eAAA,CAAgB,QAAgB,KAA2B,EAAA;AAClE,EAAM,MAAA,KAAA,GAAQ,CAAC,GAAK,EAAA,GAAA,EAAK,KAAK,GAAK,EAAA,GAAA,EAAK,GAAK,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AACrD,EAAA,MAAM,WAAuB,EAAC,CAAA;AAE9B,EAAA,IAAI,QAAQ,CAAG,EAAA;AACb,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAEA,EAAA,KAAA,MAAW,UAAU,KAAO,EAAA;AAC1B,IAAM,MAAA,QAAA,GAAW,GAAG,MAAS,CAAA,EAAA,MAAA,CAAA,CAAA,CAAA;AAC7B,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,IAAM,EAAA,QAAA;AAAA,MACN,QAAU,EAAA,eAAA,CAAgB,QAAU,EAAA,KAAA,GAAQ,CAAC,CAAA;AAAA,KAC9C,CAAA,CAAA;AAAA,GACH;AAEA,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,SAAA,CAAU,QAAsB,EAAA,KAAA,EAAiB,UAAgC,EAAA;AACxF,EAAI,IAAA,UAAA,IAAc,MAAM,MAAQ,EAAA;AAC9B,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAEA,EAAI,IAAA,KAAA,CAAM,gBAAgB,GAAK,EAAA;AAC7B,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,YAAY,KAAM,CAAA,UAAA,CAAA,CAAA;AACxB,EAAA,IAAI,SAAqB,EAAC,CAAA;AAC1B,EAAI,IAAA,YAAA,GAAe,CAAC,SAAS,CAAA,CAAA;AAG7B,EAAI,IAAA,SAAA,CAAU,UAAW,CAAA,GAAG,CAAG,EAAA;AAC7B,IAAA,YAAA,GAAe,UAAU,OAAQ,CAAA,QAAA,EAAU,EAAE,CAAA,CAAE,MAAM,GAAG,CAAA,CAAA;AAAA,GAC1D;AAEA,EAAA,KAAA,MAAW,QAAQ,QAAU,EAAA;AAC3B,IAAA,KAAA,MAAW,eAAe,YAAc,EAAA;AACtC,MAAA,IAAI,WAAY,CAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,CAAI,CAAA,EAAA;AACnC,QAAA,MAAM,OAAU,GAAA,WAAA,CAAY,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA,CAAA;AAC3C,QAAA,MAAM,KAAQ,GAAA,IAAI,MAAO,CAAA,CAAA,CAAA,EAAI,aAAa,IAAI,CAAA,CAAA;AAC9C,QAAA,IAAI,KAAM,CAAA,IAAA,CAAK,IAAK,CAAA,IAAI,CAAG,EAAA;AACzB,UAAS,MAAA,GAAA,MAAA,CAAO,OAAO,SAAU,CAAA,CAAC,IAAI,CAAG,EAAA,KAAA,EAAO,UAAa,GAAA,CAAC,CAAC,CAAA,CAAA;AAAA,SACjE;AAAA,OACF,MAAA,IAAW,IAAK,CAAA,IAAA,KAAS,WAAa,EAAA;AACpC,QAAS,MAAA,GAAA,MAAA,CAAO,OAAO,SAAU,CAAA,IAAA,CAAK,UAAU,KAAO,EAAA,UAAA,GAAa,CAAC,CAAC,CAAA,CAAA;AAAA,OACxE;AAAA,KACF;AAAA,GACF;AAEA,EAAO,OAAA,MAAA,CAAA;AACT,CAAA;AAEO,SAAS,gBAAgB,KAA2B,EAAA;AACzD,EAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,KAAM,CAAG,EAAA;AAChC,IAAA,OAAO,CAAC,EAAE,IAAA,EAAM,OAAO,QAAU,EAAA,IAAI,CAAA,CAAA;AAAA,GACvC;AAEA,EAAM,MAAA,QAAA,GAAW,eAAgB,CAAA,EAAA,EAAI,CAAC,CAAA,CAAA;AACtC,EAAA,OAAO,UAAU,QAAU,EAAA,KAAA,CAAM,KAAM,CAAA,GAAG,GAAG,CAAC,CAAA,CAAA;AAChD;;;;"}

package/dist/esm/variables/VariableDependencyConfig.js

@@ -0,0 +1,86 @@
+import { VARIABLE_REGEX } from './constants.js';
+
+class VariableDependencyConfig {
+  constructor(_sceneObject, options) {
+    this._sceneObject = _sceneObject;
+    this._dependencies = /* @__PURE__ */ new Set();
+    this.scanCount = 0;
+    this.defaultHandlerReferencedVariableValueChanged = () => {
+      this._sceneObject.forceRender();
+    };
+    var _a;
+    this._statePaths = options.statePaths;
+    this._onReferencedVariableValueChanged = (_a = options.onReferencedVariableValueChanged) != null ? _a : this.defaultHandlerReferencedVariableValueChanged;
+  }
+  hasDependencyOn(name) {
+    return this.getNames().has(name);
+  }
+  variableValuesChanged(variables) {
+    const deps = this.getNames();
+    for (const variable of variables) {
+      if (deps.has(variable.state.name)) {
+        this._onReferencedVariableValueChanged();
+        return;
+      }
+    }
+  }
+  getNames() {
+    const prevState = this._state;
+    const newState = this._state = this._sceneObject.state;
+    if (!prevState) {
+      this.scanStateForDependencies(this._state);
+      return this._dependencies;
+    }
+    if (newState !== prevState) {
+      if (this._statePaths) {
+        for (const path of this._statePaths) {
+          if (newState[path] !== prevState[path]) {
+            this.scanStateForDependencies(newState);
+            break;
+          }
+        }
+      } else {
+        this.scanStateForDependencies(newState);
+      }
+    }
+    return this._dependencies;
+  }
+  scanStateForDependencies(state) {
+    this._dependencies.clear();
+    this.scanCount += 1;
+    if (this._statePaths) {
+      for (const path of this._statePaths) {
+        const value = state[path];
+        if (value) {
+          this.extractVariablesFrom(value);
+        }
+      }
+    } else {
+      this.extractVariablesFrom(state);
+    }
+  }
+  extractVariablesFrom(value) {
+    VARIABLE_REGEX.lastIndex = 0;
+    const stringToCheck = typeof value !== "string" ? safeStringifyValue(value) : value;
+    const matches = stringToCheck.matchAll(VARIABLE_REGEX);
+    if (!matches) {
+      return;
+    }
+    for (const match of matches) {
+      const [, var1, var2, , var3] = match;
+      const variableName = var1 || var2 || var3;
+      this._dependencies.add(variableName);
+    }
+  }
+}
+const safeStringifyValue = (value) => {
+  try {
+    return JSON.stringify(value, null);
+  } catch (error) {
+    console.error(error);
+  }
+  return "";
+};
+
+export { VariableDependencyConfig };
+//# sourceMappingURL=VariableDependencyConfig.js.map

package/dist/esm/variables/VariableDependencyConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariableDependencyConfig.js","sources":["../../../src/variables/VariableDependencyConfig.ts"],"sourcesContent":["import { SceneObject, SceneObjectState } from '../core/types';\nimport { VARIABLE_REGEX } from './constants';\n\nimport { SceneVariable, SceneVariableDependencyConfigLike } from './types';\n\ninterface VariableDependencyConfigOptions<TState extends SceneObjectState> {\n  /**\n   * State paths to scan / extract variable dependencies from. Leave empty to scan all paths.\n   */\n  statePaths?: Array<keyof TState>;\n  /**\n   * Optional way to customize how to handle when a dependent variable changes\n   * If not specified the default behavior is to trigger a re-render\n   */\n  onReferencedVariableValueChanged?: () => void;\n}\n\nexport class VariableDependencyConfig<TState extends SceneObjectState> implements SceneVariableDependencyConfigLike {\n  private _state: TState | undefined;\n  private _dependencies = new Set<string>();\n  private _statePaths?: Array<keyof TState>;\n  private _onReferencedVariableValueChanged: () => void;\n\n  public scanCount = 0;\n\n  public constructor(private _sceneObject: SceneObject<TState>, options: VariableDependencyConfigOptions<TState>) {\n    this._statePaths = options.statePaths;\n    this._onReferencedVariableValueChanged =\n      options.onReferencedVariableValueChanged ?? this.defaultHandlerReferencedVariableValueChanged;\n  }\n\n  /**\n   * Used to check for dependency on a specific variable\n   */\n  public hasDependencyOn(name: string): boolean {\n    return this.getNames().has(name);\n  }\n\n  /**\n   * This is called whenever any set of variables have new values. It up to this implementation to check if it's relevant given the current dependencies.\n   */\n  public variableValuesChanged(variables: Set<SceneVariable>) {\n    const deps = this.getNames();\n\n    for (const variable of variables) {\n      if (deps.has(variable.state.name)) {\n        this._onReferencedVariableValueChanged();\n        return;\n      }\n    }\n  }\n\n  /**\n   * Only way to force a re-render is to update state right now\n   */\n  private defaultHandlerReferencedVariableValueChanged = () => {\n    this._sceneObject.forceRender();\n  };\n\n  public getNames(): Set<string> {\n    const prevState = this._state;\n    const newState = (this._state = this._sceneObject.state);\n\n    if (!prevState) {\n      // First time we always scan for dependencies\n      this.scanStateForDependencies(this._state);\n      return this._dependencies;\n    }\n\n    // Second time we only scan if state is a different and if any specific state path has changed\n    if (newState !== prevState) {\n      if (this._statePaths) {\n        for (const path of this._statePaths) {\n          if (newState[path] !== prevState[path]) {\n            this.scanStateForDependencies(newState);\n            break;\n          }\n        }\n      } else {\n        this.scanStateForDependencies(newState);\n      }\n    }\n\n    return this._dependencies;\n  }\n\n  private scanStateForDependencies(state: TState) {\n    this._dependencies.clear();\n    this.scanCount += 1;\n\n    if (this._statePaths) {\n      for (const path of this._statePaths) {\n        const value = state[path];\n        if (value) {\n          this.extractVariablesFrom(value);\n        }\n      }\n    } else {\n      this.extractVariablesFrom(state);\n    }\n  }\n\n  private extractVariablesFrom(value: unknown) {\n    VARIABLE_REGEX.lastIndex = 0;\n\n    const stringToCheck = typeof value !== 'string' ? safeStringifyValue(value) : value;\n\n    const matches = stringToCheck.matchAll(VARIABLE_REGEX);\n    if (!matches) {\n      return;\n    }\n\n    for (const match of matches) {\n      const [, var1, var2, , var3] = match;\n      const variableName = var1 || var2 || var3;\n      this._dependencies.add(variableName);\n    }\n  }\n}\n\nconst safeStringifyValue = (value: unknown) => {\n  try {\n    return JSON.stringify(value, null);\n  } catch (error) {\n    console.error(error);\n  }\n\n  return '';\n};\n"],"names":[],"mappings":"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"}