@luxonis/visualizer-protobuf 2.1.1 → 2.2.0

package/dist/{index-DszVVt5Z.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-CKhCc5vm.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-r3QAVuN1.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-CKhCc5vm.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-yfE-EHjv.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-CKhCc5vm.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-FWvVjhSv.js → index-Cmp_Tjng.js}

@@ -1,11 +1,11 @@
-import { ImagePanel } from './index-fkPdppby.js';
+import { ImagePanel } from './index-BZjzIIuE.js';
 import 'react';
 import 'react-dom';
-import './index-CKhCc5vm.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-BEeIqwPz.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-CKhCc5vm.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-Bk2FsKKi.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-CKhCc5vm.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-TgQ8-Lib.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-CKhCc5vm.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-Djz0avqZ.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-CKhCc5vm.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-BNmANBei.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-CKhCc5vm.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-DvdDp1CU.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-CKhCc5vm.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-nxmrq-HQ.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-CKhCc5vm.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-lPEkwJ-1.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-CKhCc5vm.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-Cv9FekAD.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-CKhCc5vm.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-2U-xZM02.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-CKhCc5vm.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-sbw9t8iK.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-CKhCc5vm.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-CKhCc5vm.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.1.1",
+  "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": "2.0.0",
+    "@luxonis/remote-connection": "2.1.0",
     "@mui/icons-material": "5.15.5",
     "@mui/material": "5.15.6",
     "color": "^4.2.3",