@sqlrooms/mosaic 0.29.0-rc.5 → 0.29.0-rc.7

package/dist/useVgPlotChartRender.js

@@ -0,0 +1,162 @@
+import { astToDOM, parseSpec } from '@uwdata/mosaic-spec';
+import { useLayoutEffect, useRef } from 'react';
+import { assertChartDataPolicy, createChartRuntimeIssueFromError, } from './chart-runtime';
+function getPlotInstance(element) {
+    const plot = element.value;
+    return plot && typeof plot === 'object' ? plot : null;
+}
+function resizeChartElement(element, size) {
+    const plot = getPlotInstance(element);
+    if (!plot?.setAttribute || !plot.render) {
+        return false;
+    }
+    const widthChanged = plot.setAttribute('width', size.width);
+    const heightChanged = plot.setAttribute('height', size.height);
+    if (widthChanged || heightChanged) {
+        void plot.render();
+    }
+    return true;
+}
+async function createSpecChartElement(spec, size, params) {
+    const sizedSpec = {
+        ...spec,
+        width: size.width,
+        height: size.height,
+    };
+    const ast = await parseSpec(sizedSpec);
+    const options = params
+        ? { params: params }
+        : undefined;
+    return (await astToDOM(ast, options)).element;
+}
+function asPlotDomElement(element) {
+    return element;
+}
+function attachPlotElement(container, element) {
+    if (container.childNodes.length === 1 && container.firstChild === element) {
+        return;
+    }
+    container.replaceChildren(element);
+}
+function wrapMarkHandlers(chart, onError, dataPolicy, runtimeIssueContext, runtimeIssueReporter) {
+    const plot = getPlotInstance(chart.element);
+    if (!plot?.marks) {
+        return;
+    }
+    plot.marks.forEach((mark) => {
+        if (mark.queryResult) {
+            const originalQueryResult = mark.queryResult;
+            mark.queryResult = (data) => {
+                try {
+                    assertChartDataPolicy(dataPolicy, data);
+                    runtimeIssueReporter?.clearIssue();
+                    return originalQueryResult.call(mark, data);
+                }
+                catch (error) {
+                    const normalizedError = error instanceof Error ? error : new Error(String(error));
+                    onError(normalizedError);
+                    chart.error = normalizedError;
+                    if (runtimeIssueContext) {
+                        runtimeIssueReporter?.reportIssue(createChartRuntimeIssueFromError(normalizedError, runtimeIssueContext, dataPolicy));
+                    }
+                    if (mark.queryError) {
+                        return mark.queryError(normalizedError);
+                    }
+                    return undefined;
+                }
+            };
+        }
+        if (mark.queryError) {
+            const originalQueryError = mark.queryError;
+            mark.queryError = (error) => {
+                const normalizedError = error instanceof Error ? error : new Error(String(error));
+                onError(normalizedError);
+                chart.error = normalizedError;
+                if (runtimeIssueContext) {
+                    runtimeIssueReporter?.reportIssue(createChartRuntimeIssueFromError(normalizedError, runtimeIssueContext, dataPolicy));
+                }
+                originalQueryError.call(mark, error);
+            };
+        }
+    });
+}
+/**
+ * Hook to handle chart rendering lifecycle: creating, caching, and displaying vgplot charts.
+ */
+export function useVgPlotChartRender({ containerRef, spec, specKey, params, containerSize, cachedChart, onChartCreated, onError, dataPolicy, runtimeIssueContext, runtimeIssueReporter, }) {
+    const renderVersionRef = useRef(0);
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        if (cachedChart) {
+            attachPlotElement(container, asPlotDomElement(cachedChart.element));
+            if (containerSize) {
+                resizeChartElement(cachedChart.element, containerSize);
+            }
+            // Re-wrap mark handlers with fresh closures for dataPolicy/runtimeIssue reporting
+            wrapMarkHandlers(cachedChart, onError, dataPolicy, runtimeIssueContext, runtimeIssueReporter);
+            // Restore error state from cached chart
+            if (cachedChart.error) {
+                onError(cachedChart.error);
+            }
+            return;
+        }
+        if (!containerSize) {
+            return;
+        }
+        // Create new chart
+        const renderVersion = ++renderVersionRef.current;
+        let cancelled = false;
+        void createSpecChartElement(spec, containerSize, params)
+            .then((element) => {
+            if (cancelled ||
+                renderVersion !== renderVersionRef.current ||
+                !containerRef.current) {
+                return;
+            }
+            const nextChart = {
+                element,
+                params,
+                specKey: specKey ?? JSON.stringify(spec),
+            };
+            onChartCreated(nextChart);
+            attachPlotElement(containerRef.current, element);
+            // Wrap marks with runtime handlers
+            wrapMarkHandlers(nextChart, onError, dataPolicy, runtimeIssueContext, runtimeIssueReporter);
+        })
+            .catch((error) => {
+            if (cancelled) {
+                return;
+            }
+            // Normalize error to Error instance
+            const normalizedError = error instanceof Error ? error : new Error(String(error));
+            onError(normalizedError);
+            if (runtimeIssueContext) {
+                runtimeIssueReporter?.reportIssue({
+                    kind: 'render-error',
+                    panelId: runtimeIssueContext.panelId,
+                    chartType: runtimeIssueContext.chartType,
+                    message: normalizedError.message,
+                    recoverable: false,
+                });
+            }
+            console.error('[VgPlotChart] Error rendering chart:', normalizedError);
+        });
+        return () => {
+            cancelled = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        containerSize,
+        specKey,
+        cachedChart,
+        onChartCreated,
+        onError,
+        dataPolicy,
+        runtimeIssueContext,
+        runtimeIssueReporter,
+    ]);
+}
+//# sourceMappingURL=useVgPlotChartRender.js.map

package/dist/useVgPlotChartRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVgPlotChartRender.js","sourceRoot":"","sources":["../src/useVgPlotChartRender.ts"],"names":[],"mappings":"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","sourcesContent":["import {Param, Selection} from '@uwdata/mosaic-core';\nimport {astToDOM, parseSpec, Spec} from '@uwdata/mosaic-spec';\nimport {useLayoutEffect, useRef} from 'react';\nimport {PlotSize} from './ResponsivePlot';\nimport {RetainedVgPlotChart} from './useVgPlotChartRetention';\nimport {\n  assertChartDataPolicy,\n  createChartRuntimeIssueFromError,\n  type ChartDataPolicy,\n  type ChartRuntimeIssueContext,\n  type ChartRuntimeIssueReporter,\n} from './chart-runtime';\n\ntype PlotDomElement = HTMLElement | SVGSVGElement;\n\ntype QueryableMark = {\n  queryResult?: (data: unknown) => unknown;\n  queryError?: (error: unknown) => unknown;\n};\n\ntype PlotInstance = {\n  marks?: Array<{destroy?: () => void} & QueryableMark>;\n  render?: () => Promise<unknown> | unknown;\n  setAttribute?: (name: string, value: unknown) => boolean;\n};\n\nfunction getPlotInstance(element: object): PlotInstance | null {\n  const plot = (element as HTMLElement & {value?: unknown}).value;\n  return plot && typeof plot === 'object' ? (plot as PlotInstance) : null;\n}\n\nfunction resizeChartElement(element: object, size: PlotSize): boolean {\n  const plot = getPlotInstance(element);\n  if (!plot?.setAttribute || !plot.render) {\n    return false;\n  }\n\n  const widthChanged = plot.setAttribute('width', size.width);\n  const heightChanged = plot.setAttribute('height', size.height);\n  if (widthChanged || heightChanged) {\n    void plot.render();\n  }\n  return true;\n}\n\nasync function createSpecChartElement(\n  spec: Spec,\n  size: PlotSize,\n  params?: Map<string, Param<any> | Selection>,\n): Promise<PlotDomElement> {\n  const sizedSpec = {\n    ...spec,\n    width: size.width,\n    height: size.height,\n  } as Spec;\n\n  const ast = await parseSpec(sizedSpec);\n  const options = params\n    ? {params: params as unknown as Map<string, Param<any>>}\n    : undefined;\n\n  return (await astToDOM(ast, options)).element;\n}\n\nfunction asPlotDomElement(element: object): PlotDomElement {\n  return element as PlotDomElement;\n}\n\nfunction attachPlotElement(\n  container: HTMLElement,\n  element: PlotDomElement,\n) {\n  if (container.childNodes.length === 1 && container.firstChild === element) {\n    return;\n  }\n  container.replaceChildren(element);\n}\n\nfunction wrapMarkHandlers(\n  chart: RetainedVgPlotChart,\n  onError: (error: Error) => void,\n  dataPolicy?: ChartDataPolicy | null,\n  runtimeIssueContext?: ChartRuntimeIssueContext,\n  runtimeIssueReporter?: ChartRuntimeIssueReporter,\n) {\n  const plot = getPlotInstance(chart.element);\n  if (!plot?.marks) {\n    return;\n  }\n\n  plot.marks.forEach((mark: QueryableMark) => {\n    if (mark.queryResult) {\n      const originalQueryResult = mark.queryResult;\n      mark.queryResult = (data: unknown) => {\n        try {\n          assertChartDataPolicy(dataPolicy, data);\n          runtimeIssueReporter?.clearIssue();\n          return originalQueryResult.call(mark, data);\n        } catch (error) {\n          const normalizedError =\n            error instanceof Error ? error : new Error(String(error));\n          onError(normalizedError);\n          chart.error = normalizedError;\n          if (runtimeIssueContext) {\n            runtimeIssueReporter?.reportIssue(\n              createChartRuntimeIssueFromError(\n                normalizedError,\n                runtimeIssueContext,\n                dataPolicy,\n              ),\n            );\n          }\n          if (mark.queryError) {\n            return mark.queryError(normalizedError);\n          }\n          return undefined;\n        }\n      };\n    }\n    if (mark.queryError) {\n      const originalQueryError = mark.queryError;\n      mark.queryError = (error: unknown) => {\n        const normalizedError =\n          error instanceof Error ? error : new Error(String(error));\n        onError(normalizedError);\n        chart.error = normalizedError;\n        if (runtimeIssueContext) {\n          runtimeIssueReporter?.reportIssue(\n            createChartRuntimeIssueFromError(\n              normalizedError,\n              runtimeIssueContext,\n              dataPolicy,\n            ),\n          );\n        }\n        originalQueryError.call(mark, error);\n      };\n    }\n  });\n}\n\ntype UseVgPlotChartRenderParams = {\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  spec: Spec;\n  specKey: string | null;\n  params?: Map<string, Param<any> | Selection>;\n  containerSize: PlotSize | null;\n  cachedChart: RetainedVgPlotChart | null;\n  onChartCreated: (chart: RetainedVgPlotChart) => void;\n  onError: (error: Error) => void;\n  dataPolicy?: ChartDataPolicy | null;\n  runtimeIssueContext?: ChartRuntimeIssueContext;\n  runtimeIssueReporter?: ChartRuntimeIssueReporter;\n};\n\n/**\n * Hook to handle chart rendering lifecycle: creating, caching, and displaying vgplot charts.\n */\nexport function useVgPlotChartRender({\n  containerRef,\n  spec,\n  specKey,\n  params,\n  containerSize,\n  cachedChart,\n  onChartCreated,\n  onError,\n  dataPolicy,\n  runtimeIssueContext,\n  runtimeIssueReporter,\n}: UseVgPlotChartRenderParams) {\n  const renderVersionRef = useRef(0);\n\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    if (cachedChart) {\n      attachPlotElement(container, asPlotDomElement(cachedChart.element));\n      if (containerSize) {\n        resizeChartElement(cachedChart.element, containerSize);\n      }\n\n      // Re-wrap mark handlers with fresh closures for dataPolicy/runtimeIssue reporting\n      wrapMarkHandlers(\n        cachedChart,\n        onError,\n        dataPolicy,\n        runtimeIssueContext,\n        runtimeIssueReporter,\n      );\n\n      // Restore error state from cached chart\n      if (cachedChart.error) {\n        onError(cachedChart.error);\n      }\n\n      return;\n    }\n\n    if (!containerSize) {\n      return;\n    }\n\n    // Create new chart\n    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    void createSpecChartElement(spec, containerSize, params)\n      .then((element) => {\n        if (\n          cancelled ||\n          renderVersion !== renderVersionRef.current ||\n          !containerRef.current\n        ) {\n          return;\n        }\n\n        const nextChart: RetainedVgPlotChart = {\n          element,\n          params,\n          specKey: specKey ?? JSON.stringify(spec),\n        };\n\n        onChartCreated(nextChart);\n        attachPlotElement(containerRef.current, element);\n\n        // Wrap marks with runtime handlers\n        wrapMarkHandlers(\n          nextChart,\n          onError,\n          dataPolicy,\n          runtimeIssueContext,\n          runtimeIssueReporter,\n        );\n      })\n      .catch((error) => {\n        if (cancelled) {\n          return;\n        }\n\n        // Normalize error to Error instance\n        const normalizedError =\n          error instanceof Error ? error : new Error(String(error));\n        onError(normalizedError);\n        if (runtimeIssueContext) {\n          runtimeIssueReporter?.reportIssue({\n            kind: 'render-error',\n            panelId: runtimeIssueContext.panelId,\n            chartType: runtimeIssueContext.chartType,\n            message: normalizedError.message,\n            recoverable: false,\n          });\n        }\n        console.error('[VgPlotChart] Error rendering chart:', normalizedError);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    containerSize,\n    specKey,\n    cachedChart,\n    onChartCreated,\n    onError,\n    dataPolicy,\n    runtimeIssueContext,\n    runtimeIssueReporter,\n  ]);\n}\n"]}

package/dist/useVgPlotChartRetention.d.ts

@@ -0,0 +1,21 @@
+import { Param, Selection } from '@uwdata/mosaic-core';
+export type RetainedVgPlotChart = {
+    element: object;
+    params?: Map<string, Param<any> | Selection>;
+    specKey: string;
+    error?: Error;
+};
+export type VgPlotChartRetention = {
+    chart?: RetainedVgPlotChart;
+    setChart: (chart: RetainedVgPlotChart) => void;
+};
+export declare function destroyRetainedVgPlotChart(chart: RetainedVgPlotChart): void;
+/**
+ * Hook to manage chart retention (caching) across spec changes.
+ * Handles chart lifecycle: retrieval, storage, and cleanup.
+ */
+export declare function useVgPlotChartRetention(specKey: string | null, params: Map<string, Param<any> | Selection> | undefined, externalRetention?: VgPlotChartRetention): {
+    getCachedChart: () => RetainedVgPlotChart | null;
+    setCachedChart: (chart: RetainedVgPlotChart) => void;
+};
+//# sourceMappingURL=useVgPlotChartRetention.d.ts.map

package/dist/useVgPlotChartRetention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVgPlotChartRetention.d.ts","sourceRoot":"","sources":["../src/useVgPlotChartRetention.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAGrD,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAChD,CAAC;AAaF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,mBAAmB,QAKpE;AAoBD;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,GAAG,IAAI,EACtB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,EACvD,iBAAiB,CAAC,EAAE,oBAAoB;0BAaD,mBAAmB,GAAG,IAAI;4BA0BvD,mBAAmB;EAQ9B"}

package/dist/useVgPlotChartRetention.js

@@ -0,0 +1,63 @@
+import { useCallback, useEffect, useRef } from 'react';
+function getPlotInstance(element) {
+    const plot = element.value;
+    return plot && typeof plot === 'object' ? plot : null;
+}
+export function destroyRetainedVgPlotChart(chart) {
+    const plot = getPlotInstance(chart.element);
+    plot?.marks?.forEach((mark) => {
+        mark.destroy?.();
+    });
+}
+function areEquivalentParams(left, right) {
+    if (left === right) {
+        return true;
+    }
+    if (!left || !right || left.size !== right.size) {
+        return false;
+    }
+    for (const [key, value] of left) {
+        if (right.get(key) !== value) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * Hook to manage chart retention (caching) across spec changes.
+ * Handles chart lifecycle: retrieval, storage, and cleanup.
+ */
+export function useVgPlotChartRetention(specKey, params, externalRetention) {
+    const localChartRef = useRef(null);
+    // Clean up old chart when spec changes
+    useEffect(() => {
+        const local = localChartRef.current;
+        if (local && local.specKey !== specKey) {
+            destroyRetainedVgPlotChart(local);
+            localChartRef.current = null;
+        }
+    }, [specKey]);
+    const getCachedChart = useCallback(() => {
+        const cached = externalRetention?.chart;
+        const local = localChartRef.current;
+        // Try local cache first
+        if (local &&
+            local.specKey === specKey &&
+            areEquivalentParams(local.params, params)) {
+            return local;
+        }
+        // Try external cache
+        if (cached &&
+            cached.specKey === specKey &&
+            areEquivalentParams(cached.params, params)) {
+            return cached;
+        }
+        return null;
+    }, [specKey, params, externalRetention]);
+    const setCachedChart = useCallback((chart) => {
+        localChartRef.current = chart;
+        externalRetention?.setChart(chart);
+    }, [externalRetention]);
+    return { getCachedChart, setCachedChart };
+}
+//# sourceMappingURL=useVgPlotChartRetention.js.map

package/dist/useVgPlotChartRetention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVgPlotChartRetention.js","sourceRoot":"","sources":["../src/useVgPlotChartRetention.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAoBrD,SAAS,eAAe,CAAC,OAAe;IACtC,MAAM,IAAI,GAAI,OAA2C,CAAC,KAAK,CAAC;IAChE,OAAO,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAE,IAAqB,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1E,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,KAA0B;IACnE,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5C,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC5B,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,mBAAmB,CAC1B,IAA0C,EAC1C,KAA2C;IAE3C,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC;QAChD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;QAChC,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CACrC,OAAsB,EACtB,MAAuD,EACvD,iBAAwC;IAExC,MAAM,aAAa,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAE/D,uCAAuC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;QACpC,IAAI,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YACvC,0BAA0B,CAAC,KAAK,CAAC,CAAC;YAClC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,cAAc,GAAG,WAAW,CAAC,GAA+B,EAAE;QAClE,MAAM,MAAM,GAAG,iBAAiB,EAAE,KAAK,CAAC;QACxC,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;QAEpC,wBAAwB;QACxB,IACE,KAAK;YACL,KAAK,CAAC,OAAO,KAAK,OAAO;YACzB,mBAAmB,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,EACzC,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,qBAAqB;QACrB,IACE,MAAM;YACN,MAAM,CAAC,OAAO,KAAK,OAAO;YAC1B,mBAAmB,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC1C,CAAC;YACD,OAAO,MAAM,CAAC;QAChB,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAA0B,EAAE,EAAE;QAC7B,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,iBAAiB,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC;AAC1C,CAAC","sourcesContent":["import {Param, Selection} from '@uwdata/mosaic-core';\nimport {useCallback, useEffect, useRef} from 'react';\n\nexport type RetainedVgPlotChart = {\n  element: object;\n  params?: Map<string, Param<any> | Selection>;\n  specKey: string;\n  error?: Error;\n};\n\nexport type VgPlotChartRetention = {\n  chart?: RetainedVgPlotChart;\n  setChart: (chart: RetainedVgPlotChart) => void;\n};\n\ntype PlotInstance = {\n  marks?: Array<{destroy?: () => void}>;\n  render?: () => Promise<unknown> | unknown;\n  setAttribute?: (name: string, value: unknown) => boolean;\n};\n\nfunction getPlotInstance(element: object): PlotInstance | null {\n  const plot = (element as HTMLElement & {value?: unknown}).value;\n  return plot && typeof plot === 'object' ? (plot as PlotInstance) : null;\n}\n\nexport function destroyRetainedVgPlotChart(chart: RetainedVgPlotChart) {\n  const plot = getPlotInstance(chart.element);\n  plot?.marks?.forEach((mark) => {\n    mark.destroy?.();\n  });\n}\n\nfunction areEquivalentParams(\n  left?: Map<string, Param<any> | Selection>,\n  right?: Map<string, Param<any> | Selection>,\n) {\n  if (left === right) {\n    return true;\n  }\n  if (!left || !right || left.size !== right.size) {\n    return false;\n  }\n  for (const [key, value] of left) {\n    if (right.get(key) !== value) {\n      return false;\n    }\n  }\n  return true;\n}\n\n/**\n * Hook to manage chart retention (caching) across spec changes.\n * Handles chart lifecycle: retrieval, storage, and cleanup.\n */\nexport function useVgPlotChartRetention(\n  specKey: string | null,\n  params: Map<string, Param<any> | Selection> | undefined,\n  externalRetention?: VgPlotChartRetention,\n) {\n  const localChartRef = useRef<RetainedVgPlotChart | null>(null);\n\n  // Clean up old chart when spec changes\n  useEffect(() => {\n    const local = localChartRef.current;\n    if (local && local.specKey !== specKey) {\n      destroyRetainedVgPlotChart(local);\n      localChartRef.current = null;\n    }\n  }, [specKey]);\n\n  const getCachedChart = useCallback((): RetainedVgPlotChart | null => {\n    const cached = externalRetention?.chart;\n    const local = localChartRef.current;\n\n    // Try local cache first\n    if (\n      local &&\n      local.specKey === specKey &&\n      areEquivalentParams(local.params, params)\n    ) {\n      return local;\n    }\n\n    // Try external cache\n    if (\n      cached &&\n      cached.specKey === specKey &&\n      areEquivalentParams(cached.params, params)\n    ) {\n      return cached;\n    }\n\n    return null;\n  }, [specKey, params, externalRetention]);\n\n  const setCachedChart = useCallback(\n    (chart: RetainedVgPlotChart) => {\n      localChartRef.current = chart;\n      externalRetention?.setChart(chart);\n    },\n    [externalRetention],\n  );\n\n  return {getCachedChart, setCachedChart};\n}\n"]}

package/dist/wrapCoordinatorWithValidation.d.ts

@@ -0,0 +1,11 @@
+import { Coordinator } from '@uwdata/mosaic-core';
+/**
+ * Wraps coordinator's query method to validate result sizes.
+ * This prevents rendering charts with too many data points.
+ *
+ * @deprecated Prefer chart-owned `ChartDataPolicy` validation in renderer
+ * query-result lifecycles. A coordinator-wide limit cannot distinguish raw
+ * point charts from aggregate charts.
+ */
+export declare function wrapCoordinatorWithValidation(coordinator: Coordinator, maxDataPoints: number): void;
+//# sourceMappingURL=wrapCoordinatorWithValidation.d.ts.map

package/dist/wrapCoordinatorWithValidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapCoordinatorWithValidation.d.ts","sourceRoot":"","sources":["../src/wrapCoordinatorWithValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,qBAAqB,CAAC;AAIhD;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,MAAM,GACpB,IAAI,CAcN"}

package/dist/wrapCoordinatorWithValidation.js

@@ -0,0 +1,23 @@
+import { DataPointLimitError } from './DataPointLimitError';
+import { getQueryResultRowCount } from './chart-runtime';
+/**
+ * Wraps coordinator's query method to validate result sizes.
+ * This prevents rendering charts with too many data points.
+ *
+ * @deprecated Prefer chart-owned `ChartDataPolicy` validation in renderer
+ * query-result lifecycles. A coordinator-wide limit cannot distinguish raw
+ * point charts from aggregate charts.
+ */
+export function wrapCoordinatorWithValidation(coordinator, maxDataPoints) {
+    const originalQuery = coordinator.query.bind(coordinator);
+    coordinator.query = async function (request, options) {
+        const result = await originalQuery(request, options);
+        // Validate all queries that return data
+        const rowCount = getQueryResultRowCount(result);
+        if (rowCount > maxDataPoints) {
+            throw new DataPointLimitError(rowCount, maxDataPoints);
+        }
+        return result;
+    };
+}
+//# sourceMappingURL=wrapCoordinatorWithValidation.js.map

package/dist/wrapCoordinatorWithValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapCoordinatorWithValidation.js","sourceRoot":"","sources":["../src/wrapCoordinatorWithValidation.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,iBAAiB,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,UAAU,6BAA6B,CAC3C,WAAwB,EACxB,aAAqB;IAErB,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAEzD,WAAmB,CAAC,KAAK,GAAG,KAAK,WAAW,OAAY,EAAE,OAAa;QACtE,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAErD,wCAAwC;QACxC,MAAM,QAAQ,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;QAChD,IAAI,QAAQ,GAAG,aAAa,EAAE,CAAC;YAC7B,MAAM,IAAI,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import {Coordinator} from '@uwdata/mosaic-core';\nimport {DataPointLimitError} from './DataPointLimitError';\nimport {getQueryResultRowCount} from './chart-runtime';\n\n/**\n * Wraps coordinator's query method to validate result sizes.\n * This prevents rendering charts with too many data points.\n *\n * @deprecated Prefer chart-owned `ChartDataPolicy` validation in renderer\n * query-result lifecycles. A coordinator-wide limit cannot distinguish raw\n * point charts from aggregate charts.\n */\nexport function wrapCoordinatorWithValidation(\n  coordinator: Coordinator,\n  maxDataPoints: number,\n): void {\n  const originalQuery = coordinator.query.bind(coordinator);\n\n  (coordinator as any).query = async function (request: any, options?: any) {\n    const result = await originalQuery(request, options);\n\n    // Validate all queries that return data\n    const rowCount = getQueryResultRowCount(result);\n    if (rowCount > maxDataPoints) {\n      throw new DataPointLimitError(rowCount, maxDataPoints);\n    }\n\n    return result;\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqlrooms/mosaic",
-  "version": "0.29.0-rc.5",
+  "version": "0.29.0-rc.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/sqlrooms/sqlrooms.git"
@@ -9,6 +9,24 @@
   "author": "SQLRooms Contributors",
   "sideEffects": false,
   "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./ai": {
+      "types": "./dist/ai.d.ts",
+      "import": "./dist/ai.js",
+      "default": "./dist/ai.js"
+    },
+    "./dist/*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js",
+      "default": "./dist/*.js"
+    },
+    "./package.json": "./package.json"
+  },
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,17 +44,18 @@
   "dependencies": {
     "@observablehq/plot": "^0.6.17",
     "@paralleldrive/cuid2": "^3.0.0",
-    "@sqlrooms/codemirror": "0.29.0-rc.5",
-    "@sqlrooms/color-scales": "0.29.0-rc.5",
-    "@sqlrooms/data-table": "0.29.0-rc.5",
-    "@sqlrooms/db": "0.29.0-rc.5",
-    "@sqlrooms/documents": "0.29.0-rc.5",
-    "@sqlrooms/duckdb": "0.29.0-rc.5",
-    "@sqlrooms/layout": "0.29.0-rc.5",
-    "@sqlrooms/layout-config": "0.29.0-rc.5",
-    "@sqlrooms/room-store": "0.29.0-rc.5",
-    "@sqlrooms/ui": "0.29.0-rc.5",
-    "@sqlrooms/utils": "0.29.0-rc.5",
+    "@sqlrooms/blocks": "0.29.0-rc.7",
+    "@sqlrooms/codemirror": "0.29.0-rc.7",
+    "@sqlrooms/color-scales": "0.29.0-rc.7",
+    "@sqlrooms/data-table": "0.29.0-rc.7",
+    "@sqlrooms/db": "0.29.0-rc.7",
+    "@sqlrooms/documents": "0.29.0-rc.7",
+    "@sqlrooms/duckdb": "0.29.0-rc.7",
+    "@sqlrooms/layout": "0.29.0-rc.7",
+    "@sqlrooms/layout-config": "0.29.0-rc.7",
+    "@sqlrooms/room-store": "0.29.0-rc.7",
+    "@sqlrooms/ui": "0.29.0-rc.7",
+    "@sqlrooms/utils": "0.29.0-rc.7",
     "@uwdata/flechette": "^2.2.6",
     "@uwdata/mosaic-core": "^0.21.0",
     "@uwdata/mosaic-plot": "^0.21.0",
@@ -67,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2763a4d37b79117916c988a8350f87dc926b33d5"
+  "gitHead": "db298360fd66dc7839d4a14c15b99ac4a4cbf8c5"
 }

package/dist/boxplot/BoxPlotClient.d.ts

@@ -1,58 +0,0 @@
-import { MosaicClient, type Selection } from '@uwdata/mosaic-core';
-import type { FilterExpr } from '@uwdata/mosaic-sql';
-export type BoxPlotSummaryRow = {
-    category: unknown;
-    count: number;
-    lowerFence: number;
-    median: number;
-    q1: number;
-    q3: number;
-    upperFence: number;
-    whiskerHigh: number;
-    whiskerLow: number;
-};
-export type BoxPlotOutlierRow = {
-    category: unknown;
-    value: number;
-};
-export type BoxPlotState = {
-    error?: Error;
-    isLoading: boolean;
-    outliers: BoxPlotOutlierRow[];
-    summaries: BoxPlotSummaryRow[];
-    yBrush?: [number, number];
-};
-export type BoxPlotClientOptions = {
-    onStateChange: (state: BoxPlotState) => void;
-    selection: Selection;
-    tableName: string;
-    x: string;
-    y: string;
-};
-export declare function buildBoxPlotQuery(args: {
-    filter?: FilterExpr | null;
-    tableName: string;
-    x: string;
-    y: string;
-}): string;
-export declare class BoxPlotClient extends MosaicClient {
-    private readonly onStateChange;
-    private readonly tableName;
-    private readonly x;
-    private readonly y;
-    private readonly selection;
-    private state;
-    private destroyed;
-    constructor(options: BoxPlotClientOptions);
-    get filterStable(): boolean;
-    fields(): string[];
-    private emitState;
-    queryPending(): this;
-    query(filter?: FilterExpr | null): string;
-    queryResult(data: unknown): this;
-    queryError(error: Error): this;
-    updateYBrush(extent?: [number, number]): void;
-    reset(): void;
-    destroy(): void;
-}
-//# sourceMappingURL=BoxPlotClient.d.ts.map

package/dist/boxplot/BoxPlotClient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxPlotClient.d.ts","sourceRoot":"","sources":["../../src/boxplot/BoxPlotClient.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAEZ,KAAK,SAAS,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAW,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAkFF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE;IACtC,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,GAAG,MAAM,CAiFT;AAED,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgC;IAC9D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAS;IAC3B,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAS;IAC3B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAY;IACtC,OAAO,CAAC,KAAK,CAIX;IACF,OAAO,CAAC,SAAS,CAAS;gBAEd,OAAO,EAAE,oBAAoB;IASzC,IAAa,YAAY,IAAI,OAAO,CAEnC;IAED,MAAM,IAAI,MAAM,EAAE;IAIlB,OAAO,CAAC,SAAS;IAQR,YAAY,IAAI,IAAI;IAKpB,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM;IASzC,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IA0DhC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAKvC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAStC,KAAK;IAII,OAAO;CAIjB"}