-
Notifications
You must be signed in to change notification settings - Fork 26
Expand file tree
/
Copy pathwebsocket.ts
More file actions
189 lines (163 loc) · 4.78 KB
/
Copy pathwebsocket.ts
File metadata and controls
189 lines (163 loc) · 4.78 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
import { getAdminForthClientId } from '@/utils/clientId';
type WebsocketCallback = (data: any) => void;
type Unsubscribe = () => void;
type Subscription = {
id: number;
callback: WebsocketCallback;
};
const subscriptions: { [topic: string]: Subscription[] } = {};
let nextSubscriptionId = 1;
interface ExtendedWebSocket extends WebSocket {
connected?: boolean;
}
const state: {
status: 'connecting' | 'connected' | 'disconnected';
ws: ExtendedWebSocket | null;
} = {
status: 'connecting',
ws: null
};
function doPhysicalSubscribe(topic: string) {
state.ws!.send(JSON.stringify({ type: 'subscribe', topic }));
}
function doPhysicalUnsubscribe(topic: string) {
state.ws!.send(JSON.stringify({ type: 'unsubscribe', topic }));
}
async function connect () {
// if socket is not supported return
if (!window.WebSocket) {
console.error('Websocket not supported by this browser');
return;
}
if (state.ws?.connected) {
console.error('🔌 AFWS already connected');
return;
}
let base = import.meta.env.VITE_ADMINFORTH_PUBLIC_PATH || '';
if (base.endsWith('/')) {
base = base.slice(0, -1);
}
const clientId = encodeURIComponent(getAdminForthClientId());
state.ws = new WebSocket(`${
window.location.protocol === 'http:' ? 'ws' : 'wss'
}://${window.location.host}${base}/afws?clientId=${clientId}`);
state.status = 'connecting';
state.ws.addEventListener('open', () => {
console.log('🔌 AFWS connected');
state.status = 'connected';
});
state.ws.addEventListener('message', (event) => {
const data = event.data.toString();
if (data === 'pong') {
return;
}
console.log('🔌 AFWS message', data);
const message = JSON.parse(data);
if (message.type === 'ready') {
Object.keys(subscriptions).forEach((topic) => {
doPhysicalSubscribe(topic);
});
return
}
if (message.type === 'message') {
const topic = message.topic;
const data = message.data;
if (subscriptions[topic]) {
for (const subscription of subscriptions[topic]) {
subscription.callback(data);
}
}
}
});
state.ws.addEventListener('close', () => {
console.log('🔌 AFWS disconnected');
setTimeout(() => {
console.log('🔌 AFWS reconnecting after close');
connect();
// if it is first time, reconnect instantly
}, state.status === 'connected' ? 0 : 2_000);
state.status = 'disconnected';
});
}
try {
connect();
} catch (e) {
console.error('🔌 AFWS failed to connect', e);
}
export function reconnect() {
console.log('🔌 AFWS reconnect initiated');
// disconnect if already connected
if (state.status === 'connected') {
state.ws!.close();
}
}
setInterval(() => {
if (state.status === 'connected') {
state.ws!.send('ping');
}
}, 10_000);
function unsubscribeSubscription(topic: string, subscriptionId: number): void {
if (!subscriptions[topic]) {
return;
}
subscriptions[topic] = subscriptions[topic].filter((subscription) => subscription.id !== subscriptionId);
if (subscriptions[topic].length > 0) {
return;
}
delete subscriptions[topic];
if (state.status === 'connected') {
doPhysicalUnsubscribe(topic);
}
}
export default {
subscribe(topic: string, callback: WebsocketCallback): Unsubscribe {
const isFirstSubscription = !subscriptions[topic];
if (!subscriptions[topic]) {
subscriptions[topic] = [];
}
const subscriptionId = nextSubscriptionId++;
subscriptions[topic].push({
id: subscriptionId,
callback,
});
if (isFirstSubscription && state.status === 'connected') {
doPhysicalSubscribe(topic);
}
let isSubscribed = true;
return () => {
if (!isSubscribed) {
return;
}
isSubscribed = false;
unsubscribeSubscription(topic, subscriptionId);
};
},
unsubscribe(topic: string): void {
console.warn('This method is deprecated because it removes all subscriptions for the topic. Use the unsubscribe function returned by subscribe(), or use unsubscribeByPrefix() when you explicitly need to unsubscribe by topic prefix.');
if (!subscriptions[topic]) {
return;
}
delete subscriptions[topic];
if (state.status === 'connected') {
doPhysicalUnsubscribe(topic);
}
},
unsubscribeByPrefix(prefix: string): void {
Object.keys(subscriptions)
.filter((topic) => topic.startsWith(prefix))
.forEach((topic) => {
delete subscriptions[topic];
if (state.status === 'connected') {
doPhysicalUnsubscribe(topic);
}
});
},
unsubscribeAll(): void {
Object.keys(subscriptions).forEach((topic) => {
delete subscriptions[topic];
if (state.status === 'connected') {
doPhysicalUnsubscribe(topic);
}
});
}
}