@luxonis/depthai-viewer-common 3.7.4 → 3.7.6

package/dist/visualizer/utils/poitcloud-sync.js.map

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

package/dist/visualizer/utils/runtime-config.d.ts

@@ -0,0 +1,23 @@
+import type { NeuralCameraIntrinsics } from "../messaging/deserialization/pointcloud/utils.js";
+export type RuntimeConfig = {
+    neuralCameraIntrinsics?: NeuralCameraIntrinsics;
+    stereoDepthMaxValue?: number;
+    perspective?: boolean;
+    debugLogs?: boolean;
+    streamDiagnostics?: boolean;
+};
+export type RuntimeConfigListener = (runtimeConfig: Readonly<RuntimeConfig>) => void;
+type DecodeRuntimeSettings = {
+    neuralCameraIntrinsics: NeuralCameraIntrinsics;
+    stereoDepthMaxValue: number;
+};
+export declare function getRuntimeConfig(): Readonly<RuntimeConfig>;
+export declare function setRuntimeConfig(runtimeConfig: Readonly<RuntimeConfig>): Readonly<RuntimeConfig>;
+export declare function resetRuntimeConfig(runtimeConfig?: Readonly<RuntimeConfig>): Readonly<RuntimeConfig>;
+export declare function subscribeRuntimeConfig(listener: RuntimeConfigListener): () => void;
+export declare function getDecodeRuntimeSettings(): DecodeRuntimeSettings;
+export declare function getNeuralCameraIntrinsics(): NeuralCameraIntrinsics | undefined;
+export declare function getStereoDepthMaxValue(): number;
+export declare function getPerspective(defaultPerspective: boolean): boolean;
+export {};
+//# sourceMappingURL=runtime-config.d.ts.map

package/dist/visualizer/utils/runtime-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime-config.d.ts","sourceRoot":"","sources":["../../../src/visualizer/utils/runtime-config.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAI/F,MAAM,MAAM,aAAa,GAAG;IAC1B,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,CAAC,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;AAErF,KAAK,qBAAqB,GAAG;IAC3B,sBAAsB,EAAE,sBAAsB,CAAC;IAC/C,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AA6CF,wBAAgB,gBAAgB,IAAI,QAAQ,CAAC,aAAa,CAAC,CAE1D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAOhG;AAED,wBAAgB,kBAAkB,CAChC,aAAa,GAAE,QAAQ,CAAC,aAAa,CAA0B,GAC9D,QAAQ,CAAC,aAAa,CAAC,CAIzB;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,qBAAqB,GAAG,MAAM,IAAI,CAKlF;AAED,wBAAgB,wBAAwB,IAAI,qBAAqB,CAMhE;AAED,wBAAgB,yBAAyB,IAAI,sBAAsB,GAAG,SAAS,CAE9E;AAED,wBAAgB,sBAAsB,IAAI,MAAM,CAE/C;AAED,wBAAgB,cAAc,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,CAEnE"}

package/dist/visualizer/utils/runtime-config.js

@@ -0,0 +1,76 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+const DEFAULT_STEREO_DEPTH_MAX_VALUE = 8000;
+const EMPTY_NEURAL_CAMERA_INTRINSICS = {};
+const DEFAULT_RUNTIME_CONFIG = Object.freeze({
+    debugLogs: false,
+    streamDiagnostics: false,
+});
+function normalizeStereoDepthMaxValue(value) {
+    if (value == undefined) {
+        return undefined;
+    }
+    return Number.isFinite(value) && value > 0 ? value : DEFAULT_STEREO_DEPTH_MAX_VALUE;
+}
+function normalizeRuntimeConfig(runtimeConfig) {
+    return {
+        neuralCameraIntrinsics: runtimeConfig?.neuralCameraIntrinsics,
+        stereoDepthMaxValue: normalizeStereoDepthMaxValue(runtimeConfig?.stereoDepthMaxValue),
+        perspective: runtimeConfig?.perspective,
+        debugLogs: runtimeConfig?.debugLogs ?? DEFAULT_RUNTIME_CONFIG.debugLogs,
+        streamDiagnostics: runtimeConfig?.streamDiagnostics ?? DEFAULT_RUNTIME_CONFIG.streamDiagnostics,
+    };
+}
+function readInitialRuntimeConfig() {
+    return normalizeRuntimeConfig({});
+}
+let currentRuntimeConfig = readInitialRuntimeConfig();
+const runtimeConfigListeners = new Set();
+function applyRuntimeConfig(runtimeConfig) {
+    const normalizedRuntimeConfig = normalizeRuntimeConfig(runtimeConfig);
+    return normalizedRuntimeConfig;
+}
+function notifyRuntimeConfigListeners() {
+    for (const listener of runtimeConfigListeners) {
+        listener(currentRuntimeConfig);
+    }
+}
+export function getRuntimeConfig() {
+    return currentRuntimeConfig;
+}
+export function setRuntimeConfig(runtimeConfig) {
+    currentRuntimeConfig = applyRuntimeConfig({
+        ...currentRuntimeConfig,
+        ...runtimeConfig,
+    });
+    notifyRuntimeConfigListeners();
+    return currentRuntimeConfig;
+}
+export function resetRuntimeConfig(runtimeConfig = DEFAULT_RUNTIME_CONFIG) {
+    currentRuntimeConfig = applyRuntimeConfig(runtimeConfig);
+    notifyRuntimeConfigListeners();
+    return currentRuntimeConfig;
+}
+export function subscribeRuntimeConfig(listener) {
+    runtimeConfigListeners.add(listener);
+    return () => {
+        runtimeConfigListeners.delete(listener);
+    };
+}
+export function getDecodeRuntimeSettings() {
+    return {
+        neuralCameraIntrinsics: currentRuntimeConfig.neuralCameraIntrinsics ?? EMPTY_NEURAL_CAMERA_INTRINSICS,
+        stereoDepthMaxValue: currentRuntimeConfig.stereoDepthMaxValue ?? DEFAULT_STEREO_DEPTH_MAX_VALUE,
+    };
+}
+export function getNeuralCameraIntrinsics() {
+    return currentRuntimeConfig.neuralCameraIntrinsics;
+}
+export function getStereoDepthMaxValue() {
+    return currentRuntimeConfig.stereoDepthMaxValue ?? DEFAULT_STEREO_DEPTH_MAX_VALUE;
+}
+export function getPerspective(defaultPerspective) {
+    return currentRuntimeConfig.perspective ?? defaultPerspective;
+}
+//# sourceMappingURL=runtime-config.js.map

package/dist/visualizer/utils/runtime-config.js.map

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

package/dist/visualizer/utils/segmentation-colors.d.ts

@@ -0,0 +1,9 @@
+export type SegmentationColor = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare function getSegmentationClassColor(classId: number): SegmentationColor | undefined;
+export declare function isTransparentSegmentationClass(classId: number): boolean;
+//# sourceMappingURL=segmentation-colors.d.ts.map

package/dist/visualizer/utils/segmentation-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmentation-colors.d.ts","sourceRoot":"","sources":["../../../src/visualizer/utils/segmentation-colors.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAMF,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,GAAG,iBAAiB,GAAG,SAAS,CAQxF;AAED,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAEvE"}

package/dist/visualizer/utils/segmentation-colors.js

@@ -0,0 +1,42 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+const SEGMENTATION_ALPHA = 0.5;
+const SEGMENTATION_HUE_OFFSET_DEGREES = 210;
+const GOLDEN_ANGLE_DEGREES = 137.508;
+export function getSegmentationClassColor(classId) {
+    if (isTransparentSegmentationClass(classId)) {
+        return undefined;
+    }
+    const hue = (((classId * GOLDEN_ANGLE_DEGREES + SEGMENTATION_HUE_OFFSET_DEGREES) % 360) + 360) % 360;
+    return hslToRgb(hue, 68, 48, SEGMENTATION_ALPHA);
+}
+export function isTransparentSegmentationClass(classId) {
+    return classId < 0 || classId === 255;
+}
+function hslToRgb(hue, saturationPercent, lightnessPercent, alpha) {
+    const saturation = saturationPercent / 100;
+    const lightness = lightnessPercent / 100;
+    const chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
+    const huePrime = hue / 60;
+    const x = chroma * (1 - Math.abs((huePrime % 2) - 1));
+    const m = lightness - chroma / 2;
+    const [red, green, blue] = huePrime < 1
+        ? [chroma, x, 0]
+        : huePrime < 2
+            ? [x, chroma, 0]
+            : huePrime < 3
+                ? [0, chroma, x]
+                : huePrime < 4
+                    ? [0, x, chroma]
+                    : huePrime < 5
+                        ? [x, 0, chroma]
+                        : [chroma, 0, x];
+    return {
+        r: Math.round((red + m) * 255),
+        g: Math.round((green + m) * 255),
+        b: Math.round((blue + m) * 255),
+        a: alpha,
+    };
+}
+//# sourceMappingURL=segmentation-colors.js.map

package/dist/visualizer/utils/segmentation-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmentation-colors.js","sourceRoot":"","sources":["../../../src/visualizer/utils/segmentation-colors.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAS1D,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,+BAA+B,GAAG,GAAG,CAAC;AAC5C,MAAM,oBAAoB,GAAG,OAAO,CAAC;AAErC,MAAM,UAAU,yBAAyB,CAAC,OAAe;IACvD,IAAI,8BAA8B,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5C,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,GAAG,GACP,CAAC,CAAC,CAAC,OAAO,GAAG,oBAAoB,GAAG,+BAA+B,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAC3F,OAAO,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,kBAAkB,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,8BAA8B,CAAC,OAAe;IAC5D,OAAO,OAAO,GAAG,CAAC,IAAI,OAAO,KAAK,GAAG,CAAC;AACxC,CAAC;AAED,SAAS,QAAQ,CACf,GAAW,EACX,iBAAyB,EACzB,gBAAwB,EACxB,KAAa;IAEb,MAAM,UAAU,GAAG,iBAAiB,GAAG,GAAG,CAAC;IAC3C,MAAM,SAAS,GAAG,gBAAgB,GAAG,GAAG,CAAC;IACzC,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC;IAC9D,MAAM,QAAQ,GAAG,GAAG,GAAG,EAAE,CAAC;IAC1B,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC;IACjC,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GACtB,QAAQ,GAAG,CAAC;QACV,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;QAChB,CAAC,CAAC,QAAQ,GAAG,CAAC;YACZ,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;YAChB,CAAC,CAAC,QAAQ,GAAG,CAAC;gBACZ,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;gBAChB,CAAC,CAAC,QAAQ,GAAG,CAAC;oBACZ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;oBAChB,CAAC,CAAC,QAAQ,GAAG,CAAC;wBACZ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;wBAChB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE7B,OAAO;QACL,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC9B,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAChC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;QAC/B,CAAC,EAAE,KAAK;KACT,CAAC;AACJ,CAAC"}

package/dist/visualizer/utils/time.d.ts

@@ -0,0 +1,7 @@
+import type { Timestamp } from "../protobuf.generated/common.js";
+export type Time = Timestamp;
+export declare function fromMillis(value: number): Time;
+export declare function fromMicros(value: number): Time;
+export declare function isLessThan(left: Time, right: Time): boolean;
+export declare function isGreaterThan(left: Time, right: Time): boolean;
+//# sourceMappingURL=time.d.ts.map

package/dist/visualizer/utils/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../src/visualizer/utils/time.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,MAAM,MAAM,IAAI,GAAG,SAAS,CAAC;AAE7B,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAM9C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAM9C;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,CAE3D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,CAE9D"}

package/dist/visualizer/utils/time.js

@@ -0,0 +1,24 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+export function fromMillis(value) {
+    let sec = Math.trunc(value / 1000);
+    let nsec = Math.round((value - sec * 1000) * 1e6);
+    sec += Math.trunc(nsec / 1e9);
+    nsec %= 1e9;
+    return { sec, nsec };
+}
+export function fromMicros(value) {
+    let sec = Math.trunc(value / 1_000_000);
+    let nsec = Math.round((value - sec * 1_000_000) * 1e3);
+    sec += Math.trunc(nsec / 1e9);
+    nsec %= 1e9;
+    return { sec, nsec };
+}
+export function isLessThan(left, right) {
+    return left.sec < right.sec || (left.sec === right.sec && left.nsec < right.nsec);
+}
+export function isGreaterThan(left, right) {
+    return left.sec > right.sec || (left.sec === right.sec && left.nsec > right.nsec);
+}
+//# sourceMappingURL=time.js.map

package/dist/visualizer/utils/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../../src/visualizer/utils/time.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAM1D,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACnC,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;IAClD,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IAC9B,IAAI,IAAI,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC;IACxC,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC;IACvD,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IAC9B,IAAI,IAAI,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,KAAW;IAChD,OAAO,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACpF,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAU,EAAE,KAAW;IACnD,OAAO,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACpF,CAAC"}

package/dist/visualizer/utils/use-theme-mode.d.ts

@@ -0,0 +1,3 @@
+export type ThemeMode = "dark" | "light";
+export declare function useThemeMode(): ThemeMode;
+//# sourceMappingURL=use-theme-mode.d.ts.map

package/dist/visualizer/utils/use-theme-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme-mode.d.ts","sourceRoot":"","sources":["../../../src/visualizer/utils/use-theme-mode.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAqCzC,wBAAgB,YAAY,IAAI,SAAS,CAgDxC"}

package/dist/visualizer/utils/use-theme-mode.js

@@ -0,0 +1,71 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+import React from "react";
+function readThemeMode() {
+    if (typeof document !== "undefined") {
+        const root = document.documentElement;
+        const body = document.body;
+        const attributes = [
+            root.getAttribute("data-theme"),
+            root.getAttribute("data-color-mode"),
+            root.getAttribute("data-mode"),
+            body?.getAttribute("data-theme"),
+            body?.getAttribute("data-color-mode"),
+            body?.getAttribute("data-mode"),
+        ];
+        for (const value of attributes) {
+            if (value === "dark" || value === "light") {
+                return value;
+            }
+        }
+        if (root.classList.contains("dark") || body?.classList.contains("dark")) {
+            return "dark";
+        }
+        if (root.classList.contains("light") || body?.classList.contains("light")) {
+            return "light";
+        }
+    }
+    if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
+        return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    }
+    return "light";
+}
+export function useThemeMode() {
+    const [themeMode, setThemeMode] = React.useState(() => readThemeMode());
+    React.useEffect(() => {
+        if (typeof window === "undefined" || typeof document === "undefined") {
+            return;
+        }
+        const updateThemeMode = () => {
+            setThemeMode(readThemeMode());
+        };
+        updateThemeMode();
+        const mediaQuery = typeof window.matchMedia === "function"
+            ? window.matchMedia("(prefers-color-scheme: dark)")
+            : undefined;
+        const handleMediaChange = () => {
+            updateThemeMode();
+        };
+        mediaQuery?.addEventListener?.("change", handleMediaChange);
+        const observer = new MutationObserver(() => {
+            updateThemeMode();
+        });
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["class", "data-theme", "data-color-mode", "data-mode"],
+        });
+        if (document.body) {
+            observer.observe(document.body, {
+                attributes: true,
+                attributeFilter: ["class", "data-theme", "data-color-mode", "data-mode"],
+            });
+        }
+        return () => {
+            mediaQuery?.removeEventListener?.("change", handleMediaChange);
+            observer.disconnect();
+        };
+    }, []);
+    return themeMode;
+}
+//# sourceMappingURL=use-theme-mode.js.map

package/dist/visualizer/utils/use-theme-mode.js.map

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

package/package.json

@@ -1,25 +1,32 @@
 {
 	"name": "@luxonis/depthai-viewer-common",
-	"version": "3.7.4",
+	"version": "3.7.6",
 	"description": "Common utilities and components for building a frontend application for DepthAI projects",
-	"license": "ISC",
+	"license": "Apache-2.0 AND MPL-2.0",
 	"author": "Luxonis Holding Corporation",
 	"type": "module",
 	"main": "dist/index.js",
 	"exports": {
 		".": "./dist/index.js",
 		"./styles": "./dist/index.css",
+		"./visualizer": "./dist/visualizer/index.js",
+		"./visualizer/*": "./dist/visualizer/*",
 		"./vite": {
 			"import": "./dist/utils/vite-dev-fix.js",
 			"require": "./dist/utils/vite-dev-fix.cjs"
 		}
 	},
 	"scripts": {
+		"gen:proto": "bash ./protobuf-gen.sh",
+		"gen:proto:win": "powershell -NoProfile -ExecutionPolicy Bypass -File ./protobuf-gen.win.ps1",
 		"tailwind": "tailwindcss -i ./src/index.css -o ./dist/index.css",
-		"build": "tsc --build && npm run tailwind && cp -r ./src/fonts ./dist/fonts",
-		"build:win": "tsc -p tsconfig.json && npm run tailwind && xcopy src\\fonts dist\\fonts /E /I /Y",
+		"tailwind:visualizer": "tailwindcss -i ./src/visualizer/index.css -o ./src/visualizer/output.css",
+		"build": "npm run gen:proto && npm run tailwind:visualizer && tsc --build && npm run tailwind && cp -r ./src/fonts ./dist/fonts && cp -r ./src/visualizer/fonts ./dist/visualizer/fonts && cp ./src/visualizer/output.css ./dist/visualizer/output.css",
+		"build:win": "npm run gen:proto:win && npm run tailwind:visualizer && tsc -p tsconfig.json && npm run tailwind && xcopy src\\fonts dist\\fonts /E /I /Y && xcopy src\\visualizer\\fonts dist\\visualizer\\fonts /E /I /Y && copy /Y src\\visualizer\\output.css dist\\visualizer\\output.css",
 		"build:clean": "rm -fr ../../node_modules/.tmp/tsconfig-common.tsbuildinfo dist && npm run build",
 		"build:clean:win": "if exist ..\\..\\node_modules\\.tmp\\tsconfig-common.tsbuildinfo del /Q ..\\..\\node_modules\\.tmp\\tsconfig-common.tsbuildinfo & if exist dist rmdir /S /Q dist & npm run build:win",
+		"fixtures:decode": "node ./scripts/run-decoder-fixtures.mjs",
+		"fixtures:browser:build": "vite build --config scripts/fixtures.vite.config.mjs",
 		"check-deps": "npm run deps:check -w @luxonis/depthai-web-viewer",
 		"prepublishOnly": "npm run check-deps && npm run build:clean",
 		"benchmark:raw": "./benchmark.sh run",
@@ -29,16 +36,34 @@
 		"access": "public"
 	},
 	"dependencies": {
+		"@bufbuild/protobuf": "^2.12.0",
+		"@luxonis/depthai-pipeline-lib": "*",
+		"@luxonis/remote-connection": "3.0.0",
 		"@luxonis/ui-components": "^1.3.2",
 		"@luxonis/ui-utils": "^1.0.4",
-		"@luxonis/depthai-pipeline-lib": "*",
-		"@luxonis/visualizer-protobuf": "*",
+		"comlink": "^4.4.2",
+		"extend": "3.0.2",
 		"lodash": "^4.18.1",
+		"object-assign": "4.1.1",
+		"react-dnd": "16.0.1",
+		"react-dnd-html5-backend": "16.0.1",
+		"react-icons": "^5.6.0",
+		"react-mosaic-component": "6.1.1",
 		"react-resizable-panels": "^2.1.3",
-		"zod": "4.4.3"
+		"react-syntax-highlighter": "^16.1.1",
+		"shallowequal": "1.1.0",
+		"three": "^0.184.0",
+		"uuidv7": "^1.2.1",
+		"zod": "4.4.3",
+		"zustand": "4.5.7"
 	},
 	"devDependencies": {
-		"react": "19.2.5"
+		"@types/dom-webcodecs": "^0.1.18",
+		"@types/shallowequal": "^1.1.5",
+		"@types/three": "^0.184.0",
+		"@webgpu/types": "^0.1.69",
+		"react": "19.2.5",
+		"ts-proto": "^2.11.6"
 	},
 	"peerDependencies": {
 		"react": "19.2.5",

package/protobuf-gen.sh

@@ -0,0 +1,87 @@
+#!/bin/bash
+
+set -e
+
+SCRIPT_DIR=$(cd -- "$(dirname -- "${BASH_SOURCE[0]}")" && pwd)
+TS_PROTO_PLUGIN=$(command -v protoc-gen-ts_proto || true)
+
+if [ -z "$TS_PROTO_PLUGIN" ]; then
+  TS_PROTO_PLUGIN="$SCRIPT_DIR/node_modules/.bin/protoc-gen-ts_proto"
+fi
+
+CONTEXT="Protobuf Gen"
+source "./build-utils.sh"
+
+# TODO: Move to params
+GH_REPO="luxonis/depthai-core"
+GH_PATH="protos"
+GH_BRANCH="develop"
+
+# TODO: Ensure protoc is installed
+# TODO: Validate location
+
+start "Fetching protobuf definitions"
+FILES=$(curl -s "https://api.github.com/repos/$GH_REPO/contents/$GH_PATH?ref=$GH_BRANCH" | jq -r '.[] | select(.type=="file" and (.name | tostring | endswith(".proto"))) | .download_url')
+mkdir -p ./~proto
+pushd ./~proto >/dev/null
+for FILE_URL in $FILES; do
+  FILE_NAME=$(basename "$FILE_URL")
+  echo "- $FILE_NAME"
+  curl -sO "$FILE_URL"
+done
+finish
+
+start "Compiling protobuf definitions"
+mkdir -p ../src/visualizer/protobuf.generated
+shopt -s nullglob
+PROTO_FILES=(./*.proto)
+shopt -u nullglob
+
+if [ ${#PROTO_FILES[@]} -eq 0 ]; then
+  if find ../src/visualizer/protobuf.generated -maxdepth 1 -name '*.ts' | grep -q .; then
+    echo "No protobuf definitions were downloaded, reusing existing generated sources."
+  else
+    echo "No protobuf definitions were downloaded and no generated sources are available."
+    exit 1
+  fi
+else
+  if [ ! -x "$TS_PROTO_PLUGIN" ]; then
+    echo "Missing ts-proto protoc plugin at $TS_PROTO_PLUGIN"
+    echo "Install dependencies before running protobuf generation."
+    exit 1
+  fi
+
+  protoc \
+    --experimental_allow_proto3_optional \
+    --plugin="$TS_PROTO_PLUGIN" \
+    --ts_proto_opt=esModuleInterop=true \
+    --ts_proto_opt=importSuffix=.js \
+    --ts_proto_out=../src/visualizer/protobuf.generated \
+    "${PROTO_FILES[@]}"
+fi
+popd >/dev/null
+rm -f ./~proto/* 2>/dev/null || true
+rmdir ./~proto 2>/dev/null || true
+finish
+
+start "Adding protobuf names"
+pushd ./src/visualizer/protobuf.generated >/dev/null
+if command -v gsed >/dev/null 2>&1; then
+  SED_BIN="gsed"
+  SED_INPLACE_ARGS=(-i)
+elif sed --version >/dev/null 2>&1; then
+  SED_BIN="sed"
+  SED_INPLACE_ARGS=(-i)
+else
+  SED_BIN="sed"
+  SED_INPLACE_ARGS=(-i "")
+fi
+for FILE_NAME in *.ts; do
+  PROTO_NAME="${FILE_NAME%.*}"
+  "$SED_BIN" "${SED_INPLACE_ARGS[@]}" '/^export const protobufName = /d' "$FILE_NAME"
+  echo "export const protobufName = \"$PROTO_NAME\";" >> "$FILE_NAME"
+done
+popd >/dev/null
+finish
+
+finish_build

package/protobuf-gen.win.ps1

@@ -0,0 +1,130 @@
+$ErrorActionPreference = 'Stop'
+
+$scriptDir = Split-Path -Parent $MyInvocation.MyCommand.Path
+$workspaceRoot = Resolve-Path (Join-Path $scriptDir '..\..')
+$outputDir = Join-Path $scriptDir 'src\visualizer\protobuf.generated'
+$tempProtoDir = Join-Path $scriptDir '~proto'
+
+$protoRepo = 'luxonis/depthai-core'
+$protoPath = 'protos'
+$protoBranch = 'develop'
+$requestHeaders = @{
+	'User-Agent' = 'depthai-visualizer-protobuf-build-win'
+}
+
+try {
+	[Net.ServicePointManager]::SecurityProtocol = [Net.ServicePointManager]::SecurityProtocol -bor [Net.SecurityProtocolType]::Tls12
+}
+catch {
+	# Ignore if the host PowerShell does not expose TLS configuration.
+}
+
+$pluginPathCandidates = @(
+	(Join-Path $scriptDir 'node_modules\.bin\protoc-gen-ts_proto.cmd'),
+	(Join-Path $workspaceRoot 'node_modules\.bin\protoc-gen-ts_proto.cmd')
+)
+
+$pluginPath = $pluginPathCandidates | Where-Object { Test-Path $_ } | Select-Object -First 1
+if (-not $pluginPath) {
+	Write-Error 'Unable to locate protoc-gen-ts_proto.cmd in workspace or package node_modules/.bin'
+	exit 1
+}
+
+# --- Step 1: Fetch .proto files into ~proto/ (mirrors protobuf-gen.sh) ---
+
+Write-Host '[Protobuf Gen] Fetching protobuf definitions...'
+
+if (Test-Path $tempProtoDir) { Remove-Item -Path $tempProtoDir -Recurse -Force }
+New-Item -ItemType Directory -Path $tempProtoDir -Force | Out-Null
+
+try {
+	$apiUrl = "https://api.github.com/repos/${protoRepo}/contents/${protoPath}?ref=${protoBranch}"
+	$entriesResponse = Invoke-RestMethod -Uri $apiUrl -Headers $requestHeaders
+
+	# GitHub returns a single object with a 'message' field on errors (rate limit, 404, etc.)
+	if ($null -eq $entriesResponse) {
+		throw 'GitHub API returned an empty response'
+	}
+
+	if ($entriesResponse -isnot [System.Array] -and ($entriesResponse.PSObject.Properties.Name -contains 'message')) {
+		throw "GitHub API error: $($entriesResponse.message)"
+	}
+
+	$entries = @($entriesResponse)
+	$downloadUrls = @($entries |
+		Where-Object { $_.type -eq 'file' -and $_.name -like '*.proto' -and $_.download_url } |
+		Select-Object -ExpandProperty download_url)
+
+	if ($downloadUrls.Count -eq 0) { throw 'GitHub API returned no .proto files in the expected location' }
+
+	foreach ($url in $downloadUrls) {
+		$fileName = Split-Path -Path $url -Leaf
+		Write-Host "- $fileName"
+		Invoke-WebRequest -Uri $url -Headers $requestHeaders -OutFile (Join-Path $tempProtoDir $fileName)
+	}
+}
+catch {
+	Write-Warning "[Protobuf Gen] Failed to fetch definitions: $($_.Exception.Message)"
+}
+
+# --- Step 2: Compile if files were downloaded, else reuse existing .ts sources ---
+
+Write-Host '[Protobuf Gen] Compiling protobuf definitions...'
+
+$downloadedProtos = @(Get-ChildItem -Path $tempProtoDir -Filter *.proto -File)
+
+New-Item -ItemType Directory -Path $outputDir -Force | Out-Null
+$resolvedOutputDir = (Resolve-Path $outputDir).Path
+
+if ($downloadedProtos.Count -gt 0) {
+	$protoSourceDir = $tempProtoDir
+	$protoFiles = $downloadedProtos | ForEach-Object { $_.Name }
+}
+else {
+	# Fallback 1: compile committed .proto files from src/protobuf.generated
+	$localProtos = @(Get-ChildItem -Path $outputDir -Filter *.proto -File)
+	if ($localProtos.Count -gt 0) {
+		Write-Host '[Protobuf Gen] No protobuf definitions were downloaded, compiling local .proto files.'
+		$protoSourceDir = $resolvedOutputDir
+		$protoFiles = $localProtos | ForEach-Object { $_.Name }
+	}
+	# Fallback 2 (matches protobuf-gen.sh): reuse existing generated .ts files
+	elseif (@(Get-ChildItem -Path $outputDir -Filter *.ts -File).Count -gt 0) {
+		Write-Host '[Protobuf Gen] No protobuf definitions were downloaded, reusing existing generated sources.'
+		$protoSourceDir = $null
+	}
+	else {
+		Write-Error '[Protobuf Gen] No protobuf definitions were downloaded and no generated sources are available.'
+		exit 1
+	}
+}
+
+if ($protoSourceDir) {
+	$protocCommand = Get-Command protoc -ErrorAction SilentlyContinue
+	if (-not $protocCommand) {
+		Write-Error '[Protobuf Gen] Unable to locate protoc on PATH. Install the Protocol Buffers compiler and restart the shell.'
+		exit 1
+	}
+
+	Push-Location $protoSourceDir
+	& $protocCommand.Source -I . --experimental_allow_proto3_optional --plugin=protoc-gen-ts_proto=$pluginPath --ts_proto_opt=esModuleInterop=true --ts_proto_opt=importSuffix=.js --ts_proto_out=$resolvedOutputDir $protoFiles
+	$exitCode = $LASTEXITCODE
+	Pop-Location
+
+	if ($exitCode -ne 0) { exit $exitCode }
+}
+
+if (Test-Path $tempProtoDir) { Remove-Item -Path $tempProtoDir -Recurse -Force }
+
+# --- Step 3: Append protobufName exports (mirrors protobuf-gen.sh) ---
+
+Write-Host '[Protobuf Gen] Adding protobuf names...'
+
+Get-ChildItem $resolvedOutputDir -Filter *.ts | ForEach-Object {
+	$protoName = [System.IO.Path]::GetFileNameWithoutExtension($_.Name)
+	$content = Get-Content $_.FullName | Where-Object { $_ -notmatch '^export const protobufName = ' }
+	$line = ('export const protobufName = ''{0}'';' -f $protoName)
+	Set-Content -Path $_.FullName -Value ($content + $line)
+}
+
+Write-Host '[Protobuf Gen] BUILD SUCCESSFUL'