@sqlrooms/deck 0.29.0-rc.8 → 0.29.0-rc.9

package/README.md

@@ -196,6 +196,22 @@ dataset extent using the declared longitude/latitude columns and fits the
 initial map view once, instead of inferring bounds from the loaded Arrow
 payload in React.
 
+Use `createDeckMapPanelFromNativeConfig(...)` when a host surface already has a
+native Deck map config, for example from AI tooling, and needs the same
+dashboard-compatible `deck-json-map` panel shape that the dashboard map tool
+creates.
+
+## Embeddable Map Blocks
+
+Host applications that expose document-like block surfaces can render maps
+without first creating a visible dashboard. Use `ensureDeckMapBlockState(...)`
+to initialize persisted map state for a durable block id, then render it with
+`DeckMapBlockRenderer`.
+
+The block primitive reuses the dashboard map panel runtime internally, while
+leaving each host surface free to adapt its own block/document semantics around
+it.
+
 ## Core Concepts
 
 ### `DeckJsonMap`
@@ -204,7 +220,7 @@ payload in React.
 
 - `spec`: a JSON-like deck.gl spec object or JSON string
 - `datasets`: a dataset registry keyed by dataset id
-- `interleaved`: when true, deck layers insert into MapLibre's layer stack (requires WebGL2). Default: `false`
+- `interleaved`: when true, deck layers render in MapLibre's own WebGL context instead of a separate overlay canvas. This halves the number of WebGL contexts per map panel (from 2 to 1), which matters because browsers limit active contexts to ~8–16 per page. Default: `true`
 - `deckProps`: runtime-only deck props such as `getTooltip`, `onHover`, `onClick`
 - `mapProps`: runtime-only MapLibre props
 - `showLegends`: whether SQLRooms-generated color legends should render
@@ -212,13 +228,22 @@ payload in React.
 `spec` stays serializable; callbacks and runtime behavior belong in `deckProps`
 or `mapProps`.
 
-By default, MapLibre is the root and deck.gl renders in a separate overlay
-canvas via `MapboxOverlay`. MapLibre controls and attribution remain accessible.
-Set `interleaved` to `true` to insert deck layers into MapLibre's layer stack
-(e.g. render points under map labels). This requires WebGL2 (MapLibre GL v3+).
+By default, deck.gl renders interleaved into MapLibre's layer stack, sharing a
+single WebGL context. This allows deck layers to be inserted between basemap
+layers (e.g. render points under map labels) and reduces WebGL context usage.
+Set `interleaved` to `false` to render deck layers in a separate overlay canvas
+on top of all basemap layers (uses an additional WebGL context per map).
 
 ```tsx
-<DeckJsonMap spec={spec} datasets={datasets} interleaved />
+{
+  /* Default (interleaved): */
+}
+<DeckJsonMap spec={spec} datasets={datasets} />;
+
+{
+  /* Opt out to separate overlay canvas: */
+}
+<DeckJsonMap spec={spec} datasets={datasets} interleaved={false} />;
 ```
 
 ### Dataset Registry

package/dist/DeckJsonMap.d.ts

@@ -1,4 +1,4 @@
 import 'maplibre-gl/dist/maplibre-gl.css';
-import type { DeckJsonMapProps } from './types';
-export declare function DeckJsonMap({ spec, datasets, mapStyle, interleaved, deckProps, mapProps, showLegends, className, children, onDatasetStatesChange, }: DeckJsonMapProps): import("react/jsx-runtime").JSX.Element;
+import type { DeckJsonMapHandle, DeckJsonMapProps } from './types';
+export declare const DeckJsonMap: import("react").ForwardRefExoticComponent<DeckJsonMapProps & import("react").RefAttributes<DeckJsonMapHandle>>;
 //# sourceMappingURL=DeckJsonMap.d.ts.map

package/dist/DeckJsonMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeckJsonMap.d.ts","sourceRoot":"","sources":["../src/DeckJsonMap.tsx"],"names":[],"mappings":"AAIA,OAAO,kCAAkC,CAAC;AAW1C,OAAO,KAAK,EAAC,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAoIxE,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,WAAkB,EAClB,SAAS,EACT,QAAQ,EACR,qBAAqB,GACtB,EAAE,gBAAgB,2CAkJlB"}
+{"version":3,"file":"DeckJsonMap.d.ts","sourceRoot":"","sources":["../src/DeckJsonMap.tsx"],"names":[],"mappings":"AAIA,OAAO,kCAAkC,CAAC;AAoB1C,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAEjB,MAAM,SAAS,CAAC;AAgPjB,eAAO,MAAM,WAAW,gHAyVvB,CAAC"}

package/dist/DeckJsonMap.js

@@ -4,7 +4,8 @@ import { MapboxOverlay } from '@deck.gl/mapbox';
 import { ColorScaleLegend } from '@sqlrooms/color-scales';
 import { cn, useTheme } from '@sqlrooms/ui';
 import 'maplibre-gl/dist/maplibre-gl.css';
-import { useEffect, useMemo, useRef } from 'react';
+import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { forwardRef } from 'react';
 import Map, { useControl } from 'react-map-gl/maplibre';
 import { DeckJsonMapSpec } from './DeckJsonMapSpec';
 import { normalizeDatasets } from './datasets/normalizeDatasets';
@@ -78,7 +79,7 @@ function filterUnavailableLayers(spec, datasetIds, datasetStates) {
         if (!datasetState) {
             return false;
         }
-        return datasetState.status === 'ready';
+        return datasetState.status !== 'error';
     });
     return {
         ...spec,
@@ -92,12 +93,54 @@ function renderDatasetErrorOverlay(datasetStates) {
     }
     return (_jsx("div", { className: "pointer-events-none absolute inset-x-4 top-4 z-10 space-y-2", children: failedDatasets.map(([datasetId, state]) => (_jsx("div", { className: "rounded-md border border-red-200 bg-red-50/95 px-3 py-2 text-sm text-red-700 shadow-sm", children: `Dataset "${datasetId}" failed: ${state.error.message}` }, datasetId))) }));
 }
+const TripsTimeControl = ({ currentTime, maxTime, playing, onPlayPause, onSeek }) => {
+    const [collapsed, setCollapsed] = useState(false);
+    const progress = maxTime > 0 ? currentTime / maxTime : 0;
+    if (collapsed) {
+        return (_jsx("button", { type: "button", onClick: () => setCollapsed(false), className: "border-border/70 bg-background/90 text-muted-foreground hover:text-foreground pointer-events-auto flex w-fit items-center gap-1 rounded-md border px-2 py-1 text-[10px] leading-none font-medium shadow-sm backdrop-blur-sm transition-colors", children: "Timeline" }));
+    }
+    return (_jsxs("div", { className: "bg-background/90 border-border/70 pointer-events-auto relative flex items-center gap-1.5 rounded-md border px-2 py-1.5 pr-7 shadow-sm backdrop-blur-sm", children: [_jsx("button", { type: "button", onClick: onPlayPause, className: "text-foreground hover:bg-accent flex h-5 w-5 shrink-0 items-center justify-center rounded", title: playing ? 'Pause' : 'Play', children: playing ? (_jsxs("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", children: [_jsx("rect", { x: "1", y: "1", width: "3", height: "8" }), _jsx("rect", { x: "6", y: "1", width: "3", height: "8" })] })) : (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", children: _jsx("polygon", { points: "2,1 9,5 2,9" }) })) }), _jsx("input", { type: "range", min: 0, max: 1000, value: Math.round(progress * 1000), onChange: (e) => onSeek((Number(e.target.value) / 1000) * maxTime), className: "h-1 w-24 flex-1 cursor-pointer" }), _jsx("button", { type: "button", onClick: () => setCollapsed(true), className: "text-muted-foreground hover:text-foreground absolute top-1.5 right-1.5 flex h-4 w-4 items-center justify-center rounded-sm transition-colors", title: "Collapse", children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", children: _jsx("path", { d: "M1 1L7 7M7 1L1 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })] }));
+};
+// Workaround for deck.gl HeatmapLayer not releasing its WebGL framebuffer
+// when replaced by another layer type (e.g. switching heatmap → scatterplot).
+// We detect layer class changes and clear layers for one animation frame,
+// giving deck.gl a chance to finalize the old layer's resources before
+// initializing the new one.
 function DeckOverlayControl({ interleaved, ...deckProps }) {
     const overlay = useControl(() => new MapboxOverlay({ interleaved }));
-    overlay.setProps(deckProps);
+    const prevLayerKeyRef = useRef('');
+    const [clearing, setClearing] = useState(false);
+    const layers = deckProps.layers;
+    const layerKey = Array.isArray(layers)
+        ? layers
+            .map((l) => {
+            if (!l || typeof l !== 'object')
+                return '?';
+            const ctor = l.constructor;
+            return ctor?.name ?? '?';
+        })
+            .join(',')
+        : '';
+    useEffect(() => {
+        if (prevLayerKeyRef.current &&
+            prevLayerKeyRef.current !== layerKey &&
+            !clearing) {
+            setClearing(true);
+        }
+        prevLayerKeyRef.current = layerKey;
+    }, [layerKey, clearing]);
+    useEffect(() => {
+        if (clearing && overlay) {
+            overlay.setProps({ layers: [] });
+            requestAnimationFrame(() => setClearing(false));
+        }
+    }, [clearing, overlay]);
+    if (!clearing && overlay) {
+        overlay.setProps(deckProps);
+    }
     return null;
 }
-export function DeckJsonMap({ spec, datasets, mapStyle, interleaved = false, deckProps, mapProps, showLegends = true, className, children, onDatasetStatesChange, }) {
+export const DeckJsonMap = forwardRef(function DeckJsonMap({ spec, datasets, mapStyle, interleaved = true, deckProps, mapProps, showLegends = true, className, children, onDatasetStatesChange, onRenderingError, }, ref) {
     const normalizedDatasets = useMemo(() => normalizeDatasets(datasets), [datasets]);
     const datasetIds = useMemo(() => Object.keys(normalizedDatasets), [normalizedDatasets]);
     const datasetStates = usePreparedDatasetStates(normalizedDatasets);
@@ -130,11 +173,62 @@ export function DeckJsonMap({ spec, datasets, mapStyle, interleaved = false, dec
             };
         }
     }, [availableSpec, converter, specError]);
+    // Animation for TripsLayer — update currentTime on each frame.
+    // Only activate when the trips dataset is ready to avoid spinning the RAF
+    // loop while data is still loading.
+    const hasTripsLayer = useMemo(() => {
+        if (!availableSpec || !Array.isArray(availableSpec.layers))
+            return false;
+        return availableSpec.layers.some((l) => {
+            if (!l ||
+                typeof l !== 'object' ||
+                l['@@type'] !== 'GeoArrowTripsLayer')
+                return false;
+            const dsId = resolveDatasetId(l, datasetIds);
+            if (!dsId)
+                return true;
+            const state = datasetStates[dsId];
+            return state?.status === 'ready';
+        });
+    }, [availableSpec, datasetIds, datasetStates]);
+    const [tripsTime, setTripsTime] = useState(0);
+    const [tripsPlaying, setTripsPlaying] = useState(true);
+    const tripsTimeRef = useRef(0);
     useEffect(() => {
-        if (convertedDeckPropsResult.error) {
-            console.error(convertedDeckPropsResult.error);
+        if (!hasTripsLayer || !tripsPlaying)
+            return;
+        let raf;
+        let lastFrame = Date.now();
+        const tick = () => {
+            const now = Date.now();
+            tripsTimeRef.current += now - lastFrame;
+            lastFrame = now;
+            setTripsTime(tripsTimeRef.current);
+            raf = requestAnimationFrame(tick);
+        };
+        lastFrame = Date.now();
+        raf = requestAnimationFrame(tick);
+        return () => cancelAnimationFrame(raf);
+    }, [hasTripsLayer, tripsPlaying]);
+    const handleTripsPlayPause = useCallback(() => {
+        setTripsPlaying((p) => !p);
+    }, []);
+    const handleTripsSeek = useCallback((time) => {
+        const rawTime = time * 30;
+        tripsTimeRef.current = rawTime;
+        setTripsTime(rawTime);
+    }, []);
+    const finalDeckPropsResult = convertedDeckPropsResult;
+    const onRenderingErrorRef = useRef(onRenderingError);
+    useEffect(() => {
+        onRenderingErrorRef.current = onRenderingError;
+    }, [onRenderingError]);
+    useEffect(() => {
+        if (finalDeckPropsResult.error) {
+            console.error(finalDeckPropsResult.error);
+            onRenderingErrorRef.current?.(finalDeckPropsResult.error);
         }
-    }, [convertedDeckPropsResult.error]);
+    }, [finalDeckPropsResult.error]);
     useEffect(() => {
         onDatasetStatesChangeRef.current = onDatasetStatesChange;
     }, [onDatasetStatesChange]);
@@ -142,24 +236,113 @@ export function DeckJsonMap({ spec, datasets, mapStyle, interleaved = false, dec
         onDatasetStatesChangeRef.current?.(datasetStates);
     }, [datasetStates]);
     const fallbackDeckProps = useMemo(() => extractFallbackDeckProps(availableSpec), [availableSpec]);
-    const convertedDeckProps = (convertedDeckPropsResult.props ??
+    const convertedDeckProps = (finalDeckPropsResult.props ??
         fallbackDeckProps ??
         {});
     const extraDeckProps = (deckProps ?? {});
     const extraMapProps = (mapProps ?? {});
-    const hasRenderingError = Boolean(convertedDeckPropsResult.error);
-    const mergedLayers = hasRenderingError
-        ? []
-        : (deckProps?.layers ??
-            convertedDeckProps.layers ??
-            []);
+    const hasRenderingError = Boolean(finalDeckPropsResult.error);
+    // Separate stable layer analysis from per-frame animation to avoid
+    // re-running .map() over all layers 60 times per second.
+    const baseLayers = useMemo(() => {
+        const mergedLayers = hasRenderingError
+            ? []
+            : (deckProps?.layers ??
+                convertedDeckProps.layers ??
+                []);
+        if (!hasTripsLayer || !Array.isArray(mergedLayers))
+            return { layers: mergedLayers, maxTs: 0, tripsIndices: [] };
+        let computedMaxTs = 0;
+        const tripsIndices = [];
+        for (let i = 0; i < mergedLayers.length; i++) {
+            const layer = mergedLayers[i];
+            if (!layer || typeof layer !== 'object')
+                continue;
+            const layerObj = layer;
+            const maxTs = layerObj.props
+                ?._tripsMaxTimestamp;
+            if (maxTs && maxTs > 0) {
+                computedMaxTs = Math.max(computedMaxTs, maxTs);
+                tripsIndices.push(i);
+            }
+        }
+        return { layers: mergedLayers, maxTs: computedMaxTs, tripsIndices };
+    }, [
+        hasTripsLayer,
+        hasRenderingError,
+        deckProps?.layers,
+        convertedDeckProps.layers,
+    ]);
+    // Per-frame: only clone trips layers with updated currentTime
+    const animatedLayers = useMemo(() => {
+        const { layers, tripsIndices } = baseLayers;
+        if (!tripsIndices.length)
+            return layers;
+        if (!Array.isArray(layers))
+            return layers;
+        const result = layers.slice();
+        for (const idx of tripsIndices) {
+            const layer = result[idx];
+            if (!layer || typeof layer !== 'object')
+                continue;
+            const layerObj = layer;
+            if (!layerObj.clone)
+                continue;
+            const props = layerObj.props;
+            const maxTs = props?._tripsMaxTimestamp ?? 0;
+            const trailFraction = props?._trailLengthFactor ?? 0.4;
+            const widthPx = props?.widthMinPixels ?? 3;
+            const animationSpeed = 30;
+            const currentTime = (tripsTime / animationSpeed) % maxTs;
+            result[idx] = layerObj.clone({
+                currentTime,
+                trailLength: maxTs * trailFraction,
+                widthMinPixels: widthPx,
+            });
+        }
+        return result;
+    }, [baseLayers, tripsTime]);
+    const tripsMaxTimeValue = baseLayers.maxTs;
+    const tripsCurrentTime = useMemo(() => {
+        if (!tripsMaxTimeValue || tripsMaxTimeValue <= 0)
+            return 0;
+        return (tripsTime / 30) % tripsMaxTimeValue;
+    }, [tripsTime, tripsMaxTimeValue]);
     const mergedDeckProps = {
         ...convertedDeckProps,
         ...extraDeckProps,
-        layers: mergedLayers,
+        layers: animatedLayers,
     };
     // overlayDeckProps should not contain viewState/initialViewState
-    const { initialViewState, viewState: _viewState, ...overlayDeckProps } = mergedDeckProps;
+    const { initialViewState, viewState: _vs, onViewStateChange: _onViewStateChange, ...overlayDeckProps } = mergedDeckProps;
+    void _vs;
+    void _onViewStateChange;
+    const mapRef = useRef(null);
+    const pendingJumpRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        jumpTo(opts) {
+            const jumpOpts = {
+                center: [opts.longitude, opts.latitude],
+                zoom: opts.zoom,
+                bearing: opts.bearing ?? 0,
+                pitch: opts.pitch ?? 0,
+            };
+            if (mapRef.current) {
+                mapRef.current.jumpTo(jumpOpts);
+            }
+            else {
+                pendingJumpRef.current = jumpOpts;
+            }
+        },
+    }), []);
+    const handleMapLoad = useCallback((event) => {
+        if (pendingJumpRef.current && mapRef.current) {
+            mapRef.current.jumpTo(pendingJumpRef.current);
+            pendingJumpRef.current = null;
+        }
+        const externalOnLoad = extraMapProps.onLoad;
+        externalOnLoad?.(event);
+    }, [extraMapProps]);
     const { resolvedTheme } = useTheme();
     const mergedMapProps = {
         ...extraMapProps,
@@ -172,8 +355,8 @@ export function DeckJsonMap({ spec, datasets, mapStyle, interleaved = false, dec
             datasetStates,
         })
         : [], [availableSpec, datasetIds, datasetStates, showLegends]);
-    return (_jsxs("div", { className: cn('relative h-full w-full', className), children: [hasRenderingError ? (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center p-4", children: _jsx("div", { className: "max-w-sm rounded-md border border-red-200 bg-red-50/95 p-4 text-sm text-red-700 shadow-sm", children: `Map couldn't be rendered. Check the console for details.` }) })) : null, _jsxs(Map, { ...mergedMapProps, ...(initialViewState
+    return (_jsxs("div", { className: cn('relative h-full w-full', className), children: [hasRenderingError && !onRenderingError ? (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center p-4", children: _jsx("div", { className: "max-w-sm rounded-md border border-red-200 bg-red-50/95 p-4 text-sm text-red-700 shadow-sm", children: `Map couldn't be rendered. Check the console for details.` }) })) : null, _jsxs(Map, { ref: mapRef, ...mergedMapProps, ...(initialViewState
                     ? { initialViewState: initialViewState }
-                    : {}), style: { width: '100%', height: '100%', ...mapProps?.style }, children: [_jsx(DeckOverlayControl, { interleaved: interleaved, ...overlayDeckProps }), children] }), renderDatasetErrorOverlay(datasetStates), !hasRenderingError && showLegends ? (_jsx("div", { className: "pointer-events-none absolute bottom-2 left-2 z-10 max-w-56", children: _jsx(ColorScaleLegend, { legends: legends }) })) : null] }));
-}
+                    : {}), onLoad: handleMapLoad, style: { width: '100%', height: '100%', ...mapProps?.style }, children: [_jsx(DeckOverlayControl, { interleaved: interleaved, ...overlayDeckProps }), children] }), renderDatasetErrorOverlay(datasetStates), !hasRenderingError && showLegends ? (_jsxs("div", { className: "pointer-events-none absolute bottom-2 left-2 z-10 max-w-56", children: [hasTripsLayer && tripsMaxTimeValue > 0 ? (_jsx("div", { className: "mb-1", children: _jsx(TripsTimeControl, { currentTime: tripsCurrentTime, maxTime: tripsMaxTimeValue, playing: tripsPlaying, onPlayPause: handleTripsPlayPause, onSeek: handleTripsSeek }) })) : null, _jsx(ColorScaleLegend, { legends: legends })] })) : hasTripsLayer && tripsMaxTimeValue > 0 ? (_jsx("div", { className: "pointer-events-none absolute bottom-2 left-2 z-10", children: _jsx(TripsTimeControl, { currentTime: tripsCurrentTime, maxTime: tripsMaxTimeValue, playing: tripsPlaying, onPlayPause: handleTripsPlayPause, onSeek: handleTripsSeek }) })) : null] }));
+});
 //# sourceMappingURL=DeckJsonMap.js.map

package/dist/DeckJsonMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeckJsonMap.js","sourceRoot":"","sources":["../src/DeckJsonMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import {JSONConverter} from '@deck.gl/json';\nimport {MapboxOverlay} from '@deck.gl/mapbox';\nimport {ColorScaleLegend} from '@sqlrooms/color-scales';\nimport {cn, ResolvedTheme, useTheme} from '@sqlrooms/ui';\nimport 'maplibre-gl/dist/maplibre-gl.css';\nimport {useEffect, useMemo, useRef} from 'react';\nimport Map, {useControl} from 'react-map-gl/maplibre';\nimport {ZodError} from 'zod';\nimport {DeckJsonMapSpec} from './DeckJsonMapSpec';\nimport {normalizeDatasets} from './datasets/normalizeDatasets';\nimport {usePreparedDatasetStates} from './datasets/usePreparedDatasetStates';\nimport {createDeckJsonConfiguration} from './json/createDeckJsonConfiguration';\nimport {extractColorScaleLegends} from './json/extractColorScaleLegends';\nimport {getLayerCompatibility} from './json/layerCompatibility';\nimport {resolveDatasetId} from './json/layerConfig';\nimport type {DeckJsonMapProps, PreparedDeckDatasetState} from './types';\n\nconst DEFAULT_MAP_STYLES: Record<ResolvedTheme, string> = {\n  light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n  dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n};\n\nfunction parseSpec(spec: DeckJsonMapProps['spec']) {\n  try {\n    const parsedValue = typeof spec === 'string' ? JSON.parse(spec) : spec;\n    const validatedSpec = DeckJsonMapSpec.safeParse(parsedValue);\n    if (!validatedSpec.success) {\n      return {\n        spec: null,\n        error: new Error(formatSpecValidationError(validatedSpec.error)),\n      };\n    }\n\n    return {\n      spec: validatedSpec.data,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      spec: null,\n      error: error instanceof Error ? error : new Error(String(error)),\n    };\n  }\n}\n\nfunction formatSpecValidationError(error: ZodError) {\n  const issues = error.issues.map((issue) => {\n    const path = issue.path.length > 0 ? issue.path.join('.') : 'spec';\n    return `${path}: ${issue.message}`;\n  });\n\n  return `Invalid DeckJsonMap spec. ${issues.join('; ')}`;\n}\n\nfunction extractFallbackDeckProps(spec: Record<string, unknown> | null) {\n  if (!spec) {\n    return {};\n  }\n\n  const fallbackProps: Record<string, unknown> = {};\n  for (const key of ['initialViewState', 'viewState', 'controller']) {\n    if (key in spec) {\n      fallbackProps[key] = spec[key];\n    }\n  }\n\n  return fallbackProps;\n}\n\nfunction filterUnavailableLayers(\n  spec: Record<string, unknown>,\n  datasetIds: string[],\n  datasetStates: Record<string, PreparedDeckDatasetState>,\n) {\n  const layers = Array.isArray(spec.layers) ? spec.layers : [];\n  const filteredLayers = layers.filter((layer) => {\n    if (!layer || typeof layer !== 'object') {\n      return true;\n    }\n\n    const layerProps = layer as Record<string, unknown>;\n    const layerName = String(layerProps['@@type'] ?? '');\n    const compatibility = getLayerCompatibility(layerName);\n    if (!compatibility) {\n      return true;\n    }\n\n    const datasetId = resolveDatasetId(layerProps, datasetIds);\n    if (!datasetId) {\n      return true;\n    }\n\n    const datasetState = datasetStates[datasetId];\n    if (!datasetState) {\n      return false;\n    }\n\n    return datasetState.status === 'ready';\n  });\n\n  return {\n    ...spec,\n    layers: filteredLayers,\n  };\n}\n\nfunction renderDatasetErrorOverlay(\n  datasetStates: Record<string, PreparedDeckDatasetState>,\n) {\n  const failedDatasets = Object.entries(datasetStates).filter(\n    (\n      entry,\n    ): entry is [\n      string,\n      Extract<PreparedDeckDatasetState, {status: 'error'}>,\n    ] => entry[1].status === 'error',\n  );\n\n  if (!failedDatasets.length) {\n    return null;\n  }\n\n  return (\n    <div className=\"pointer-events-none absolute inset-x-4 top-4 z-10 space-y-2\">\n      {failedDatasets.map(([datasetId, state]) => (\n        <div\n          key={datasetId}\n          className=\"rounded-md border border-red-200 bg-red-50/95 px-3 py-2 text-sm text-red-700 shadow-sm\"\n        >\n          {`Dataset \"${datasetId}\" failed: ${state.error.message}`}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction DeckOverlayControl({\n  interleaved,\n  ...deckProps\n}: {interleaved: boolean} & Record<string, unknown>) {\n  const overlay = useControl<MapboxOverlay>(\n    () => new MapboxOverlay({interleaved}),\n  );\n  overlay.setProps(deckProps);\n  return null;\n}\n\nexport function DeckJsonMap({\n  spec,\n  datasets,\n  mapStyle,\n  interleaved = false,\n  deckProps,\n  mapProps,\n  showLegends = true,\n  className,\n  children,\n  onDatasetStatesChange,\n}: DeckJsonMapProps) {\n  const normalizedDatasets = useMemo(\n    () => normalizeDatasets(datasets),\n    [datasets],\n  );\n  const datasetIds = useMemo(\n    () => Object.keys(normalizedDatasets),\n    [normalizedDatasets],\n  );\n  const datasetStates = usePreparedDatasetStates(normalizedDatasets);\n  const onDatasetStatesChangeRef = useRef(onDatasetStatesChange);\n\n  const {spec: parsedSpec, error: specError} = useMemo(\n    () => parseSpec(spec),\n    [spec],\n  );\n\n  const availableSpec = useMemo(\n    () =>\n      parsedSpec\n        ? filterUnavailableLayers(parsedSpec, datasetIds, datasetStates)\n        : null,\n    [parsedSpec, datasetIds, datasetStates],\n  );\n\n  const converter = useMemo(\n    () =>\n      new JSONConverter({\n        configuration: createDeckJsonConfiguration({\n          datasetStates,\n          datasetIds,\n        }),\n        onJSONChange: () => {},\n      }),\n    [datasetIds, datasetStates],\n  );\n\n  const convertedDeckPropsResult = useMemo(() => {\n    if (!availableSpec) {\n      return {props: null, error: specError};\n    }\n\n    try {\n      return {\n        props: converter.convert(availableSpec) as Record<string, unknown>,\n        error: null,\n      };\n    } catch (error) {\n      return {\n        props: null,\n        error: error instanceof Error ? error : new Error(String(error)),\n      };\n    }\n  }, [availableSpec, converter, specError]);\n\n  useEffect(() => {\n    if (convertedDeckPropsResult.error) {\n      console.error(convertedDeckPropsResult.error);\n    }\n  }, [convertedDeckPropsResult.error]);\n\n  useEffect(() => {\n    onDatasetStatesChangeRef.current = onDatasetStatesChange;\n  }, [onDatasetStatesChange]);\n\n  useEffect(() => {\n    onDatasetStatesChangeRef.current?.(datasetStates);\n  }, [datasetStates]);\n\n  const fallbackDeckProps = useMemo(\n    () => extractFallbackDeckProps(availableSpec),\n    [availableSpec],\n  );\n  const convertedDeckProps = (convertedDeckPropsResult.props ??\n    fallbackDeckProps ??\n    {}) as Record<string, unknown>;\n  const extraDeckProps = (deckProps ?? {}) as Record<string, unknown>;\n  const extraMapProps = (mapProps ?? {}) as Record<string, unknown>;\n  const hasRenderingError = Boolean(convertedDeckPropsResult.error);\n  const mergedLayers = hasRenderingError\n    ? []\n    : (deckProps?.layers ??\n      (convertedDeckProps.layers as unknown[] | undefined) ??\n      []);\n\n  const mergedDeckProps = {\n    ...convertedDeckProps,\n    ...extraDeckProps,\n    layers: mergedLayers,\n  };\n\n  // overlayDeckProps should not contain viewState/initialViewState\n  const {\n    initialViewState,\n    viewState: _viewState,\n    ...overlayDeckProps\n  } = mergedDeckProps as Record<string, unknown>;\n\n  const {resolvedTheme} = useTheme();\n\n  const mergedMapProps = {\n    ...extraMapProps,\n    mapStyle:\n      mapStyle ?? mapProps?.mapStyle ?? DEFAULT_MAP_STYLES[resolvedTheme],\n  };\n  const legends = useMemo(\n    () =>\n      showLegends\n        ? extractColorScaleLegends({\n            spec: availableSpec,\n            datasetIds,\n            datasetStates,\n          })\n        : [],\n    [availableSpec, datasetIds, datasetStates, showLegends],\n  );\n\n  return (\n    <div className={cn('relative h-full w-full', className)}>\n      {hasRenderingError ? (\n        <div className=\"absolute inset-0 z-10 flex items-center justify-center p-4\">\n          <div className=\"max-w-sm rounded-md border border-red-200 bg-red-50/95 p-4 text-sm text-red-700 shadow-sm\">\n            {`Map couldn't be rendered. Check the console for details.`}\n          </div>\n        </div>\n      ) : null}\n\n      <Map\n        {...(mergedMapProps as object)}\n        {...(initialViewState\n          ? {initialViewState: initialViewState as object}\n          : {})}\n        style={{width: '100%', height: '100%', ...mapProps?.style}}\n      >\n        <DeckOverlayControl interleaved={interleaved} {...overlayDeckProps} />\n        {children}\n      </Map>\n\n      {renderDatasetErrorOverlay(datasetStates)}\n      {!hasRenderingError && showLegends ? (\n        <div className=\"pointer-events-none absolute bottom-2 left-2 z-10 max-w-56\">\n          <ColorScaleLegend legends={legends} />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"DeckJsonMap.js","sourceRoot":"","sources":["../src/DeckJsonMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import {JSONConverter} from '@deck.gl/json';\nimport {MapboxOverlay} from '@deck.gl/mapbox';\nimport {ColorScaleLegend} from '@sqlrooms/color-scales';\nimport {cn, ResolvedTheme, useTheme} from '@sqlrooms/ui';\nimport 'maplibre-gl/dist/maplibre-gl.css';\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\nimport {forwardRef} from 'react';\nimport Map, {useControl} from 'react-map-gl/maplibre';\nimport {ZodError} from 'zod';\nimport {DeckJsonMapSpec} from './DeckJsonMapSpec';\nimport {normalizeDatasets} from './datasets/normalizeDatasets';\nimport {usePreparedDatasetStates} from './datasets/usePreparedDatasetStates';\nimport {createDeckJsonConfiguration} from './json/createDeckJsonConfiguration';\nimport {extractColorScaleLegends} from './json/extractColorScaleLegends';\nimport {getLayerCompatibility} from './json/layerCompatibility';\nimport {resolveDatasetId} from './json/layerConfig';\nimport type {\n  DeckJsonMapHandle,\n  DeckJsonMapProps,\n  PreparedDeckDatasetState,\n} from './types';\n\nconst DEFAULT_MAP_STYLES: Record<ResolvedTheme, string> = {\n  light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n  dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n};\n\nfunction parseSpec(spec: DeckJsonMapProps['spec']) {\n  try {\n    const parsedValue = typeof spec === 'string' ? JSON.parse(spec) : spec;\n    const validatedSpec = DeckJsonMapSpec.safeParse(parsedValue);\n    if (!validatedSpec.success) {\n      return {\n        spec: null,\n        error: new Error(formatSpecValidationError(validatedSpec.error)),\n      };\n    }\n\n    return {\n      spec: validatedSpec.data,\n      error: null,\n    };\n  } catch (error) {\n    return {\n      spec: null,\n      error: error instanceof Error ? error : new Error(String(error)),\n    };\n  }\n}\n\nfunction formatSpecValidationError(error: ZodError) {\n  const issues = error.issues.map((issue) => {\n    const path = issue.path.length > 0 ? issue.path.join('.') : 'spec';\n    return `${path}: ${issue.message}`;\n  });\n\n  return `Invalid DeckJsonMap spec. ${issues.join('; ')}`;\n}\n\nfunction extractFallbackDeckProps(spec: Record<string, unknown> | null) {\n  if (!spec) {\n    return {};\n  }\n\n  const fallbackProps: Record<string, unknown> = {};\n  for (const key of ['initialViewState', 'viewState', 'controller']) {\n    if (key in spec) {\n      fallbackProps[key] = spec[key];\n    }\n  }\n\n  return fallbackProps;\n}\n\nfunction filterUnavailableLayers(\n  spec: Record<string, unknown>,\n  datasetIds: string[],\n  datasetStates: Record<string, PreparedDeckDatasetState>,\n) {\n  const layers = Array.isArray(spec.layers) ? spec.layers : [];\n  const filteredLayers = layers.filter((layer) => {\n    if (!layer || typeof layer !== 'object') {\n      return true;\n    }\n\n    const layerProps = layer as Record<string, unknown>;\n    const layerName = String(layerProps['@@type'] ?? '');\n    const compatibility = getLayerCompatibility(layerName);\n    if (!compatibility) {\n      return true;\n    }\n\n    const datasetId = resolveDatasetId(layerProps, datasetIds);\n    if (!datasetId) {\n      return true;\n    }\n\n    const datasetState = datasetStates[datasetId];\n    if (!datasetState) {\n      return false;\n    }\n\n    return datasetState.status !== 'error';\n  });\n\n  return {\n    ...spec,\n    layers: filteredLayers,\n  };\n}\n\nfunction renderDatasetErrorOverlay(\n  datasetStates: Record<string, PreparedDeckDatasetState>,\n) {\n  const failedDatasets = Object.entries(datasetStates).filter(\n    (\n      entry,\n    ): entry is [\n      string,\n      Extract<PreparedDeckDatasetState, {status: 'error'}>,\n    ] => entry[1].status === 'error',\n  );\n\n  if (!failedDatasets.length) {\n    return null;\n  }\n\n  return (\n    <div className=\"pointer-events-none absolute inset-x-4 top-4 z-10 space-y-2\">\n      {failedDatasets.map(([datasetId, state]) => (\n        <div\n          key={datasetId}\n          className=\"rounded-md border border-red-200 bg-red-50/95 px-3 py-2 text-sm text-red-700 shadow-sm\"\n        >\n          {`Dataset \"${datasetId}\" failed: ${state.error.message}`}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nconst TripsTimeControl: FC<{\n  currentTime: number;\n  maxTime: number;\n  playing: boolean;\n  onPlayPause: () => void;\n  onSeek: (time: number) => void;\n}> = ({currentTime, maxTime, playing, onPlayPause, onSeek}) => {\n  const [collapsed, setCollapsed] = useState(false);\n  const progress = maxTime > 0 ? currentTime / maxTime : 0;\n\n  if (collapsed) {\n    return (\n      <button\n        type=\"button\"\n        onClick={() => setCollapsed(false)}\n        className=\"border-border/70 bg-background/90 text-muted-foreground hover:text-foreground pointer-events-auto flex w-fit items-center gap-1 rounded-md border px-2 py-1 text-[10px] leading-none font-medium shadow-sm backdrop-blur-sm transition-colors\"\n      >\n        Timeline\n      </button>\n    );\n  }\n\n  return (\n    <div className=\"bg-background/90 border-border/70 pointer-events-auto relative flex items-center gap-1.5 rounded-md border px-2 py-1.5 pr-7 shadow-sm backdrop-blur-sm\">\n      <button\n        type=\"button\"\n        onClick={onPlayPause}\n        className=\"text-foreground hover:bg-accent flex h-5 w-5 shrink-0 items-center justify-center rounded\"\n        title={playing ? 'Pause' : 'Play'}\n      >\n        {playing ? (\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n            <rect x=\"1\" y=\"1\" width=\"3\" height=\"8\" />\n            <rect x=\"6\" y=\"1\" width=\"3\" height=\"8\" />\n          </svg>\n        ) : (\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"currentColor\">\n            <polygon points=\"2,1 9,5 2,9\" />\n          </svg>\n        )}\n      </button>\n      <input\n        type=\"range\"\n        min={0}\n        max={1000}\n        value={Math.round(progress * 1000)}\n        onChange={(e) => onSeek((Number(e.target.value) / 1000) * maxTime)}\n        className=\"h-1 w-24 flex-1 cursor-pointer\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => setCollapsed(true)}\n        className=\"text-muted-foreground hover:text-foreground absolute top-1.5 right-1.5 flex h-4 w-4 items-center justify-center rounded-sm transition-colors\"\n        title=\"Collapse\"\n      >\n        <svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\">\n          <path\n            d=\"M1 1L7 7M7 1L1 7\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n          />\n        </svg>\n      </button>\n    </div>\n  );\n};\n\n// Workaround for deck.gl HeatmapLayer not releasing its WebGL framebuffer\n// when replaced by another layer type (e.g. switching heatmap → scatterplot).\n// We detect layer class changes and clear layers for one animation frame,\n// giving deck.gl a chance to finalize the old layer's resources before\n// initializing the new one.\nfunction DeckOverlayControl({\n  interleaved,\n  ...deckProps\n}: {interleaved: boolean} & Record<string, unknown>) {\n  const overlay = useControl<MapboxOverlay>(\n    () => new MapboxOverlay({interleaved}),\n  );\n  const prevLayerKeyRef = useRef<string>('');\n  const [clearing, setClearing] = useState(false);\n\n  const layers = deckProps.layers as unknown[] | undefined;\n  const layerKey = Array.isArray(layers)\n    ? layers\n        .map((l) => {\n          if (!l || typeof l !== 'object') return '?';\n          const ctor = (l as {constructor?: {name?: string}}).constructor;\n          return ctor?.name ?? '?';\n        })\n        .join(',')\n    : '';\n\n  useEffect(() => {\n    if (\n      prevLayerKeyRef.current &&\n      prevLayerKeyRef.current !== layerKey &&\n      !clearing\n    ) {\n      setClearing(true);\n    }\n    prevLayerKeyRef.current = layerKey;\n  }, [layerKey, clearing]);\n\n  useEffect(() => {\n    if (clearing && overlay) {\n      overlay.setProps({layers: []});\n      requestAnimationFrame(() => setClearing(false));\n    }\n  }, [clearing, overlay]);\n\n  if (!clearing && overlay) {\n    overlay.setProps(deckProps);\n  }\n\n  return null;\n}\n\nexport const DeckJsonMap = forwardRef<DeckJsonMapHandle, DeckJsonMapProps>(\n  function DeckJsonMap(\n    {\n      spec,\n      datasets,\n      mapStyle,\n      interleaved = true,\n      deckProps,\n      mapProps,\n      showLegends = true,\n      className,\n      children,\n      onDatasetStatesChange,\n      onRenderingError,\n    },\n    ref,\n  ) {\n    const normalizedDatasets = useMemo(\n      () => normalizeDatasets(datasets),\n      [datasets],\n    );\n    const datasetIds = useMemo(\n      () => Object.keys(normalizedDatasets),\n      [normalizedDatasets],\n    );\n    const datasetStates = usePreparedDatasetStates(normalizedDatasets);\n    const onDatasetStatesChangeRef = useRef(onDatasetStatesChange);\n\n    const {spec: parsedSpec, error: specError} = useMemo(\n      () => parseSpec(spec),\n      [spec],\n    );\n\n    const availableSpec = useMemo(\n      () =>\n        parsedSpec\n          ? filterUnavailableLayers(parsedSpec, datasetIds, datasetStates)\n          : null,\n      [parsedSpec, datasetIds, datasetStates],\n    );\n\n    const converter = useMemo(\n      () =>\n        new JSONConverter({\n          configuration: createDeckJsonConfiguration({\n            datasetStates,\n            datasetIds,\n          }),\n          onJSONChange: () => {},\n        }),\n      [datasetIds, datasetStates],\n    );\n\n    const convertedDeckPropsResult = useMemo(() => {\n      if (!availableSpec) {\n        return {props: null, error: specError};\n      }\n\n      try {\n        return {\n          props: converter.convert(availableSpec) as Record<string, unknown>,\n          error: null,\n        };\n      } catch (error) {\n        return {\n          props: null,\n          error: error instanceof Error ? error : new Error(String(error)),\n        };\n      }\n    }, [availableSpec, converter, specError]);\n\n    // Animation for TripsLayer — update currentTime on each frame.\n    // Only activate when the trips dataset is ready to avoid spinning the RAF\n    // loop while data is still loading.\n    const hasTripsLayer = useMemo(() => {\n      if (!availableSpec || !Array.isArray(availableSpec.layers)) return false;\n      return availableSpec.layers.some((l: unknown) => {\n        if (\n          !l ||\n          typeof l !== 'object' ||\n          (l as {'@@type'?: string})['@@type'] !== 'GeoArrowTripsLayer'\n        )\n          return false;\n        const dsId = resolveDatasetId(l as Record<string, unknown>, datasetIds);\n        if (!dsId) return true;\n        const state = datasetStates[dsId];\n        return state?.status === 'ready';\n      });\n    }, [availableSpec, datasetIds, datasetStates]);\n\n    const [tripsTime, setTripsTime] = useState(0);\n    const [tripsPlaying, setTripsPlaying] = useState(true);\n    const tripsTimeRef = useRef(0);\n\n    useEffect(() => {\n      if (!hasTripsLayer || !tripsPlaying) return;\n      let raf: number;\n      let lastFrame = Date.now();\n      const tick = () => {\n        const now = Date.now();\n        tripsTimeRef.current += now - lastFrame;\n        lastFrame = now;\n        setTripsTime(tripsTimeRef.current);\n        raf = requestAnimationFrame(tick);\n      };\n      lastFrame = Date.now();\n      raf = requestAnimationFrame(tick);\n      return () => cancelAnimationFrame(raf);\n    }, [hasTripsLayer, tripsPlaying]);\n\n    const handleTripsPlayPause = useCallback(() => {\n      setTripsPlaying((p) => !p);\n    }, []);\n\n    const handleTripsSeek = useCallback((time: number) => {\n      const rawTime = time * 30;\n      tripsTimeRef.current = rawTime;\n      setTripsTime(rawTime);\n    }, []);\n\n    const finalDeckPropsResult = convertedDeckPropsResult;\n\n    const onRenderingErrorRef = useRef(onRenderingError);\n    useEffect(() => {\n      onRenderingErrorRef.current = onRenderingError;\n    }, [onRenderingError]);\n\n    useEffect(() => {\n      if (finalDeckPropsResult.error) {\n        console.error(finalDeckPropsResult.error);\n        onRenderingErrorRef.current?.(finalDeckPropsResult.error);\n      }\n    }, [finalDeckPropsResult.error]);\n\n    useEffect(() => {\n      onDatasetStatesChangeRef.current = onDatasetStatesChange;\n    }, [onDatasetStatesChange]);\n\n    useEffect(() => {\n      onDatasetStatesChangeRef.current?.(datasetStates);\n    }, [datasetStates]);\n\n    const fallbackDeckProps = useMemo(\n      () => extractFallbackDeckProps(availableSpec),\n      [availableSpec],\n    );\n    const convertedDeckProps = (finalDeckPropsResult.props ??\n      fallbackDeckProps ??\n      {}) as Record<string, unknown>;\n    const extraDeckProps = (deckProps ?? {}) as Record<string, unknown>;\n    const extraMapProps = (mapProps ?? {}) as Record<string, unknown>;\n    const hasRenderingError = Boolean(finalDeckPropsResult.error);\n\n    // Separate stable layer analysis from per-frame animation to avoid\n    // re-running .map() over all layers 60 times per second.\n    const baseLayers = useMemo(() => {\n      const mergedLayers = hasRenderingError\n        ? []\n        : (deckProps?.layers ??\n          (convertedDeckProps.layers as unknown[] | undefined) ??\n          []);\n      if (!hasTripsLayer || !Array.isArray(mergedLayers))\n        return {layers: mergedLayers, maxTs: 0, tripsIndices: [] as number[]};\n      let computedMaxTs = 0;\n      const tripsIndices: number[] = [];\n      for (let i = 0; i < mergedLayers.length; i++) {\n        const layer = mergedLayers[i];\n        if (!layer || typeof layer !== 'object') continue;\n        const layerObj = layer as {props?: Record<string, unknown>};\n        const maxTs = (layerObj.props as Record<string, unknown> | undefined)\n          ?._tripsMaxTimestamp as number | undefined;\n        if (maxTs && maxTs > 0) {\n          computedMaxTs = Math.max(computedMaxTs, maxTs);\n          tripsIndices.push(i);\n        }\n      }\n      return {layers: mergedLayers, maxTs: computedMaxTs, tripsIndices};\n    }, [\n      hasTripsLayer,\n      hasRenderingError,\n      deckProps?.layers,\n      convertedDeckProps.layers,\n    ]);\n\n    // Per-frame: only clone trips layers with updated currentTime\n    const animatedLayers = useMemo(() => {\n      const {layers, tripsIndices} = baseLayers;\n      if (!tripsIndices.length) return layers;\n      if (!Array.isArray(layers)) return layers;\n      const result = layers.slice();\n      for (const idx of tripsIndices) {\n        const layer = result[idx];\n        if (!layer || typeof layer !== 'object') continue;\n        const layerObj = layer as {\n          props?: Record<string, unknown>;\n          clone?: (props: Record<string, unknown>) => unknown;\n        };\n        if (!layerObj.clone) continue;\n        const props = layerObj.props as Record<string, unknown> | undefined;\n        const maxTs = (props?._tripsMaxTimestamp as number | undefined) ?? 0;\n        const trailFraction =\n          (props?._trailLengthFactor as number | undefined) ?? 0.4;\n        const widthPx = (props?.widthMinPixels as number | undefined) ?? 3;\n        const animationSpeed = 30;\n        const currentTime = (tripsTime / animationSpeed) % maxTs;\n        result[idx] = layerObj.clone({\n          currentTime,\n          trailLength: maxTs * trailFraction,\n          widthMinPixels: widthPx,\n        });\n      }\n      return result;\n    }, [baseLayers, tripsTime]);\n    const tripsMaxTimeValue = baseLayers.maxTs;\n\n    const tripsCurrentTime = useMemo(() => {\n      if (!tripsMaxTimeValue || tripsMaxTimeValue <= 0) return 0;\n      return (tripsTime / 30) % tripsMaxTimeValue;\n    }, [tripsTime, tripsMaxTimeValue]);\n\n    const mergedDeckProps = {\n      ...convertedDeckProps,\n      ...extraDeckProps,\n      layers: animatedLayers,\n    };\n\n    // overlayDeckProps should not contain viewState/initialViewState\n    const {\n      initialViewState,\n      viewState: _vs,\n      onViewStateChange: _onViewStateChange,\n      ...overlayDeckProps\n    } = mergedDeckProps as Record<string, unknown>;\n    void _vs;\n    void _onViewStateChange;\n\n    const mapRef = useRef<{jumpTo: (opts: object) => void} | null>(null);\n    const pendingJumpRef = useRef<object | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        jumpTo(opts) {\n          const jumpOpts = {\n            center: [opts.longitude, opts.latitude] as [number, number],\n            zoom: opts.zoom,\n            bearing: opts.bearing ?? 0,\n            pitch: opts.pitch ?? 0,\n          };\n          if (mapRef.current) {\n            mapRef.current.jumpTo(jumpOpts);\n          } else {\n            pendingJumpRef.current = jumpOpts;\n          }\n        },\n      }),\n      [],\n    );\n\n    const handleMapLoad = useCallback(\n      (event?: unknown) => {\n        if (pendingJumpRef.current && mapRef.current) {\n          mapRef.current.jumpTo(pendingJumpRef.current);\n          pendingJumpRef.current = null;\n        }\n        const externalOnLoad = (\n          extraMapProps as {onLoad?: (e?: unknown) => void}\n        ).onLoad;\n        externalOnLoad?.(event);\n      },\n      [extraMapProps],\n    );\n\n    const {resolvedTheme} = useTheme();\n\n    const mergedMapProps = {\n      ...extraMapProps,\n      mapStyle:\n        mapStyle ?? mapProps?.mapStyle ?? DEFAULT_MAP_STYLES[resolvedTheme],\n    };\n    const legends = useMemo(\n      () =>\n        showLegends\n          ? extractColorScaleLegends({\n              spec: availableSpec,\n              datasetIds,\n              datasetStates,\n            })\n          : [],\n      [availableSpec, datasetIds, datasetStates, showLegends],\n    );\n\n    return (\n      <div className={cn('relative h-full w-full', className)}>\n        {hasRenderingError && !onRenderingError ? (\n          <div className=\"absolute inset-0 z-10 flex items-center justify-center p-4\">\n            <div className=\"max-w-sm rounded-md border border-red-200 bg-red-50/95 p-4 text-sm text-red-700 shadow-sm\">\n              {`Map couldn't be rendered. Check the console for details.`}\n            </div>\n          </div>\n        ) : null}\n\n        <Map\n          ref={mapRef as any}\n          {...(mergedMapProps as object)}\n          {...(initialViewState\n            ? {initialViewState: initialViewState as object}\n            : {})}\n          onLoad={handleMapLoad}\n          style={{width: '100%', height: '100%', ...mapProps?.style}}\n        >\n          <DeckOverlayControl interleaved={interleaved} {...overlayDeckProps} />\n          {children}\n        </Map>\n\n        {renderDatasetErrorOverlay(datasetStates)}\n        {!hasRenderingError && showLegends ? (\n          <div className=\"pointer-events-none absolute bottom-2 left-2 z-10 max-w-56\">\n            {hasTripsLayer && tripsMaxTimeValue > 0 ? (\n              <div className=\"mb-1\">\n                <TripsTimeControl\n                  currentTime={tripsCurrentTime}\n                  maxTime={tripsMaxTimeValue}\n                  playing={tripsPlaying}\n                  onPlayPause={handleTripsPlayPause}\n                  onSeek={handleTripsSeek}\n                />\n              </div>\n            ) : null}\n            <ColorScaleLegend legends={legends} />\n          </div>\n        ) : hasTripsLayer && tripsMaxTimeValue > 0 ? (\n          <div className=\"pointer-events-none absolute bottom-2 left-2 z-10\">\n            <TripsTimeControl\n              currentTime={tripsCurrentTime}\n              maxTime={tripsMaxTimeValue}\n              playing={tripsPlaying}\n              onPlayPause={handleTripsPlayPause}\n              onSeek={handleTripsSeek}\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n"]}