visualizer-components 0.1.0

package/dist/contexts/SceneContext.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file SceneContext.tsx
+ * @description Provider for the scene viewport context. Renamed from MapCanvasContext.tsx.
+ */
+import React from 'react';
+import { SceneContext } from '../hooks/useSceneContext';
+/**
+ * @component SceneProvider
+ * @description Provides the {@link SceneContext} to its child components.
+ * @param {SceneProviderProps} props - Properties for the component.
+ * @returns {JSX.Element} A React element that provides the {@link SceneContext} to its children.
+ * @remarks
+ * This component should be used at a high level in the component tree to ensure that all child components that need access to the scene viewport context can do so. It takes a {@link SceneContextValue} and makes it available to all descendants via the {@link SceneContext}.
+ * @example
+ * <SceneProvider value={sceneContextValue}>
+ *   <ChildComponent />
+ * </SceneProvider>
+ * @see {@link SceneContext} for the context definition.
+ */
+export function SceneProvider({ value, children }) {
+    return _jsx(SceneContext.Provider, { value: value, children: children });
+}
+//# sourceMappingURL=SceneContext.js.map

package/dist/contexts/SceneContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SceneContext.js","sourceRoot":"","sources":["../../src/contexts/SceneContext.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAA0B,MAAM,0BAA0B,CAAC;AAgBhF;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAsB;IACjE,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;AACnF,CAAC"}

package/dist/hooks/useAutoPathAnimation.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @function useAutoPathAnimation
+ * @description Custom React hook that animates the vessel along the planned path in automatic simulation mode.
+ * @param {boolean} enabled - Whether the automatic path animation is enabled.
+ * @param {number} [speed=2.0] - The speed of the animation in cells per second. Defaults to 2.0.
+ * @returns {{ autoX: number, autoY: number, autoHeading: number }} The current animated position and heading of the vessel.
+ * @remarks
+ * The hook reads the planned path from the Redux store and animates the vessel along that path when enabled.
+ * If an error cell exists in the navigation grid (indicating an unreachable objective), the vessel remains at its current position.
+ * The animation loops continuously from the start of the path to the end, updating the position and heading based on elapsed time and speed.
+ * The heading is calculated based on the direction of movement between consecutive waypoints, with 0 degrees representing north (–Y) and 90 degrees representing east (+X).
+ * The hook uses requestAnimationFrame for smooth animation and cleans up the animation frame when the component unmounts or when the animation is disabled.
+ * @example
+ * const { autoX, autoY, autoHeading } = useAutoPathAnimation(true, 2.5);
+ * // autoX, autoY, and autoHeading can be used to position and orient the vessel in the visualizer.
+ */
+export declare function useAutoPathAnimation(enabled: boolean, speed?: number): {
+    autoX: number;
+    autoY: number;
+    autoHeading: number;
+};
+//# sourceMappingURL=useAutoPathAnimation.d.ts.map

package/dist/hooks/useAutoPathAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoPathAnimation.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoPathAnimation.ts"],"names":[],"mappings":"AAyCA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,GAAE,MAAY;;;;EA6EzE"}

package/dist/hooks/useAutoPathAnimation.js

@@ -0,0 +1,102 @@
+/**
+ * @file useAutoPathAnimation.ts
+ * @description Animates the vessel along the planned path (planning.plan) in automatic simulation mode.
+ * Loops from the current cell to the objective cell. If an error cell exists in the navigation grid
+ * (unreachable objective), the vessel stays at the current position and does not move.
+ */
+import { useState, useEffect, useRef, useMemo, startTransition } from 'react';
+import { useAppSelector } from '../store';
+import { CellTypes, GLOBAL_GRID_SIZE } from '../types';
+/**
+ * @function cellToWorld
+ * @description Converts a grid cell index to the global X/Y coordinate used by useAutoPathAnimation.
+ * @param {number} idx - The grid cell index (column or row).
+ * @returns {number} The corresponding world coordinate in cell units, centered at 0.
+ * @remarks
+ * The function maps the grid cell index to a world coordinate in the range of –GLOBAL_GRID_SIZE/2 to +GLOBAL_GRID_SIZE/2.
+ * Adding 0.5 positions the vessel at the center of the cell rather than the top-left corner.
+ * This ensures that the vessel is visually centered within each grid cell during animation.
+ * @example
+ * const worldX = cellToWorld(5); // Converts grid column index 5 to world X coordinate.
+ * const worldY = cellToWorld(3); // Converts grid row index 3 to world Y coordinate.
+ */
+function cellToWorld(idx) {
+    return idx - GLOBAL_GRID_SIZE / 2 + 0.5;
+}
+/**
+ * @function useAutoPathAnimation
+ * @description Custom React hook that animates the vessel along the planned path in automatic simulation mode.
+ * @param {boolean} enabled - Whether the automatic path animation is enabled.
+ * @param {number} [speed=2.0] - The speed of the animation in cells per second. Defaults to 2.0.
+ * @returns {{ autoX: number, autoY: number, autoHeading: number }} The current animated position and heading of the vessel.
+ * @remarks
+ * The hook reads the planned path from the Redux store and animates the vessel along that path when enabled.
+ * If an error cell exists in the navigation grid (indicating an unreachable objective), the vessel remains at its current position.
+ * The animation loops continuously from the start of the path to the end, updating the position and heading based on elapsed time and speed.
+ * The heading is calculated based on the direction of movement between consecutive waypoints, with 0 degrees representing north (–Y) and 90 degrees representing east (+X).
+ * The hook uses requestAnimationFrame for smooth animation and cleans up the animation frame when the component unmounts or when the animation is disabled.
+ * @example
+ * const { autoX, autoY, autoHeading } = useAutoPathAnimation(true, 2.5);
+ * // autoX, autoY, and autoHeading can be used to position and orient the vessel in the visualizer.
+ */
+export function useAutoPathAnimation(enabled, speed = 2.0) {
+    const plan = useAppSelector((state) => state.telemetry.planning.plan);
+    const navigationGrid = useAppSelector((state) => state.telemetry.map.navigationGrid);
+    // Stop animation when the objective is unreachable (error cell present in nav grid).
+    const hasError = useMemo(() => navigationGrid.some(row => row.some(cell => cell.type === CellTypes.error)), [navigationGrid]);
+    // Convert plan grid cells (col, row indices) to continuous world coordinates.
+    const waypoints = useMemo(() => plan.map(cell => ({ x: cellToWorld(cell.x), y: cellToWorld(cell.y) })), [plan]);
+    const startPos = {
+        x: waypoints[0]?.x ?? 0,
+        y: waypoints[0]?.y ?? 0,
+        heading: 0,
+    };
+    const [animState, setAnimState] = useState(startPos);
+    const progressRef = useRef(0);
+    const frameRef = useRef(0);
+    const lastTimeRef = useRef(null);
+    // Reset to start of path when plan changes (new telemetry data).
+    useEffect(() => {
+        progressRef.current = 0;
+        setAnimState({ x: waypoints[0]?.x ?? 0, y: waypoints[0]?.y ?? 0, heading: 0 });
+    }, [waypoints]);
+    useEffect(() => {
+        if (!enabled || hasError || waypoints.length < 2)
+            return;
+        const totalSteps = waypoints.length - 1;
+        const animate = (now) => {
+            if (lastTimeRef.current === null)
+                lastTimeRef.current = now;
+            const dt = (now - lastTimeRef.current) / 1000;
+            lastTimeRef.current = now;
+            progressRef.current = (progressRef.current + speed * dt) % totalSteps;
+            const idx = Math.floor(progressRef.current);
+            const t = progressRef.current - idx;
+            const from = waypoints[idx];
+            const to = waypoints[Math.min(idx + 1, totalSteps)];
+            const dx = to.x - from.x;
+            const dy = to.y - from.y;
+            // Heading: 0 = north (–Y), 90 = east (+X), matches app convention.
+            const heading = (Math.atan2(dx, -dy) * 180 / Math.PI + 360) % 360;
+            // Marked as a transition so this per-frame update doesn't compete on equal
+            // priority with more urgent work (e.g. a pending route navigation) — React can
+            // interrupt/deprioritize it, and only the latest position matters visually anyway.
+            startTransition(() => {
+                setAnimState({
+                    x: from.x + dx * t,
+                    y: from.y + dy * t,
+                    heading,
+                });
+            });
+            frameRef.current = requestAnimationFrame(animate);
+        };
+        frameRef.current = requestAnimationFrame(animate);
+        return () => {
+            if (frameRef.current)
+                cancelAnimationFrame(frameRef.current);
+            lastTimeRef.current = null;
+        };
+    }, [enabled, hasError, waypoints, speed]);
+    return { autoX: animState.x, autoY: animState.y, autoHeading: animState.heading };
+}
+//# sourceMappingURL=useAutoPathAnimation.js.map

package/dist/hooks/useAutoPathAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoPathAnimation.js","sourceRoot":"","sources":["../../src/hooks/useAutoPathAnimation.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useLayoutConfig.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @file useLayoutConfig.ts
+ * @description Custom React hook that provides layout configuration values based on the device mode (desktop or mobile).
+ * @remarks
+ * This hook calculates and returns layout configuration values such as map dimensions, scale, and flow control sizes based on whether the application is in desktop mode or mobile mode. It helps maintain consistent layout and scaling across different device types.
+ * @param {boolean} isDesktopMode - A boolean indicating whether the application is in desktop mode.
+ * @returns {{
+ *   mapWidth: number,
+ *   mapHeight: number,
+ *   mapScale: number,
+ *   flowControlSize: number,
+ *   flowCenter: number,
+ *   flowOuterRadius: number,
+ *   flowInnerRadius: number
+ * }} An object containing layout configuration values for the visualizer.
+ * @example
+ * const { mapWidth, mapHeight, mapScale } = useLayoutConfig(true);
+ * // mapWidth, mapHeight, and mapScale can be used to set the dimensions and scale of the visualizer.
+ */
+export declare function useLayoutConfig(isDesktopMode: boolean): {
+    mapWidth: number;
+    mapHeight: number;
+    mapScale: number;
+    flowControlSize: number;
+    flowCenter: number;
+    flowOuterRadius: number;
+    flowInnerRadius: number;
+};
+//# sourceMappingURL=useLayoutConfig.d.ts.map

package/dist/hooks/useLayoutConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayoutConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,aAAa,EAAE,OAAO;;;;;;;;EASrD"}

package/dist/hooks/useLayoutConfig.js

@@ -0,0 +1,30 @@
+/**
+ * @file useLayoutConfig.ts
+ * @description Custom React hook that provides layout configuration values based on the device mode (desktop or mobile).
+ * @remarks
+ * This hook calculates and returns layout configuration values such as map dimensions, scale, and flow control sizes based on whether the application is in desktop mode or mobile mode. It helps maintain consistent layout and scaling across different device types.
+ * @param {boolean} isDesktopMode - A boolean indicating whether the application is in desktop mode.
+ * @returns {{
+ *   mapWidth: number,
+ *   mapHeight: number,
+ *   mapScale: number,
+ *   flowControlSize: number,
+ *   flowCenter: number,
+ *   flowOuterRadius: number,
+ *   flowInnerRadius: number
+ * }} An object containing layout configuration values for the visualizer.
+ * @example
+ * const { mapWidth, mapHeight, mapScale } = useLayoutConfig(true);
+ * // mapWidth, mapHeight, and mapScale can be used to set the dimensions and scale of the visualizer.
+ */
+export function useLayoutConfig(isDesktopMode) {
+    const mapWidth = isDesktopMode ? 1600 : 800;
+    const mapHeight = isDesktopMode ? 900 : 600;
+    const mapScale = isDesktopMode ? 1.25 : 0.9;
+    const flowControlSize = isDesktopMode ? 140 : 180;
+    const flowCenter = flowControlSize / 2;
+    const flowOuterRadius = flowCenter - (isDesktopMode ? 10 : 12);
+    const flowInnerRadius = flowOuterRadius * 0.75;
+    return { mapWidth, mapHeight, mapScale, flowControlSize, flowCenter, flowOuterRadius, flowInnerRadius };
+}
+//# sourceMappingURL=useLayoutConfig.js.map

package/dist/hooks/useLayoutConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutConfig.js","sourceRoot":"","sources":["../../src/hooks/useLayoutConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,eAAe,CAAC,aAAsB;IAClD,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5C,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5C,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5C,MAAM,eAAe,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAClD,MAAM,UAAU,GAAG,eAAe,GAAG,CAAC,CAAC;IACvC,MAAM,eAAe,GAAG,UAAU,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC;IAC/C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAC5G,CAAC"}

package/dist/hooks/useSceneContext.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @file useSceneContext.ts
+ * @description React context for the scene viewport: pan offset, zoom scale, follow mode,
+ * layout mode flags, and UI callbacks. Renamed from useMapCanvasContext.ts.
+ */
+import React from 'react';
+/**
+ * @interface SceneContextValue
+ * @description The value provided by the {@link SceneContext} React context.
+ * @see {@link SceneContext}
+ * @property {boolean} isDesktopMode - True if the application is in desktop mode, false if in mobile mode.
+ * @property {boolean} isFullscreen - True if the visualizer is in fullscreen mode, false otherwise.
+ * @property {boolean} isMobile - True if the application is in mobile mode, false otherwise.
+ * @property {boolean} hasJoystick - True if a joystick is available for manual control, false otherwise.
+ * @property {() => void} onToggleFullscreen - Callback function to toggle fullscreen mode.
+ * @property {() => void} onOpenControlsDrawer - Callback function to open the controls drawer.
+ * @property {{ x: number; y: number }} viewOffset - The current pan offset of the scene viewport.
+ * @property {number} userScale - The current zoom scale of the scene viewport.
+ * @property {() => void} resetView - Callback function to reset the view to the default position and scale.
+ * @property {boolean} followLocalGrid - True if the view is following the local grid, false otherwise.
+ * @property {() => void} onToggleFollowLocalGrid - Callback function to toggle the follow local grid mode.
+ */
+export interface SceneContextValue {
+    isDesktopMode: boolean;
+    isFullscreen: boolean;
+    isMobile: boolean;
+    hasJoystick: boolean;
+    onToggleFullscreen: () => void;
+    onOpenControlsDrawer: () => void;
+    viewOffset: {
+        x: number;
+        y: number;
+    };
+    userScale: number;
+    resetView: () => void;
+    followLocalGrid: boolean;
+    onToggleFollowLocalGrid: () => void;
+}
+/**
+ * @constant SceneContext
+ * @description React context for the scene viewport, providing pan offset, zoom scale, follow mode,
+ * layout mode flags, and UI callbacks.
+ * @see {@link SceneContextValue} for the shape of the context value.
+ * @remarks
+ * This context is used to share state and callbacks related to the scene viewport across components in the visualizer. It includes information about the current layout mode (desktop or mobile), fullscreen status, joystick availability, view offset, zoom scale, and functions to toggle fullscreen mode, open the controls drawer, reset the view, and toggle follow local grid mode.
+ * Components that need access to these values should use the {@link useSceneContext} hook.
+ * @example
+ * const { isDesktopMode, onToggleFullscreen } = useSceneContext();
+ * // Use isDesktopMode to conditionally render components based on layout mode.
+ * // Call onToggleFullscreen to toggle fullscreen mode when a button is clicked.
+ */
+export declare const SceneContext: React.Context<SceneContextValue | null>;
+/**
+ * @function useSceneContext
+ * @description Custom React hook to access the {@link SceneContext} values.
+ * @see {@link SceneContext} for the context definition.
+ * @remarks
+ * This hook provides a convenient way for components to access the values and callbacks provided by the {@link SceneContext}. It ensures that the context is used within a provider and throws an error if accessed outside of a provider.
+ * @example
+ * const { viewOffset, userScale } = useSceneContext();
+ * // Use viewOffset and userScale to position and scale elements in the scene viewport.
+ */
+export declare function useSceneContext(): SceneContextValue;
+//# sourceMappingURL=useSceneContext.d.ts.map

package/dist/hooks/useSceneContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSceneContext.d.ts","sourceRoot":"","sources":["../../src/hooks/useSceneContext.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,iBAAiB;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,UAAU,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACvC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,yCAAsD,CAAC;AAEhF;;;;;;;;;GASG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,CAInD"}

package/dist/hooks/useSceneContext.js

@@ -0,0 +1,37 @@
+/**
+ * @file useSceneContext.ts
+ * @description React context for the scene viewport: pan offset, zoom scale, follow mode,
+ * layout mode flags, and UI callbacks. Renamed from useMapCanvasContext.ts.
+ */
+import React from 'react';
+/**
+ * @constant SceneContext
+ * @description React context for the scene viewport, providing pan offset, zoom scale, follow mode,
+ * layout mode flags, and UI callbacks.
+ * @see {@link SceneContextValue} for the shape of the context value.
+ * @remarks
+ * This context is used to share state and callbacks related to the scene viewport across components in the visualizer. It includes information about the current layout mode (desktop or mobile), fullscreen status, joystick availability, view offset, zoom scale, and functions to toggle fullscreen mode, open the controls drawer, reset the view, and toggle follow local grid mode.
+ * Components that need access to these values should use the {@link useSceneContext} hook.
+ * @example
+ * const { isDesktopMode, onToggleFullscreen } = useSceneContext();
+ * // Use isDesktopMode to conditionally render components based on layout mode.
+ * // Call onToggleFullscreen to toggle fullscreen mode when a button is clicked.
+ */
+export const SceneContext = React.createContext(null);
+/**
+ * @function useSceneContext
+ * @description Custom React hook to access the {@link SceneContext} values.
+ * @see {@link SceneContext} for the context definition.
+ * @remarks
+ * This hook provides a convenient way for components to access the values and callbacks provided by the {@link SceneContext}. It ensures that the context is used within a provider and throws an error if accessed outside of a provider.
+ * @example
+ * const { viewOffset, userScale } = useSceneContext();
+ * // Use viewOffset and userScale to position and scale elements in the scene viewport.
+ */
+export function useSceneContext() {
+    const ctx = React.useContext(SceneContext);
+    if (!ctx)
+        throw new Error('useSceneContext must be used inside SceneProvider');
+    return ctx;
+}
+//# sourceMappingURL=useSceneContext.js.map

package/dist/hooks/useSceneContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSceneContext.js","sourceRoot":"","sources":["../../src/hooks/useSceneContext.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgC1B;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAA2B,IAAI,CAAC,CAAC;AAEhF;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe;IAC3B,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3C,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IAC/E,OAAO,GAAG,CAAC;AACf,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @file index.ts
+ * @description Main entry point for @humber-asv/visualizer.
+ *
+ * Exposes the telemetry dashboard and HUD panels, scene components, compass
+ * controls, providers, hooks, factory programs, connection configuration and
+ * all telemetry data types. The Redux store surface lives under
+ * `@humber-asv/visualizer/store`, the MUI themes under
+ * `@humber-asv/visualizer/theme`.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ */
+export { default as TelemetryDashboard, type TelemetryDashboardProps } from './components/TelemetryDashboard';
+export * from './components/hud/telemetry';
+export { TaskData } from './components/hud/telemetry';
+export * as SceneHUD from './components/hud/SceneHUD';
+export { default as MappingScene } from './components/scenes/MappingScene';
+export { default as TelemetryScene } from './components/scenes/TelemetryScene';
+export { SceneCanvas } from './components/scenes/SceneCanvas';
+export { SceneRenderer } from './components/scenes/SceneRenderer';
+export { CompassRose, DirectionalGrid, DirectionButtons, InteractiveCompass, type CompassRoseProps, type DirectionalGridProps, type InteractiveCompassProps, } from './components/svg/CompassRose';
+export { default as Joystick, type JoyState } from './components/Joystick';
+export { ControlOverlay } from './components/controls/ControlOverlay';
+export { ControlsDrawer } from './components/controls/ControlsDrawer';
+export { ForceVectorsPanel } from './components/controls/ForceVectorsPanel';
+export { InfoPopover } from './components/controls/InfoPopover';
+export { Legend } from './components/controls/Legend';
+export { MobileBottomNav } from './components/controls/MobileBottomNav';
+export { default as TelemetryProvider } from './providers/TelemetryProvider';
+export { default as TelemetryThemeProvider } from './providers/TelemetryThemeProvider';
+export { SceneProvider } from './contexts/SceneContext';
+export { useLayoutConfig } from './hooks/useLayoutConfig';
+export { useAutoPathAnimation } from './hooks/useAutoPathAnimation';
+export { SceneContext, useSceneContext, type SceneContextValue } from './hooks/useSceneContext';
+export { configureTelemetryConnection, getTelemetryConnectionConfig, resetTelemetryConnectionConfig, type TelemetryConnectionConfig, } from './connection/config';
+export { isBasestationOnline } from './utils/basestation';
+export { batteryIconFor } from './utils/batteryUtil';
+export { telemetryFactory } from './utils/telemetry';
+export { default as generateRandomState, generateMockStateUpdate, generateMockVideoUrl, } from './utils/telemetry/telemetryFactory';
+export { RudderIcon } from './assets/RudderIcon';
+export { boatSvgUrl, warningSvgUrl, arrowSvgUrl, connectingSvgUrl } from './assets/svgSources';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC9G,cAAc,4BAA4B,CAAC;AAI3C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,KAAK,QAAQ,MAAM,2BAA2B,CAAC;AAGtD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,EACH,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,GAC/B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG3E,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAGxE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGhG,OAAO,EACH,4BAA4B,EAC5B,4BAA4B,EAC5B,8BAA8B,EAC9B,KAAK,yBAAyB,GACjC,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACH,OAAO,IAAI,mBAAmB,EAC9B,uBAAuB,EACvB,oBAAoB,GACvB,MAAM,oCAAoC,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG/F,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,57 @@
+/**
+ * @file index.ts
+ * @description Main entry point for @humber-asv/visualizer.
+ *
+ * Exposes the telemetry dashboard and HUD panels, scene components, compass
+ * controls, providers, hooks, factory programs, connection configuration and
+ * all telemetry data types. The Redux store surface lives under
+ * `@humber-asv/visualizer/store`, the MUI themes under
+ * `@humber-asv/visualizer/theme`.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ */
+// ─── Dashboard & HUD panels ──────────────────────────────────────────────────
+export { default as TelemetryDashboard } from './components/TelemetryDashboard';
+export * from './components/hud/telemetry';
+// The TaskData panel (value) and the TaskData record type (from ./types) share a
+// name — the explicit re-export resolves the star-export ambiguity in favor of
+// the component; the record type stays importable as part of Status.
+export { TaskData } from './components/hud/telemetry';
+export * as SceneHUD from './components/hud/SceneHUD';
+// ─── Scenes ──────────────────────────────────────────────────────────────────
+export { default as MappingScene } from './components/scenes/MappingScene';
+export { default as TelemetryScene } from './components/scenes/TelemetryScene';
+export { SceneCanvas } from './components/scenes/SceneCanvas';
+export { SceneRenderer } from './components/scenes/SceneRenderer';
+// ─── Compass & joystick controls ─────────────────────────────────────────────
+export { CompassRose, DirectionalGrid, DirectionButtons, InteractiveCompass, } from './components/svg/CompassRose';
+export { default as Joystick } from './components/Joystick';
+// ─── Control panels ──────────────────────────────────────────────────────────
+export { ControlOverlay } from './components/controls/ControlOverlay';
+export { ControlsDrawer } from './components/controls/ControlsDrawer';
+export { ForceVectorsPanel } from './components/controls/ForceVectorsPanel';
+export { InfoPopover } from './components/controls/InfoPopover';
+export { Legend } from './components/controls/Legend';
+export { MobileBottomNav } from './components/controls/MobileBottomNav';
+// ─── Providers & contexts ────────────────────────────────────────────────────
+export { default as TelemetryProvider } from './providers/TelemetryProvider';
+export { default as TelemetryThemeProvider } from './providers/TelemetryThemeProvider';
+export { SceneProvider } from './contexts/SceneContext';
+// ─── Hooks ───────────────────────────────────────────────────────────────────
+export { useLayoutConfig } from './hooks/useLayoutConfig';
+export { useAutoPathAnimation } from './hooks/useAutoPathAnimation';
+export { SceneContext, useSceneContext } from './hooks/useSceneContext';
+// ─── Connection configuration ────────────────────────────────────────────────
+export { configureTelemetryConnection, getTelemetryConnectionConfig, resetTelemetryConnectionConfig, } from './connection/config';
+// ─── Utilities & factory programs ────────────────────────────────────────────
+export { isBasestationOnline } from './utils/basestation';
+export { batteryIconFor } from './utils/batteryUtil';
+export { telemetryFactory } from './utils/telemetry';
+export { default as generateRandomState, generateMockStateUpdate, generateMockVideoUrl, } from './utils/telemetry/telemetryFactory';
+// ─── Assets ──────────────────────────────────────────────────────────────────
+export { RudderIcon } from './assets/RudderIcon';
+export { boatSvgUrl, warningSvgUrl, arrowSvgUrl, connectingSvgUrl } from './assets/svgSources';
+// ─── Data types ──────────────────────────────────────────────────────────────
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,gFAAgF;AAChF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAgC,MAAM,iCAAiC,CAAC;AAC9G,cAAc,4BAA4B,CAAC;AAC3C,iFAAiF;AACjF,+EAA+E;AAC/E,qEAAqE;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,KAAK,QAAQ,MAAM,2BAA2B,CAAC;AAEtD,gFAAgF;AAChF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,gFAAgF;AAChF,OAAO,EACH,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GAIrB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAE3E,gFAAgF;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,gFAAgF;AAChF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,gFAAgF;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,eAAe,EAA0B,MAAM,yBAAyB,CAAC;AAEhG,gFAAgF;AAChF,OAAO,EACH,4BAA4B,EAC5B,4BAA4B,EAC5B,8BAA8B,GAEjC,MAAM,qBAAqB,CAAC;AAE7B,gFAAgF;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACH,OAAO,IAAI,mBAAmB,EAC9B,uBAAuB,EACvB,oBAAoB,GACvB,MAAM,oCAAoC,CAAC;AAE5C,gFAAgF;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE/F,gFAAgF;AAChF,cAAc,SAAS,CAAC"}

package/dist/providers/TelemetryProvider.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @file TelemetryProvider.tsx
+ *
+ * @description
+ * This file defines the TelemetryProvider component, which is responsible for providing the Redux store to the components that need access to telemetry data.
+ * It uses the React-Redux Provider component to wrap its children with the store, allowing any nested components to connect to the Redux store and access telemetry data as needed.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ */
+import React from 'react';
+/**
+ * TelemetryProvider component that wraps its children with the Redux Provider to provide access to the telemetry store.
+ */
+interface TelemetryProviderProps {
+    children: React.ReactNode;
+}
+/**
+ * The provider component for the telemetry page, which wraps its children with the Redux Provider to give them access to the telemetry store.
+ * @param children The child components that will have access to the telemetry store.
+ *  These are typically the components that display telemetry data and need to connect to the Redux store to access that data.
+ * @returns the TelemetryProvider component that wraps its children with the Redux Provider,
+ *  allowing them to access the telemetry store and receive updates as the telemetry data changes.
+ */
+declare const TelemetryProvider: React.FC<TelemetryProviderProps>;
+export default TelemetryProvider;
+//# sourceMappingURL=TelemetryProvider.d.ts.map

package/dist/providers/TelemetryProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryProvider.d.ts","sourceRoot":"","sources":["../../src/providers/TelemetryProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAyBH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,UAAU,sBAAsB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAEvD,CAAA;AAED,eAAe,iBAAiB,CAAC"}

package/dist/providers/TelemetryProvider.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @file TelemetryProvider.tsx
+ *
+ * @description
+ * This file defines the TelemetryProvider component, which is responsible for providing the Redux store to the components that need access to telemetry data.
+ * It uses the React-Redux Provider component to wrap its children with the store, allowing any nested components to connect to the Redux store and access telemetry data as needed.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ */
+/*
+MIT License
+
+Copyright (c) 2026 HumberASV
+Copyright (c) 2026 Carson Fujita
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+import React from 'react';
+import { Provider } from 'react-redux';
+import store from '../store';
+/**
+ * The provider component for the telemetry page, which wraps its children with the Redux Provider to give them access to the telemetry store.
+ * @param children The child components that will have access to the telemetry store.
+ *  These are typically the components that display telemetry data and need to connect to the Redux store to access that data.
+ * @returns the TelemetryProvider component that wraps its children with the Redux Provider,
+ *  allowing them to access the telemetry store and receive updates as the telemetry data changes.
+ */
+const TelemetryProvider = ({ children }) => {
+    return _jsx(Provider, { store: store, children: children });
+};
+export default TelemetryProvider;
+//# sourceMappingURL=TelemetryProvider.js.map

package/dist/providers/TelemetryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryProvider.js","sourceRoot":"","sources":["../../src/providers/TelemetryProvider.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AACH;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,MAAM,UAAU,CAAC;AAS7B;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAY,CAAC;AACzD,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAC"}

package/dist/providers/TelemetryThemeProvider.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @file TelemetryThemeProvider.tsx
+ *
+ * @description
+ * This file defines the TelemetryThemeProvider component, which is responsible for providing a custom Material-UI theme to the telemetry-related components in the application.
+ * It uses the ThemeProvider component from Material-UI to wrap its children with the custom telemetry theme defined in the telemetryTheme file.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @remarks
+ *  - Specifically for telemetry-related components
+ */
+import React from "react";
+/**
+ * the provider component for the telemetry page,
+ * which wraps its children with the Material-UI ThemeProvider to give them access to the custom telemetry theme.
+ * @param children the child components that will have access to the custom telemetry theme.
+ * @returns the TelemetryThemeProvider component that wraps its children with the Material-UI ThemeProvider,
+ */
+declare const TelemetryThemeProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export default TelemetryThemeProvider;
+//# sourceMappingURL=TelemetryThemeProvider.d.ts.map

package/dist/providers/TelemetryThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryThemeProvider.d.ts","sourceRoot":"","sources":["../../src/providers/TelemetryThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AA2BH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;GAKG;AACH,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CASnE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}