@luxonis/depthai-viewer-common 0.0.2 → 0.0.4

package/dist/components/ButtonLink.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+import { type ButtonProps } from '@luxonis/common-fe-components';
+import { type LinkProps } from './Link.js';
+export type ButtonLinkProps = ButtonProps & {
+    linkProps: LinkProps;
+};
+export declare const ButtonLink: React.FC<ButtonLinkProps>;
+//# sourceMappingURL=ButtonLink.d.ts.map

package/dist/components/ButtonLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../src/components/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC3C,SAAS,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAGhD,CAAC"}

package/dist/components/ButtonLink.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@luxonis/common-fe-components';
+import { Link } from './Link.js';
+export const ButtonLink = ({ linkProps, ...buttonProps }) => {
+    const button = _jsx(Button, { ...buttonProps });
+    return !buttonProps.disabled ? _jsx(Link, { ...linkProps, children: button }) : button;
+};
+//# sourceMappingURL=ButtonLink.js.map

package/dist/components/ButtonLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.js","sourceRoot":"","sources":["../../src/components/ButtonLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAoB,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AAMjD,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,KAAC,MAAM,OAAK,WAAW,GAAI,CAAC;IAC3C,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,OAAK,SAAS,YAAG,MAAM,GAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9E,CAAC,CAAC"}

package/dist/components/CTASubLabel.d.ts

@@ -0,0 +1,2 @@
+export declare const CTASubLabel: () => false | import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CTASubLabel.d.ts.map

package/dist/components/CTASubLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTASubLabel.d.ts","sourceRoot":"","sources":["../../src/components/CTASubLabel.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,uDAgCvB,CAAC"}

package/dist/components/CTASubLabel.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink, Flex, SubLabel } from '@luxonis/common-fe-components';
+import { useConnection } from '../providers/ConnectionProvider.js';
+import React from 'react';
+const DISPLAY_LABEL_TIMEOUT = 30_000;
+export const CTASubLabel = () => {
+    const { connected, topics } = useConnection();
+    const [shouldDisplayLabel, setShouldDisplayLabel] = React.useState(false);
+    React.useEffect(() => {
+        if (connected && topics.length === 0 && !shouldDisplayLabel) {
+            const timeout = setTimeout(() => setShouldDisplayLabel(true), DISPLAY_LABEL_TIMEOUT);
+            return () => clearTimeout(timeout);
+        }
+    }, [connected, topics, shouldDisplayLabel]);
+    return (shouldDisplayLabel && (_jsx(Flex, { textAlign: "center", children: _jsx(SubLabel, { text: _jsxs("p", { children: ["You can purchase an OAK camera from the", ' ', _jsx(ExternalLink, { raw: true, to: "https://shop.luxonis.com", color: "light.active", children: _jsx(SubLabel, { color: "link", text: "Luxonis Store" }) }), ". After your purchase,", _jsx("br", {}), " explore the", ' ', _jsx(ExternalLink, { raw: true, to: "https://rvc4.docs.luxonis.com/hardware", color: "light.active", children: _jsx(SubLabel, { color: "link", text: "Luxonis Documentation" }) }), ' ', "for comprehensive setup tutorials to get started."] }) }) })));
+};
+//# sourceMappingURL=CTASubLabel.js.map

package/dist/components/CTASubLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTASubLabel.js","sourceRoot":"","sources":["../../src/components/CTASubLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,qBAAqB,GAAG,MAAe,CAAC;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IAC9C,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,SAAS,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC7D,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,qBAAqB,CAAC,CAAC;YACrF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5C,OAAO,CACN,kBAAkB,IAAI,CACrB,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YACvB,KAAC,QAAQ,IACR,IAAI,EACH,mEACyC,GAAG,EAC3C,KAAC,YAAY,IAAC,GAAG,QAAC,EAAE,EAAC,0BAA0B,EAAC,KAAK,EAAC,cAAc,YACnE,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,GAAG,GAChC,4BAEf,cAAM,kBAAa,GAAG,EACtB,KAAC,YAAY,IAAC,GAAG,QAAC,EAAE,EAAC,wCAAwC,EAAC,KAAK,EAAC,cAAc,YACjF,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,uBAAuB,GAAG,GACxC,EAAC,GAAG,yDAEhB,GAEJ,GACI,CACP,CACD,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Link.d.ts

@@ -0,0 +1,5 @@
+export type LinkProps = {
+    to: 'pipeline' | 'streams';
+};
+export declare const Link: React.FC<React.PropsWithChildren<LinkProps>>;
+//# sourceMappingURL=Link.d.ts.map

package/dist/components/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,UAAU,GAAG,SAAS,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAI7D,CAAC"}

package/dist/components/Link.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link as _Link } from 'react-router-dom';
+import { useNavigation } from '../hooks/navigation.js';
+export const Link = ({ to, children }) => {
+    const { makePath } = useNavigation();
+    return _jsx(_Link, { to: makePath(to), children: children });
+};
+//# sourceMappingURL=Link.js.map

package/dist/components/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/components/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAIvD,MAAM,CAAC,MAAM,IAAI,GAAiD,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtF,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAErC,OAAO,KAAC,KAAK,IAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,CAAC,YAAG,QAAQ,GAAS,CAAC;AACpD,CAAC,CAAC"}

package/dist/components/Pipeline.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Pipeline: React.FC;
+//# sourceMappingURL=Pipeline.d.ts.map

package/dist/components/Pipeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pipeline.d.ts","sourceRoot":"","sources":["../../src/components/Pipeline.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EA2B5B,CAAC"}

package/dist/components/Pipeline.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex, Header } from '@luxonis/common-fe-components';
+import { PipelineCanvas } from '@luxonis/depthai-pipeline-lib';
+import { useConnection } from '../providers/ConnectionProvider.js';
+import React from 'react';
+const PIPELINE_LOADING_TIMEOUT = 60_000;
+export const Pipeline = () => {
+    const { pipeline, isPipelineLoading, setIsPipelineLoading } = useConnection();
+    React.useEffect(() => {
+        if (isPipelineLoading && pipeline === undefined) {
+            const timeout = setTimeout(() => {
+                setIsPipelineLoading(false);
+            }, PIPELINE_LOADING_TIMEOUT);
+            return () => clearTimeout(timeout);
+        }
+    }, [isPipelineLoading, pipeline, setIsPipelineLoading]);
+    if (isPipelineLoading) {
+        return (_jsx(Flex, { align: "center", justify: "center", full: true, children: _jsx(Header, { text: "Loading pipeline..." }) }));
+    }
+    return pipeline === undefined ? (_jsx(Flex, { align: "center", justify: "center", full: true, children: _jsx(Header, { text: "Pipeline is not available" }) })) : (_jsx(PipelineCanvas, { pipeline: pipeline, height: "full" }));
+};
+//# sourceMappingURL=Pipeline.js.map

package/dist/components/Pipeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pipeline.js","sourceRoot":"","sources":["../../src/components/Pipeline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAa,GAAG,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,GAAG,aAAa,EAAE,CAAC;IAE9E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,iBAAiB,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YACjD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC,EAAE,wBAAwB,CAAC,CAAC;YAC7B,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACF,CAAC,EAAE,CAAC,iBAAiB,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAExD,IAAI,iBAAiB,EAAE,CAAC;QACvB,OAAO,CACN,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,kBACzC,KAAC,MAAM,IAAC,IAAI,EAAC,qBAAqB,GAAG,GAC/B,CACP,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CAC/B,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,kBACzC,KAAC,MAAM,IAAC,IAAI,EAAC,2BAA2B,GAAG,GACrC,CACP,CAAC,CAAC,CAAC,CACH,KAAC,cAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAC,MAAM,GAAG,CACpD,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Resizable.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type ResizableItem = {
+    component: React.ReactNode;
+};
+export type ResizableLayoutProps = {
+    id?: string | null;
+    items: ResizableItem[][];
+};
+export declare const ResizableLayout: React.FC<ResizableLayoutProps>;
+//# sourceMappingURL=Resizable.d.ts.map

package/dist/components/Resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/components/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAClC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2C1D,CAAC"}

package/dist/components/Resizable.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
+export const ResizableLayout = ({ items, id = 'resizable-layout', }) => {
+    const groupStyles = React.useMemo(() => ({
+        display: 'flex',
+        gap: '5px',
+    }), []);
+    const panels = React.useMemo(() => items.map((row, rowIndex) => (_jsxs(React.Fragment, { children: [_jsx(Panel, { order: rowIndex, children: _jsx(PanelGroup, { autoSaveId: id && `${id}-${rowIndex}`, direction: "horizontal", style: groupStyles, children: row.map((item, itemIndex) => (_jsxs(React.Fragment, { children: [_jsx(Panel, { order: itemIndex, style: { display: 'flex' }, children: item.component }), itemIndex !== row.length - 1 && _jsx(PanelResizeHandle, {})] }, `resizable-row-${rowIndex}-item-${itemIndex}`))) }) }), rowIndex !== items.length - 1 && _jsx(PanelResizeHandle, {})] }, `resizable-row-${rowIndex}`))), [groupStyles, id, items]);
+    return (_jsx(PanelGroup, { autoSaveId: id, direction: "vertical", style: groupStyles, children: panels }));
+};
+//# sourceMappingURL=Resizable.js.map

package/dist/components/Resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sourceRoot":"","sources":["../../src/components/Resizable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAW9E,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC/D,KAAK,EACL,EAAE,GAAG,kBAAkB,GACvB,EAAE,EAAE;IACJ,MAAM,WAAW,GAAwB,KAAK,CAAC,OAAO,CACrD,GAAG,EAAE,CAAC,CAAC;QACN,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK;KACV,CAAC,EACF,EAAE,CACF,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACJ,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,CAAC,QAAQ,eACd,KAAC,KAAK,IAAC,KAAK,EAAE,QAAQ,YACrB,KAAC,UAAU,IACV,UAAU,EAAE,EAAE,IAAI,GAAG,EAAE,IAAI,QAAQ,EAAE,EACrC,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,WAAW,YAEjB,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC7B,MAAC,KAAK,CAAC,QAAQ,eACd,KAAC,KAAK,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YACjD,IAAI,CAAC,SAAS,GACR,EACP,SAAS,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,iBAAiB,KAAG,KAJlC,iBAAiB,QAAQ,SAAS,SAAS,EAAE,CAKjD,CACjB,CAAC,GACU,GACN,EACP,QAAQ,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,iBAAiB,KAAG,KAjBnC,iBAAiB,QAAQ,EAAE,CAkB/B,CACjB,CAAC,EACH,CAAC,WAAW,EAAE,EAAE,EAAE,KAAK,CAAC,CACxB,CAAC;IAEF,OAAO,CACN,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,EAAE,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,WAAW,YACjE,MAAM,GACK,CACb,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Streams.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Configuration } from '@luxonis/depthai-viewer/src/models/configuration.js';
+export declare const Streams: React.FC<{
+    targetFps?: number;
+    triggerToast?: () => void;
+    setIsRawSteamEnabledManually?: (value: boolean) => void;
+    isRawSteamEnabledManually?: boolean;
+    deviceOptions?: Configuration | null;
+}>;
+//# sourceMappingURL=Streams.d.ts.map

package/dist/components/Streams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Streams.d.ts","sourceRoot":"","sources":["../../src/components/Streams.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AA4FzF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,4BAA4B,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACrC,CA4IA,CAAC"}

package/dist/components/Streams.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger, Flex, Header, Input, NormalText, SubHeader, Tooltip, } from '@luxonis/common-fe-components';
+import { ImagePanel, PanelLayout, PointCloudPanel } from '@luxonis/visualizer-protobuf';
+import React from 'react';
+import { ResizableLayout } from '@luxonis/depthai-viewer-common';
+import { StreamTypes } from '../constants/streams.js';
+import { useConnection } from '../providers/ConnectionProvider.js';
+import { useData } from '../providers/DataProvider.js';
+import { makeColumns } from '../utils/arrays.js';
+import { CTASubLabel } from './CTASubLabel.js';
+import { FaUsersViewfinder as VisualizerIcon } from 'react-icons/fa6';
+import { sortStreamsDefault } from '../utils/sorting.js';
+const EnabledStreamsView = ({ topics, targetFps, triggerToast, isRawSteamEnabledManually, setIsRawSteamEnabledManually, }) => {
+    const { toggleTopic, topics: allTopics } = useConnection();
+    const items = React.useMemo(() => {
+        return topics.map((row) => {
+            let filteredRow = row.filter((topic) => !topic.name.startsWith('_'));
+            if (filteredRow.some((topic) => topic.name === StreamTypes.PointCloud) &&
+                filteredRow.some((topic) => topic.name !== StreamTypes.Encoded) &&
+                !isRawSteamEnabledManually) {
+                filteredRow = filteredRow.filter((topic) => topic.name !== StreamTypes.Encoded);
+            }
+            return filteredRow.map(({ name, annotations, extraAnnotations, kind }) => ({
+                component: kind === 'pointCloud' || name === StreamTypes.PointCloud ? (_jsx(PointCloudPanel, { toggleTopic: (topic) => {
+                        if (allTopics.find((t) => t.name === StreamTypes._PointCloudColor)) {
+                            toggleTopic(StreamTypes._PointCloudColor);
+                        }
+                        else if (allTopics.find((t) => t.name === StreamTypes.Encoded)) {
+                            toggleTopic(StreamTypes.Encoded);
+                        }
+                        toggleTopic(topic);
+                    }, topic: name }, name)) : name !== StreamTypes.Raw &&
+                    name !== StreamTypes.LeftRaw &&
+                    name !== StreamTypes.RightRaw &&
+                    !navigator.userAgent.includes('Chrome') ? (_jsx(PanelLayout, { children: _jsxs(Flex, { full: true, justify: "center", align: "center", direction: "column", gap: "sm", textAlign: "center", children: [_jsx(SubHeader, { text: `${name} is only supported in Google Chrome.` }), _jsx(SubHeader, { text: "Please switch to Chrome for the best experience." })] }) })) : (_jsx(ImagePanel, { toggleTopic: (topic) => {
+                        if (isRawSteamEnabledManually && topic === StreamTypes.Encoded) {
+                            setIsRawSteamEnabledManually?.(false);
+                        }
+                        toggleTopic(topic);
+                    }, topic: name, annotationTopics: annotations, extraAnnotationTopics: extraAnnotations, targetFps: targetFps, triggerToast: triggerToast, disableAnnotations: name === StreamTypes.LeftRaw ||
+                        name === StreamTypes.RightRaw ||
+                        name === StreamTypes.LeftEncoded ||
+                        name === StreamTypes.RightEncoded }, name)),
+            }));
+        });
+    }, [topics, targetFps, triggerToast, isRawSteamEnabledManually, setIsRawSteamEnabledManually]);
+    return _jsx(ResizableLayout, { items: items });
+};
+export const Streams = ({ targetFps, triggerToast, isRawSteamEnabledManually = true, setIsRawSteamEnabledManually, deviceOptions, }) => {
+    const { changeWsUrl, columns, connectionType, wsUrl } = useData();
+    const { connected, topics, toggleTopic } = useConnection();
+    const [shouldDisplayHelper, setShouldDisplayHelper] = React.useState(false);
+    const [connecting, setConnecting] = React.useState(false);
+    const enabledTopics = React.useMemo(() => makeColumns(topics.filter((topic) => !topic.name.startsWith('_')).filter((topic) => topic.enabled), columns), [columns, topics]);
+    const wsUrlRef = React.useRef(null);
+    const handleChangeUrl = React.useCallback(() => wsUrlRef.current?.value && changeWsUrl(wsUrlRef.current.value), [changeWsUrl]);
+    const shouldSuggestUrlChange = React.useMemo(() => window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1', []);
+    React.useEffect(() => {
+        if (!shouldDisplayHelper && !shouldSuggestUrlChange) {
+            setTimeout(() => {
+                setShouldDisplayHelper(true);
+            }, 10_000);
+        }
+    }, [shouldDisplayHelper, shouldSuggestUrlChange]);
+    const sortedTopics = React.useMemo(() => sortStreamsDefault(topics.filter((topic) => !topic.name.startsWith('_'))), [topics]);
+    // TODO: Store detections in url or global provider
+    // to persist on re-renders
+    return (_jsx(PanelLayout, { children: enabledTopics.length === 0 || enabledTopics[0].length === 0 ? (_jsxs(Flex, { full: true, justify: "center", align: "center", direction: "column", gap: "sm", children: [_jsx(Header, { text: connected ? (sortedTopics.length === 0 ? ('DepthAI connected, awaiting device...') : (_jsxs("p", { children: ["To view stream(s), select it with Streams Button", ' ', _jsxs(DropdownMenu, { children: [_jsx(Tooltip, { content: "Streams", children: _jsx(DropdownMenuTrigger, { children: _jsx(Button, { icon: VisualizerIcon, variant: "outline", colorVariant: "white" }) }) }), _jsx(DropdownMenuContent, { children: sortedTopics.map((topic, i) => (_jsx(DropdownMenuCheckboxItem, { onClick: () => toggleTopic(topic.name), children: topic.name }, i))) })] }), ' ', "either here or in the top right corner"] }))) : // TODO: connection details (state, errors, retries, webrtc stage)
+                        connectionType === 'ws' ? ('Connecting to DepthAI via WebSocket...') : ('Connecting to DepthAI via WebRTC...') }), !connected &&
+                    (shouldSuggestUrlChange ? (_jsxs(_Fragment, { children: [_jsx(SubHeader, { text: connectionType === 'ws' ? 'Use another URL?' : 'Connect via WebSocket?' }), _jsx("form", { onSubmit: (event) => {
+                                    event.stopPropagation();
+                                    event.preventDefault();
+                                    setConnecting(true);
+                                    handleChangeUrl();
+                                }, children: _jsxs(Flex, { children: [_jsx(Input, { type: "text", ref: wsUrlRef, placeholder: wsUrl, roundedRight: 0, onChange: () => setConnecting(false) }), _jsx(Button, { type: "submit", label: connecting ? 'Connecting...' : 'Connect', style: {
+                                                borderTopLeftRadius: 0,
+                                                borderBottomLeftRadius: 0,
+                                            } })] }) })] })) : (shouldDisplayHelper && (_jsx(NormalText, { text: "Please check that you have the correct link to DepthAI Visualizer and that your device is running. You need a new link after any app or device restart." })))), _jsx(CTASubLabel, {})] })) : (_jsx(EnabledStreamsView, { topics: enabledTopics, targetFps: targetFps, triggerToast: triggerToast, isRawSteamEnabledManually: isRawSteamEnabledManually, setIsRawSteamEnabledManually: setIsRawSteamEnabledManually, deviceOptions: deviceOptions })) }));
+};
+//# sourceMappingURL=Streams.js.map

package/dist/components/Streams.js.map

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

package/dist/constants/connection.d.ts

@@ -0,0 +1,36 @@
+export type DAIResponse<T = any> = {
+    data: T;
+    error: Error | string | null;
+    message: string | null;
+    status: number;
+};
+export declare const DAI_SERVICE_NAME: {
+    topicGroups: string;
+    pipelineSchema: string;
+    keyPressed: string;
+    getDevices: string;
+    startDevice: string;
+    stopDevice: string;
+    getDeviceOptions: string;
+    getFpsRange: string;
+    getSensors: string;
+    setSensors: string;
+    getStereoDepth: string;
+    setStereoDepth: string;
+    getStereoDepthPreset: string;
+    setStereoDepthPreset: string;
+    getStereoDepthCalibration: string;
+    setStereoDepthCalibration: string;
+    setIr: string;
+    setPointCloud: string;
+    setThermal: string;
+    getCameraIntrinsics: string;
+    getNeuralNetworks: string;
+    setNeuralNetwork: string;
+    getNeuralNetworkConfiguration: string;
+    setNeuralNetworkConfiguration: string;
+};
+export declare const SIGNALING_SERVER_URL = "wss://signal.cloud.luxonis.com/session/";
+export declare const ICE_SERVERS_API_ENDPOINT = "https://signal.cloud-stg.luxonis.com/api/v1/turn-credentials";
+export declare const DEFAULT_ICE_SERVERS: RTCIceServer[];
+//# sourceMappingURL=connection.d.ts.map

package/dist/constants/connection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection.d.ts","sourceRoot":"","sources":["../../src/constants/connection.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,GAAG,IAAI;IAClC,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CA4B5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,4CAA4C,CAAC;AAC9E,eAAO,MAAM,wBAAwB,iEAC0B,CAAC;AAEhE,eAAO,MAAM,mBAAmB,EAAE,YAAY,EAE7C,CAAC"}

package/dist/constants/connection.js

@@ -0,0 +1,35 @@
+export const DAI_SERVICE_NAME = {
+    topicGroups: 'topicGroups',
+    pipelineSchema: 'pipelineSchema',
+    keyPressed: 'keyPressed',
+    // Devices
+    getDevices: 'getDevices',
+    startDevice: 'startDevice',
+    stopDevice: 'stopDevice',
+    getDeviceOptions: 'getDeviceOptions',
+    getFpsRange: 'getFpsRange',
+    // Configs
+    getSensors: 'getSensors',
+    setSensors: 'setSensors',
+    getStereoDepth: 'getStereoDepth',
+    setStereoDepth: 'setStereoDepth',
+    getStereoDepthPreset: 'getStereoDepthPreset',
+    setStereoDepthPreset: 'setStereoDepthPreset',
+    getStereoDepthCalibration: 'getStereoDepthCalibration',
+    setStereoDepthCalibration: 'setStereoDepthCalibration',
+    setIr: 'setIr',
+    setPointCloud: 'setPointCloud',
+    setThermal: 'setThermal',
+    getCameraIntrinsics: 'getCameraIntrinsics',
+    // Neural networks
+    getNeuralNetworks: 'getNeuralNetworks',
+    setNeuralNetwork: 'setNeuralNetwork',
+    getNeuralNetworkConfiguration: 'getNeuralNetworkConfiguration',
+    setNeuralNetworkConfiguration: 'setNeuralNetworkConfiguration',
+};
+export const SIGNALING_SERVER_URL = 'wss://signal.cloud.luxonis.com/session/';
+export const ICE_SERVERS_API_ENDPOINT = 'https://signal.cloud-stg.luxonis.com/api/v1/turn-credentials';
+export const DEFAULT_ICE_SERVERS = [
+    { urls: ['stun:stun.l.google.com:19302', 'stun:stun1.l.google.com:19302'] },
+];
+//# sourceMappingURL=connection.js.map

package/dist/constants/connection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection.js","sourceRoot":"","sources":["../../src/constants/connection.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,WAAW,EAAE,aAAa;IAC1B,cAAc,EAAE,gBAAgB;IAChC,UAAU,EAAE,YAAY;IACxB,UAAU;IACV,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAC1B,UAAU,EAAE,YAAY;IACxB,gBAAgB,EAAE,kBAAkB;IACpC,WAAW,EAAE,aAAa;IAC1B,UAAU;IACV,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,cAAc,EAAE,gBAAgB;IAChC,cAAc,EAAE,gBAAgB;IAChC,oBAAoB,EAAE,sBAAsB;IAC5C,oBAAoB,EAAE,sBAAsB;IAC5C,yBAAyB,EAAE,2BAA2B;IACtD,yBAAyB,EAAE,2BAA2B;IACtD,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,UAAU,EAAE,YAAY;IACxB,mBAAmB,EAAE,qBAAqB;IAC1C,kBAAkB;IAClB,iBAAiB,EAAE,mBAAmB;IACtC,gBAAgB,EAAE,kBAAkB;IACpC,6BAA6B,EAAE,+BAA+B;IAC9D,6BAA6B,EAAE,+BAA+B;CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,yCAAyC,CAAC;AAC9E,MAAM,CAAC,MAAM,wBAAwB,GACpC,8DAA8D,CAAC;AAEhE,MAAM,CAAC,MAAM,mBAAmB,GAAmB;IAClD,EAAE,IAAI,EAAE,CAAC,8BAA8B,EAAE,+BAA+B,CAAC,EAAE;CAC3E,CAAC"}

package/dist/constants/streams.d.ts

@@ -0,0 +1,13 @@
+export declare const StreamTypes: {
+    readonly Encoded: "H.264 Stream";
+    readonly LeftEncoded: "Left H.264 Stream";
+    readonly RightEncoded: "Right H.264 Stream";
+    readonly Disparity: "Disparity Stream";
+    readonly Raw: "Raw Stream";
+    readonly LeftRaw: "Left Raw Stream";
+    readonly RightRaw: "Right Raw Stream";
+    readonly PointCloud: "Point Cloud";
+    readonly NeuralNetwork: "Neural Network Stream";
+    readonly _PointCloudColor: "_Point Cloud Color";
+};
+//# sourceMappingURL=streams.d.ts.map

package/dist/constants/streams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"streams.d.ts","sourceRoot":"","sources":["../../src/constants/streams.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;CAWd,CAAC"}

package/dist/constants/streams.js

@@ -0,0 +1,13 @@
+export const StreamTypes = {
+    Encoded: 'H.264 Stream',
+    LeftEncoded: 'Left H.264 Stream',
+    RightEncoded: 'Right H.264 Stream',
+    Disparity: 'Disparity Stream',
+    Raw: 'Raw Stream',
+    LeftRaw: 'Left Raw Stream',
+    RightRaw: 'Right Raw Stream',
+    PointCloud: 'Point Cloud',
+    NeuralNetwork: 'Neural Network Stream',
+    _PointCloudColor: '_Point Cloud Color',
+};
+//# sourceMappingURL=streams.js.map

package/dist/constants/streams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streams.js","sourceRoot":"","sources":["../../src/constants/streams.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,mBAAmB;IAChC,YAAY,EAAE,oBAAoB;IAClC,SAAS,EAAE,kBAAkB;IAC7B,GAAG,EAAE,YAAY;IACjB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,kBAAkB;IAC5B,UAAU,EAAE,aAAa;IACzB,aAAa,EAAE,uBAAuB;IACtC,gBAAgB,EAAE,oBAAoB;CAC7B,CAAC"}

package/dist/constants/url.d.ts

@@ -0,0 +1,4 @@
+export declare const DEFAULT_WS_URL: string;
+export declare const LOCALHOST_WS_URL = "ws://localhost:8765";
+export declare const IS_LOCALHOST: boolean;
+//# sourceMappingURL=url.d.ts.map

package/dist/constants/url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/constants/url.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QAA+C,CAAC;AAE3E,eAAO,MAAM,gBAAgB,wBAAwB,CAAC;AAEtD,eAAO,MAAM,YAAY,SACkD,CAAC"}

package/dist/constants/url.js

@@ -0,0 +1,4 @@
+export const DEFAULT_WS_URL = `wss://${window.location.hostname}:8000/dai`;
+export const LOCALHOST_WS_URL = 'ws://localhost:8765';
+export const IS_LOCALHOST = window.origin.includes('localhost') || window.origin.includes('127.0.0.1');
+//# sourceMappingURL=url.js.map

package/dist/constants/url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/constants/url.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,MAAM,CAAC,QAAQ,CAAC,QAAQ,WAAW,CAAC;AAE3E,MAAM,CAAC,MAAM,gBAAgB,GAAG,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,YAAY,GACxB,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC"}

package/dist/dai-connection/connection.d.ts

@@ -0,0 +1,55 @@
+import type { Pipeline } from '@luxonis/depthai-pipeline-lib';
+import { type PublicChannelData, VisualizerConnection } from '@luxonis/visualizer-protobuf';
+import { DAI_SERVICE_NAME } from '../constants/connection.js';
+import type { Topic } from '../hooks/connection.js';
+export type DAIConnectionInitArgs = {
+    type: 'ws' | 'webrtc';
+    connectionUrl: string;
+    clientId: string;
+    token: string;
+    automaticTokenRefresh?: (token: string) => void;
+} & {
+    enabledStreams: string[];
+};
+type DaiConnectionEventMap = {
+    open: () => void;
+    error: (error: MessageEvent<unknown> | ErrorEvent) => void;
+    close: () => void;
+    pipeline: (pipeline: Pipeline | null) => void;
+    topics: (topics: Topic[]) => void;
+    disconnect: (error: ErrorEvent) => void;
+};
+export type DAIService = keyof typeof DAI_SERVICE_NAME;
+export declare class DAIConnection {
+    alive: boolean;
+    connection?: VisualizerConnection;
+    protected listeners: Partial<Record<keyof DaiConnectionEventMap, any[]>>;
+    protected serviceListeners: Record<string, (data: any) => void>;
+    protected enabledTopics: string[];
+    protected previouslyEnabledTopics: string[];
+    protected decoderWorker: Worker;
+    protected allowedServices: Set<DAIService>;
+    protected activeServices: Set<DAIService>;
+    protected serviceInterval: NodeJS.Timeout | null;
+    protected topicsTouched: boolean;
+    protected channels: PublicChannelData[];
+    protected groups: Record<string, string>;
+    protected topics: Topic[];
+    protected pipeline: Pipeline | null;
+    protected recreateDecoderWorker(): void;
+    protected reportTopics(type?: 'ws' | 'webrtc'): void;
+    protected pollServices(): void;
+    init({ enabledStreams, ...args }: DAIConnectionInitArgs): void;
+    setupConnection({ type, connectionUrl, clientId, token, automaticTokenRefresh, }: Pick<DAIConnectionInitArgs, 'type' | 'clientId' | 'connectionUrl' | 'token' | 'automaticTokenRefresh'>): void;
+    fetchService(service: DAIService, body?: Record<string, any> | string | number): Promise<void>;
+    setActiveServices(services: DAIService[]): void;
+    dispose(): void;
+    handleKeyPress(key: string): void;
+    toggleTopic(topic: string): void;
+    stopTopics(): void;
+    restartTopics(): void;
+    on<T extends keyof DaiConnectionEventMap>(event: T, callback: DaiConnectionEventMap[T]): void;
+    setOnService<T>(service: string, callback: (data: T) => void): void;
+}
+export {};
+//# sourceMappingURL=connection.d.ts.map

package/dist/dai-connection/connection.d.ts.map

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