@luxonis/visualizer-protobuf 2.2.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/dist/{communicator-DKKKAI0H.js → FoxgloveServer-tJZcJH5-.js} +1216 -174
  2. package/dist/apps/depthai-visualizer/src/components/PanelToolbar.d.ts.map +1 -1
  3. package/dist/apps/depthai-visualizer/src/components/PanelToolbar.js +9 -10
  4. package/dist/apps/depthai-visualizer/src/components/PanelToolbar.js.map +1 -1
  5. package/dist/apps/depthai-visualizer/src/connection/adapter.d.ts +4 -7
  6. package/dist/apps/depthai-visualizer/src/connection/adapter.d.ts.map +1 -1
  7. package/dist/apps/depthai-visualizer/src/connection/adapter.js +5 -5
  8. package/dist/apps/depthai-visualizer/src/connection/adapter.js.map +1 -1
  9. package/dist/apps/depthai-visualizer/src/connection/communicator.d.ts +7 -13
  10. package/dist/apps/depthai-visualizer/src/connection/communicator.d.ts.map +1 -1
  11. package/dist/apps/depthai-visualizer/src/connection/communicator.js +5 -4
  12. package/dist/apps/depthai-visualizer/src/connection/communicator.js.map +1 -1
  13. package/dist/apps/depthai-visualizer/src/connection/connection.d.ts +8 -13
  14. package/dist/apps/depthai-visualizer/src/connection/connection.d.ts.map +1 -1
  15. package/dist/apps/depthai-visualizer/src/connection/connection.js +19 -22
  16. package/dist/apps/depthai-visualizer/src/connection/connection.js.map +1 -1
  17. package/dist/apps/depthai-visualizer/src/connection/foxglove-protocol.d.ts +6 -0
  18. package/dist/apps/depthai-visualizer/src/connection/foxglove-protocol.d.ts.map +1 -0
  19. package/dist/apps/depthai-visualizer/src/connection/foxglove-protocol.js +63 -0
  20. package/dist/apps/depthai-visualizer/src/connection/foxglove-protocol.js.map +1 -0
  21. package/dist/apps/depthai-visualizer/src/connection/webrtc/bridge.d.ts +2 -2
  22. package/dist/apps/depthai-visualizer/src/connection/webrtc/bridge.d.ts.map +1 -1
  23. package/dist/apps/depthai-visualizer/src/connection/webrtc/bridge.js +29 -49
  24. package/dist/apps/depthai-visualizer/src/connection/webrtc/bridge.js.map +1 -1
  25. package/dist/apps/depthai-visualizer/src/connection/webrtc/worker-utils.d.ts +20 -20
  26. package/dist/apps/depthai-visualizer/src/connection/webrtc/worker-utils.d.ts.map +1 -1
  27. package/dist/apps/depthai-visualizer/src/connection/webrtc/worker-utils.js +34 -35
  28. package/dist/apps/depthai-visualizer/src/connection/webrtc/worker-utils.js.map +1 -1
  29. package/dist/apps/depthai-visualizer/src/connection/ws/worker.d.ts +16 -1
  30. package/dist/apps/depthai-visualizer/src/connection/ws/worker.d.ts.map +1 -1
  31. package/dist/apps/depthai-visualizer/src/connection/ws/worker.js +114 -2
  32. package/dist/apps/depthai-visualizer/src/connection/ws/worker.js.map +1 -1
  33. package/dist/apps/depthai-visualizer/src/context/ConnectionsProvider.d.ts +1 -1
  34. package/dist/apps/depthai-visualizer/src/context/ConnectionsProvider.d.ts.map +1 -1
  35. package/dist/apps/depthai-visualizer/src/index.d.ts +1 -2
  36. package/dist/apps/depthai-visualizer/src/index.d.ts.map +1 -1
  37. package/dist/apps/depthai-visualizer/src/index.js +0 -1
  38. package/dist/apps/depthai-visualizer/src/index.js.map +1 -1
  39. package/dist/apps/depthai-visualizer/src/messaging/deserialization/detections/detection.js +2 -2
  40. package/dist/apps/depthai-visualizer/src/messaging/deserialization/detections/detection.js.map +1 -1
  41. package/dist/apps/depthai-visualizer/src/messaging/deserialization/detections/utils.d.ts.map +1 -1
  42. package/dist/apps/depthai-visualizer/src/messaging/deserialization/detections/utils.js.map +1 -1
  43. package/dist/apps/depthai-visualizer/src/messaging/deserialization.js +5 -5
  44. package/dist/apps/depthai-visualizer/src/messaging/deserialization.js.map +1 -1
  45. package/dist/apps/depthai-visualizer/src/messaging/utils.d.ts +7 -6
  46. package/dist/apps/depthai-visualizer/src/messaging/utils.d.ts.map +1 -1
  47. package/dist/apps/depthai-visualizer/src/messaging/utils.js +2 -2
  48. package/dist/apps/depthai-visualizer/src/messaging/utils.js.map +1 -1
  49. package/dist/apps/depthai-visualizer/src/protobuf.generated/EncodedFrame.d.ts.map +1 -1
  50. package/dist/apps/depthai-visualizer/src/protobuf.generated/EncodedFrame.js +3 -0
  51. package/dist/apps/depthai-visualizer/src/protobuf.generated/EncodedFrame.js.map +1 -1
  52. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImageAnnotations.d.ts.map +1 -1
  53. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImageAnnotations.js +3 -0
  54. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImageAnnotations.js.map +1 -1
  55. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgDetections.d.ts.map +1 -1
  56. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgDetections.js +3 -0
  57. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgDetections.js.map +1 -1
  58. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgFrame.d.ts.map +1 -1
  59. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgFrame.js +3 -0
  60. package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgFrame.js.map +1 -1
  61. package/dist/apps/depthai-visualizer/src/protobuf.generated/PointCloudData.d.ts.map +1 -1
  62. package/dist/apps/depthai-visualizer/src/protobuf.generated/PointCloudData.js +3 -0
  63. package/dist/apps/depthai-visualizer/src/protobuf.generated/PointCloudData.js.map +1 -1
  64. package/dist/apps/depthai-visualizer/src/protobuf.generated/SpatialImgDetections.d.ts.map +1 -1
  65. package/dist/apps/depthai-visualizer/src/protobuf.generated/SpatialImgDetections.js +3 -0
  66. package/dist/apps/depthai-visualizer/src/protobuf.generated/SpatialImgDetections.js.map +1 -1
  67. package/dist/apps/depthai-visualizer/src/protobuf.generated/common.d.ts.map +1 -1
  68. package/dist/apps/depthai-visualizer/src/protobuf.generated/common.js +3 -0
  69. package/dist/apps/depthai-visualizer/src/protobuf.generated/common.js.map +1 -1
  70. package/dist/apps/depthai-visualizer/src/utils/artificial-worker.d.ts +6 -6
  71. package/dist/apps/depthai-visualizer/src/utils/artificial-worker.d.ts.map +1 -1
  72. package/dist/apps/depthai-visualizer/src/utils/artificial-worker.js +10 -7
  73. package/dist/apps/depthai-visualizer/src/utils/artificial-worker.js.map +1 -1
  74. package/dist/apps/depthai-visualizer/src/utils/callback-manager.d.ts +1 -1
  75. package/dist/apps/depthai-visualizer/src/utils/callback-manager.d.ts.map +1 -1
  76. package/dist/apps/depthai-visualizer/src/utils/callback-manager.js +5 -5
  77. package/dist/apps/depthai-visualizer/src/utils/callback-manager.js.map +1 -1
  78. package/dist/apps/depthai-visualizer/src/utils/compatibility.d.ts.map +1 -1
  79. package/dist/apps/depthai-visualizer/src/utils/metrics-manager.d.ts.map +1 -1
  80. package/dist/apps/depthai-visualizer/src/utils/metrics-manager.js +1 -0
  81. package/dist/apps/depthai-visualizer/src/utils/metrics-manager.js.map +1 -1
  82. package/dist/communicator-D9LSiWws.js +147 -0
  83. package/dist/foxglove-protocol-RBwoTi12.js +76 -0
  84. package/dist/{index-DbIgJEn4.js → index-BatOjqHR.js} +4 -5
  85. package/dist/{index-BZjzIIuE.js → index-BeMujwTx.js} +4 -5
  86. package/dist/{index-CE1LH59a.js → index-Bmv-vCsr.js} +4 -5
  87. package/dist/{index-Dai0K-_7.js → index-Bpb1nLXX.js} +4 -5
  88. package/dist/{index-FdS8KlrP.js → index-C38MwKQ5.js} +4 -5
  89. package/dist/{index-BsdqQ862.js → index-C4Xw5gJf.js} +4 -5
  90. package/dist/{index-C6m30paN.js → index-CCjTYhIj.js} +4 -5
  91. package/dist/{index-D0g7yNKD.js → index-CRzS8jhh.js} +4 -5
  92. package/dist/{index-MOg_zBJW.js → index-CTV8k4Ur.js} +4 -5
  93. package/dist/{index-Cqzhj8jS.js → index-Cjzn2Mk3.js} +4 -5
  94. package/dist/{index-SZgAiOi4.js → index-CzJG5yoW.js} +4 -5
  95. package/dist/{index-Cmp_Tjng.js → index-D2tE4ai8.js} +5 -6
  96. package/dist/{index-DleEaqya.js → index-D8PL1mUz.js} +4 -5
  97. package/dist/{index-B3F-eA-i.js → index-Dx5rKk7S.js} +115 -126
  98. package/dist/{index-DkDTcHOl.js → index-JdSlhtdz.js} +4 -5
  99. package/dist/{index-D_AhdZqi.js → index-LBWmbzab.js} +4 -5
  100. package/dist/{index-D7I7neMi.js → index-fDKFJqYA.js} +4 -5
  101. package/dist/{index-1yvlF6NH.js → index-kO40p_fI.js} +4 -5
  102. package/dist/{index-B4j3EVf8.js → index-lcxcWrBB.js} +4 -5
  103. package/dist/index.js +4 -5
  104. package/dist/{worker-CMZIJlQN.js → worker-BX0SIDt0.js} +24 -20
  105. package/dist/worker-C6ruK-iB.js +150 -0
  106. package/package.json +1 -1
  107. package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.d.ts +0 -19
  108. package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.d.ts.map +0 -1
  109. package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.js +0 -128
  110. package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.js.map +0 -1
  111. package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.d.ts +0 -12
  112. package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.d.ts.map +0 -1
  113. package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.js +0 -52
  114. package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.js.map +0 -1
  115. package/dist/worker-DtDgSl3T.js +0 -11
  116. package/dist/worker-utils-BuUq1bP1.js +0 -1357
@@ -1,14 +1,13 @@
1
- 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-B3F-eA-i.js';
2
- import './worker-utils-BuUq1bP1.js';
3
- import 'hydrated-ws';
4
- import 'ms';
5
- import './communicator-DKKKAI0H.js';
1
+ 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';
2
+ import './FoxgloveServer-tJZcJH5-.js';
6
3
  import 'protobufjs/minimal';
4
+ import 'ms';
7
5
  import 'react';
8
6
  import 'zustand';
9
7
  import 'react-mosaic-component';
10
8
  import '@mui/material';
11
9
  import './i18next-C5Qe4-E1.js';
10
+ import './foxglove-protocol-RBwoTi12.js';
12
11
  import 'react-dnd';
13
12
  import 'react-dnd-html5-backend';
14
13
  import '@emotion/react';
@@ -1,14 +1,13 @@
1
- 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';
2
- import './worker-utils-BuUq1bP1.js';
3
- import 'hydrated-ws';
4
- import 'ms';
5
- import './communicator-DKKKAI0H.js';
1
+ 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';
2
+ import './FoxgloveServer-tJZcJH5-.js';
6
3
  import 'protobufjs/minimal';
4
+ import 'ms';
7
5
  import 'react';
8
6
  import 'zustand';
9
7
  import 'react-mosaic-component';
10
8
  import '@mui/material';
11
9
  import './i18next-C5Qe4-E1.js';
10
+ import './foxglove-protocol-RBwoTi12.js';
12
11
  import 'react-dnd';
13
12
  import 'react-dnd-html5-backend';
14
13
  import '@emotion/react';
package/dist/index.js CHANGED
@@ -1,12 +1,13 @@
1
- export { aR as ImagePanel, aQ as PanelLayout, aS as PointCloudPanel, aO as VisualizerConnection, aP as VisualizerContext } from './index-B3F-eA-i.js';
2
- export { b as createWsWorkerMessageListener } from './worker-utils-BuUq1bP1.js';
3
- import './communicator-DKKKAI0H.js';
1
+ export { aR as ImagePanel, aQ as PanelLayout, aS as PointCloudPanel, aO as VisualizerConnection, aP as VisualizerContext } from './index-Dx5rKk7S.js';
2
+ import './FoxgloveServer-tJZcJH5-.js';
4
3
  import 'protobufjs/minimal';
4
+ import 'ms';
5
5
  import 'react';
6
6
  import 'zustand';
7
7
  import 'react-mosaic-component';
8
8
  import '@mui/material';
9
9
  import './i18next-C5Qe4-E1.js';
10
+ import './foxglove-protocol-RBwoTi12.js';
10
11
  import 'react-dnd';
11
12
  import 'react-dnd-html5-backend';
12
13
  import '@emotion/react';
@@ -19,5 +20,3 @@ import 'rehype-sanitize';
19
20
  import 'extend';
20
21
  import 'react-icons';
21
22
  import '@pandacss/dev';
22
- import 'hydrated-ws';
23
- import 'ms';
@@ -1,5 +1,8 @@
1
- import { F as FoxgloveCommunicator, r as recordToDataView } from './communicator-DKKKAI0H.js';
1
+ import { F as FoxgloveCommunicator, r as recordToDataView } from './communicator-D9LSiWws.js';
2
+ import { m as makeServiceCallRequest } from './foxglove-protocol-RBwoTi12.js';
3
+ import './FoxgloveServer-tJZcJH5-.js';
2
4
  import 'protobufjs/minimal';
5
+ import 'ms';
3
6
 
4
7
  // This Source Code Form is subject to the terms of the Mozilla Public
5
8
  // License, v2.0. If a copy of the MPL was not distributed with this
@@ -25,11 +28,11 @@ class WebRtcHandler extends FoxgloveCommunicator {
25
28
  channelId
26
29
  }));
27
30
  self.postMessage({
28
- type: 'send',
31
+ type: "send",
29
32
  data: {
30
- channel: 'system',
33
+ channel: "system",
31
34
  data: recordToDataView({
32
- op: 'subscribe',
35
+ op: "subscribe",
33
36
  subscriptions
34
37
  })
35
38
  }
@@ -52,11 +55,11 @@ class WebRtcHandler extends FoxgloveCommunicator {
52
55
  }
53
56
  #rawUnsubscribe(subscriptionIds) {
54
57
  self.postMessage({
55
- type: 'send',
58
+ type: "send",
56
59
  data: {
57
- channel: 'system',
60
+ channel: "system",
58
61
  data: recordToDataView({
59
- op: 'unsubscribe',
62
+ op: "unsubscribe",
60
63
  subscriptionIds
61
64
  })
62
65
  }
@@ -69,26 +72,27 @@ class WebRtcHandler extends FoxgloveCommunicator {
69
72
  this.#subscriptions.delete(subscriptionId);
70
73
  }
71
74
  }
72
- sendServiceCallRequest(request) {
75
+ sendServiceCallRequest(args) {
76
+ const data = makeServiceCallRequest(args);
73
77
  self.postMessage({
74
- type: 'send',
78
+ type: "send",
75
79
  data: {
76
- channel: 'message',
77
- data: recordToDataView(request)
80
+ channel: "message",
81
+ data
78
82
  }
79
- });
83
+ }, [data.buffer]);
80
84
  }
81
85
  handleRawSend(data) {
82
86
  self.postMessage({
83
- type: 'send',
87
+ type: "send",
84
88
  data
85
89
  });
86
90
  }
87
91
  handleConnection(data) {
88
- if (!data.channel || data.channel === 'message') {
92
+ if (!data.channel || data.channel === "message") {
89
93
  this.#messageReady = data.ready;
90
94
  }
91
- if (!data.channel || data.channel === 'system') {
95
+ if (!data.channel || data.channel === "system") {
92
96
  this.#systemReady = data.ready;
93
97
  }
94
98
  }
@@ -103,27 +107,27 @@ class WebRtcHandler extends FoxgloveCommunicator {
103
107
  }
104
108
  handleSystem(message) {
105
109
  switch (message.op) {
106
- case 'advertise':
110
+ case "advertise":
107
111
  {
108
112
  this.handleChannelsAdvertisement(message.channels);
109
113
  break;
110
114
  }
111
- case 'unadvertise':
115
+ case "unadvertise":
112
116
  {
113
117
  this.handleChannelsUnadvertisement(message.channelIds);
114
118
  break;
115
119
  }
116
- case 'advertiseServices':
120
+ case "advertiseServices":
117
121
  {
118
122
  this.handleServicesAdvertisement(message.services);
119
123
  break;
120
124
  }
121
- case 'unadvertiseServices':
125
+ case "unadvertiseServices":
122
126
  {
123
127
  this.handleServicesUnadvertisement(message.serviceIds);
124
128
  break;
125
129
  }
126
- case 'serviceResponse':
130
+ case "serviceResponse":
127
131
  {
128
132
  this.handleServiceResponse(message);
129
133
  break;
@@ -0,0 +1,150 @@
1
+ import { Waterfall } from 'hydrated-ws';
2
+ import { F as FoxgloveClient } from './FoxgloveServer-tJZcJH5-.js';
3
+ import { F as FoxgloveCommunicator } from './communicator-D9LSiWws.js';
4
+ import 'protobufjs/minimal';
5
+ import 'ms';
6
+
7
+ // This Source Code Form is subject to the terms of the Mozilla Public
8
+ // License, v2.0. If a copy of the MPL was not distributed with this
9
+ // file, You can obtain one at http://mozilla.org/MPL/2.0/
10
+
11
+ class WsWorker extends FoxgloveCommunicator {
12
+ #ws;
13
+ #client;
14
+ #subscriptions = new Map();
15
+ send(message) {
16
+ self.postMessage(message);
17
+ }
18
+ sendWithTransfer(message, transfer) {
19
+ self.postMessage(message, transfer);
20
+ }
21
+ #createWs(url, onReconnect) {
22
+ this.#ws = new Waterfall(url, FoxgloveClient.SUPPORTED_SUBPROTOCOL, {
23
+ connectionTimeout: 2000,
24
+ retryPolicy: _attempt => {
25
+ onReconnect();
26
+ return 1_000;
27
+ },
28
+ factory: wsUrl => {
29
+ const rawWs = new WebSocket(wsUrl, FoxgloveClient.SUPPORTED_SUBPROTOCOL);
30
+ rawWs.binaryType = "arraybuffer";
31
+ return rawWs;
32
+ }
33
+ });
34
+ }
35
+ #createClient() {
36
+ this.#client = new FoxgloveClient({
37
+ ws: this.#ws
38
+ });
39
+ this.#client.on("open", () => {
40
+ this.send({
41
+ type: "open"
42
+ });
43
+ });
44
+ this.#client.on("close", () => {
45
+ this.send({
46
+ type: "close"
47
+ });
48
+ });
49
+ this.#client.on("error", error => {
50
+ this.send({
51
+ type: "error",
52
+ error
53
+ });
54
+ });
55
+ this.#client.on("message", ({
56
+ subscriptionId,
57
+ data
58
+ }) => {
59
+ const subscription = this.#subscriptions.get(subscriptionId);
60
+ if (subscription) {
61
+ this.handleGenericMessage(subscription.topic, subscription.schema, data);
62
+ }
63
+ });
64
+ }
65
+ #handleMessages() {
66
+ this.#client.on("advertise", this.handleChannelsAdvertisement.bind(this));
67
+ this.#client.on("unadvertise", this.handleChannelsUnadvertisement.bind(this));
68
+ this.#client.on("advertiseServices", this.handleServicesAdvertisement.bind(this));
69
+ this.#client.on("unadvertiseServices", this.handleServicesUnadvertisement.bind(this));
70
+ this.#client.on("serviceCallResponse", this.handleServiceResponse.bind(this));
71
+ }
72
+ sendServiceCallRequest(request) {
73
+ this.#client.sendServiceCallRequest(request);
74
+ }
75
+ isReady() {
76
+ return this.#ws.readyState === this.#ws.OPEN;
77
+ }
78
+ constructor(wsUrl) {
79
+ super();
80
+ try {
81
+ this.#createWs(wsUrl, this.handleReconnect.bind(this));
82
+ this.#createClient();
83
+ this.#handleMessages();
84
+ } catch (error) {
85
+ // try-catch is needed to catch `Mixed Content` errors in Chrome, where the client
86
+ // attempts to load `ws://` from `https://`. (Safari would catch these in `ws.onerror`
87
+ // but with `undefined` as an error.)
88
+ this.send({
89
+ type: "error",
90
+ error: error ?? {
91
+ message: "Insecure WebSocket connection"
92
+ }
93
+ });
94
+ }
95
+ }
96
+ subscribe(topics) {
97
+ const channels = this.getPublicChannels().filter(publicChannel => topics.includes(publicChannel.topic));
98
+ for (const channel of channels) {
99
+ const subscription = this.#client.subscribe(channel.id);
100
+ this.#subscriptions.set(subscription, {
101
+ topic: channel.topic,
102
+ schema: channel.schemaName,
103
+ kind: channel.kind
104
+ });
105
+ }
106
+ }
107
+ unsubscribe(topics) {
108
+ const subscriptionIds = [...this.#subscriptions.entries()].filter(([_id, data]) => topics.includes(data.topic)).map(subscription => subscription[0]);
109
+ for (const subscriptionId of subscriptionIds) {
110
+ this.#subscriptions.delete(subscriptionId);
111
+ this.#client.unsubscribe(subscriptionId);
112
+ }
113
+ }
114
+ callService(args) {
115
+ super.callService(args);
116
+ }
117
+ close() {
118
+ this.#client.close();
119
+ }
120
+ }
121
+ let wsWorker = null;
122
+ self.addEventListener('message', async event => {
123
+ const {
124
+ type,
125
+ data
126
+ } = event.data;
127
+ if (type !== 'open' && !wsWorker) {
128
+ console.warn(`WS Worker Error: Requested ${type} before open`);
129
+ return;
130
+ }
131
+ switch (type) {
132
+ case "open":
133
+ wsWorker = new WsWorker('wsUrl' in data ? data.wsUrl : '');
134
+ break;
135
+ case "close":
136
+ wsWorker.close();
137
+ break;
138
+ case "call_service":
139
+ wsWorker.callService(data);
140
+ break;
141
+ case 'subscribe':
142
+ wsWorker.subscribe(data);
143
+ break;
144
+ case 'unsubscribe':
145
+ wsWorker.unsubscribe(data);
146
+ break;
147
+ }
148
+ });
149
+
150
+ export { WsWorker };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxonis/visualizer-protobuf",
3
- "version": "2.2.0",
3
+ "version": "2.3.0",
4
4
  "type": "module",
5
5
  "description": "RobotHub Visualizer Library",
6
6
  "author": "Luxonis Corp",
@@ -1,19 +0,0 @@
1
- import { ServiceCallPayload } from "@foxglove/ws-protocol";
2
- import { FoxgloveCommunicator, FoxgloveAdapterInputMessage, FoxgloveAdapterOutputMessage } from "../communicator.js";
3
- export declare class WsWorker extends FoxgloveCommunicator {
4
- #private;
5
- protected send: (message: FoxgloveAdapterOutputMessage) => void;
6
- protected sendWithTransfer: (message: FoxgloveAdapterOutputMessage, transfer: ArrayBuffer[]) => void;
7
- protected isReady(): boolean;
8
- protected sendServiceCallRequest(request: ServiceCallPayload): void;
9
- subscribe(topics: string[]): void;
10
- unsubscribe(topics: string[]): void;
11
- constructor(wsUrl: string, send: (message: FoxgloveAdapterOutputMessage) => void, sendWithTransfer: (message: FoxgloveAdapterOutputMessage, transfer: ArrayBuffer[]) => void);
12
- rawSend(data: string | ArrayBuffer | ArrayBufferView): void;
13
- close(): void;
14
- callService({ name, serviceCallId, body }: (FoxgloveAdapterInputMessage & {
15
- type: "call_service";
16
- })["data"]): void;
17
- }
18
- export declare function createWsWorkerMessageListener(send: (message: FoxgloveAdapterOutputMessage) => void, sendWithTransfer: (message: FoxgloveAdapterOutputMessage, transfer: ArrayBuffer[]) => void): (event: MessageEvent<FoxgloveAdapterInputMessage>) => Promise<void>;
19
- //# sourceMappingURL=worker-utils.d.ts.map
@@ -1 +0,0 @@
1
- {"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;AAG3E,OAAO,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,4BAA4B,EAAmB,MAAM,oBAAoB,CAAC;AAEtI,qBAAa,QAAS,SAAQ,oBAAoB;;IAwE9C,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;cA/BnF,OAAO,IAAI,OAAO;cAIlB,sBAAsB,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAIrE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;IAYjC,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;gBASxC,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,CA0BrE"}
@@ -1,128 +0,0 @@
1
- // This Source Code Form is subject to the terms of the Mozilla Public
2
- // License, v2.0. If a copy of the MPL was not distributed with this
3
- // file, You can obtain one at http://mozilla.org/MPL/2.0/
4
- import { Waterfall } from "hydrated-ws";
5
- import { FoxgloveClient } from "@foxglove/ws-protocol";
6
- import { FoxgloveCommunicator } from "../communicator.js";
7
- export class WsWorker extends FoxgloveCommunicator {
8
- send;
9
- sendWithTransfer;
10
- #ws;
11
- #client;
12
- #subscriptions = new Map();
13
- #createWs(url, onReconnect) {
14
- this.#ws = new Waterfall(url, FoxgloveClient.SUPPORTED_SUBPROTOCOL, {
15
- connectionTimeout: 2000,
16
- retryPolicy: (_attempt) => {
17
- onReconnect();
18
- return 1_000;
19
- },
20
- factory: (wsUrl) => {
21
- const rawWs = new WebSocket(wsUrl, FoxgloveClient.SUPPORTED_SUBPROTOCOL);
22
- rawWs.binaryType = "arraybuffer";
23
- return rawWs;
24
- }
25
- });
26
- }
27
- #createClient() {
28
- this.#client = new FoxgloveClient({ ws: this.#ws });
29
- this.#client.on("open", () => { this.send({ type: "open" }); });
30
- this.#client.on("close", () => { this.send({ type: "close" }); });
31
- this.#client.on("error", (error) => { this.send({ type: "error", error }); });
32
- this.#client.on("message", ({ subscriptionId, data }) => {
33
- const subscription = this.#subscriptions.get(subscriptionId);
34
- if (subscription) {
35
- this.handleGenericMessage(subscription.topic, subscription.schema, data);
36
- }
37
- });
38
- }
39
- #handleMessages() {
40
- this.#client.on("advertise", this.handleChannelsAdvertisement.bind(this));
41
- this.#client.on("unadvertise", this.handleChannelsUnadvertisement.bind(this));
42
- this.#client.on("advertiseServices", this.handleServicesAdvertisement.bind(this));
43
- this.#client.on("unadvertiseServices", this.handleServicesUnadvertisement.bind(this));
44
- this.#client.on("serviceCallResponse", this.handleServiceResponse.bind(this));
45
- }
46
- isReady() {
47
- return this.#ws.readyState === this.#ws.OPEN;
48
- }
49
- ;
50
- sendServiceCallRequest(request) {
51
- this.#client.sendServiceCallRequest(request);
52
- }
53
- subscribe(topics) {
54
- const channels = this.getPublicChannels().filter(publicChannel => topics.includes(publicChannel.topic));
55
- for (const channel of channels) {
56
- const subscription = this.#client.subscribe(channel.id);
57
- this.#subscriptions.set(subscription, {
58
- topic: channel.topic,
59
- schema: channel.schemaName,
60
- kind: channel.kind
61
- });
62
- }
63
- }
64
- unsubscribe(topics) {
65
- const subscriptionIds = [...this.#subscriptions.entries()].filter(([_id, data]) => topics.includes(data.topic)).map(subscription => subscription[0]);
66
- for (const subscriptionId of subscriptionIds) {
67
- this.#subscriptions.delete(subscriptionId);
68
- this.#client.unsubscribe(subscriptionId);
69
- }
70
- }
71
- constructor(wsUrl, send, sendWithTransfer) {
72
- super();
73
- this.send = send;
74
- this.sendWithTransfer = sendWithTransfer;
75
- try {
76
- this.#createWs(wsUrl, this.handleReconnect.bind(this));
77
- this.#createClient();
78
- this.#handleMessages();
79
- }
80
- catch (error) {
81
- // try-catch is needed to catch `Mixed Content` errors in Chrome, where the client
82
- // attempts to load `ws://` from `https://`. (Safari would catch these in `ws.onerror`
83
- // but with `undefined` as an error.)
84
- send({
85
- type: "error",
86
- error: error ?? { message: "Insecure WebSocket connection" }
87
- });
88
- }
89
- }
90
- rawSend(data) {
91
- if (this.#ws.readyState === this.#ws.OPEN) {
92
- this.#ws.send(data);
93
- }
94
- }
95
- close() {
96
- this.#client.close();
97
- }
98
- callService({ name, serviceCallId, body = {} }) {
99
- super.callService({ name, serviceCallId, body });
100
- }
101
- }
102
- export function createWsWorkerMessageListener(send, sendWithTransfer) {
103
- let wsWorker = null;
104
- return async (event) => {
105
- const { type, data } = event.data;
106
- switch (type) {
107
- case "open":
108
- wsWorker = new WsWorker('wsUrl' in data ? data.wsUrl : '', send, sendWithTransfer);
109
- break;
110
- case "close":
111
- wsWorker?.close();
112
- break;
113
- case "send":
114
- wsWorker?.rawSend(data);
115
- break;
116
- case "call_service":
117
- wsWorker?.callService(data);
118
- break;
119
- case 'subscribe':
120
- wsWorker?.subscribe(data);
121
- break;
122
- case 'unsubscribe':
123
- wsWorker?.unsubscribe(data);
124
- break;
125
- }
126
- };
127
- }
128
- //# sourceMappingURL=worker-utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"worker-utils.js","sourceRoot":"","sources":["../../../../../../src/connection/ws/worker-utils.ts"],"names":[],"mappings":"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"}
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- interface CanvasPanelProps {
3
- imageTopic: string;
4
- width: number;
5
- height: number;
6
- onPlaybackStateChange?: (state: {
7
- isPlaying: boolean;
8
- }) => void;
9
- }
10
- export declare const CanvasPanel: React.NamedExoticComponent<CanvasPanelProps>;
11
- export {};
12
- //# sourceMappingURL=CanvasPanel.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,52 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- // This Source Code Form is subject to the terms of the Mozilla Public
3
- // License, v2.0. If a copy of the MPL was not distributed with this
4
- // file, You can obtain one at http://mozilla.org/MPL/2.0/
5
- import React from "react";
6
- import { service } from "@foxglove/studio-base/panels/ThreeDeeRender/renderables/Images/WorkerImageDecoder.worker";
7
- import { useFlatContext } from "../context/VisualizerFlatContext";
8
- // FIXME: Unsupported
9
- // TODO: Rewrite in the same was as Image and PointCloud
10
- export const CanvasPanel = React.memo(function CanvasPanel({ imageTopic, width, height, onPlaybackStateChange }) {
11
- const canvasRef = React.useRef(null);
12
- const connections = useFlatContext();
13
- const [isPlaying, setIsPlaying] = React.useState(false);
14
- React.useEffect(() => {
15
- onPlaybackStateChange?.({ isPlaying });
16
- }, [isPlaying, onPlaybackStateChange]);
17
- React.useEffect(() => {
18
- if (connections.length === 0) {
19
- setIsPlaying(false);
20
- }
21
- for (const connection of connections) {
22
- connection.setListener(async (state) => {
23
- const canvas = canvasRef.current;
24
- if (!canvas) {
25
- setIsPlaying(false);
26
- return;
27
- }
28
- const canvasContext = canvas.getContext("2d");
29
- if (!canvasContext) {
30
- // console.debug("Failed to get canvas context");
31
- setIsPlaying(false);
32
- return;
33
- }
34
- if ((state.problems ?? []).length > 0) {
35
- console.warn("State has problems", state.problems);
36
- setIsPlaying(false);
37
- return;
38
- }
39
- const messagesAll = state.activeData?.messages ?? [];
40
- const messages = messagesAll.filter((m) => m.topic === imageTopic);
41
- setIsPlaying(messages.length !== 0);
42
- for (const message of messages) {
43
- // console.debug("Receiving frame", message.receiveTime);
44
- const imageData = service.decode(message.message, {});
45
- canvasContext.putImageData(imageData, 0, 0, 0, 0, width, height);
46
- }
47
- });
48
- }
49
- }, [connections, height, imageTopic, width, setIsPlaying]);
50
- return _jsx("canvas", { ref: canvasRef, width: width, height: height });
51
- });
52
- //# sourceMappingURL=CanvasPanel.js.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,11 +0,0 @@
1
- import { b as createWsWorkerMessageListener } from './worker-utils-BuUq1bP1.js';
2
- import 'hydrated-ws';
3
- import 'ms';
4
- import './communicator-DKKKAI0H.js';
5
- import 'protobufjs/minimal';
6
-
7
- // This Source Code Form is subject to the terms of the Mozilla Public
8
- // License, v2.0. If a copy of the MPL was not distributed with this
9
- // file, You can obtain one at http://mozilla.org/MPL/2.0/
10
-
11
- self.addEventListener("message", createWsWorkerMessageListener(self.postMessage.bind(self), self.postMessage.bind(self)));