@luxonis/visualizer-protobuf 2.1.1 → 2.3.0

package/dist/{index-nxmrq-HQ.js → index-JdSlhtdz.js}

@@ -1,14 +1,13 @@
-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 'hydrated-ws';
-import 'ms';
-import './communicator-ZAqNuwq6.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-Dx5rKk7S.js';
+import './FoxgloveServer-tJZcJH5-.js';
 import 'protobufjs/minimal';
+import 'ms';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
 import './i18next-C5Qe4-E1.js';
+import './foxglove-protocol-RBwoTi12.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import '@emotion/react';

package/dist/{index-Djz0avqZ.js → index-LBWmbzab.js}

@@ -1,14 +1,13 @@
-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 'hydrated-ws';
-import 'ms';
-import './communicator-ZAqNuwq6.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-Dx5rKk7S.js';
+import './FoxgloveServer-tJZcJH5-.js';
 import 'protobufjs/minimal';
+import 'ms';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
 import './i18next-C5Qe4-E1.js';
+import './foxglove-protocol-RBwoTi12.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import '@emotion/react';

package/dist/{index-TgQ8-Lib.js → index-fDKFJqYA.js}

@@ -1,14 +1,13 @@
-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 'hydrated-ws';
-import 'ms';
-import './communicator-ZAqNuwq6.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-Dx5rKk7S.js';
+import './FoxgloveServer-tJZcJH5-.js';
 import 'protobufjs/minimal';
+import 'ms';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
 import './i18next-C5Qe4-E1.js';
+import './foxglove-protocol-RBwoTi12.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import '@emotion/react';

package/dist/{index-DakMDXW9.js → index-kO40p_fI.js}

@@ -1,14 +1,13 @@
-import { 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 'hydrated-ws';
-import 'ms';
-import './communicator-ZAqNuwq6.js';
+import { 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-Dx5rKk7S.js';
+import './FoxgloveServer-tJZcJH5-.js';
 import 'protobufjs/minimal';
+import 'ms';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
 import './i18next-C5Qe4-E1.js';
+import './foxglove-protocol-RBwoTi12.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import '@emotion/react';

package/dist/{index-QYS2yYV7.js → index-lcxcWrBB.js}

@@ -1,14 +1,13 @@
-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-CKhCc5vm.js';
-import './worker-utils-BNThsbdN.js';
-import 'hydrated-ws';
-import 'ms';
-import './communicator-ZAqNuwq6.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-Dx5rKk7S.js';
+import './FoxgloveServer-tJZcJH5-.js';
 import 'protobufjs/minimal';
+import 'ms';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
 import './i18next-C5Qe4-E1.js';
+import './foxglove-protocol-RBwoTi12.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import '@emotion/react';

package/dist/index.js

@@ -1,12 +1,13 @@
-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-Dx5rKk7S.js';
+import './FoxgloveServer-tJZcJH5-.js';
 import 'protobufjs/minimal';
+import 'ms';
 import 'react';
 import 'zustand';
 import 'react-mosaic-component';
 import '@mui/material';
 import './i18next-C5Qe4-E1.js';
+import './foxglove-protocol-RBwoTi12.js';
 import 'react-dnd';
 import 'react-dnd-html5-backend';
 import '@emotion/react';
@@ -19,5 +20,3 @@ import 'rehype-sanitize';
 import 'extend';
 import 'react-icons';
 import '@pandacss/dev';
-import 'hydrated-ws';
-import 'ms';

package/dist/worker-BX0SIDt0.js

@@ -0,0 +1,163 @@
+import { F as FoxgloveCommunicator, r as recordToDataView } from './communicator-D9LSiWws.js';
+import { m as makeServiceCallRequest } from './foxglove-protocol-RBwoTi12.js';
+import './FoxgloveServer-tJZcJH5-.js';
+import 'protobufjs/minimal';
+import 'ms';
+
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+
+class WebRtcHandler extends FoxgloveCommunicator {
+  #subscriptionId = 0;
+  #messageReady = false;
+  #systemReady = false;
+  #subscriptions = new Map();
+  isReady() {
+    return this.#messageReady && this.#systemReady;
+  }
+  send(message) {
+    self.postMessage(message);
+  }
+  sendWithTransfer(message, transfer) {
+    self.postMessage(message, transfer);
+  }
+  #rawSubscribe(channelIds) {
+    const subscriptions = channelIds.map(channelId => ({
+      id: ++this.#subscriptionId,
+      channelId
+    }));
+    self.postMessage({
+      type: "send",
+      data: {
+        channel: "system",
+        data: recordToDataView({
+          op: "subscribe",
+          subscriptions
+        })
+      }
+    });
+    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(args) {
+    const data = makeServiceCallRequest(args);
+    self.postMessage({
+      type: "send",
+      data: {
+        channel: "message",
+        data
+      }
+    }, [data.buffer]);
+  }
+  handleRawSend(data) {
+    self.postMessage({
+      type: "send",
+      data
+    });
+  }
+  handleConnection(data) {
+    if (!data.channel || data.channel === "message") {
+      this.#messageReady = data.ready;
+    }
+    if (!data.channel || data.channel === "system") {
+      this.#systemReady = data.ready;
+    }
+  }
+  handleGeneric(message) {
+    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) {
+      case "advertise":
+        {
+          this.handleChannelsAdvertisement(message.channels);
+          break;
+        }
+      case "unadvertise":
+        {
+          this.handleChannelsUnadvertisement(message.channelIds);
+          break;
+        }
+      case "advertiseServices":
+        {
+          this.handleServicesAdvertisement(message.services);
+          break;
+        }
+      case "unadvertiseServices":
+        {
+          this.handleServicesUnadvertisement(message.serviceIds);
+          break;
+        }
+      case "serviceResponse":
+        {
+          this.handleServiceResponse(message);
+          break;
+        }
+    }
+  }
+}
+
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+
+const handler = new WebRtcHandler();
+self.addEventListener("message", event => {
+  if (event.data.kind === 'genericMessage') {
+    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-C6ruK-iB.js

@@ -0,0 +1,150 @@
+import { Waterfall } from 'hydrated-ws';
+import { F as FoxgloveClient } from './FoxgloveServer-tJZcJH5-.js';
+import { F as FoxgloveCommunicator } from './communicator-D9LSiWws.js';
+import 'protobufjs/minimal';
+import 'ms';
+
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/
+
+class WsWorker extends FoxgloveCommunicator {
+  #ws;
+  #client;
+  #subscriptions = new Map();
+  send(message) {
+    self.postMessage(message);
+  }
+  sendWithTransfer(message, transfer) {
+    self.postMessage(message, transfer);
+  }
+  #createWs(url, onReconnect) {
+    this.#ws = new Waterfall(url, FoxgloveClient.SUPPORTED_SUBPROTOCOL, {
+      connectionTimeout: 2000,
+      retryPolicy: _attempt => {
+        onReconnect();
+        return 1_000;
+      },
+      factory: wsUrl => {
+        const rawWs = new WebSocket(wsUrl, FoxgloveClient.SUPPORTED_SUBPROTOCOL);
+        rawWs.binaryType = "arraybuffer";
+        return rawWs;
+      }
+    });
+  }
+  #createClient() {
+    this.#client = new FoxgloveClient({
+      ws: this.#ws
+    });
+    this.#client.on("open", () => {
+      this.send({
+        type: "open"
+      });
+    });
+    this.#client.on("close", () => {
+      this.send({
+        type: "close"
+      });
+    });
+    this.#client.on("error", error => {
+      this.send({
+        type: "error",
+        error
+      });
+    });
+    this.#client.on("message", ({
+      subscriptionId,
+      data
+    }) => {
+      const subscription = this.#subscriptions.get(subscriptionId);
+      if (subscription) {
+        this.handleGenericMessage(subscription.topic, subscription.schema, data);
+      }
+    });
+  }
+  #handleMessages() {
+    this.#client.on("advertise", this.handleChannelsAdvertisement.bind(this));
+    this.#client.on("unadvertise", this.handleChannelsUnadvertisement.bind(this));
+    this.#client.on("advertiseServices", this.handleServicesAdvertisement.bind(this));
+    this.#client.on("unadvertiseServices", this.handleServicesUnadvertisement.bind(this));
+    this.#client.on("serviceCallResponse", this.handleServiceResponse.bind(this));
+  }
+  sendServiceCallRequest(request) {
+    this.#client.sendServiceCallRequest(request);
+  }
+  isReady() {
+    return this.#ws.readyState === this.#ws.OPEN;
+  }
+  constructor(wsUrl) {
+    super();
+    try {
+      this.#createWs(wsUrl, this.handleReconnect.bind(this));
+      this.#createClient();
+      this.#handleMessages();
+    } catch (error) {
+      // try-catch is needed to catch `Mixed Content` errors in Chrome, where the client
+      // attempts to load `ws://` from `https://`. (Safari would catch these in `ws.onerror`
+      // but with `undefined` as an error.)
+      this.send({
+        type: "error",
+        error: error ?? {
+          message: "Insecure WebSocket connection"
+        }
+      });
+    }
+  }
+  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);
+    }
+  }
+  callService(args) {
+    super.callService(args);
+  }
+  close() {
+    this.#client.close();
+  }
+}
+let wsWorker = null;
+self.addEventListener('message', async event => {
+  const {
+    type,
+    data
+  } = event.data;
+  if (type !== 'open' && !wsWorker) {
+    console.warn(`WS Worker Error: Requested ${type} before open`);
+    return;
+  }
+  switch (type) {
+    case "open":
+      wsWorker = new WsWorker('wsUrl' in data ? data.wsUrl : '');
+      break;
+    case "close":
+      wsWorker.close();
+      break;
+    case "call_service":
+      wsWorker.callService(data);
+      break;
+    case 'subscribe':
+      wsWorker.subscribe(data);
+      break;
+    case 'unsubscribe':
+      wsWorker.unsubscribe(data);
+      break;
+  }
+});
+
+export { WsWorker };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxonis/visualizer-protobuf",
-  "version": "2.1.1",
+  "version": "2.3.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",

package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.d.ts

@@ -1,18 +0,0 @@
-import { ServiceCallPayload } from "@foxglove/ws-protocol";
-import { FoxgloveCommunicator, FoxgloveAdapterInputMessage, FoxgloveAdapterOutputMessage } from "../communicator.js";
-export declare class WsWorker extends FoxgloveCommunicator {
-    #private;
-    protected send: (message: FoxgloveAdapterOutputMessage) => void;
-    protected sendWithTransfer: (message: FoxgloveAdapterOutputMessage, transfer: ArrayBuffer[]) => void;
-    protected isReady(): boolean;
-    protected sendServiceCallRequest(request: ServiceCallPayload): void;
-    protected subscribe(channel: number): number;
-    constructor(wsUrl: string, send: (message: FoxgloveAdapterOutputMessage) => void, sendWithTransfer: (message: FoxgloveAdapterOutputMessage, transfer: ArrayBuffer[]) => void);
-    rawSend(data: string | ArrayBuffer | ArrayBufferView): void;
-    close(): void;
-    callService({ name, serviceCallId, body }: (FoxgloveAdapterInputMessage & {
-        type: "call_service";
-    })["data"]): void;
-}
-export declare function createWsWorkerMessageListener(send: (message: FoxgloveAdapterOutputMessage) => void, sendWithTransfer: (message: FoxgloveAdapterOutputMessage, transfer: ArrayBuffer[]) => void): (event: MessageEvent<FoxgloveAdapterInputMessage>) => Promise<void>;
-//# sourceMappingURL=worker-utils.d.ts.map

package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"worker-utils.d.ts","sourceRoot":"","sources":["../../../../../../src/connection/ws/worker-utils.ts"],"names":[],"mappings":"AAMA,OAAO,EAAkB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3E,OAAO,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAErH,qBAAa,QAAS,SAAQ,oBAAoB;;IAoD9C,SAAS,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,IAAI;IAC/D,SAAS,CAAC,gBAAgB,EAAE,CAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI;cAfnF,OAAO,IAAI,OAAO;cAIlB,sBAAsB,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;cAIzD,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;gBAKnD,KAAK,EAAE,MAAM,EACH,IAAI,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,IAAI,EACrD,gBAAgB,EAAE,CAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI;IAmB/F,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,eAAe,GAAG,IAAI;IAM3D,KAAK,IAAI,IAAI;IAIJ,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,IAAS,EACV,EAAE,CAAC,2BAA2B,GAAG;QAAE,IAAI,EAAE,cAAc,CAAA;KAAE,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI;CAG3E;AAED,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,IAAI,EACrD,gBAAgB,EAAE,CAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,GACzF,CAAC,KAAK,EAAE,YAAY,CAAC,2BAA2B,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAoBrE"}

package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.js

@@ -1,103 +0,0 @@
-// This Source Code Form is subject to the terms of the Mozilla Public
-// License, v2.0. If a copy of the MPL was not distributed with this
-// file, You can obtain one at http://mozilla.org/MPL/2.0/
-import { Waterfall } from "hydrated-ws";
-import { FoxgloveClient } from "@foxglove/ws-protocol";
-import { FoxgloveCommunicator } from "../communicator.js";
-export class WsWorker extends FoxgloveCommunicator {
-    send;
-    sendWithTransfer;
-    #ws;
-    #client;
-    #createWs(url, onReconnect) {
-        this.#ws = new Waterfall(url, FoxgloveClient.SUPPORTED_SUBPROTOCOL, {
-            connectionTimeout: 2000,
-            retryPolicy: (_attempt) => {
-                onReconnect();
-                return 1_000;
-            },
-            factory: (wsUrl) => {
-                const rawWs = new WebSocket(wsUrl, FoxgloveClient.SUPPORTED_SUBPROTOCOL);
-                rawWs.binaryType = "arraybuffer";
-                return rawWs;
-            }
-        });
-    }
-    #createClient() {
-        this.#client = new FoxgloveClient({ ws: this.#ws });
-        this.#client.on("open", () => { this.send({ type: "open" }); });
-        this.#client.on("close", () => { this.send({ type: "close" }); });
-        this.#client.on("error", (error) => { this.send({ type: "error", error }); });
-        this.#client.on("message", ({ subscriptionId, data }) => {
-            this.handleGenericMessage(subscriptionId, data);
-        });
-    }
-    #handleMessages() {
-        this.#client.on("advertise", this.handleChannelsAdvertisement.bind(this));
-        this.#client.on("unadvertise", this.handleChannelsUnadvertisement.bind(this));
-        this.#client.on("advertiseServices", this.handleServicesAdvertisement.bind(this));
-        this.#client.on("unadvertiseServices", this.handleServicesUnadvertisement.bind(this));
-        this.#client.on("serviceCallResponse", this.handleServiceResponse.bind(this));
-    }
-    isReady() {
-        return this.#ws.readyState === this.#ws.OPEN;
-    }
-    ;
-    sendServiceCallRequest(request) {
-        this.#client.sendServiceCallRequest(request);
-    }
-    subscribe(channel) {
-        return this.#client.subscribe(channel);
-    }
-    constructor(wsUrl, send, sendWithTransfer) {
-        super();
-        this.send = send;
-        this.sendWithTransfer = sendWithTransfer;
-        try {
-            this.#createWs(wsUrl, this.handleReconnect.bind(this));
-            this.#createClient();
-            this.#handleMessages();
-        }
-        catch (error) {
-            // try-catch is needed to catch `Mixed Content` errors in Chrome, where the client
-            // attempts to load `ws://` from `https://`. (Safari would catch these in `ws.onerror`
-            // but with `undefined` as an error.)
-            send({
-                type: "error",
-                error: error ?? { message: "Insecure WebSocket connection" }
-            });
-        }
-    }
-    rawSend(data) {
-        if (this.#ws.readyState === this.#ws.OPEN) {
-            this.#ws.send(data);
-        }
-    }
-    close() {
-        this.#client.close();
-    }
-    callService({ name, serviceCallId, body = {} }) {
-        super.callService({ name, serviceCallId, body });
-    }
-}
-export function createWsWorkerMessageListener(send, sendWithTransfer) {
-    let wsWorker = null;
-    return async (event) => {
-        const { type, data } = event.data;
-        switch (type) {
-            case "open":
-                wsWorker = new WsWorker('wsUrl' in data ? data.wsUrl : '', send, sendWithTransfer);
-                break;
-            case "close":
-                wsWorker?.close();
-                break;
-            case "send":
-                wsWorker?.rawSend(data);
-                break;
-            case "call_service":
-                wsWorker?.callService(data);
-                break;
-        }
-    };
-}
-//# sourceMappingURL=worker-utils.js.map

package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.js.map

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

package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-interface CanvasPanelProps {
-    imageTopic: string;
-    width: number;
-    height: number;
-    onPlaybackStateChange?: (state: {
-        isPlaying: boolean;
-    }) => void;
-}
-export declare const CanvasPanel: React.NamedExoticComponent<CanvasPanelProps>;
-export {};
-//# sourceMappingURL=CanvasPanel.d.ts.map

package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasPanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/CanvasPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,gBAAgB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CACjE;AAID,eAAO,MAAM,WAAW,8CAqDtB,CAAC"}

package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// This Source Code Form is subject to the terms of the Mozilla Public
-// License, v2.0. If a copy of the MPL was not distributed with this
-// file, You can obtain one at http://mozilla.org/MPL/2.0/
-import React from "react";
-import { service } from "@foxglove/studio-base/panels/ThreeDeeRender/renderables/Images/WorkerImageDecoder.worker";
-import { useFlatContext } from "../context/VisualizerFlatContext";
-// FIXME: Unsupported
-// TODO: Rewrite in the same was as Image and PointCloud
-export const CanvasPanel = React.memo(function CanvasPanel({ imageTopic, width, height, onPlaybackStateChange }) {
-    const canvasRef = React.useRef(null);
-    const connections = useFlatContext();
-    const [isPlaying, setIsPlaying] = React.useState(false);
-    React.useEffect(() => {
-        onPlaybackStateChange?.({ isPlaying });
-    }, [isPlaying, onPlaybackStateChange]);
-    React.useEffect(() => {
-        if (connections.length === 0) {
-            setIsPlaying(false);
-        }
-        for (const connection of connections) {
-            connection.setListener(async (state) => {
-                const canvas = canvasRef.current;
-                if (!canvas) {
-                    setIsPlaying(false);
-                    return;
-                }
-                const canvasContext = canvas.getContext("2d");
-                if (!canvasContext) {
-                    // console.debug("Failed to get canvas context");
-                    setIsPlaying(false);
-                    return;
-                }
-                if ((state.problems ?? []).length > 0) {
-                    console.warn("State has problems", state.problems);
-                    setIsPlaying(false);
-                    return;
-                }
-                const messagesAll = state.activeData?.messages ?? [];
-                const messages = messagesAll.filter((m) => m.topic === imageTopic);
-                setIsPlaying(messages.length !== 0);
-                for (const message of messages) {
-                    // console.debug("Receiving frame", message.receiveTime);
-                    const imageData = service.decode(message.message, {});
-                    canvasContext.putImageData(imageData, 0, 0, 0, 0, width, height);
-                }
-            });
-        }
-    }, [connections, height, imageTopic, width, setIsPlaying]);
-    return _jsx("canvas", { ref: canvasRef, width: width, height: height });
-});
-//# sourceMappingURL=CanvasPanel.js.map

package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CanvasPanel.js","sourceRoot":"","sources":["../../../../../src/panels/CanvasPanel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,0FAA0F,CAAC;AAInH,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AASlE,qBAAqB;AACrB,wDAAwD;AACxD,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,WAAW,CAAC,EACzD,UAAU,EACV,KAAK,EACL,MAAM,EACN,qBAAqB,EACJ;IACjB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAA2B,IAAI,CAAC,CAAC;IAC/D,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,qBAAqB,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,SAAS,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;YACrC,UAAU,CAAC,WAAW,CAAC,KAAK,EAAE,KAAkB,EAAE,EAAE;gBAClD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;gBACjC,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,OAAO;gBACT,CAAC;gBAED,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAC9C,IAAI,CAAC,aAAa,EAAE,CAAC;oBACnB,iDAAiD;oBACjD,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACtC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;oBACnD,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,OAAO;gBACT,CAAC;gBAED,MAAM,WAAW,GAA4B,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,CAAC;gBAC9E,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC;gBACnE,YAAY,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;gBACpC,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;oBAC/B,yDAAyD;oBAEzD,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,OAAmB,EAAE,EAAE,CAAC,CAAC;oBAClE,aAAa,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;gBACnE,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3D,OAAO,iBAAQ,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAClE,CAAC,CAAC,CAAC"}