@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.
- package/dist/{communicator-DKKKAI0H.js → FoxgloveServer-tJZcJH5-.js} +1216 -174
- package/dist/apps/depthai-visualizer/src/components/PanelToolbar.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/components/PanelToolbar.js +9 -10
- package/dist/apps/depthai-visualizer/src/components/PanelToolbar.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/adapter.d.ts +4 -7
- package/dist/apps/depthai-visualizer/src/connection/adapter.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/adapter.js +5 -5
- package/dist/apps/depthai-visualizer/src/connection/adapter.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/communicator.d.ts +7 -13
- package/dist/apps/depthai-visualizer/src/connection/communicator.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/communicator.js +5 -4
- package/dist/apps/depthai-visualizer/src/connection/communicator.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/connection.d.ts +8 -13
- package/dist/apps/depthai-visualizer/src/connection/connection.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/connection.js +19 -22
- package/dist/apps/depthai-visualizer/src/connection/connection.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/foxglove-protocol.d.ts +6 -0
- package/dist/apps/depthai-visualizer/src/connection/foxglove-protocol.d.ts.map +1 -0
- package/dist/apps/depthai-visualizer/src/connection/foxglove-protocol.js +63 -0
- package/dist/apps/depthai-visualizer/src/connection/foxglove-protocol.js.map +1 -0
- package/dist/apps/depthai-visualizer/src/connection/webrtc/bridge.d.ts +2 -2
- package/dist/apps/depthai-visualizer/src/connection/webrtc/bridge.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/webrtc/bridge.js +29 -49
- package/dist/apps/depthai-visualizer/src/connection/webrtc/bridge.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/webrtc/worker-utils.d.ts +20 -20
- package/dist/apps/depthai-visualizer/src/connection/webrtc/worker-utils.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/webrtc/worker-utils.js +34 -35
- package/dist/apps/depthai-visualizer/src/connection/webrtc/worker-utils.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/ws/worker.d.ts +16 -1
- package/dist/apps/depthai-visualizer/src/connection/ws/worker.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/connection/ws/worker.js +114 -2
- package/dist/apps/depthai-visualizer/src/connection/ws/worker.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/context/ConnectionsProvider.d.ts +1 -1
- package/dist/apps/depthai-visualizer/src/context/ConnectionsProvider.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/index.d.ts +1 -2
- package/dist/apps/depthai-visualizer/src/index.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/index.js +0 -1
- package/dist/apps/depthai-visualizer/src/index.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/messaging/deserialization/detections/detection.js +2 -2
- package/dist/apps/depthai-visualizer/src/messaging/deserialization/detections/detection.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/messaging/deserialization/detections/utils.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/messaging/deserialization/detections/utils.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/messaging/deserialization.js +5 -5
- package/dist/apps/depthai-visualizer/src/messaging/deserialization.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/messaging/utils.d.ts +7 -6
- package/dist/apps/depthai-visualizer/src/messaging/utils.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/messaging/utils.js +2 -2
- package/dist/apps/depthai-visualizer/src/messaging/utils.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/EncodedFrame.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/EncodedFrame.js +3 -0
- package/dist/apps/depthai-visualizer/src/protobuf.generated/EncodedFrame.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImageAnnotations.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImageAnnotations.js +3 -0
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImageAnnotations.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgDetections.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgDetections.js +3 -0
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgDetections.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgFrame.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgFrame.js +3 -0
- package/dist/apps/depthai-visualizer/src/protobuf.generated/ImgFrame.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/PointCloudData.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/PointCloudData.js +3 -0
- package/dist/apps/depthai-visualizer/src/protobuf.generated/PointCloudData.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/SpatialImgDetections.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/SpatialImgDetections.js +3 -0
- package/dist/apps/depthai-visualizer/src/protobuf.generated/SpatialImgDetections.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/common.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/protobuf.generated/common.js +3 -0
- package/dist/apps/depthai-visualizer/src/protobuf.generated/common.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/utils/artificial-worker.d.ts +6 -6
- package/dist/apps/depthai-visualizer/src/utils/artificial-worker.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/utils/artificial-worker.js +10 -7
- package/dist/apps/depthai-visualizer/src/utils/artificial-worker.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/utils/callback-manager.d.ts +1 -1
- package/dist/apps/depthai-visualizer/src/utils/callback-manager.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/utils/callback-manager.js +5 -5
- package/dist/apps/depthai-visualizer/src/utils/callback-manager.js.map +1 -1
- package/dist/apps/depthai-visualizer/src/utils/compatibility.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/utils/metrics-manager.d.ts.map +1 -1
- package/dist/apps/depthai-visualizer/src/utils/metrics-manager.js +1 -0
- package/dist/apps/depthai-visualizer/src/utils/metrics-manager.js.map +1 -1
- package/dist/communicator-D9LSiWws.js +147 -0
- package/dist/foxglove-protocol-RBwoTi12.js +76 -0
- package/dist/{index-DbIgJEn4.js → index-BatOjqHR.js} +4 -5
- package/dist/{index-BZjzIIuE.js → index-BeMujwTx.js} +4 -5
- package/dist/{index-CE1LH59a.js → index-Bmv-vCsr.js} +4 -5
- package/dist/{index-Dai0K-_7.js → index-Bpb1nLXX.js} +4 -5
- package/dist/{index-FdS8KlrP.js → index-C38MwKQ5.js} +4 -5
- package/dist/{index-BsdqQ862.js → index-C4Xw5gJf.js} +4 -5
- package/dist/{index-C6m30paN.js → index-CCjTYhIj.js} +4 -5
- package/dist/{index-D0g7yNKD.js → index-CRzS8jhh.js} +4 -5
- package/dist/{index-MOg_zBJW.js → index-CTV8k4Ur.js} +4 -5
- package/dist/{index-Cqzhj8jS.js → index-Cjzn2Mk3.js} +4 -5
- package/dist/{index-SZgAiOi4.js → index-CzJG5yoW.js} +4 -5
- package/dist/{index-Cmp_Tjng.js → index-D2tE4ai8.js} +5 -6
- package/dist/{index-DleEaqya.js → index-D8PL1mUz.js} +4 -5
- package/dist/{index-B3F-eA-i.js → index-Dx5rKk7S.js} +115 -126
- package/dist/{index-DkDTcHOl.js → index-JdSlhtdz.js} +4 -5
- package/dist/{index-D_AhdZqi.js → index-LBWmbzab.js} +4 -5
- package/dist/{index-D7I7neMi.js → index-fDKFJqYA.js} +4 -5
- package/dist/{index-1yvlF6NH.js → index-kO40p_fI.js} +4 -5
- package/dist/{index-B4j3EVf8.js → index-lcxcWrBB.js} +4 -5
- package/dist/index.js +4 -5
- package/dist/{worker-CMZIJlQN.js → worker-BX0SIDt0.js} +24 -20
- package/dist/worker-C6ruK-iB.js +150 -0
- package/package.json +1 -1
- package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.d.ts +0 -19
- package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.d.ts.map +0 -1
- package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.js +0 -128
- package/dist/apps/depthai-visualizer/src/connection/ws/worker-utils.js.map +0 -1
- package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.d.ts +0 -12
- package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.d.ts.map +0 -1
- package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.js +0 -52
- package/dist/apps/depthai-visualizer/src/panels/CanvasPanel.js.map +0 -1
- package/dist/worker-DtDgSl3T.js +0 -11
- 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-
|
|
2
|
-
import './
|
|
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-
|
|
2
|
-
import './
|
|
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-
|
|
2
|
-
|
|
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-
|
|
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:
|
|
31
|
+
type: "send",
|
|
29
32
|
data: {
|
|
30
|
-
channel:
|
|
33
|
+
channel: "system",
|
|
31
34
|
data: recordToDataView({
|
|
32
|
-
op:
|
|
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:
|
|
58
|
+
type: "send",
|
|
56
59
|
data: {
|
|
57
|
-
channel:
|
|
60
|
+
channel: "system",
|
|
58
61
|
data: recordToDataView({
|
|
59
|
-
op:
|
|
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(
|
|
75
|
+
sendServiceCallRequest(args) {
|
|
76
|
+
const data = makeServiceCallRequest(args);
|
|
73
77
|
self.postMessage({
|
|
74
|
-
type:
|
|
78
|
+
type: "send",
|
|
75
79
|
data: {
|
|
76
|
-
channel:
|
|
77
|
-
data
|
|
80
|
+
channel: "message",
|
|
81
|
+
data
|
|
78
82
|
}
|
|
79
|
-
});
|
|
83
|
+
}, [data.buffer]);
|
|
80
84
|
}
|
|
81
85
|
handleRawSend(data) {
|
|
82
86
|
self.postMessage({
|
|
83
|
-
type:
|
|
87
|
+
type: "send",
|
|
84
88
|
data
|
|
85
89
|
});
|
|
86
90
|
}
|
|
87
91
|
handleConnection(data) {
|
|
88
|
-
if (!data.channel || data.channel ===
|
|
92
|
+
if (!data.channel || data.channel === "message") {
|
|
89
93
|
this.#messageReady = data.ready;
|
|
90
94
|
}
|
|
91
|
-
if (!data.channel || data.channel ===
|
|
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
|
|
110
|
+
case "advertise":
|
|
107
111
|
{
|
|
108
112
|
this.handleChannelsAdvertisement(message.channels);
|
|
109
113
|
break;
|
|
110
114
|
}
|
|
111
|
-
case
|
|
115
|
+
case "unadvertise":
|
|
112
116
|
{
|
|
113
117
|
this.handleChannelsUnadvertisement(message.channelIds);
|
|
114
118
|
break;
|
|
115
119
|
}
|
|
116
|
-
case
|
|
120
|
+
case "advertiseServices":
|
|
117
121
|
{
|
|
118
122
|
this.handleServicesAdvertisement(message.services);
|
|
119
123
|
break;
|
|
120
124
|
}
|
|
121
|
-
case
|
|
125
|
+
case "unadvertiseServices":
|
|
122
126
|
{
|
|
123
127
|
this.handleServicesUnadvertisement(message.serviceIds);
|
|
124
128
|
break;
|
|
125
129
|
}
|
|
126
|
-
case
|
|
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,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"}
|
package/dist/worker-DtDgSl3T.js
DELETED
|
@@ -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)));
|