@luxonis/depthai-viewer-common 0.0.15 → 1.1.17

package/dist/hooks/connection.js

@@ -1,8 +1,8 @@
 import { useToast } from '@luxonis/common-fe-components';
 import React from 'react';
-import { StreamTypes } from '../constants/streams.js';
 import { DAIConnection } from '../dai-connection/connection.js';
 import { useFlatSearch } from './search.js';
+import { log } from '@luxonis/common-fe-utils';
 export function useCreateConnection({ type, activeServices, onNewConnection, ...params }) {
     const { updateSearch, search } = useFlatSearch({
         defaultInit: { streams: [], cid: '', t: '' },
@@ -10,6 +10,7 @@ export function useCreateConnection({ type, activeServices, onNewConnection, ...
     });
     const [connected, setConnected] = React.useState(false);
     const [topics, setTopics] = React.useState([]);
+    const [unsupportedTopics, setUnsupportedTopics] = React.useState([]);
     const [pipeline, setPipeline] = React.useState(undefined);
     const [isPipelineLoading, setIsPipelineLoading] = React.useState(false);
     const [connection, setConnection] = React.useState(null);
@@ -32,7 +33,7 @@ export function useCreateConnection({ type, activeServices, onNewConnection, ...
     handleGetCameraIntrinsics();
     const refreshConnection = () => {
         const newConnection = new DAIConnection();
-        newConnection.on('error', console.error);
+        newConnection.on('error', handleError);
         newConnection.on('open', () => {
             setConnected(true);
             handleGetCameraIntrinsics();
@@ -49,7 +50,8 @@ export function useCreateConnection({ type, activeServices, onNewConnection, ...
             setPipeline(pipeline);
             setIsPipelineLoading(false);
         });
-        newConnection.on('disconnect', (_error) => {
+        newConnection.on('disconnect', (error) => {
+            log.error({ error }, 'DepthAI Connection disconnected!');
             toast({
                 description: 'The link to the application frontend is not valid. You need to open the frontend from Luxonis Hub again.',
                 colorVariant: 'error',
@@ -95,42 +97,18 @@ export function useCreateConnection({ type, activeServices, onNewConnection, ...
     }, [connected, connection]);
     React.useEffect(() => {
         if (topics.length > 0) {
-            if (topics.find((topic) => topic.name === StreamTypes.PointCloud)?.enabled) {
-                const pcColor = topics.find((t) => t.name === StreamTypes._PointCloudColor);
-                if (pcColor?.enabled === false) {
-                    connection?.toggleTopic(StreamTypes._PointCloudColor);
-                }
-                else if (!pcColor &&
-                    topics.find((t) => t.name === StreamTypes.Encoded)?.enabled === false) {
-                    connection?.toggleTopic(StreamTypes.Encoded);
-                }
-            }
             updateSearch('streams', topics.filter((topic) => topic.enabled).map((topic) => topic.name));
         }
-    }, [topics, updateSearch]);
-    const toggleTopic = React.useCallback((topicName, isRawSteamEnabledManually) => {
-        if (topicName === StreamTypes.PointCloud &&
-            topics.find((topic) => topic.name === topicName)?.enabled === false) {
-            const pcColor = topics.find((t) => t.name === StreamTypes._PointCloudColor);
-            if (!pcColor?.enabled) {
-                connection?.toggleTopic(StreamTypes._PointCloudColor);
-            }
-            else if (!pcColor && topics.find((t) => t.name === StreamTypes.Encoded)) {
-                connection?.toggleTopic(StreamTypes.Encoded);
-            }
-        }
-        if (topicName === StreamTypes.PointCloud &&
-            isRawSteamEnabledManually === false &&
-            topics.find((n) => n.name === 'Point Cloud')?.enabled) {
-            if (topics.find((n) => n.name === StreamTypes._PointCloudColor)) {
-                connection?.toggleTopic(StreamTypes._PointCloudColor);
-            }
-            else if (topics.find((n) => n.name === StreamTypes.Encoded)) {
-                connection?.toggleTopic(StreamTypes.Encoded);
-            }
-        }
+    }, [topics, updateSearch, type]);
+    const toggleTopic = React.useCallback((topicName) => {
         connection?.toggleTopic(topicName);
     }, [connection]);
+    const handleError = (errorCode, topic, errorData) => {
+        console.error('An error occurred in DepthAI Connection', { errorCode, topic, errorData });
+        if (errorCode === 'EncodedStreamNotSupported') {
+            setUnsupportedTopics((current) => [...current, topic]);
+        }
+    };
     return {
         connected,
         daiConnection: connection,
@@ -139,6 +117,7 @@ export function useCreateConnection({ type, activeServices, onNewConnection, ...
         isPipelineLoading,
         setIsPipelineLoading,
         topics,
+        unsupportedTopics,
         toggleTopic,
     };
 }

package/dist/hooks/connection.js.map

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

package/dist/hooks/useFullScreen.d.ts

@@ -0,0 +1,9 @@
+import React, { type MutableRefObject } from 'react';
+export declare function useFullscreen(ref: React.MutableRefObject<HTMLElement | undefined | null>): {
+    expanded: boolean;
+    setExpanded: (newExpanded: boolean) => void;
+};
+export declare function useFullscreenDynamic(): {
+    toggleFullscreen: (ref: MutableRefObject<HTMLElement>) => void;
+};
+//# sourceMappingURL=useFullScreen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFullScreen.d.ts","sourceRoot":"","sources":["../../src/hooks/useFullScreen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAErD,wBAAgB,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC;;+BAczE,OAAO;EAetB;AAED,wBAAgB,oBAAoB;4BAcJ,gBAAgB,CAAC,WAAW,CAAC;EAe5D"}

package/dist/hooks/useFullScreen.js

@@ -0,0 +1,52 @@
+import React from 'react';
+export function useFullscreen(ref) {
+    const [expanded, setExpanded] = React.useState(false);
+    React.useEffect(() => {
+        const syncFullscreen = () => {
+            if (expanded && !document.fullscreenElement) {
+                setExpanded(false);
+            }
+        };
+        document.addEventListener('fullscreenchange', syncFullscreen);
+        return () => document.removeEventListener('fullscreenchange', syncFullscreen);
+    }, [expanded]);
+    const setFullscreen = React.useCallback((newExpanded) => {
+        setExpanded(newExpanded);
+        if (ref.current) {
+            if (newExpanded) {
+                void ref.current.requestFullscreen();
+            }
+            else {
+                void document.exitFullscreen();
+            }
+        }
+    }, [ref]);
+    return { expanded, setExpanded: setFullscreen };
+}
+export function useFullscreenDynamic() {
+    const [expanded, setExpanded] = React.useState(false);
+    React.useEffect(() => {
+        const syncFullscreen = () => {
+            if (expanded && !document.fullscreenElement) {
+                setExpanded(false);
+            }
+        };
+        document.addEventListener('fullscreenchange', syncFullscreen);
+        return () => document.removeEventListener('fullscreenchange', syncFullscreen);
+    }, [expanded]);
+    const toggleFullscreen = (ref) => {
+        const newExpanded = !document.fullscreenElement;
+        if (ref.current) {
+            if (newExpanded) {
+                void ref.current.requestFullscreen();
+                setExpanded(true);
+            }
+            else {
+                void document.exitFullscreen();
+                setExpanded(false);
+            }
+        }
+    };
+    return { toggleFullscreen };
+}
+//# sourceMappingURL=useFullScreen.js.map

package/dist/hooks/useFullScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullScreen.js","sourceRoot":"","sources":["../../src/hooks/useFullScreen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,MAAM,UAAU,aAAa,CAAC,GAA2D;IACxF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,GAAG,EAAE;YAC3B,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC;gBAC7C,WAAW,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACF,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;QAC9D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,WAAoB,EAAE,EAAE;QACxB,WAAW,CAAC,WAAW,CAAC,CAAC;QAEzB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,WAAW,EAAE,CAAC;gBACjB,KAAK,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACP,KAAK,QAAQ,CAAC,cAAc,EAAE,CAAC;YAChC,CAAC;QACF,CAAC;IACF,CAAC,EACD,CAAC,GAAG,CAAC,CACL,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,oBAAoB;IACnC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,GAAG,EAAE;YAC3B,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC;gBAC7C,WAAW,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACF,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;QAE9D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,CAAC,GAAkC,EAAE,EAAE;QAC/D,MAAM,WAAW,GAAG,CAAC,QAAQ,CAAC,iBAAiB,CAAC;QAEhD,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,WAAW,EAAE,CAAC;gBACjB,KAAK,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;gBACrC,WAAW,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACP,KAAK,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAC/B,WAAW,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACF,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC7B,CAAC"}

package/dist/index.css

@@ -1,2 +1,3 @@
 @import url(./fonts/inter.css);
 @import url(./fonts/jetbrains-mono.css);
+@import url(./fonts/ubuntu-mono.css);

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/Resizable.js';
 export * from './components/Streams.js';
 export * from './components/CTASubLabel.js';
 export * from './components/DepthAIContext.js';
+export * from './components/Resizable.js';
 export * from './constants/connection.js';
 export * from './constants/url.js';
 export * from './dai-connection/connection.js';
@@ -13,11 +14,13 @@ export * from './dai-connection/decoder.worker.js';
 export * from './hooks/connection.js';
 export * from './hooks/navigation.js';
 export * from './hooks/search.js';
+export * from './hooks/useFullScreen.js';
 export * from './models/device-configuration.js';
 export * from './utils/dynamic-base-worker.js';
 export * from './utils/functions.js';
 export * from './utils/sorting.js';
 export * from './utils/url.js';
+export * from './utils/network-information.js';
 export * from './providers/DataProvider.js';
 export * from './providers/ConnectionProvider.js';
 export * from './constants/streams.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AAErC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,cAAc,kCAAkC,CAAC;AAEjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AAErC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAE1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,kCAAkC,CAAC;AAEjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gCAAgC,CAAC;AAE/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC"}

package/dist/index.js

@@ -6,6 +6,7 @@ export * from './components/Resizable.js';
 export * from './components/Streams.js';
 export * from './components/CTASubLabel.js';
 export * from './components/DepthAIContext.js';
+export * from './components/Resizable.js';
 export * from './constants/connection.js';
 export * from './constants/url.js';
 export * from './dai-connection/connection.js';
@@ -13,11 +14,13 @@ export * from './dai-connection/decoder.worker.js';
 export * from './hooks/connection.js';
 export * from './hooks/navigation.js';
 export * from './hooks/search.js';
+export * from './hooks/useFullScreen.js';
 export * from './models/device-configuration.js';
 export * from './utils/dynamic-base-worker.js';
 export * from './utils/functions.js';
 export * from './utils/sorting.js';
 export * from './utils/url.js';
+export * from './utils/network-information.js';
 export * from './providers/DataProvider.js';
 export * from './providers/ConnectionProvider.js';
 export * from './constants/streams.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AAErC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAElC,cAAc,kCAAkC,CAAC;AAEjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AAErC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAE1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,kCAAkC,CAAC;AAEjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gCAAgC,CAAC;AAE/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC"}

package/dist/models/device-configuration.d.ts

@@ -1,25 +1,37 @@
 import { z } from 'zod';
 export declare const SensorSchema: z.ZodObject<{
     boardSocket: z.ZodString;
-    height: z.ZodNumber;
     maxFps: z.ZodNumber;
     minFps: z.ZodNumber;
     type: z.ZodString;
-    width: z.ZodNumber;
+    supportedResolutions: z.ZodArray<z.ZodObject<{
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        width: number;
+        height: number;
+    }, {
+        width: number;
+        height: number;
+    }>, "many">;
 }, "strip", z.ZodTypeAny, {
     type: string;
-    width: number;
-    height: number;
     boardSocket: string;
     maxFps: number;
     minFps: number;
+    supportedResolutions: {
+        width: number;
+        height: number;
+    }[];
 }, {
     type: string;
-    width: number;
-    height: number;
     boardSocket: string;
     maxFps: number;
     minFps: number;
+    supportedResolutions: {
+        width: number;
+        height: number;
+    }[];
 }>;
 export type Sensor = z.infer<typeof SensorSchema>;
 export declare const IrSchema: z.ZodObject<{
@@ -33,28 +45,44 @@ export declare const IrSchema: z.ZodObject<{
     dotProjector: boolean;
 }>;
 export type Ir = z.infer<typeof IrSchema>;
+export declare const PlatformSchema: z.ZodEnum<["RVC2", "RVC4"]>;
+export type Platform = z.infer<typeof PlatformSchema>;
+export declare const ConnectionTypeSchema: z.ZodEnum<["USB", "ETH", "UNKNOWN"]>;
+export type ConnectionType = z.infer<typeof ConnectionTypeSchema>;
 export declare const DeviceConfigurationSchema: z.ZodObject<{
     cameraSensors: z.ZodArray<z.ZodObject<{
         boardSocket: z.ZodString;
-        height: z.ZodNumber;
         maxFps: z.ZodNumber;
         minFps: z.ZodNumber;
         type: z.ZodString;
-        width: z.ZodNumber;
+        supportedResolutions: z.ZodArray<z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            width: number;
+            height: number;
+        }, {
+            width: number;
+            height: number;
+        }>, "many">;
     }, "strip", z.ZodTypeAny, {
         type: string;
-        width: number;
-        height: number;
         boardSocket: string;
         maxFps: number;
         minFps: number;
+        supportedResolutions: {
+            width: number;
+            height: number;
+        }[];
     }, {
         type: string;
-        width: number;
-        height: number;
         boardSocket: string;
         maxFps: number;
         minFps: number;
+        supportedResolutions: {
+            width: number;
+            height: number;
+        }[];
     }>, "many">;
     ir: z.ZodObject<{
         floodLight: z.ZodBoolean;
@@ -69,14 +97,17 @@ export declare const DeviceConfigurationSchema: z.ZodObject<{
     stereo: z.ZodBoolean;
     thermal: z.ZodBoolean;
     productName: z.ZodEnum<["OAK-D S2 AF", "OAK-D S2 FF", "OAK-D-W", "OAK-D-W-97", "OAK-D Pro AF", "OAK-D Pro FF", "OAK-D Pro FF 97", "OAK-D Pro W", "OAK-D Pro W 97", "OAK-D-Lite AF", "OAK-D-Lite FF", "OAK-D", "OAK-D-S2 PoE AF", "OAK-D-S2 PoE FF", "OAK-D W PoE", "OAK-D-W PoE 97", "OAK-D-Pro PoE AF", "OAK-D-Pro PoE FF", "OAK-D-Pro PoE FF 97", "OAK-D-Pro W PoE", "OAK-D-Pro W PoE 97", "OAK-D-PoE", "OAK-1-PoE AF", "OAK-1-PoE FF", "OAK-1 W PoE", "OAK-1 W PoE 97", "OAK-1 AF", "OAK-1 FF", "OAK-1 FF 97", "OAK-1 W", "OAK-1 W 97", "OAK-1 MAX", "OAK-1-Lite AF", "OAK-1-Lite FF", "OAK-1-Lite W", "OAK-D CM4", "OAK-D CM4 PoE", "OAK-D LR", "OAK-D SR", "OAK-D SR PoE", "RAE", "OAK4-D", "OAK4-D-AF", "OAK4-D-FF", "OAK4-D-W", "OAK4-D-PRO", "OAK4-D-PRO-AF", "OAK4-D-PRO-FF", "OAK4-D-PRO-W", "OAK4-S", "OAK4-S-AF", "OAK4-S-FF", "OAK4-S-W", "OAK4-LR", "OAK4-SR"]>;
+    platform: z.ZodEnum<["RVC2", "RVC4"]>;
 }, "strip", z.ZodTypeAny, {
     cameraSensors: {
         type: string;
-        width: number;
-        height: number;
         boardSocket: string;
         maxFps: number;
         minFps: number;
+        supportedResolutions: {
+            width: number;
+            height: number;
+        }[];
     }[];
     ir: {
         floodLight: boolean;
@@ -85,14 +116,17 @@ export declare const DeviceConfigurationSchema: z.ZodObject<{
     stereo: boolean;
     thermal: boolean;
     productName: "OAK-D S2 AF" | "OAK-D S2 FF" | "OAK-D-W" | "OAK-D-W-97" | "OAK-D Pro AF" | "OAK-D Pro FF" | "OAK-D Pro FF 97" | "OAK-D Pro W" | "OAK-D Pro W 97" | "OAK-D-Lite AF" | "OAK-D-Lite FF" | "OAK-D" | "OAK-D-S2 PoE AF" | "OAK-D-S2 PoE FF" | "OAK-D W PoE" | "OAK-D-W PoE 97" | "OAK-D-Pro PoE AF" | "OAK-D-Pro PoE FF" | "OAK-D-Pro PoE FF 97" | "OAK-D-Pro W PoE" | "OAK-D-Pro W PoE 97" | "OAK-D-PoE" | "OAK-1-PoE AF" | "OAK-1-PoE FF" | "OAK-1 W PoE" | "OAK-1 W PoE 97" | "OAK-1 AF" | "OAK-1 FF" | "OAK-1 FF 97" | "OAK-1 W" | "OAK-1 W 97" | "OAK-1 MAX" | "OAK-1-Lite AF" | "OAK-1-Lite FF" | "OAK-1-Lite W" | "OAK-D CM4" | "OAK-D CM4 PoE" | "OAK-D LR" | "OAK-D SR" | "OAK-D SR PoE" | "RAE" | "OAK4-D" | "OAK4-D-AF" | "OAK4-D-FF" | "OAK4-D-W" | "OAK4-D-PRO" | "OAK4-D-PRO-AF" | "OAK4-D-PRO-FF" | "OAK4-D-PRO-W" | "OAK4-S" | "OAK4-S-AF" | "OAK4-S-FF" | "OAK4-S-W" | "OAK4-LR" | "OAK4-SR";
+    platform: "RVC2" | "RVC4";
 }, {
     cameraSensors: {
         type: string;
-        width: number;
-        height: number;
         boardSocket: string;
         maxFps: number;
         minFps: number;
+        supportedResolutions: {
+            width: number;
+            height: number;
+        }[];
     }[];
     ir: {
         floodLight: boolean;
@@ -101,6 +135,7 @@ export declare const DeviceConfigurationSchema: z.ZodObject<{
     stereo: boolean;
     thermal: boolean;
     productName: "OAK-D S2 AF" | "OAK-D S2 FF" | "OAK-D-W" | "OAK-D-W-97" | "OAK-D Pro AF" | "OAK-D Pro FF" | "OAK-D Pro FF 97" | "OAK-D Pro W" | "OAK-D Pro W 97" | "OAK-D-Lite AF" | "OAK-D-Lite FF" | "OAK-D" | "OAK-D-S2 PoE AF" | "OAK-D-S2 PoE FF" | "OAK-D W PoE" | "OAK-D-W PoE 97" | "OAK-D-Pro PoE AF" | "OAK-D-Pro PoE FF" | "OAK-D-Pro PoE FF 97" | "OAK-D-Pro W PoE" | "OAK-D-Pro W PoE 97" | "OAK-D-PoE" | "OAK-1-PoE AF" | "OAK-1-PoE FF" | "OAK-1 W PoE" | "OAK-1 W PoE 97" | "OAK-1 AF" | "OAK-1 FF" | "OAK-1 FF 97" | "OAK-1 W" | "OAK-1 W 97" | "OAK-1 MAX" | "OAK-1-Lite AF" | "OAK-1-Lite FF" | "OAK-1-Lite W" | "OAK-D CM4" | "OAK-D CM4 PoE" | "OAK-D LR" | "OAK-D SR" | "OAK-D SR PoE" | "RAE" | "OAK4-D" | "OAK4-D-AF" | "OAK4-D-FF" | "OAK4-D-W" | "OAK4-D-PRO" | "OAK4-D-PRO-AF" | "OAK4-D-PRO-FF" | "OAK4-D-PRO-W" | "OAK4-S" | "OAK4-S-AF" | "OAK4-S-FF" | "OAK4-S-W" | "OAK4-LR" | "OAK4-SR";
+    platform: "RVC2" | "RVC4";
 }>;
 export type DeviceConfiguration = z.infer<typeof DeviceConfigurationSchema>;
 //# sourceMappingURL=device-configuration.d.ts.map

package/dist/models/device-configuration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"device-configuration.d.ts","sourceRoot":"","sources":["../../src/models/device-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;EAOvB,CAAC;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAElD,eAAO,MAAM,QAAQ;;;;;;;;;EAGnB,CAAC;AACH,MAAM,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE1C,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMpC,CAAC;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC"}
+{"version":3,"file":"device-configuration.d.ts","sourceRoot":"","sources":["../../src/models/device-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMvB,CAAC;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAElD,eAAO,MAAM,QAAQ;;;;;;;;;EAGnB,CAAC;AACH,MAAM,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE1C,eAAO,MAAM,cAAc,6BAA2B,CAAC;AACvD,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtD,eAAO,MAAM,oBAAoB,sCAAoC,CAAC;AACtE,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAElE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOpC,CAAC;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC"}

package/dist/models/device-configuration.js

@@ -2,21 +2,23 @@ import { z } from 'zod';
 import { DeviceListSchema } from '@luxonis/common-fe-components';
 export const SensorSchema = z.object({
     boardSocket: z.string(),
-    height: z.number(),
     maxFps: z.number(),
     minFps: z.number(),
     type: z.string(),
-    width: z.number(),
+    supportedResolutions: z.array(z.object({ width: z.number(), height: z.number() })),
 });
 export const IrSchema = z.object({
     floodLight: z.boolean(),
     dotProjector: z.boolean(),
 });
+export const PlatformSchema = z.enum(['RVC2', 'RVC4']);
+export const ConnectionTypeSchema = z.enum(['USB', 'ETH', 'UNKNOWN']);
 export const DeviceConfigurationSchema = z.object({
     cameraSensors: z.array(SensorSchema),
     ir: IrSchema,
     stereo: z.boolean(),
     thermal: z.boolean(),
     productName: DeviceListSchema,
+    platform: PlatformSchema,
 });
 //# sourceMappingURL=device-configuration.js.map

package/dist/models/device-configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"device-configuration.js","sourceRoot":"","sources":["../../src/models/device-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IACpC,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;IACvB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;CACjB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC;IAChC,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE;IACvB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE;CACzB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,MAAM,CAAC;IACjD,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;IACpC,EAAE,EAAE,QAAQ;IACZ,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE;IACpB,WAAW,EAAE,gBAAgB;CAC7B,CAAC,CAAC"}
+{"version":3,"file":"device-configuration.js","sourceRoot":"","sources":["../../src/models/device-configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC;IACpC,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;IACvB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE;IAClB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,oBAAoB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;CAClF,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC;IAChC,UAAU,EAAE,CAAC,CAAC,OAAO,EAAE;IACvB,YAAY,EAAE,CAAC,CAAC,OAAO,EAAE;CACzB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAGvD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAGtE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAC,MAAM,CAAC;IACjD,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;IACpC,EAAE,EAAE,QAAQ;IACZ,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE;IACnB,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE;IACpB,WAAW,EAAE,gBAAgB;IAC7B,QAAQ,EAAE,cAAc;CACxB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectionProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ConnectionProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,wBAAwB,CAAC;AAElF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,iBAAiB,+BAS5B,CAAC;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACxC,KAAK,CAAC,iBAAiB,CAAC;IAAE,cAAc,EAAE,UAAU,EAAE,CAAA;CAAE,CAAC,CAiBzD,CAAC;AAEF,eAAO,MAAM,aAAa,sBAA4C,CAAC"}
+{"version":3,"file":"ConnectionProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ConnectionProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,wBAAwB,CAAC;AAElF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,iBAAiB,+BAU5B,CAAC;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACxC,KAAK,CAAC,iBAAiB,CAAC;IAAE,cAAc,EAAE,UAAU,EAAE,CAAA;CAAE,CAAC,CAiBzD,CAAC;AAEF,eAAO,MAAM,aAAa,sBAA4C,CAAC"}

package/dist/providers/ConnectionProvider.js

@@ -8,6 +8,7 @@ export const ConnectionContext = React.createContext({
     daiConnection: null,
     connected: false,
     topics: [],
+    unsupportedTopics: [],
     pipeline: undefined,
     isPipelineLoading: false,
     setIsPipelineLoading: noop,

package/dist/providers/ConnectionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionProvider.js","sourceRoot":"","sources":["../../src/providers/ConnectionProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAuB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAiB;IACpE,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,SAAS;IACnB,iBAAiB,EAAE,KAAK;IACxB,oBAAoB,EAAE,IAAI;IAC1B,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAE3B,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACpC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAE7D,MAAM,cAAc,GAAG,mBAAmB,CAAC;QAC1C,IAAI,EAAE,cAAc;QACpB,KAAK;QACL,QAAQ;QACR,aAAa,EAAE,KAAK;QACpB,cAAc;KACd,CAAC,CAAC;IAEH,OAAO,CACN,KAAC,iBAAiB,IAAC,WAAW,EAAE,cAAc,CAAC,WAAW,YACzD,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAAG,QAAQ,GAA8B,GACvE,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"ConnectionProvider.js","sourceRoot":"","sources":["../../src/providers/ConnectionProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAuB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAiB;IACpE,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,EAAE;IACV,iBAAiB,EAAE,EAAE;IACrB,QAAQ,EAAE,SAAS;IACnB,iBAAiB,EAAE,KAAK;IACxB,oBAAoB,EAAE,IAAI;IAC1B,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAE3B,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACpC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAC;IAE7D,MAAM,cAAc,GAAG,mBAAmB,CAAC;QAC1C,IAAI,EAAE,cAAc;QACpB,KAAK;QACL,QAAQ;QACR,aAAa,EAAE,KAAK;QACpB,cAAc;KACd,CAAC,CAAC;IAEH,OAAO,CACN,KAAC,iBAAiB,IAAC,WAAW,EAAE,cAAc,CAAC,WAAW,YACzD,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YAAG,QAAQ,GAA8B,GACvE,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/providers/DataProvider.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 export type DataContext = {
     columns: number | null;
+    customLayout: boolean;
     changeColumns: (columns: number | null) => void;
+    changeCustomLayout: (value: boolean) => void;
     changeWsUrl: (url: string) => void;
     connectionType: 'ws' | 'webrtc';
     wsUrl: string;

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

@@ -1 +1 @@
-{"version":3,"file":"DataProvider.d.ts","sourceRoot":"","sources":["../../src/providers/DataProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAYF,eAAO,MAAM,OAAO,mBAAsC,CAAC;AAE3D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAiD1D,CAAC"}
+{"version":3,"file":"DataProvider.d.ts","sourceRoot":"","sources":["../../src/providers/DataProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,IAAI,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAcF,eAAO,MAAM,OAAO,mBAAsC,CAAC;AAE3D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CA8D1D,CAAC"}

package/dist/providers/DataProvider.js

@@ -6,9 +6,11 @@ import { noop } from '../utils/functions.js';
 import { IS_ELECTRON } from '@luxonis/depthai-viewer-common';
 const DataContext = React.createContext({
     columns: null,
+    customLayout: false,
     connectionType: 'ws',
     wsUrl: DEFAULT_WS_URL,
     changeColumns: noop,
+    changeCustomLayout: noop,
     changeWsUrl: noop,
     token: '',
     clientId: '',
@@ -21,6 +23,7 @@ export const DataProvider = ({ children }) => {
     const [columns, setColumns] = React.useState(() => {
         return search.layout === '0' ? null : Number(search.layout);
     });
+    const [customLayout, setCustomLayout] = React.useState(false);
     const [connectionUrl, setConnectionUrl] = React.useState(search.t && search.cid
         ? ''
         : search.ws_url
@@ -30,8 +33,14 @@ export const DataProvider = ({ children }) => {
                 : DEFAULT_WS_URL);
     const changeColumns = React.useCallback((columns) => {
         setColumns(columns);
+        setCustomLayout(false);
         updateSearch('layout', columns ?? 0);
     }, [updateSearch]);
+    const changeCustomLayout = React.useCallback((value) => {
+        setCustomLayout(value);
+        setColumns(null);
+        updateSearch('layout', 0);
+    }, [updateSearch]);
     const changeWsUrl = React.useCallback((url) => {
         setConnectionUrl(url);
         updateSearch('t', null);
@@ -43,7 +52,9 @@ export const DataProvider = ({ children }) => {
             wsUrl: connectionUrl,
             connectionType: search.t && search.cid ? 'webrtc' : 'ws',
             columns,
+            customLayout,
             changeColumns,
+            changeCustomLayout,
             changeWsUrl,
         }, children: children }));
 };

package/dist/providers/DataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataProvider.js","sourceRoot":"","sources":["../../src/providers/DataProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAY7D,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAc;IACpD,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,IAAI;IACpB,KAAK,EAAE,cAAc;IACrB,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;CACZ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,YAAY,GAAsC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/E,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,CAAC;QAC9C,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;KAC5C,CAAC,CAAC;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,GAAG,EAAE;QAChE,OAAO,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACvD,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,MAAM,CAAC,MAAM;YACd,CAAC,CAAE,MAAM,CAAC,MAAiB;YAC3B,CAAC,CAAC,YAAY,IAAI,WAAW;gBAC5B,CAAC,CAAC,gBAAgB;gBAClB,CAAC,CAAC,cAAc,CACnB,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACtC,CAAC,OAAsB,EAAE,EAAE;QAC1B,UAAU,CAAC,OAAO,CAAC,CAAC;QACpB,YAAY,CAAC,QAAQ,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC;IACtC,CAAC,EACD,CAAC,YAAY,CAAC,CACd,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,GAAW,EAAE,EAAE;QACf,gBAAgB,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACxB,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,YAAY,CAAC,CACd,CAAC;IAEF,OAAO,CACN,KAAC,WAAW,CAAC,QAAQ,IACpB,KAAK,EAAE;YACN,KAAK,EAAE,MAAM,CAAC,CAAW;YACzB,QAAQ,EAAE,MAAM,CAAC,GAAa;YAC9B,KAAK,EAAE,aAAa;YACpB,cAAc,EAAE,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;YACxD,OAAO;YACP,aAAa;YACb,WAAW;SACX,YAEA,QAAQ,GACa,CACvB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"DataProvider.js","sourceRoot":"","sources":["../../src/providers/DataProvider.tsx"],"names":[],"mappings":"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"}

package/dist/utils/network-information.d.ts

@@ -0,0 +1,3 @@
+import type { ToastProps } from '@luxonis/common-fe-components';
+export declare const checkInternetConnection: (toast: (props: ToastProps) => void) => void;
+//# sourceMappingURL=network-information.d.ts.map

package/dist/utils/network-information.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-information.d.ts","sourceRoot":"","sources":["../../src/utils/network-information.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AA0BhE,eAAO,MAAM,uBAAuB,GAAI,OAAO,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,SAkBzE,CAAC"}

package/dist/utils/network-information.js

@@ -0,0 +1,24 @@
+const toastProps = {
+    colorVariant: 'warning',
+    name: 'internet-connection-error',
+    duration: 'long',
+};
+export const checkInternetConnection = (toast) => {
+    const connection = navigator.connection;
+    if (!connection) {
+        return;
+    }
+    if (connection) {
+        const type = connection.type;
+        const downlink = connection.downlink;
+        if ((type && type !== 'ethernet') || (downlink > 0 && downlink < 100)) {
+            toast({
+                ...toastProps,
+                description: 'For optimal performance, it is recommended to use a 1 Gbps or faster Ethernet connection.',
+            });
+            return;
+        }
+        return;
+    }
+};
+//# sourceMappingURL=network-information.js.map

package/dist/utils/network-information.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-information.js","sourceRoot":"","sources":["../../src/utils/network-information.ts"],"names":[],"mappings":"AAoBA,MAAM,UAAU,GAAG;IAClB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,2BAA2B;IACjC,QAAQ,EAAE,MAAM;CACF,CAAC;AAEhB,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC7E,MAAM,UAAU,GAAI,SAA4D,CAAC,UAAU,CAAC;IAC5F,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,OAAO;IACR,CAAC;IACD,IAAI,UAAU,EAAE,CAAC;QAChB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAC7B,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;QACrC,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,GAAG,CAAC,EAAE,CAAC;YACvE,KAAK,CAAC;gBACL,GAAG,UAAU;gBACb,WAAW,EACV,2FAA2F;aAC5F,CAAC,CAAC;YACH,OAAO;QACR,CAAC;QACD,OAAO;IACR,CAAC;AACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@luxonis/depthai-viewer-common",
-	"version": "0.0.15",
+	"version": "1.1.17",
 	"description": "Common utilities and components for building a frontend application for DepthAI projects",
 	"license": "ISC",
 	"author": "Luxonis Holding Corporation",
@@ -13,25 +13,26 @@
 	"scripts": {
 		"build": "tsc --build && cp src/index.css ./dist/ && cp -r ./src/fonts ./dist/fonts",
 		"build:clean": "rm -fr ../../node_modules/.tmp/tsconfig-common.tsbuildinfo dist && npm run build",
-		"prepublishOnly": "cd ../../ && npm run deps:check && cd packages/common && npm run build:clean"
+		"check-deps": "npm run deps:check -w @luxonis/depthai-web-viewer",
+		"prepublishOnly": "npm run check-deps && npm run build:clean"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
 	"dependencies": {
-		"@luxonis/visualizer-protobuf": "2.32.1",
+		"@luxonis/visualizer-protobuf": "2.45.0",
 		"@luxonis/depthai-pipeline-lib": "^1.4.8",
-		"@luxonis/common-fe-components": "1.14.0",
+		"@luxonis/common-fe-components": "^1.21.2",
 		"@luxonis/common-fe-utils": "1.20.0",
 		"lodash": "^4.17.21",
 		"zod": "^3.24.3",
 		"react-resizable-panels": "^2.1.3"
 	},
 	"devDependencies": {
-		"@shadow-panda/preset": "^0.7.1"
+		"@luxonis-public/shadow-panda-preset": "^0.7.2"
 	},
 	"peerDependencies": {
-		"@pandacss/dev": "0.15.5",
+		"@pandacss/dev": "^0.53.0",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1"
 	}