@webiny/app-websockets 6.3.0 → 6.4.0-beta.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/WebsocketsContextProvider.js +119 -142
- package/WebsocketsContextProvider.js.map +1 -1
- package/domain/WebsocketsAction.js +17 -24
- package/domain/WebsocketsAction.js.map +1 -1
- package/domain/WebsocketsActions.js +52 -73
- package/domain/WebsocketsActions.js.map +1 -1
- package/domain/WebsocketsConnection.js +72 -102
- package/domain/WebsocketsConnection.js.map +1 -1
- package/domain/WebsocketsManager.js +33 -34
- package/domain/WebsocketsManager.js.map +1 -1
- package/domain/WebsocketsSubscriptionManager.js +57 -64
- package/domain/WebsocketsSubscriptionManager.js.map +1 -1
- package/domain/abstractions/IWebsocketsAction.js +0 -3
- package/domain/abstractions/IWebsocketsActions.js +0 -3
- package/domain/abstractions/IWebsocketsConnection.js +7 -6
- package/domain/abstractions/IWebsocketsConnection.js.map +1 -1
- package/domain/abstractions/IWebsocketsManager.js +0 -3
- package/domain/abstractions/IWebsocketsSubscriptionManager.js +0 -3
- package/domain/abstractions/types.js +19 -18
- package/domain/abstractions/types.js.map +1 -1
- package/domain/index.js +0 -2
- package/domain/types.js +0 -2
- package/hooks/index.js +0 -2
- package/hooks/useWebsockets.js +5 -6
- package/hooks/useWebsockets.js.map +1 -1
- package/index.js +9 -12
- package/index.js.map +1 -1
- package/package.json +6 -6
- package/types.js +0 -3
- package/utils/getUrl.js +4 -3
- package/utils/getUrl.js.map +1 -1
- package/domain/abstractions/IWebsocketsAction.js.map +0 -1
- package/domain/abstractions/IWebsocketsActions.js.map +0 -1
- package/domain/abstractions/IWebsocketsManager.js.map +0 -1
- package/domain/abstractions/IWebsocketsSubscriptionManager.js.map +0 -1
- package/domain/index.js.map +0 -1
- package/domain/types.js.map +0 -1
- package/hooks/index.js.map +0 -1
- package/types.js.map +0 -1
|
@@ -1,154 +1,131 @@
|
|
|
1
|
-
import
|
|
1
|
+
import react, { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
2
2
|
import { useFeature, useTenantContext } from "@webiny/app-admin";
|
|
3
3
|
import { AuthenticationContextFeature } from "@webiny/app-admin/features/security/AuthenticationContext/feature.js";
|
|
4
4
|
import { WebsocketsCloseCode } from "./types.js";
|
|
5
5
|
import { createWebsocketsAction, createWebsocketsActions, createWebsocketsConnection, createWebsocketsManager, createWebsocketsSubscriptionManager } from "./domain/index.js";
|
|
6
6
|
import { getUrl } from "./utils/getUrl.js";
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
authenticationContext
|
|
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
|
-
const abortController = new AbortController();
|
|
51
|
-
window.addEventListener("focus", () => {
|
|
52
|
-
if (!socketsRef.current) {
|
|
53
|
-
return;
|
|
54
|
-
} else if (socketsRef.current.isClosed()) {
|
|
55
|
-
console.log("Running auto-reconnect on focus.");
|
|
56
|
-
socketsRef.current.connect();
|
|
57
|
-
}
|
|
58
|
-
}, {
|
|
59
|
-
signal: abortController.signal
|
|
60
|
-
});
|
|
61
|
-
window.addEventListener("close", () => {
|
|
62
|
-
subscriptionManager.triggerOnClose(new CloseEvent("windowClose", {
|
|
63
|
-
code: WebsocketsCloseCode.GOING_AWAY,
|
|
64
|
-
reason: "Closing Window or Tab."
|
|
65
|
-
}));
|
|
66
|
-
}, {
|
|
67
|
-
signal: abortController.signal
|
|
68
|
-
});
|
|
69
|
-
return () => {
|
|
70
|
-
abortController.abort();
|
|
71
|
-
};
|
|
72
|
-
}, []);
|
|
73
|
-
useEffect(() => {
|
|
74
|
-
(async () => {
|
|
75
|
-
const token = await getToken();
|
|
76
|
-
if (!token || !tenant) {
|
|
77
|
-
return;
|
|
78
|
-
} else if (current.tenant === tenant) {
|
|
79
|
-
return;
|
|
80
|
-
} else if (socketsRef.current) {
|
|
81
|
-
await socketsRef.current.close(WebsocketsCloseCode.NORMAL, "Changing tenant.");
|
|
82
|
-
}
|
|
83
|
-
const url = getUrl();
|
|
84
|
-
if (!url) {
|
|
85
|
-
console.error("Not possible to connect to the websocket without a valid URL.", {
|
|
86
|
-
tenant,
|
|
87
|
-
token
|
|
7
|
+
const WebsocketsContext = /*#__PURE__*/ react.createContext(void 0);
|
|
8
|
+
const WebsocketsContextProvider = (props)=>{
|
|
9
|
+
const { tenant } = useTenantContext();
|
|
10
|
+
const { authenticationContext } = useFeature(AuthenticationContextFeature);
|
|
11
|
+
const socketsRef = useRef(null);
|
|
12
|
+
const [current, setCurrent] = useState({});
|
|
13
|
+
const getToken = useCallback(async ()=>await authenticationContext.getIdToken(), [
|
|
14
|
+
authenticationContext
|
|
15
|
+
]);
|
|
16
|
+
const subscriptionManager = useMemo(()=>{
|
|
17
|
+
const manager = createWebsocketsSubscriptionManager();
|
|
18
|
+
let currentIteration = 0;
|
|
19
|
+
manager.onClose((event)=>{
|
|
20
|
+
if (currentIteration > 5 || event.code !== WebsocketsCloseCode.GOING_AWAY) return;
|
|
21
|
+
currentIteration++;
|
|
22
|
+
setTimeout(()=>{
|
|
23
|
+
if (!socketsRef.current) return;
|
|
24
|
+
if (socketsRef.current.isClosed()) {
|
|
25
|
+
console.log("Running auto-reconnect.");
|
|
26
|
+
socketsRef.current.connect();
|
|
27
|
+
}
|
|
28
|
+
}, 1000);
|
|
29
|
+
});
|
|
30
|
+
return manager;
|
|
31
|
+
}, []);
|
|
32
|
+
useEffect(()=>{
|
|
33
|
+
const abortController = new AbortController();
|
|
34
|
+
window.addEventListener("focus", ()=>{
|
|
35
|
+
if (!socketsRef.current) return;
|
|
36
|
+
if (socketsRef.current.isClosed()) {
|
|
37
|
+
console.log("Running auto-reconnect on focus.");
|
|
38
|
+
socketsRef.current.connect();
|
|
39
|
+
}
|
|
40
|
+
}, {
|
|
41
|
+
signal: abortController.signal
|
|
42
|
+
});
|
|
43
|
+
window.addEventListener("close", ()=>{
|
|
44
|
+
subscriptionManager.triggerOnClose(new CloseEvent("windowClose", {
|
|
45
|
+
code: WebsocketsCloseCode.GOING_AWAY,
|
|
46
|
+
reason: "Closing Window or Tab."
|
|
47
|
+
}));
|
|
48
|
+
}, {
|
|
49
|
+
signal: abortController.signal
|
|
88
50
|
});
|
|
89
|
-
return
|
|
90
|
-
|
|
91
|
-
|
|
51
|
+
return ()=>{
|
|
52
|
+
abortController.abort();
|
|
53
|
+
};
|
|
54
|
+
}, []);
|
|
55
|
+
useEffect(()=>{
|
|
56
|
+
(async ()=>{
|
|
57
|
+
const token = await getToken();
|
|
58
|
+
if (!token || !tenant) return;
|
|
59
|
+
if (current.tenant === tenant) return;
|
|
60
|
+
if (socketsRef.current) await socketsRef.current.close(WebsocketsCloseCode.NORMAL, "Changing tenant.");
|
|
61
|
+
const url = getUrl();
|
|
62
|
+
if (!url) return void console.error("Not possible to connect to the websocket without a valid URL.", {
|
|
63
|
+
tenant,
|
|
64
|
+
token
|
|
65
|
+
});
|
|
66
|
+
socketsRef.current = createWebsocketsManager(createWebsocketsConnection({
|
|
67
|
+
subscriptionManager,
|
|
68
|
+
url,
|
|
69
|
+
tenant,
|
|
70
|
+
getToken,
|
|
71
|
+
protocol: [
|
|
72
|
+
"webiny-ws-v1"
|
|
73
|
+
]
|
|
74
|
+
}));
|
|
75
|
+
await socketsRef.current.connect();
|
|
76
|
+
setCurrent({
|
|
77
|
+
tenant
|
|
78
|
+
});
|
|
79
|
+
})();
|
|
80
|
+
}, [
|
|
81
|
+
tenant,
|
|
92
82
|
subscriptionManager,
|
|
93
|
-
|
|
83
|
+
getToken
|
|
84
|
+
]);
|
|
85
|
+
const websocketActions = useMemo(()=>createWebsocketsActions({
|
|
86
|
+
manager: socketsRef.current,
|
|
87
|
+
tenant,
|
|
88
|
+
getToken
|
|
89
|
+
}), [
|
|
90
|
+
socketsRef.current,
|
|
94
91
|
tenant,
|
|
95
|
-
getToken
|
|
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
|
-
return socketsRef.current.onError(data => {
|
|
131
|
-
return cb(data);
|
|
132
|
-
});
|
|
133
|
-
}, [socketsRef.current]);
|
|
134
|
-
const onClose = useCallback(cb => {
|
|
135
|
-
return socketsRef.current.onClose(data => {
|
|
136
|
-
return cb(data);
|
|
92
|
+
getToken
|
|
93
|
+
]);
|
|
94
|
+
const send = useCallback(async (action, data, timeout)=>websocketActions.run({
|
|
95
|
+
action,
|
|
96
|
+
data,
|
|
97
|
+
timeout
|
|
98
|
+
}), [
|
|
99
|
+
websocketActions
|
|
100
|
+
]);
|
|
101
|
+
const createAction = useCallback((name)=>createWebsocketsAction(websocketActions, name), [
|
|
102
|
+
websocketActions
|
|
103
|
+
]);
|
|
104
|
+
const onMessage = useCallback((action, cb)=>socketsRef.current.onMessage(async (event)=>{
|
|
105
|
+
if (event.data.action !== action) return;
|
|
106
|
+
cb(event.data);
|
|
107
|
+
}), [
|
|
108
|
+
socketsRef.current
|
|
109
|
+
]);
|
|
110
|
+
const onError = useCallback((cb)=>socketsRef.current.onError((data)=>cb(data)), [
|
|
111
|
+
socketsRef.current
|
|
112
|
+
]);
|
|
113
|
+
const onClose = useCallback((cb)=>socketsRef.current.onClose((data)=>cb(data)), [
|
|
114
|
+
socketsRef.current
|
|
115
|
+
]);
|
|
116
|
+
if (!socketsRef.current) return props.loader || null;
|
|
117
|
+
const value = {
|
|
118
|
+
send,
|
|
119
|
+
createAction,
|
|
120
|
+
onMessage,
|
|
121
|
+
onError,
|
|
122
|
+
onClose
|
|
123
|
+
};
|
|
124
|
+
return /*#__PURE__*/ react.createElement(WebsocketsContext.Provider, {
|
|
125
|
+
value: value,
|
|
126
|
+
...props
|
|
137
127
|
});
|
|
138
|
-
}, [socketsRef.current]);
|
|
139
|
-
if (!socketsRef.current) {
|
|
140
|
-
return props.loader || null;
|
|
141
|
-
}
|
|
142
|
-
const value = {
|
|
143
|
-
send,
|
|
144
|
-
createAction,
|
|
145
|
-
onMessage,
|
|
146
|
-
onError,
|
|
147
|
-
onClose
|
|
148
|
-
};
|
|
149
|
-
return /*#__PURE__*/React.createElement(WebsocketsContext.Provider, Object.assign({
|
|
150
|
-
value: value
|
|
151
|
-
}, props));
|
|
152
128
|
};
|
|
129
|
+
export { WebsocketsContext, WebsocketsContextProvider };
|
|
153
130
|
|
|
154
131
|
//# sourceMappingURL=WebsocketsContextProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","useFeature","useTenantContext","AuthenticationContextFeature","WebsocketsCloseCode","createWebsocketsAction","createWebsocketsActions","createWebsocketsConnection","createWebsocketsManager","createWebsocketsSubscriptionManager","getUrl","WebsocketsContext","createContext","undefined","WebsocketsContextProvider","props","tenant","authenticationContext","socketsRef","current","setCurrent","getToken","getIdToken","subscriptionManager","manager","currentIteration","onClose","event","code","GOING_AWAY","setTimeout","isClosed","console","log","connect","abortController","AbortController","window","addEventListener","signal","triggerOnClose","CloseEvent","reason","abort","token","close","NORMAL","url","error","protocol","websocketActions","send","action","data","timeout","run","createAction","name","onMessage","cb","onError","loader","value","createElement","Provider","Object","assign"],"sources":["WebsocketsContextProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFeature, useTenantContext } from \"@webiny/app-admin\";\nimport { AuthenticationContextFeature } from \"@webiny/app-admin/features/security/AuthenticationContext/feature.js\";\nimport type {\n IncomingGenericData,\n IWebsocketsContext,\n IWebsocketsContextSendCallable,\n IWebsocketsManagerCloseEvent,\n IWebsocketsManagerErrorEvent\n} from \"~/types.js\";\nimport { WebsocketsCloseCode } from \"~/types.js\";\nimport {\n createWebsocketsAction,\n createWebsocketsActions,\n createWebsocketsConnection,\n createWebsocketsManager,\n createWebsocketsSubscriptionManager\n} from \"./domain/index.js\";\nimport type { IGenericData, IWebsocketsManager } from \"./domain/types.js\";\nimport { getUrl } from \"./utils/getUrl.js\";\n\nexport interface IWebsocketsContextProviderProps {\n loader?: React.ReactElement;\n children: React.ReactNode;\n}\n\nexport const WebsocketsContext = React.createContext<IWebsocketsContext>(\n undefined as unknown as IWebsocketsContext\n);\n\ninterface ICurrentData {\n tenant?: string;\n}\n\nexport const WebsocketsContextProvider = (props: IWebsocketsContextProviderProps) => {\n const { tenant } = useTenantContext();\n const { authenticationContext } = useFeature(AuthenticationContextFeature);\n\n const socketsRef = useRef<IWebsocketsManager | null>(null);\n\n const [current, setCurrent] = useState<ICurrentData>({});\n\n const getToken = useCallback(async () => {\n return await authenticationContext.getIdToken();\n }, [authenticationContext]);\n\n const subscriptionManager = useMemo(() => {\n const manager = createWebsocketsSubscriptionManager();\n\n let currentIteration = 0;\n manager.onClose(event => {\n if (currentIteration > 5 || event.code !== WebsocketsCloseCode.GOING_AWAY) {\n return;\n }\n currentIteration++;\n setTimeout(() => {\n if (!socketsRef.current) {\n return;\n } else if (socketsRef.current.isClosed()) {\n console.log(\"Running auto-reconnect.\");\n\n socketsRef.current.connect();\n }\n }, 1000);\n });\n\n return manager;\n }, []);\n\n /**\n * We need this useEffect to close the websocket connection and remove window focus event in case component is unmounted.\n * This will, probably, happen only during the development phase.\n *\n * If we did not disconnect on component unmount, we would have a memory leak - multiple connections would be opened.\n */\n useEffect(() => {\n /**\n * We want to add a window event listener which will check if the connection is closed, and if its - it will connect again.\n */\n const abortController = new AbortController();\n\n window.addEventListener(\n \"focus\",\n () => {\n if (!socketsRef.current) {\n return;\n } else if (socketsRef.current.isClosed()) {\n console.log(\"Running auto-reconnect on focus.\");\n socketsRef.current.connect();\n }\n },\n { signal: abortController.signal }\n );\n window.addEventListener(\n \"close\",\n () => {\n subscriptionManager.triggerOnClose(\n new CloseEvent(\"windowClose\", {\n code: WebsocketsCloseCode.GOING_AWAY,\n reason: \"Closing Window or Tab.\"\n })\n );\n },\n { signal: abortController.signal }\n );\n\n return () => {\n abortController.abort();\n };\n }, []);\n\n useEffect(() => {\n (async () => {\n const token = await getToken();\n if (!token || !tenant) {\n return;\n } else if (current.tenant === tenant) {\n return;\n } else if (socketsRef.current) {\n await socketsRef.current.close(WebsocketsCloseCode.NORMAL, \"Changing tenant.\");\n }\n const url = getUrl();\n\n if (!url) {\n console.error(\"Not possible to connect to the websocket without a valid URL.\", {\n tenant,\n token\n });\n return;\n }\n\n socketsRef.current = createWebsocketsManager(\n createWebsocketsConnection({\n subscriptionManager,\n url,\n tenant,\n getToken,\n protocol: [\"webiny-ws-v1\"]\n })\n );\n await socketsRef.current.connect();\n\n setCurrent({ tenant });\n })();\n }, [tenant, subscriptionManager, getToken]);\n\n const websocketActions = useMemo(() => {\n return createWebsocketsActions({\n manager: socketsRef.current!,\n tenant,\n getToken\n });\n }, [socketsRef.current, tenant, getToken]);\n\n const send = useCallback<IWebsocketsContextSendCallable>(\n async (action, data, timeout) => {\n return websocketActions.run({\n action,\n data,\n timeout\n });\n },\n [websocketActions]\n );\n\n const createAction = useCallback(\n <T extends IGenericData = IGenericData, R extends IGenericData = IGenericData>(\n name: string\n ) => {\n return createWebsocketsAction<T, R>(websocketActions, name);\n },\n [websocketActions]\n );\n\n const onMessage = useCallback(\n <T extends IncomingGenericData = IncomingGenericData>(\n action: string,\n cb: (data: T) => void\n ) => {\n return socketsRef.current!.onMessage<T>(async event => {\n if (event.data.action !== action) {\n return;\n }\n cb(event.data);\n });\n },\n [socketsRef.current]\n );\n\n const onError = useCallback(\n (cb: (data: IWebsocketsManagerErrorEvent) => void) => {\n return socketsRef.current!.onError(data => {\n return cb(data);\n });\n },\n [socketsRef.current]\n );\n\n const onClose = useCallback(\n (cb: (data: IWebsocketsManagerCloseEvent) => void) => {\n return socketsRef.current!.onClose(data => {\n return cb(data);\n });\n },\n [socketsRef.current]\n );\n\n if (!socketsRef.current) {\n return props.loader || null;\n }\n\n const value: IWebsocketsContext = {\n send,\n createAction,\n onMessage,\n onError,\n onClose\n };\n return <WebsocketsContext.Provider value={value} {...props} />;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"WebsocketsContextProvider.js","sources":["../src/WebsocketsContextProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useFeature, useTenantContext } from \"@webiny/app-admin\";\nimport { AuthenticationContextFeature } from \"@webiny/app-admin/features/security/AuthenticationContext/feature.js\";\nimport type {\n IncomingGenericData,\n IWebsocketsContext,\n IWebsocketsContextSendCallable,\n IWebsocketsManagerCloseEvent,\n IWebsocketsManagerErrorEvent\n} from \"~/types.js\";\nimport { WebsocketsCloseCode } from \"~/types.js\";\nimport {\n createWebsocketsAction,\n createWebsocketsActions,\n createWebsocketsConnection,\n createWebsocketsManager,\n createWebsocketsSubscriptionManager\n} from \"./domain/index.js\";\nimport type { IGenericData, IWebsocketsManager } from \"./domain/types.js\";\nimport { getUrl } from \"./utils/getUrl.js\";\n\nexport interface IWebsocketsContextProviderProps {\n loader?: React.ReactElement;\n children: React.ReactNode;\n}\n\nexport const WebsocketsContext = React.createContext<IWebsocketsContext>(\n undefined as unknown as IWebsocketsContext\n);\n\ninterface ICurrentData {\n tenant?: string;\n}\n\nexport const WebsocketsContextProvider = (props: IWebsocketsContextProviderProps) => {\n const { tenant } = useTenantContext();\n const { authenticationContext } = useFeature(AuthenticationContextFeature);\n\n const socketsRef = useRef<IWebsocketsManager | null>(null);\n\n const [current, setCurrent] = useState<ICurrentData>({});\n\n const getToken = useCallback(async () => {\n return await authenticationContext.getIdToken();\n }, [authenticationContext]);\n\n const subscriptionManager = useMemo(() => {\n const manager = createWebsocketsSubscriptionManager();\n\n let currentIteration = 0;\n manager.onClose(event => {\n if (currentIteration > 5 || event.code !== WebsocketsCloseCode.GOING_AWAY) {\n return;\n }\n currentIteration++;\n setTimeout(() => {\n if (!socketsRef.current) {\n return;\n } else if (socketsRef.current.isClosed()) {\n console.log(\"Running auto-reconnect.\");\n\n socketsRef.current.connect();\n }\n }, 1000);\n });\n\n return manager;\n }, []);\n\n /**\n * We need this useEffect to close the websocket connection and remove window focus event in case component is unmounted.\n * This will, probably, happen only during the development phase.\n *\n * If we did not disconnect on component unmount, we would have a memory leak - multiple connections would be opened.\n */\n useEffect(() => {\n /**\n * We want to add a window event listener which will check if the connection is closed, and if its - it will connect again.\n */\n const abortController = new AbortController();\n\n window.addEventListener(\n \"focus\",\n () => {\n if (!socketsRef.current) {\n return;\n } else if (socketsRef.current.isClosed()) {\n console.log(\"Running auto-reconnect on focus.\");\n socketsRef.current.connect();\n }\n },\n { signal: abortController.signal }\n );\n window.addEventListener(\n \"close\",\n () => {\n subscriptionManager.triggerOnClose(\n new CloseEvent(\"windowClose\", {\n code: WebsocketsCloseCode.GOING_AWAY,\n reason: \"Closing Window or Tab.\"\n })\n );\n },\n { signal: abortController.signal }\n );\n\n return () => {\n abortController.abort();\n };\n }, []);\n\n useEffect(() => {\n (async () => {\n const token = await getToken();\n if (!token || !tenant) {\n return;\n } else if (current.tenant === tenant) {\n return;\n } else if (socketsRef.current) {\n await socketsRef.current.close(WebsocketsCloseCode.NORMAL, \"Changing tenant.\");\n }\n const url = getUrl();\n\n if (!url) {\n console.error(\"Not possible to connect to the websocket without a valid URL.\", {\n tenant,\n token\n });\n return;\n }\n\n socketsRef.current = createWebsocketsManager(\n createWebsocketsConnection({\n subscriptionManager,\n url,\n tenant,\n getToken,\n protocol: [\"webiny-ws-v1\"]\n })\n );\n await socketsRef.current.connect();\n\n setCurrent({ tenant });\n })();\n }, [tenant, subscriptionManager, getToken]);\n\n const websocketActions = useMemo(() => {\n return createWebsocketsActions({\n manager: socketsRef.current!,\n tenant,\n getToken\n });\n }, [socketsRef.current, tenant, getToken]);\n\n const send = useCallback<IWebsocketsContextSendCallable>(\n async (action, data, timeout) => {\n return websocketActions.run({\n action,\n data,\n timeout\n });\n },\n [websocketActions]\n );\n\n const createAction = useCallback(\n <T extends IGenericData = IGenericData, R extends IGenericData = IGenericData>(\n name: string\n ) => {\n return createWebsocketsAction<T, R>(websocketActions, name);\n },\n [websocketActions]\n );\n\n const onMessage = useCallback(\n <T extends IncomingGenericData = IncomingGenericData>(\n action: string,\n cb: (data: T) => void\n ) => {\n return socketsRef.current!.onMessage<T>(async event => {\n if (event.data.action !== action) {\n return;\n }\n cb(event.data);\n });\n },\n [socketsRef.current]\n );\n\n const onError = useCallback(\n (cb: (data: IWebsocketsManagerErrorEvent) => void) => {\n return socketsRef.current!.onError(data => {\n return cb(data);\n });\n },\n [socketsRef.current]\n );\n\n const onClose = useCallback(\n (cb: (data: IWebsocketsManagerCloseEvent) => void) => {\n return socketsRef.current!.onClose(data => {\n return cb(data);\n });\n },\n [socketsRef.current]\n );\n\n if (!socketsRef.current) {\n return props.loader || null;\n }\n\n const value: IWebsocketsContext = {\n send,\n createAction,\n onMessage,\n onError,\n onClose\n };\n return <WebsocketsContext.Provider value={value} {...props} />;\n};\n"],"names":["WebsocketsContext","React","undefined","WebsocketsContextProvider","props","tenant","useTenantContext","authenticationContext","useFeature","AuthenticationContextFeature","socketsRef","useRef","current","setCurrent","useState","getToken","useCallback","subscriptionManager","useMemo","manager","createWebsocketsSubscriptionManager","currentIteration","event","WebsocketsCloseCode","setTimeout","console","useEffect","abortController","AbortController","window","CloseEvent","token","url","getUrl","createWebsocketsManager","createWebsocketsConnection","websocketActions","createWebsocketsActions","send","action","data","timeout","createAction","name","createWebsocketsAction","onMessage","cb","onError","onClose","value"],"mappings":"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"}
|
|
@@ -1,28 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
});
|
|
17
|
-
if (!onResponse) {
|
|
18
|
-
return null;
|
|
1
|
+
class WebsocketsAction {
|
|
2
|
+
constructor(actions, name){
|
|
3
|
+
this.name = name;
|
|
4
|
+
this.actions = actions;
|
|
5
|
+
}
|
|
6
|
+
async trigger(params) {
|
|
7
|
+
const { data, onResponse, timeout = 10000 } = params || {};
|
|
8
|
+
const promise = this.actions.run({
|
|
9
|
+
action: this.name,
|
|
10
|
+
data,
|
|
11
|
+
timeout: onResponse && timeout > 0 ? timeout : void 0
|
|
12
|
+
});
|
|
13
|
+
if (!onResponse) return null;
|
|
14
|
+
const result = await promise;
|
|
15
|
+
return onResponse(result);
|
|
19
16
|
}
|
|
20
|
-
const result = await promise;
|
|
21
|
-
return onResponse(result);
|
|
22
|
-
}
|
|
23
17
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
18
|
+
const createWebsocketsAction = (actions, name)=>new WebsocketsAction(actions, name);
|
|
19
|
+
export { WebsocketsAction, createWebsocketsAction };
|
|
27
20
|
|
|
28
21
|
//# sourceMappingURL=WebsocketsAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"domain/WebsocketsAction.js","sources":["../../src/domain/WebsocketsAction.ts"],"sourcesContent":["import type {\n IGenericData,\n IWebsocketsAction,\n IWebsocketsActions,\n IWebsocketsActionsTriggerParams\n} from \"./types.js\";\n\nexport class WebsocketsAction<\n T extends IGenericData = IGenericData,\n R extends IGenericData = IGenericData\n> implements IWebsocketsAction<T, R> {\n private readonly actions: IWebsocketsActions;\n private readonly name: string;\n\n public constructor(actions: IWebsocketsActions, name: string) {\n this.name = name;\n this.actions = actions;\n }\n\n public async trigger(params?: IWebsocketsActionsTriggerParams<T, R>): Promise<R | null> {\n const { data, onResponse, timeout = 10000 } = params || {};\n const promise = this.actions.run<T, R>({\n action: this.name,\n data,\n timeout: onResponse && timeout > 0 ? timeout : undefined\n });\n if (!onResponse) {\n return null;\n }\n const result = await promise;\n\n return onResponse(result);\n }\n}\n\nexport const createWebsocketsAction = <\n T extends IGenericData = IGenericData,\n R extends IGenericData = IGenericData\n>(\n actions: IWebsocketsActions,\n name: string\n): IWebsocketsAction<T, R> => {\n return new WebsocketsAction<T, R>(actions, name);\n};\n"],"names":["WebsocketsAction","actions","name","params","data","onResponse","timeout","promise","undefined","result","createWebsocketsAction"],"mappings":"AAOO,MAAMA;IAOT,YAAmBC,OAA2B,EAAEC,IAAY,CAAE;QAC1D,IAAI,CAAC,IAAI,GAAGA;QACZ,IAAI,CAAC,OAAO,GAAGD;IACnB;IAEA,MAAa,QAAQE,MAA8C,EAAqB;QACpF,MAAM,EAAEC,IAAI,EAAEC,UAAU,EAAEC,UAAU,KAAK,EAAE,GAAGH,UAAU,CAAC;QACzD,MAAMI,UAAU,IAAI,CAAC,OAAO,CAAC,GAAG,CAAO;YACnC,QAAQ,IAAI,CAAC,IAAI;YACjBH;YACA,SAASC,cAAcC,UAAU,IAAIA,UAAUE;QACnD;QACA,IAAI,CAACH,YACD,OAAO;QAEX,MAAMI,SAAS,MAAMF;QAErB,OAAOF,WAAWI;IACtB;AACJ;AAEO,MAAMC,yBAAyB,CAIlCT,SACAC,OAEO,IAAIF,iBAAuBC,SAASC"}
|
|
@@ -1,79 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
async run(params) {
|
|
8
|
-
const {
|
|
9
|
-
action,
|
|
10
|
-
timeout,
|
|
11
|
-
data
|
|
12
|
-
} = params;
|
|
13
|
-
const token = await this.getToken();
|
|
14
|
-
if (!token) {
|
|
15
|
-
console.error("Token is not set - cannot send a websocket message.");
|
|
16
|
-
return null;
|
|
17
|
-
} else if (!this.tenant) {
|
|
18
|
-
console.error("Tenant is not set - cannot send a websocket message.");
|
|
19
|
-
return null;
|
|
1
|
+
class WebsocketsActions {
|
|
2
|
+
constructor(params){
|
|
3
|
+
this.manager = params.manager;
|
|
4
|
+
this.tenant = params.tenant;
|
|
5
|
+
this.getToken = params.getToken;
|
|
20
6
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
tenant: this.tenant,
|
|
33
|
-
action,
|
|
34
|
-
data: data || {}
|
|
35
|
-
});
|
|
36
|
-
return null;
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* In case of a timeout, we will send the message and wait for the response.
|
|
40
|
-
*/
|
|
41
|
-
return await new Promise((resolve, reject) => {
|
|
42
|
-
let promiseTimeout = null;
|
|
43
|
-
const subscription = this.manager.onMessage(async event => {
|
|
44
|
-
if (event.data.messageId !== subscription.id) {
|
|
45
|
-
return;
|
|
7
|
+
async run(params) {
|
|
8
|
+
const { action, timeout, data } = params;
|
|
9
|
+
const token = await this.getToken();
|
|
10
|
+
if (token) {
|
|
11
|
+
if (!this.tenant) {
|
|
12
|
+
console.error("Tenant is not set - cannot send a websocket message.");
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
} else {
|
|
16
|
+
console.error("Token is not set - cannot send a websocket message.");
|
|
17
|
+
return null;
|
|
46
18
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
19
|
+
if (!timeout || timeout < 0) {
|
|
20
|
+
this.manager.send({
|
|
21
|
+
token,
|
|
22
|
+
tenant: this.tenant,
|
|
23
|
+
action,
|
|
24
|
+
data: data || {}
|
|
25
|
+
});
|
|
26
|
+
return null;
|
|
51
27
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
28
|
+
return await new Promise((resolve, reject)=>{
|
|
29
|
+
let promiseTimeout = null;
|
|
30
|
+
const subscription = this.manager.onMessage(async (event)=>{
|
|
31
|
+
if (event.data.messageId !== subscription.id) return;
|
|
32
|
+
resolve(event.data);
|
|
33
|
+
subscription.off();
|
|
34
|
+
if (!promiseTimeout) return;
|
|
35
|
+
clearTimeout(promiseTimeout);
|
|
36
|
+
});
|
|
37
|
+
promiseTimeout = setTimeout(()=>{
|
|
38
|
+
const message = `Websocket action "${action}" timeout.`;
|
|
39
|
+
subscription.off();
|
|
40
|
+
reject(new Error(message));
|
|
41
|
+
}, timeout);
|
|
42
|
+
this.manager.send({
|
|
43
|
+
token,
|
|
44
|
+
tenant: this.tenant,
|
|
45
|
+
messageId: subscription.id,
|
|
46
|
+
action,
|
|
47
|
+
data: data || {}
|
|
48
|
+
});
|
|
49
|
+
}).catch((ex)=>{
|
|
50
|
+
console.error("Error while sending websocket message.", ex);
|
|
51
|
+
return null;
|
|
52
|
+
});
|
|
53
|
+
}
|
|
74
54
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
};
|
|
55
|
+
const createWebsocketsActions = (params)=>new WebsocketsActions(params);
|
|
56
|
+
export { WebsocketsActions, createWebsocketsActions };
|
|
78
57
|
|
|
79
58
|
//# sourceMappingURL=WebsocketsActions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"domain/WebsocketsActions.js","sources":["../../src/domain/WebsocketsActions.ts"],"sourcesContent":["import type {\n IGenericData,\n IWebsocketsActions,\n IWebsocketsActionsRunParams,\n IWebsocketsManager,\n IWebsocketManagerSendData\n} from \"./types.js\";\n\nexport interface IWebsocketActionsParams {\n manager: IWebsocketsManager;\n tenant: string | null;\n getToken: () => Promise<string | undefined>;\n}\n\nexport class WebsocketsActions implements IWebsocketsActions {\n public readonly manager: IWebsocketsManager;\n\n private readonly getToken: () => Promise<string | undefined>;\n private readonly tenant: string | null;\n\n public constructor(params: IWebsocketActionsParams) {\n this.manager = params.manager;\n this.tenant = params.tenant;\n this.getToken = params.getToken;\n }\n\n public async run<T extends IGenericData = IGenericData, R extends IGenericData = IGenericData>(\n params: IWebsocketsActionsRunParams<T>\n ): Promise<R | null> {\n const { action, timeout, data } = params;\n const token = await this.getToken();\n if (!token) {\n console.error(\"Token is not set - cannot send a websocket message.\");\n return null;\n } else if (!this.tenant) {\n console.error(\"Tenant is not set - cannot send a websocket message.\");\n return null;\n }\n\n /**\n * If no timeout was sent, we will just send the message and return null.\n * No waiting for the response.\n */\n if (!timeout || timeout < 0) {\n this.manager.send<IWebsocketManagerSendData<T>>({\n /**\n * It is ok to cast as we are checking the values a few lines above.\n */\n token,\n tenant: this.tenant as string,\n action,\n data: data || ({} as T)\n });\n return null;\n }\n /**\n * In case of a timeout, we will send the message and wait for the response.\n */\n return await new Promise<R>((resolve, reject) => {\n let promiseTimeout: NodeJS.Timeout | null = null;\n const subscription = this.manager.onMessage<R>(async event => {\n if (event.data.messageId !== subscription.id) {\n return;\n }\n resolve(event.data);\n subscription.off();\n if (!promiseTimeout) {\n return;\n }\n clearTimeout(promiseTimeout);\n });\n\n promiseTimeout = setTimeout(() => {\n const message = `Websocket action \"${action}\" timeout.`;\n subscription.off();\n reject(new Error(message));\n }, timeout);\n\n this.manager.send<IWebsocketManagerSendData<T>>({\n /**\n * It is ok to cast as we are checking the values a few lines above.\n */\n token,\n tenant: this.tenant as string,\n messageId: subscription.id,\n action,\n data: data || ({} as T)\n });\n }).catch(ex => {\n console.error(\"Error while sending websocket message.\", ex);\n return null;\n });\n }\n}\n\nexport const createWebsocketsActions = (params: IWebsocketActionsParams): IWebsocketsActions => {\n return new WebsocketsActions(params);\n};\n"],"names":["WebsocketsActions","params","action","timeout","data","token","console","Promise","resolve","reject","promiseTimeout","subscription","event","clearTimeout","setTimeout","message","Error","ex","createWebsocketsActions"],"mappings":"AAcO,MAAMA;IAMT,YAAmBC,MAA+B,CAAE;QAChD,IAAI,CAAC,OAAO,GAAGA,OAAO,OAAO;QAC7B,IAAI,CAAC,MAAM,GAAGA,OAAO,MAAM;QAC3B,IAAI,CAAC,QAAQ,GAAGA,OAAO,QAAQ;IACnC;IAEA,MAAa,IACTA,MAAsC,EACrB;QACjB,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGH;QAClC,MAAMI,QAAQ,MAAM,IAAI,CAAC,QAAQ;QACjC,IAAKA,OAGE;YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;gBACrBC,QAAQ,KAAK,CAAC;gBACd,OAAO;YACX;QAAA,OANY;YACRA,QAAQ,KAAK,CAAC;YACd,OAAO;QACX;QASA,IAAI,CAACH,WAAWA,UAAU,GAAG;YACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAA+B;gBAI5CE;gBACA,QAAQ,IAAI,CAAC,MAAM;gBACnBH;gBACA,MAAME,QAAS,CAAC;YACpB;YACA,OAAO;QACX;QAIA,OAAO,MAAM,IAAIG,QAAW,CAACC,SAASC;YAClC,IAAIC,iBAAwC;YAC5C,MAAMC,eAAe,IAAI,CAAC,OAAO,CAAC,SAAS,CAAI,OAAMC;gBACjD,IAAIA,MAAM,IAAI,CAAC,SAAS,KAAKD,aAAa,EAAE,EACxC;gBAEJH,QAAQI,MAAM,IAAI;gBAClBD,aAAa,GAAG;gBAChB,IAAI,CAACD,gBACD;gBAEJG,aAAaH;YACjB;YAEAA,iBAAiBI,WAAW;gBACxB,MAAMC,UAAU,CAAC,kBAAkB,EAAEb,OAAO,UAAU,CAAC;gBACvDS,aAAa,GAAG;gBAChBF,OAAO,IAAIO,MAAMD;YACrB,GAAGZ;YAEH,IAAI,CAAC,OAAO,CAAC,IAAI,CAA+B;gBAI5CE;gBACA,QAAQ,IAAI,CAAC,MAAM;gBACnB,WAAWM,aAAa,EAAE;gBAC1BT;gBACA,MAAME,QAAS,CAAC;YACpB;QACJ,GAAG,KAAK,CAACa,CAAAA;YACLX,QAAQ,KAAK,CAAC,0CAA0CW;YACxD,OAAO;QACX;IACJ;AACJ;AAEO,MAAMC,0BAA0B,CAACjB,SAC7B,IAAID,kBAAkBC"}
|