@luxonis/visualizer-protobuf 2.0.2 → 2.2.0

package/dist/{index-B7v9Ptl2.js → index-B4j3EVf8.js}

@@ -1,8 +1,8 @@
-import { au as ExternalTokenizer, aC as ContextTracker, aq as styleTags, ar as tags, av as LRParser, aD as LocalTokenGroup, aE as snippetCompletion, ay as syntaxTree, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, az as flatIndent, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport, aw as ifNotIn, ax as completeFromList, aF as IterMode, aG as NodeWeakMap } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { au as ExternalTokenizer, aC as ContextTracker, aq as styleTags, ar as tags, av as LRParser, aD as LocalTokenGroup, aE as snippetCompletion, ay as syntaxTree, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, az as flatIndent, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport, aw as ifNotIn, ax as completeFromList, aF as IterMode, aG as NodeWeakMap } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-uD6dIRaN.js → index-BZjzIIuE.js}

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { useReducer, useRef, useCallback, useLayoutEffect, Component, useContext, useState, useEffect, createContext, forwardRef, createElement, cloneElement, useMemo, Profiler, StrictMode } from 'react';
 import ReactDOM__default from 'react-dom';
-import { i as isSymbol, t as toString, k as keys, g as getSymbols$1, s as stubArray, a as arrayPush, b as baseGetAllKeys, c as getTag, d as getAllKeys, e as createAggregator, f as baseGet, h as baseIteratee, j as castPath, l as toKey, m as flatRest, n as arrayMap$1, o as baseSet, p as baseUniq, q as baseFlatten, r as generateUtilityClass, A as AnalyticsContext, u as useMustNotChange, P as PropTypes, v as useCurrentLayoutActions, w as useCurrentLayoutSelector, x as reportError, y as AppError, E as ErrorDisplay, S as Stack$1, z as makeStyles$1, _ as _extends$1, L as Logger, B as useGuaranteedContext, W as WorkspaceContext, C as useAnalytics, D as AppEvent, F as LeftSidebarItemKeys, R as RightSidebarItemKeys, G as usePanelMosaicId, H as useTranslation, I as usePanelCatalog, J as EmptyState, K as isEmpty, M as PanelContext, N as PanelCatalogContext, O as useSelectedPanels, Q as usePanelStateStore, T as useDefaultPanelTitle, U as PANEL_TITLE_CONFIG_KEY, V as noop$4, X as getPanelTypeFromId, Y as useWorkspaceStore, Z as useShallowMemo, $ as TAB_PANEL_TYPE, a0 as WorkspaceStoreSelectors, a1 as difference, a2 as filterMap, a3 as dist$3, a4 as usePanelContext, a5 as useMessagePipeline, a6 as v4, a7 as useHoverValue, a8 as useSetHoverValue, a9 as useClearHoverValue, aa as useAppConfiguration, ab as useMessagePipelineGetter, ac as usePanelSettingsTreeUpdate, ad as PlayerCapabilities, ae as useValueChangedDebugLog, af as assertNever, ag as PlayerPresence, ah as typescript, ai as isEqual, aj as isDesktopApp, ak as createTheme, al as propTypesExports, am as useJsonTreeTheme } from './index-B68UDyAv.js';
+import { i as isSymbol, t as toString, k as keys, g as getSymbols$1, s as stubArray, a as arrayPush, b as baseGetAllKeys, c as getTag, d as getAllKeys, e as createAggregator, f as baseGet, h as baseIteratee, j as castPath, l as toKey, m as flatRest, n as arrayMap$1, o as baseSet, p as baseUniq, q as baseFlatten, r as generateUtilityClass, A as AnalyticsContext, u as useMustNotChange, P as PropTypes, v as useCurrentLayoutActions, w as useCurrentLayoutSelector, x as reportError, y as AppError, E as ErrorDisplay, S as Stack$1, z as makeStyles$1, _ as _extends$1, L as Logger, B as useGuaranteedContext, W as WorkspaceContext, C as useAnalytics, D as AppEvent, F as LeftSidebarItemKeys, R as RightSidebarItemKeys, G as usePanelMosaicId, H as useTranslation, I as usePanelCatalog, J as EmptyState, K as isEmpty, M as PanelContext, N as PanelCatalogContext, O as useSelectedPanels, Q as usePanelStateStore, T as useDefaultPanelTitle, U as PANEL_TITLE_CONFIG_KEY, V as noop$4, X as getPanelTypeFromId, Y as useWorkspaceStore, Z as useShallowMemo, $ as TAB_PANEL_TYPE, a0 as WorkspaceStoreSelectors, a1 as difference, a2 as filterMap, a3 as dist$3, a4 as usePanelContext, a5 as useMessagePipeline, a6 as v4, a7 as useHoverValue, a8 as useSetHoverValue, a9 as useClearHoverValue, aa as useAppConfiguration, ab as useMessagePipelineGetter, ac as usePanelSettingsTreeUpdate, ad as PlayerCapabilities, ae as useValueChangedDebugLog, af as assertNever, ag as PlayerPresence, ah as typescript, ai as isEqual, aj as isDesktopApp, ak as createTheme, al as propTypesExports, am as useJsonTreeTheme } from './index-B3F-eA-i.js';
 import { createStore, useStore } from 'zustand';
 import { MosaicDragType, MosaicContext, MosaicWindowContext, getOtherBranch, getNodeAtPath } from 'react-mosaic-component';
-import { a as getDefaultExportFromCjs, c as commonjsGlobal, g as getAugmentedNamespace, E as EventEmitter } from './worker-utils-BNThsbdN.js';
+import { a as getDefaultExportFromCjs, c as commonjsGlobal, g as getAugmentedNamespace, E as EventEmitter } from './worker-utils-BuUq1bP1.js';
 import { Link, Button, alpha, IconButton, Card, CardActionArea, CardMedia, CardContent, Typography, Container, Tooltip, Fade, ListItem, ListItemButton, ListItemText, List, TextField, InputAdornment, Popper, Grow, Paper, ClickAwayListener, Menu, MenuItem, Divider, buttonClasses, Backdrop, Chip, useTheme, alertClasses, darken, lighten, inputBaseClasses, autocompleteClasses, inputClasses, Checkbox, dialogActionsClasses, filledInputClasses, inputAdornmentClasses, listSubheaderClasses, selectClasses, tableCellClasses, ThemeProvider as ThemeProvider$1, SvgIcon, tabsClasses as tabsClasses$1, tabClasses, Tabs, Tab, ListItemIcon } from '@mui/material';
 import { p as isObject, r as root, E as copyObject, F as keysIn, G as getPrototype, H as cloneArrayBuffer, S as Symbol$1, I as cloneTypedArray, i as isObjectLike, J as nodeUtil, K as baseUnary, L as copyArray, l as isBuffer, N as cloneBuffer, O as initCloneObject, m as Stack, a as isArray, A as assignValue, z as baseAssignValue, x as baseRest, P as isPlainObject$1, y as isArrayLikeObject, B as tinycolor, Q as t$1, C as merge$1, D as instance } from './i18next-C5Qe4-E1.js';
 import FullscreenExitIcon from '@mui/icons-material/FullscreenExit';
@@ -20,7 +20,7 @@ import '@mui/material/styles/createTypography';
 import require$$1$3 from 'color';
 import require$$2$1 from 'lodash.curry';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react-dnd-html5-backend';
 import 'object-assign';

package/dist/{index-SWsY2eOm.js → index-BsdqQ862.js}

@@ -1,8 +1,8 @@
-import { aI as EditorView, aJ as EditorSelection, as as LRLanguage, aq as styleTags, ar as tags, an as indentNodeProp, aA as delimitedIndent, ap as foldNodeProp, at as LanguageSupport, av as LRParser, ay as syntaxTree, aK as html, aL as parseMixed, au as ExternalTokenizer } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { aI as EditorView, aJ as EditorSelection, as as LRLanguage, aq as styleTags, ar as tags, an as indentNodeProp, aA as delimitedIndent, ap as foldNodeProp, at as LanguageSupport, av as LRParser, ay as syntaxTree, aK as html, aL as parseMixed, au as ExternalTokenizer } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-CsJJiZos.js → index-C6m30paN.js}

@@ -1,8 +1,8 @@
-import { aq as styleTags, ar as tags, aN as javascriptLanguage, as as LRLanguage, at as LanguageSupport, av as LRParser, aK as html, aL as parseMixed, au as ExternalTokenizer } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { aq as styleTags, ar as tags, aN as javascriptLanguage, as as LRLanguage, at as LanguageSupport, av as LRParser, aK as html, aL as parseMixed, au as ExternalTokenizer } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-D502DL2z.js → index-CE1LH59a.js}

@@ -1,8 +1,8 @@
-import { au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, aK as html, at as LanguageSupport, aL as parseMixed } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, aK as html, at as LanguageSupport, aL as parseMixed } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-qrTNSyOQ.js → index-Cmp_Tjng.js}

@@ -1,11 +1,11 @@
-import { ImagePanel } from './index-uD6dIRaN.js';
+import { ImagePanel } from './index-BZjzIIuE.js';
 import 'react';
 import 'react-dom';
-import './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'zustand';
 import 'react-mosaic-component';

package/dist/{index-CX_Do7kl.js → index-Cqzhj8jS.js}

@@ -1,8 +1,8 @@
-import { aC as ContextTracker, au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport, aL as parseMixed } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { aC as ContextTracker, au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport, aL as parseMixed } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-C04gVVoP.js → index-D0g7yNKD.js}

@@ -1,8 +1,8 @@
-import { au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-CXwbrQKL.js → index-D7I7neMi.js}

@@ -1,8 +1,8 @@
-import { au as ExternalTokenizer, aC as ContextTracker, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, ap as foldNodeProp, aB as foldInside, an as indentNodeProp, ao as continuedIndent, aH as defineCSSCompletionSource, at as LanguageSupport } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { au as ExternalTokenizer, aC as ContextTracker, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, ap as foldNodeProp, aB as foldInside, an as indentNodeProp, ao as continuedIndent, aH as defineCSSCompletionSource, at as LanguageSupport } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-CsyZMo6w.js → index-D_AhdZqi.js}

@@ -1,8 +1,8 @@
-import { an as indentNodeProp, ao as continuedIndent, ap as foldNodeProp, aq as styleTags, ar as tags, as as LRLanguage, at as LanguageSupport, au as ExternalTokenizer, av as LRParser, aw as ifNotIn, ax as completeFromList, ay as syntaxTree } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { an as indentNodeProp, ao as continuedIndent, ap as foldNodeProp, aq as styleTags, ar as tags, as as LRLanguage, at as LanguageSupport, au as ExternalTokenizer, av as LRParser, aw as ifNotIn, ax as completeFromList, ay as syntaxTree } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-Ddm491YR.js → index-Dai0K-_7.js}

@@ -1,8 +1,8 @@
-import { aC as ContextTracker, au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ap as foldNodeProp, aM as bracketMatchingHandle, at as LanguageSupport, aI as EditorView, ay as syntaxTree, aJ as EditorSelection } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { aC as ContextTracker, au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ap as foldNodeProp, aM as bracketMatchingHandle, at as LanguageSupport, aI as EditorView, ay as syntaxTree, aJ as EditorSelection } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-ByP7YJPY.js → index-DbIgJEn4.js}

@@ -1,8 +1,8 @@
-import { as as LRLanguage, an as indentNodeProp, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, aq as styleTags, ar as tags, at as LanguageSupport, av as LRParser } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { as as LRLanguage, an as indentNodeProp, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, aq as styleTags, ar as tags, at as LanguageSupport, av as LRParser } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-T_ckFaRN.js → index-DkDTcHOl.js}

@@ -1,8 +1,8 @@
-import { au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, az as flatIndent, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { au as ExternalTokenizer, aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, az as flatIndent, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-By6lF-Xz.js → index-DleEaqya.js}

@@ -1,8 +1,8 @@
-import { aq as styleTags, ar as tags, as as LRLanguage, at as LanguageSupport, av as LRParser, aD as LocalTokenGroup, aK as html, aL as parseMixed, aN as javascriptLanguage } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { aq as styleTags, ar as tags, as as LRLanguage, at as LanguageSupport, av as LRParser, aD as LocalTokenGroup, aK as html, aL as parseMixed, aN as javascriptLanguage } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-BHmiJ5Qk.js → index-FdS8KlrP.js}

@@ -1,8 +1,8 @@
-import { aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { aq as styleTags, ar as tags, av as LRParser, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-9D6nsmX0.js → index-MOg_zBJW.js}

@@ -1,8 +1,8 @@
-import { aq as styleTags, ar as tags, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, ap as foldNodeProp, aB as foldInside, aH as defineCSSCompletionSource, at as LanguageSupport, av as LRParser, au as ExternalTokenizer } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { aq as styleTags, ar as tags, as as LRLanguage, an as indentNodeProp, ao as continuedIndent, ap as foldNodeProp, aB as foldInside, aH as defineCSSCompletionSource, at as LanguageSupport, av as LRParser, au as ExternalTokenizer } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{index-CLESgVaD.js → index-SZgAiOi4.js}

@@ -1,8 +1,8 @@
-import { au as ExternalTokenizer, aC as ContextTracker, aq as styleTags, ar as tags, av as LRParser, ay as syntaxTree, aw as ifNotIn, as as LRLanguage, an as indentNodeProp, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport, aF as IterMode, ax as completeFromList, aG as NodeWeakMap, aE as snippetCompletion } from './index-B68UDyAv.js';
-import './worker-utils-BNThsbdN.js';
+import { au as ExternalTokenizer, aC as ContextTracker, aq as styleTags, ar as tags, av as LRParser, ay as syntaxTree, aw as ifNotIn, as as LRLanguage, an as indentNodeProp, aA as delimitedIndent, ap as foldNodeProp, aB as foldInside, at as LanguageSupport, aF as IterMode, ax as completeFromList, aG as NodeWeakMap, aE as snippetCompletion } from './index-B3F-eA-i.js';
+import './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/index.js

@@ -1,6 +1,6 @@
-export { aR as ImagePanel, aQ as PanelLayout, aS as PointCloudPanel, aO as VisualizerConnection, aP as VisualizerContext } from './index-B68UDyAv.js';
-export { b as createWsWorkerMessageListener } from './worker-utils-BNThsbdN.js';
-import './communicator-ZAqNuwq6.js';
+export { aR as ImagePanel, aQ as PanelLayout, aS as PointCloudPanel, aO as VisualizerConnection, aP as VisualizerContext } from './index-B3F-eA-i.js';
+export { b as createWsWorkerMessageListener } from './worker-utils-BuUq1bP1.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 import 'react';
 import 'zustand';

package/dist/{worker-ByVSTHSI.js → worker-CMZIJlQN.js}

@@ -1,4 +1,4 @@
-import { F as FoxgloveCommunicator, r as recordToDataView } from './communicator-ZAqNuwq6.js';
+import { F as FoxgloveCommunicator, r as recordToDataView } from './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 
 // This Source Code Form is subject to the terms of the Mozilla Public
@@ -9,6 +9,7 @@ class WebRtcHandler extends FoxgloveCommunicator {
   #subscriptionId = 0;
   #messageReady = false;
   #systemReady = false;
+  #subscriptions = new Map();
   isReady() {
     return this.#messageReady && this.#systemReady;
   }
@@ -18,22 +19,55 @@ class WebRtcHandler extends FoxgloveCommunicator {
   sendWithTransfer(message, transfer) {
     self.postMessage(message, transfer);
   }
-  subscribe(channel) {
-    this.#subscriptionId += 1;
+  #rawSubscribe(channelIds) {
+    const subscriptions = channelIds.map(channelId => ({
+      id: ++this.#subscriptionId,
+      channelId
+    }));
     self.postMessage({
       type: 'send',
       data: {
         channel: 'system',
         data: recordToDataView({
           op: 'subscribe',
-          subscriptions: [{
-            id: this.#subscriptionId,
-            channelId: channel
-          }]
+          subscriptions
         })
       }
     });
-    return this.#subscriptionId;
+    return subscriptions;
+  }
+  subscribe(topics) {
+    const channelIds = this.getPublicChannels().filter(publicChannel => topics.includes(publicChannel.topic)).map(channel => channel.id);
+    const subscriptions = this.#rawSubscribe(channelIds);
+    for (const subscription of subscriptions) {
+      const channel = this.getPublicChannels().find(publicChannel => publicChannel.id === subscription.channelId);
+      if (channel) {
+        this.#subscriptions.set(subscription.id, {
+          topic: channel.topic,
+          schema: channel.schemaName,
+          kind: channel.kind
+        });
+      }
+    }
+  }
+  #rawUnsubscribe(subscriptionIds) {
+    self.postMessage({
+      type: 'send',
+      data: {
+        channel: 'system',
+        data: recordToDataView({
+          op: 'unsubscribe',
+          subscriptionIds
+        })
+      }
+    });
+  }
+  unsubscribe(topics) {
+    const subscriptionIds = [...this.#subscriptions.entries()].filter(([_id, data]) => topics.includes(data.topic)).map(subscription => subscription[0]);
+    this.#rawUnsubscribe(subscriptionIds);
+    for (const subscriptionId of subscriptionIds) {
+      this.#subscriptions.delete(subscriptionId);
+    }
   }
   sendServiceCallRequest(request) {
     self.postMessage({
@@ -44,6 +78,12 @@ class WebRtcHandler extends FoxgloveCommunicator {
       }
     });
   }
+  handleRawSend(data) {
+    self.postMessage({
+      type: 'send',
+      data
+    });
+  }
   handleConnection(data) {
     if (!data.channel || data.channel === 'message') {
       this.#messageReady = data.ready;
@@ -53,7 +93,13 @@ class WebRtcHandler extends FoxgloveCommunicator {
     }
   }
   handleGeneric(message) {
-    this.handleGenericMessage(message.subscriptionId, message.data);
+    const subscription = this.#subscriptions.get(message.subscriptionId);
+    if (subscription) {
+      this.handleGenericMessage(subscription.topic, subscription.schema, message.data);
+    }
+  }
+  handleServiceCall(message) {
+    this.callService(message);
   }
   handleSystem(message) {
     switch (message.op) {
@@ -96,6 +142,17 @@ self.addEventListener("message", event => {
     handler.handleGeneric(event.data.data.message);
   } else if (event.data.kind === 'systemMessage') {
     handler.handleSystem(event.data.data.message);
+  } else if (event.data.kind === 'serviceCall') {
+    handler.handleServiceCall(event.data.data.message);
+  } else if (event.data.kind === 'rawSend') {
+    handler.handleRawSend({
+      channel: event.data.data.message.channel,
+      data: event.data.data.message.message
+    });
+  } else if (event.data.kind === 'subscribe') {
+    handler.subscribe(event.data.data.message.topics);
+  } else if (event.data.kind === 'unsubscribe') {
+    handler.unsubscribe(event.data.data.message.topics);
   } else {
     handler.handleConnection(event.data.data);
   }

package/dist/{worker-DlZ2xp8p.js → worker-DtDgSl3T.js}

@@ -1,7 +1,7 @@
-import { b as createWsWorkerMessageListener } from './worker-utils-BNThsbdN.js';
+import { b as createWsWorkerMessageListener } from './worker-utils-BuUq1bP1.js';
 import 'hydrated-ws';
 import 'ms';
-import './communicator-ZAqNuwq6.js';
+import './communicator-DKKKAI0H.js';
 import 'protobufjs/minimal';
 
 // This Source Code Form is subject to the terms of the Mozilla Public

package/dist/{worker-utils-BNThsbdN.js → worker-utils-BuUq1bP1.js}

@@ -1,6 +1,6 @@
 import { Waterfall } from 'hydrated-ws';
 import require$$0 from 'ms';
-import { F as FoxgloveCommunicator } from './communicator-ZAqNuwq6.js';
+import { F as FoxgloveCommunicator } from './communicator-DKKKAI0H.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1208,6 +1208,7 @@ new TextEncoder();
 class WsWorker extends FoxgloveCommunicator {
   #ws;
   #client;
+  #subscriptions = new Map();
   #createWs(url, onReconnect) {
     this.#ws = new Waterfall(url, FoxgloveClient.SUPPORTED_SUBPROTOCOL, {
       connectionTimeout: 2000,
@@ -1246,7 +1247,10 @@ class WsWorker extends FoxgloveCommunicator {
       subscriptionId,
       data
     }) => {
-      this.handleGenericMessage(subscriptionId, data);
+      const subscription = this.#subscriptions.get(subscriptionId);
+      if (subscription) {
+        this.handleGenericMessage(subscription.topic, subscription.schema, data);
+      }
     });
   }
   #handleMessages() {
@@ -1262,8 +1266,23 @@ class WsWorker extends FoxgloveCommunicator {
   sendServiceCallRequest(request) {
     this.#client.sendServiceCallRequest(request);
   }
-  subscribe(channel) {
-    return this.#client.subscribe(channel);
+  subscribe(topics) {
+    const channels = this.getPublicChannels().filter(publicChannel => topics.includes(publicChannel.topic));
+    for (const channel of channels) {
+      const subscription = this.#client.subscribe(channel.id);
+      this.#subscriptions.set(subscription, {
+        topic: channel.topic,
+        schema: channel.schemaName,
+        kind: channel.kind
+      });
+    }
+  }
+  unsubscribe(topics) {
+    const subscriptionIds = [...this.#subscriptions.entries()].filter(([_id, data]) => topics.includes(data.topic)).map(subscription => subscription[0]);
+    for (const subscriptionId of subscriptionIds) {
+      this.#subscriptions.delete(subscriptionId);
+      this.#client.unsubscribe(subscriptionId);
+    }
   }
   constructor(wsUrl, send, sendWithTransfer) {
     super();
@@ -1325,6 +1344,12 @@ function createWsWorkerMessageListener(send, sendWithTransfer) {
       case "call_service":
         wsWorker?.callService(data);
         break;
+      case 'subscribe':
+        wsWorker?.subscribe(data);
+        break;
+      case 'unsubscribe':
+        wsWorker?.unsubscribe(data);
+        break;
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxonis/visualizer-protobuf",
-  "version": "2.0.2",
+  "version": "2.2.0",
   "type": "module",
   "description": "RobotHub Visualizer Library",
   "author": "Luxonis Corp",
@@ -16,7 +16,7 @@
     "@emotion/react": "11.11.3",
     "@emotion/styled": "11.11.0",
     "@luxonis/common-fe-components": "1.9.5",
-    "@luxonis/remote-connection": "1.5.1",
+    "@luxonis/remote-connection": "2.1.0",
     "@mui/icons-material": "5.15.5",
     "@mui/material": "5.15.6",
     "color": "^4.2.3",