rc-lib-ui 1.4.7 → 1.4.9
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/NetworkAndSocket/Socket/api/SocketApi.d.ts +9 -2
- package/dist/NetworkAndSocket/Socket/api/SocketApi.types.d.ts +2 -5
- package/dist/NetworkAndSocket/Socket/api/deps/WsApi/WsApi.d.ts +6 -0
- package/dist/NetworkAndSocket/Socket/components/Buttons/Connect.d.ts +10 -0
- package/dist/NetworkAndSocket/Socket/components/index.d.ts +1 -0
- package/dist/Preloaders/Preloaders.d.ts +1 -1
- package/dist/preloaders.css +1 -1
- package/dist/preloaders.js +369 -369
- package/dist/socket.js +354 -331
- package/package.json +1 -1
package/dist/socket.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import './socket.css';var z = Object.defineProperty;
|
|
2
|
-
var F = (
|
|
3
|
-
var
|
|
2
|
+
var F = (n, t, s) => t in n ? z(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
|
|
3
|
+
var i = (n, t, s) => F(n, typeof t != "symbol" ? t + "" : t, s);
|
|
4
4
|
import { jsx as D } from "react/jsx-runtime";
|
|
5
|
-
import
|
|
5
|
+
import N, { useState as T, useRef as W, useCallback as O, useEffect as I } from "react";
|
|
6
6
|
import { c as U } from "./react-CLnE01WS.js";
|
|
7
7
|
import { styled as M, Collapse as G } from "@mui/material";
|
|
8
|
-
import
|
|
9
|
-
import { u as
|
|
8
|
+
import B from "classnames";
|
|
9
|
+
import { u as x } from "./browser-DJTk47DY.js";
|
|
10
10
|
import { N as $ } from "./index-sxz_mdqa.js";
|
|
11
|
-
const
|
|
11
|
+
const L = {
|
|
12
12
|
statusConnect: "disconnect",
|
|
13
13
|
isOfflineSocket: !1,
|
|
14
14
|
//Текущее состояние сокета. Зависит от события timeOffReConnect и если задаёться isDisableConnectSocket: true
|
|
@@ -20,22 +20,22 @@ const T = {
|
|
|
20
20
|
isSelectOffline: !1
|
|
21
21
|
//Для того что бы 2й раз окно не показывать
|
|
22
22
|
}
|
|
23
|
-
}, K = JSON.parse(JSON.stringify(
|
|
24
|
-
resetState: () =>
|
|
25
|
-
setStatusConnectSocket: ({ statusConnect:
|
|
26
|
-
setStatusIsReConnectSocket: ({ isReConnectSocket:
|
|
27
|
-
setStatusReady: ({ isReadySocket:
|
|
28
|
-
setIsOfflineSocket: ({ isOfflineSocket:
|
|
29
|
-
setInfoNoConnectServer: (
|
|
30
|
-
setIsDisableConnectSocket: ({ isDisableConnectSocket:
|
|
31
|
-
},
|
|
32
|
-
getStatusConnectSocket: (
|
|
33
|
-
getStatusIsReConnectSocket: (
|
|
34
|
-
getStatusReady: (
|
|
35
|
-
getIsOfflineSocket: (
|
|
36
|
-
getInfoNoConnectServer: (
|
|
37
|
-
getIsDisableConnectSocket: (
|
|
38
|
-
},
|
|
23
|
+
}, K = JSON.parse(JSON.stringify(L)), b = U(() => L), C = {
|
|
24
|
+
resetState: () => b.setState(K),
|
|
25
|
+
setStatusConnectSocket: ({ statusConnect: n }) => b.setState({ statusConnect: n }),
|
|
26
|
+
setStatusIsReConnectSocket: ({ isReConnectSocket: n }) => b.setState({ isReConnectSocket: n }),
|
|
27
|
+
setStatusReady: ({ isReadySocket: n }) => b.setState({ isReadySocket: n }),
|
|
28
|
+
setIsOfflineSocket: ({ isOfflineSocket: n }) => b.setState({ isOfflineSocket: n }),
|
|
29
|
+
setInfoNoConnectServer: (n) => b.setState((t) => ({ infoNoConnectServer: { ...t.infoNoConnectServer, ...n } })),
|
|
30
|
+
setIsDisableConnectSocket: ({ isDisableConnectSocket: n }) => b.setState({ isDisableConnectSocket: n })
|
|
31
|
+
}, m = {
|
|
32
|
+
getStatusConnectSocket: (n) => n.statusConnect,
|
|
33
|
+
getStatusIsReConnectSocket: (n) => n.isReConnectSocket,
|
|
34
|
+
getStatusReady: (n) => n.isReadySocket,
|
|
35
|
+
getIsOfflineSocket: (n) => n.isOfflineSocket,
|
|
36
|
+
getInfoNoConnectServer: (n) => n.infoNoConnectServer,
|
|
37
|
+
getIsDisableConnectSocket: (n) => n.isDisableConnectSocket
|
|
38
|
+
}, R = (n) => b(n), Q = M("span")({
|
|
39
39
|
backgroundColor: "rgba(0,0,0,0.3)",
|
|
40
40
|
color: "#fff",
|
|
41
41
|
display: "flex",
|
|
@@ -43,8 +43,8 @@ const T = {
|
|
|
43
43
|
padding: "1px 10px",
|
|
44
44
|
borderRadius: "3px 3px 3px 3px"
|
|
45
45
|
}), P = M(
|
|
46
|
-
({ children:
|
|
47
|
-
)(({ theme:
|
|
46
|
+
({ children: n, ...t }) => /* @__PURE__ */ D(G, { ...t, unmountOnExit: !0, children: /* @__PURE__ */ D(Q, { children: n }) })
|
|
47
|
+
)(({ theme: n }) => ({
|
|
48
48
|
fontSize: 10,
|
|
49
49
|
position: "absolute",
|
|
50
50
|
left: 0,
|
|
@@ -66,8 +66,8 @@ const T = {
|
|
|
66
66
|
"loading-stripes": "_loading-stripes_1lp7f_1",
|
|
67
67
|
loadingStripes: X
|
|
68
68
|
}, Z = M(P, {
|
|
69
|
-
shouldForwardProp: (
|
|
70
|
-
})(({ theme:
|
|
69
|
+
shouldForwardProp: (n) => ![""].includes(n)
|
|
70
|
+
})(({ theme: n }) => ({
|
|
71
71
|
top: "100%",
|
|
72
72
|
"& .MuiCollapse-wrapper": {
|
|
73
73
|
height: 10
|
|
@@ -75,210 +75,211 @@ const T = {
|
|
|
75
75
|
"& span": {
|
|
76
76
|
height: "100%"
|
|
77
77
|
}
|
|
78
|
-
})), j = ({ text:
|
|
79
|
-
const
|
|
78
|
+
})), j = ({ text: n = "Происходит подключение к серверу", className: t, ...s }) => {
|
|
79
|
+
const o = R(m.getStatusConnectSocket), r = R(m.getStatusIsReConnectSocket);
|
|
80
80
|
return /* @__PURE__ */ D(
|
|
81
81
|
Z,
|
|
82
82
|
{
|
|
83
|
-
in:
|
|
83
|
+
in: o === "pending" || r,
|
|
84
84
|
collapsedSize: "1px",
|
|
85
|
-
className:
|
|
85
|
+
className: B(Y["connect-server-anim"], t),
|
|
86
86
|
unmountOnExit: !0,
|
|
87
|
-
...
|
|
88
|
-
children:
|
|
87
|
+
...s,
|
|
88
|
+
children: n
|
|
89
89
|
}
|
|
90
90
|
);
|
|
91
|
-
}, _ =
|
|
92
|
-
class
|
|
91
|
+
}, _ = N.memo(j);
|
|
92
|
+
class tt {
|
|
93
93
|
constructor() {
|
|
94
|
-
|
|
94
|
+
i(this, "defaultProps", {
|
|
95
95
|
interval: 5e3
|
|
96
96
|
});
|
|
97
|
-
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
},
|
|
101
|
-
|
|
97
|
+
i(this, "startActionEvery", (t, s = this.defaultProps) => {
|
|
98
|
+
const o = (f) => {
|
|
99
|
+
s != null && s.watchIdInterval && (s == null || s.watchIdInterval(f));
|
|
100
|
+
}, r = (f) => {
|
|
101
|
+
s != null && s.controlAction && (s == null || s.controlAction(f));
|
|
102
102
|
};
|
|
103
|
-
let
|
|
104
|
-
const S = (
|
|
103
|
+
let c = !0, l, a, u;
|
|
104
|
+
const S = (f = !0) => {
|
|
105
105
|
const h = "Ручное завершение startActionEvery";
|
|
106
|
-
|
|
106
|
+
c = !1, clearInterval(l), o(null), f ? a && a({ status: f, msg: h + ": (true)" }) : u && u({ status: f, msg: h + ": (false)" });
|
|
107
107
|
};
|
|
108
108
|
return {
|
|
109
|
-
promise: new Promise((
|
|
110
|
-
|
|
109
|
+
promise: new Promise((f, h) => {
|
|
110
|
+
a = f, u = h;
|
|
111
111
|
let y = 0, d = 0;
|
|
112
112
|
l = setInterval(
|
|
113
113
|
() => {
|
|
114
|
-
if (y +=
|
|
115
|
-
|
|
114
|
+
if (y += s.interval, d += 1, s != null && s.cutoffTime && y > s.cutoffTime || s != null && s.countAction && (s == null ? void 0 : s.countAction) < d) {
|
|
115
|
+
c = !1, clearInterval(l), o(null), h({ status: !1, msg: Error("Время загрузки истекло") });
|
|
116
116
|
return;
|
|
117
117
|
}
|
|
118
|
-
|
|
118
|
+
t() && (c = !1, clearInterval(l), o(null), f({ status: !0, msg: "cb вернул true" }));
|
|
119
119
|
},
|
|
120
|
-
|
|
121
|
-
),
|
|
122
|
-
getIsActiveEvent: () =>
|
|
120
|
+
s.interval < 200 ? 200 : s.interval
|
|
121
|
+
), o(l), r({
|
|
122
|
+
getIsActiveEvent: () => c,
|
|
123
123
|
stop: S
|
|
124
124
|
});
|
|
125
125
|
}),
|
|
126
126
|
stop: S
|
|
127
127
|
};
|
|
128
128
|
});
|
|
129
|
-
|
|
130
|
-
let
|
|
131
|
-
|
|
132
|
-
|
|
129
|
+
i(this, "oneOf", (t, s, { second: o }) => {
|
|
130
|
+
let r = 1;
|
|
131
|
+
t().then(() => {
|
|
132
|
+
r === 1 && (r = 0);
|
|
133
133
|
});
|
|
134
|
-
let
|
|
135
|
-
|
|
136
|
-
},
|
|
134
|
+
let c = setInterval(() => {
|
|
135
|
+
r === 1 && s(), clearInterval(c);
|
|
136
|
+
}, o * 1e3);
|
|
137
137
|
});
|
|
138
|
-
|
|
139
|
-
let l = 1,
|
|
140
|
-
|
|
141
|
-
l === 1 && (l = 0,
|
|
138
|
+
i(this, "oneOfPromise", (t, s, { second: o }) => new Promise((r, c) => {
|
|
139
|
+
let l = 1, a = { status: !1, msg: "" };
|
|
140
|
+
t().then((S) => {
|
|
141
|
+
l === 1 && (l = 0, r(S));
|
|
142
142
|
}).catch((S) => {
|
|
143
|
-
l === 1 && (l = 0,
|
|
143
|
+
l === 1 && (l = 0, a.msg = S, c(S));
|
|
144
144
|
});
|
|
145
|
-
let
|
|
145
|
+
let u = setInterval(() => {
|
|
146
146
|
if (l === 1) {
|
|
147
|
-
if (l = 0, typeof
|
|
148
|
-
|
|
147
|
+
if (l = 0, typeof s == "function") {
|
|
148
|
+
c({ status: !1, msg: "", ...s(a) });
|
|
149
149
|
return;
|
|
150
150
|
}
|
|
151
|
-
|
|
151
|
+
c({ status: !1, msg: "oneOfPromise reject" });
|
|
152
152
|
}
|
|
153
|
-
clearInterval(
|
|
154
|
-
},
|
|
153
|
+
clearInterval(u);
|
|
154
|
+
}, o * 1e3);
|
|
155
155
|
}));
|
|
156
156
|
}
|
|
157
157
|
}
|
|
158
158
|
class H {
|
|
159
|
-
constructor(
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
var
|
|
165
|
-
(
|
|
159
|
+
constructor(t) {
|
|
160
|
+
i(this, "subscribersEvents", {});
|
|
161
|
+
i(this, "getListNameEvents", () => Object.keys(this.subscribersEvents));
|
|
162
|
+
i(this, "getSubscribers", () => this.subscribersEvents);
|
|
163
|
+
i(this, "subscribe", (t, s) => {
|
|
164
|
+
var o;
|
|
165
|
+
(o = this.subscribersEvents[t]) == null || o.push(s);
|
|
166
166
|
});
|
|
167
|
-
|
|
168
|
-
var
|
|
169
|
-
this.subscribersEvents[
|
|
167
|
+
i(this, "unsubscribe", (t, s) => {
|
|
168
|
+
var o;
|
|
169
|
+
this.subscribersEvents[t] && (this.subscribersEvents[t] = (o = this.subscribersEvents[t]) == null ? void 0 : o.filter((r) => r !== s));
|
|
170
170
|
});
|
|
171
|
-
|
|
172
|
-
var
|
|
173
|
-
this.subscribersEvents[
|
|
174
|
-
|
|
171
|
+
i(this, "publish", (t, s) => {
|
|
172
|
+
var o;
|
|
173
|
+
this.subscribersEvents[t] && ((o = this.subscribersEvents[t]) == null || o.forEach((r) => {
|
|
174
|
+
r(s);
|
|
175
175
|
}));
|
|
176
176
|
});
|
|
177
|
-
|
|
178
|
-
const
|
|
179
|
-
for (const [
|
|
180
|
-
this.subscribersEvents[
|
|
177
|
+
i(this, "resetSubscribers", () => {
|
|
178
|
+
const t = Object.entries(this.subscribersEvents);
|
|
179
|
+
for (const [s] of t)
|
|
180
|
+
this.subscribersEvents[s] = [];
|
|
181
181
|
});
|
|
182
|
-
|
|
183
|
-
this.subscribersEvents[
|
|
182
|
+
t.forEach((s) => {
|
|
183
|
+
this.subscribersEvents[s] = [];
|
|
184
184
|
});
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
|
-
class
|
|
187
|
+
class et {
|
|
188
188
|
constructor() {
|
|
189
|
-
|
|
189
|
+
i(this, "options", {
|
|
190
190
|
timeReConnect: 5e3,
|
|
191
191
|
numberOfRepit: 5,
|
|
192
192
|
url: ""
|
|
193
193
|
});
|
|
194
|
-
|
|
194
|
+
i(this, "state", {
|
|
195
195
|
statusConnect: "disconnect",
|
|
196
196
|
ws: null,
|
|
197
197
|
arrSaveReq: []
|
|
198
198
|
});
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
var
|
|
204
|
-
const
|
|
199
|
+
i(this, "initOptions", !1);
|
|
200
|
+
i(this, "events", new H(["status", "msg", "error"]));
|
|
201
|
+
i(this, "stateDefault", this.copyState(this.state));
|
|
202
|
+
i(this, "eventListener", (t) => {
|
|
203
|
+
var o, r;
|
|
204
|
+
const s = [
|
|
205
205
|
["open", this.openHandler],
|
|
206
206
|
["close", this.closeHandler],
|
|
207
207
|
["message", this.msgHandler],
|
|
208
208
|
["error", this.errHandler]
|
|
209
209
|
];
|
|
210
|
-
for (let
|
|
211
|
-
const [l,
|
|
212
|
-
|
|
210
|
+
for (let c = 0; c < s.length; c++) {
|
|
211
|
+
const [l, a] = s[c];
|
|
212
|
+
t === "add" ? (o = this.state.ws) == null || o.addEventListener(l, a) : (r = this.state.ws) == null || r.removeEventListener(l, a);
|
|
213
213
|
}
|
|
214
214
|
});
|
|
215
|
-
|
|
215
|
+
i(this, "openHandler", () => {
|
|
216
216
|
this.setStatus("ready");
|
|
217
217
|
});
|
|
218
|
-
|
|
218
|
+
i(this, "closeHandler", () => {
|
|
219
219
|
this.setStatus("close");
|
|
220
220
|
});
|
|
221
|
-
|
|
222
|
-
const
|
|
221
|
+
i(this, "msgHandler", (t) => {
|
|
222
|
+
const s = JSON.parse(t.data ? t.data : "{}");
|
|
223
223
|
try {
|
|
224
|
-
const { action:
|
|
225
|
-
if (
|
|
226
|
-
const { cb:
|
|
227
|
-
this.events.publish("msg", { ...
|
|
224
|
+
const { action: o } = s, r = this.findDataRequestByAction(o);
|
|
225
|
+
if (r) {
|
|
226
|
+
const { cb: c, ...l } = r, { payload: a, ...u } = l;
|
|
227
|
+
this.events.publish("msg", { ...s, request: { ...u, ...a } });
|
|
228
228
|
} else
|
|
229
|
-
this.events.publish("msg",
|
|
230
|
-
|
|
229
|
+
this.events.publish("msg", s);
|
|
230
|
+
o && this.filterSaveItemsByResponse(s);
|
|
231
231
|
} catch {
|
|
232
232
|
this.events.publish("msg", {});
|
|
233
233
|
}
|
|
234
234
|
});
|
|
235
|
-
|
|
236
|
-
var
|
|
235
|
+
i(this, "errHandler", (t) => {
|
|
236
|
+
var s;
|
|
237
237
|
this.events.publish("error", {
|
|
238
|
-
readyState: (
|
|
238
|
+
readyState: (s = this.state.ws) == null ? void 0 : s.readyState,
|
|
239
239
|
arrSaveReq: this.getRequestSave()
|
|
240
240
|
}), this.setStatus("error");
|
|
241
241
|
});
|
|
242
|
-
|
|
242
|
+
i(this, "errorInitSocket", () => {
|
|
243
243
|
console.error("Вы не установили опции");
|
|
244
244
|
});
|
|
245
|
-
|
|
246
|
-
this.setState({ statusConnect:
|
|
245
|
+
i(this, "setStatus", (t) => {
|
|
246
|
+
this.setState({ statusConnect: t }), this.events.publish("status", t);
|
|
247
247
|
});
|
|
248
248
|
/*----------------------------------------------------------------------------------------------------------*/
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
249
|
+
i(this, "getState", () => this.state);
|
|
250
|
+
i(this, "getSocket", () => this.state.ws);
|
|
251
|
+
i(this, "getStatusSocket", () => this.state.statusConnect);
|
|
252
|
+
i(this, "getRequestSave", () => this.state.arrSaveReq);
|
|
253
|
+
i(this, "getOptions", () => this.options);
|
|
254
|
+
i(this, "setOptions", (t) => this.options = { ...this.options, ...t });
|
|
254
255
|
// getRegisteredEvents = this.events.getListNameEvents;
|
|
255
256
|
// on = this.events.subscribe;
|
|
256
257
|
// off = this.events.unsubscribe;
|
|
257
|
-
|
|
258
|
-
this.initOptions = !0, this.
|
|
258
|
+
i(this, "init", (t) => {
|
|
259
|
+
this.initOptions = !0, this.setOptions(t);
|
|
259
260
|
});
|
|
260
|
-
|
|
261
|
-
const
|
|
262
|
-
return
|
|
261
|
+
i(this, "getIsInitWS", () => {
|
|
262
|
+
const t = this.initOptions;
|
|
263
|
+
return t || this.errorInitSocket(), t;
|
|
263
264
|
});
|
|
264
|
-
|
|
265
|
+
i(this, "findDataRequestByAction", (t) => this.getItemsRequestSaveByAction(t).sort((r, c) => c.requestTime - r.requestTime)[0]);
|
|
265
266
|
}
|
|
266
267
|
resetState() {
|
|
267
268
|
this.state = this.copyState(this.stateDefault);
|
|
268
269
|
}
|
|
269
|
-
setState(
|
|
270
|
-
this.state = { ...this.state, ...
|
|
270
|
+
setState(t) {
|
|
271
|
+
this.state = { ...this.state, ...t };
|
|
271
272
|
}
|
|
272
|
-
copyState(
|
|
273
|
-
return JSON.parse(JSON.stringify(
|
|
273
|
+
copyState(t) {
|
|
274
|
+
return JSON.parse(JSON.stringify(t));
|
|
274
275
|
}
|
|
275
|
-
filterSaveItemsByResponse(
|
|
276
|
-
const
|
|
277
|
-
for (let
|
|
278
|
-
const
|
|
279
|
-
|
|
276
|
+
filterSaveItemsByResponse(t) {
|
|
277
|
+
const s = this.getRequestSave(), o = [];
|
|
278
|
+
for (let r = 0; r < s.length; r++) {
|
|
279
|
+
const c = s[r];
|
|
280
|
+
c.payload.action !== t.action ? o.push(c) : c.cb && c.cb(t);
|
|
280
281
|
}
|
|
281
|
-
this.state.arrSaveReq =
|
|
282
|
+
this.state.arrSaveReq = o;
|
|
282
283
|
}
|
|
283
284
|
connect() {
|
|
284
285
|
this.initOptions && (this.close(), this.setState({
|
|
@@ -286,206 +287,217 @@ class te {
|
|
|
286
287
|
}), this.setStatus("pending"), this.eventListener("add"));
|
|
287
288
|
}
|
|
288
289
|
close() {
|
|
289
|
-
var
|
|
290
|
-
(
|
|
290
|
+
var t;
|
|
291
|
+
(t = this.state.ws) == null || t.close(), this.eventListener("remove"), this.setStatus("close");
|
|
291
292
|
}
|
|
292
293
|
disconnect() {
|
|
293
|
-
this.close(), this.setStatus("disconnect"), this.resetState()
|
|
294
|
+
this.close(), this.setStatus("disconnect"), this.resetState();
|
|
294
295
|
}
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
(n = this.state.ws) == null || n.send(t);
|
|
296
|
+
destroy() {
|
|
297
|
+
const { statusConnect: t } = this.getState();
|
|
298
|
+
t !== "disconnect" && this.disconnect(), this.events.resetSubscribers();
|
|
299
299
|
}
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
300
|
+
send(t) {
|
|
301
|
+
var o;
|
|
302
|
+
const s = JSON.stringify(t);
|
|
303
|
+
(o = this.state.ws) == null || o.send(s);
|
|
304
|
+
}
|
|
305
|
+
setRequestSave(t) {
|
|
306
|
+
if ("action" in t.payload) {
|
|
307
|
+
const s = this.state.arrSaveReq.findIndex((o) => o.payload.action === t.payload.action);
|
|
308
|
+
~s ? this.state.arrSaveReq[s] = t : this.state.arrSaveReq.push(t);
|
|
304
309
|
}
|
|
305
310
|
}
|
|
306
311
|
//INFO: Запросов может быть несколько. И время запроса разное
|
|
307
|
-
getItemsRequestSaveByAction(
|
|
308
|
-
return this.getRequestSave().filter((
|
|
309
|
-
var
|
|
310
|
-
return ((
|
|
312
|
+
getItemsRequestSaveByAction(t) {
|
|
313
|
+
return this.getRequestSave().filter((s) => {
|
|
314
|
+
var o;
|
|
315
|
+
return ((o = s == null ? void 0 : s.payload) == null ? void 0 : o.action) === t;
|
|
311
316
|
});
|
|
312
317
|
}
|
|
313
318
|
}
|
|
314
|
-
const
|
|
315
|
-
static copyState(
|
|
316
|
-
return JSON.parse(JSON.stringify(
|
|
319
|
+
const e = class e {
|
|
320
|
+
static copyState(t) {
|
|
321
|
+
return JSON.parse(JSON.stringify(t));
|
|
322
|
+
}
|
|
323
|
+
static setInfoNetwork(t) {
|
|
324
|
+
e.infoNetwork = t;
|
|
317
325
|
}
|
|
318
|
-
static
|
|
319
|
-
|
|
326
|
+
static getInfoNetwork() {
|
|
327
|
+
return e.infoNetwork;
|
|
328
|
+
}
|
|
329
|
+
static setState(t) {
|
|
330
|
+
e.state = { ...e.state, ...t };
|
|
320
331
|
}
|
|
321
332
|
static resetState() {
|
|
322
|
-
|
|
333
|
+
e.state = e.copyState(e.stateDefault);
|
|
323
334
|
}
|
|
324
|
-
static setOptions(
|
|
325
|
-
|
|
335
|
+
static setOptions(t) {
|
|
336
|
+
e.options = { ...e.options, ...t };
|
|
326
337
|
}
|
|
327
|
-
static setStatusReConnect(
|
|
328
|
-
|
|
338
|
+
static setStatusReConnect(t) {
|
|
339
|
+
e.setState({ isActiveReConnect: t }), e.events.publish("reConnect", t);
|
|
329
340
|
}
|
|
330
341
|
static async connect() {
|
|
331
|
-
|
|
342
|
+
e.wsApi.getIsInitWS() && (console.log("CONNECT WS"), e.setState({ isDisconnect: !1 }), e.wsApi.connect());
|
|
332
343
|
}
|
|
333
344
|
static disconnect() {
|
|
334
|
-
|
|
335
|
-
s.
|
|
345
|
+
const { isDisconnect: t, isActiveReConnect: s } = e.getState();
|
|
346
|
+
s && e.stopReConnect(!1), t || (e.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), e.wsApi.disconnect(), e.resetState());
|
|
347
|
+
}
|
|
348
|
+
static destroy() {
|
|
349
|
+
var t;
|
|
350
|
+
e.events.publish("destroy", void 0), e.state.isDisconnect || (e.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), e.wsApi.disconnect()), e.wsApi.destroy(), e.resetState(), e.events.resetSubscribers(), (t = this.networkTicker) == null || t.destroy();
|
|
336
351
|
}
|
|
337
|
-
static send(
|
|
338
|
-
const { action:
|
|
339
|
-
|
|
340
|
-
requestAction:
|
|
341
|
-
request_id:
|
|
352
|
+
static send(t, s) {
|
|
353
|
+
const { action: o, ...r } = t, c = r != null && r.request_id ? r.request_id : x(), l = Date.now();
|
|
354
|
+
e.wsApi.setRequestSave({
|
|
355
|
+
requestAction: o,
|
|
356
|
+
request_id: c,
|
|
342
357
|
requestTime: l,
|
|
343
|
-
payload: { action:
|
|
344
|
-
cb:
|
|
358
|
+
payload: { action: o, ...r },
|
|
359
|
+
cb: s
|
|
345
360
|
});
|
|
346
|
-
const
|
|
347
|
-
if (!
|
|
361
|
+
const a = e.wsApi.getSocket();
|
|
362
|
+
if (!a || a.readyState !== 1) {
|
|
348
363
|
console.log("Нет подключения к сокету. Запрос сохранён в setRequestSave");
|
|
349
364
|
return;
|
|
350
365
|
}
|
|
351
|
-
|
|
366
|
+
e.wsApi.send(t);
|
|
352
367
|
}
|
|
353
|
-
static stopReConnect(
|
|
368
|
+
static stopReConnect(t) {
|
|
354
369
|
console.dir("функция stop не присвоена к stopReConnect");
|
|
355
370
|
}
|
|
356
|
-
static async request(
|
|
357
|
-
return new Promise((
|
|
371
|
+
static async request(t, s = {}) {
|
|
372
|
+
return new Promise((o, r) => {
|
|
358
373
|
var d, g;
|
|
359
|
-
if ((d =
|
|
360
|
-
|
|
374
|
+
if ((d = s == null ? void 0 : s.signal) != null && d.aborted) {
|
|
375
|
+
r(new DOMException("Aborted", "AbortError"));
|
|
361
376
|
return;
|
|
362
377
|
}
|
|
363
|
-
const
|
|
364
|
-
|
|
365
|
-
requestAction:
|
|
378
|
+
const c = t.action, l = t.request_id ? t.request_id : x(), a = Date.now();
|
|
379
|
+
e.wsApi.setRequestSave({
|
|
380
|
+
requestAction: c,
|
|
366
381
|
request_id: l,
|
|
367
|
-
requestTime:
|
|
368
|
-
payload:
|
|
382
|
+
requestTime: a,
|
|
383
|
+
payload: t,
|
|
369
384
|
cb: void 0
|
|
370
385
|
});
|
|
371
|
-
let
|
|
372
|
-
|
|
373
|
-
h(),
|
|
374
|
-
},
|
|
386
|
+
let u;
|
|
387
|
+
s != null && s.timeout && (u = setTimeout(() => {
|
|
388
|
+
h(), r(new Error("Request timeout"));
|
|
389
|
+
}, s.timeout));
|
|
375
390
|
const S = (v) => {
|
|
376
|
-
h(),
|
|
377
|
-
},
|
|
378
|
-
var
|
|
379
|
-
const
|
|
380
|
-
!
|
|
381
|
-
},
|
|
382
|
-
h(),
|
|
391
|
+
h(), r(v);
|
|
392
|
+
}, k = (v) => {
|
|
393
|
+
var E;
|
|
394
|
+
const A = this.wsApi.findDataRequestByAction(c);
|
|
395
|
+
!A || ((E = v == null ? void 0 : v.request) == null ? void 0 : E.requestAction) !== A.requestAction || (h(), o({ ...v }));
|
|
396
|
+
}, f = () => {
|
|
397
|
+
h(), r(new DOMException("Aborted", "AbortError"));
|
|
383
398
|
}, h = () => {
|
|
384
399
|
var v;
|
|
385
|
-
|
|
400
|
+
e.off("msg", k), e.off("error", S), u && clearTimeout(u), (v = s == null ? void 0 : s.signal) == null || v.removeEventListener("abort", f);
|
|
386
401
|
};
|
|
387
|
-
|
|
388
|
-
const y =
|
|
402
|
+
e.on("msg", k), e.on("error", S), (g = s == null ? void 0 : s.signal) == null || g.addEventListener("abort", f);
|
|
403
|
+
const y = e.wsApi.getSocket();
|
|
389
404
|
if (!y || y.readyState !== 1) {
|
|
390
405
|
const v = "Нет подключения к сокету";
|
|
391
|
-
console.error(v), h(),
|
|
406
|
+
console.error(v), h(), r(new Error(v));
|
|
392
407
|
return;
|
|
393
408
|
}
|
|
394
|
-
|
|
409
|
+
e.wsApi.send(t);
|
|
395
410
|
});
|
|
396
411
|
}
|
|
397
412
|
};
|
|
398
|
-
|
|
413
|
+
i(e, "sessionId", ""), i(e, "state", {
|
|
399
414
|
isDisconnect: !0,
|
|
400
415
|
isActiveReConnect: !1,
|
|
401
|
-
isOfflineSocket: !0
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
typeNetwork: ""
|
|
408
|
-
}
|
|
409
|
-
}), r(s, "options", {
|
|
416
|
+
isOfflineSocket: !0
|
|
417
|
+
// isStartCheckNetwork: false, //не используеться
|
|
418
|
+
}), i(e, "isGotWasFirstConnection", !1), i(e, "infoNetwork", {
|
|
419
|
+
isNetwork: !1,
|
|
420
|
+
typeNetwork: ""
|
|
421
|
+
}), i(e, "options", {
|
|
410
422
|
isReConnectNetworkOnline: !1,
|
|
411
423
|
listUrlsCheckConnectNetwork: []
|
|
412
|
-
}),
|
|
424
|
+
}), i(e, "wsApi", new et()), i(e, "delay", new tt()), i(e, "networkTicker", null), i(e, "events", new H(["timeOffReConnect", "reConnect", "network", "destroy"])), i(e, "saveID", {
|
|
413
425
|
idReConnect: null,
|
|
414
426
|
checkConnect: null
|
|
415
|
-
}),
|
|
416
|
-
|
|
417
|
-
}),
|
|
418
|
-
!
|
|
419
|
-
|
|
420
|
-
}),
|
|
421
|
-
|
|
422
|
-
}),
|
|
423
|
-
(
|
|
424
|
-
const
|
|
425
|
-
return
|
|
427
|
+
}), i(e, "stateDefault", e.copyState(e.state)), i(e, "setInfoConnect", (t) => {
|
|
428
|
+
t.status || e.close(), e.events.publish("timeOffReConnect", t), e.setStatusReConnect(!1);
|
|
429
|
+
}), i(e, "online", () => {
|
|
430
|
+
!e.state.isActiveReConnect && e.options.isReConnectNetworkOnline && /*#################-----------<{ Убрал 21.08.2025 }>------------############# */
|
|
431
|
+
e.isGotWasFirstConnection && e.socketReConnect();
|
|
432
|
+
}), i(e, "offline", () => {
|
|
433
|
+
e.state.isActiveReConnect && e.stopReConnect(!1);
|
|
434
|
+
}), i(e, "splitOptions", (t) => Object.entries(t).reduce(
|
|
435
|
+
(s, [o, r]) => {
|
|
436
|
+
const c = e.wsApi.getOptions();
|
|
437
|
+
return o in c ? { ...s, WsOptions: { ...s.WsOptions, [o]: r } } : { ...s, SocketApiOptions: { ...s.SocketApiOptions, [o]: r } };
|
|
426
438
|
},
|
|
427
439
|
{ WsOptions: {}, SocketApiOptions: {} }
|
|
428
440
|
)), /*---------------------------------------------------------------------------------------------------------------------------*/
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
}),
|
|
432
|
-
|
|
433
|
-
}),
|
|
434
|
-
|
|
441
|
+
i(e, "getState", () => e.state), i(e, "getOptions", () => ({ ...e.options, ...e.wsApi.getOptions() })), i(e, "on", (t, s) => {
|
|
442
|
+
e.wsApi.events.getListNameEvents().includes(t) ? e.wsApi.events.subscribe(t, s) : e.events.subscribe(t, s);
|
|
443
|
+
}), i(e, "off", (t, s) => {
|
|
444
|
+
e.wsApi.events.getListNameEvents().includes(t) ? e.wsApi.events.unsubscribe(t, s) : e.events.unsubscribe(t, s);
|
|
445
|
+
}), i(e, "getRequestSave", e.wsApi.getRequestSave), i(e, "getStatusSocket", e.wsApi.getStatusSocket), i(e, "close", () => {
|
|
446
|
+
e.state.isActiveReConnect ? e.stopReConnect(!1) : e.wsApi.close();
|
|
435
447
|
}), //INFO: Проверить как часто вызываеться
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
}),
|
|
439
|
-
const { WsOptions:
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
}),
|
|
443
|
-
|
|
448
|
+
i(e, "setNetworkStatus", (t) => {
|
|
449
|
+
e.events.publish("network", t), e.setInfoNetwork(t), t.isNetwork ? e.online() : e.offline();
|
|
450
|
+
}), i(e, "init", (t) => {
|
|
451
|
+
const { WsOptions: s, SocketApiOptions: o } = e.splitOptions(t);
|
|
452
|
+
e.networkTicker = new $(o.listUrlsCheckConnectNetwork ?? []), e.networkTicker.startEvents((r) => {
|
|
453
|
+
e.getState(), e.setNetworkStatus(r);
|
|
454
|
+
}), e.setOptions(o), e.sessionId = x(), e.wsApi.init(s), e.wsApi.events.subscribe("status", (r) => {
|
|
455
|
+
e.setState({ isOfflineSocket: r !== "ready" });
|
|
444
456
|
});
|
|
445
457
|
}), /*------------------------------------------------------------------------------------------------------*/
|
|
446
|
-
|
|
447
|
-
if (
|
|
448
|
-
if (
|
|
449
|
-
console.groupCollapsed("Процесс socketReConnect уже запущен"), console.log("SocketApi.saveID: ",
|
|
458
|
+
i(e, "socketReConnect", () => {
|
|
459
|
+
if (e.wsApi.getIsInitWS())
|
|
460
|
+
if (e.saveID.idReConnect)
|
|
461
|
+
console.groupCollapsed("Процесс socketReConnect уже запущен"), console.log("SocketApi.saveID: ", e.saveID), console.groupEnd();
|
|
450
462
|
else {
|
|
451
|
-
|
|
452
|
-
const { timeReConnect:
|
|
453
|
-
|
|
454
|
-
() => (console.log("reconnect:>>delay"),
|
|
463
|
+
e.setStatusReConnect(!0), e.connect();
|
|
464
|
+
const { timeReConnect: t, numberOfRepit: s } = e.wsApi.getOptions(), r = s && s > 1 ? s - 1 : 3;
|
|
465
|
+
e.delay.startActionEvery(
|
|
466
|
+
() => (console.log("reconnect:>>delay"), e.wsApi.getStatusSocket() === "ready" ? (console.dir("Подключение установлено"), !0) : (e.connect(), !1)),
|
|
455
467
|
{
|
|
456
|
-
interval:
|
|
457
|
-
countAction:
|
|
468
|
+
interval: t,
|
|
469
|
+
countAction: r,
|
|
458
470
|
watchIdInterval: (l) => {
|
|
459
|
-
|
|
471
|
+
e.saveID.idReConnect = l;
|
|
460
472
|
},
|
|
461
|
-
controlAction: ({ stop: l, getIsActiveEvent:
|
|
462
|
-
|
|
473
|
+
controlAction: ({ stop: l, getIsActiveEvent: a }) => {
|
|
474
|
+
e.stopReConnect = l;
|
|
463
475
|
}
|
|
464
476
|
}
|
|
465
477
|
).promise.then((l) => {
|
|
466
|
-
|
|
478
|
+
e.setInfoConnect(l);
|
|
467
479
|
}).catch((l) => {
|
|
468
|
-
if (
|
|
469
|
-
console.log("Сокет успел подключиться, игнорируем ошибку таймаута"),
|
|
480
|
+
if (e.wsApi.getStatusSocket() === "ready") {
|
|
481
|
+
console.log("Сокет успел подключиться, игнорируем ошибку таймаута"), e.setInfoConnect({ status: !0, msg: "Подключено (восстановлено)" });
|
|
470
482
|
return;
|
|
471
483
|
}
|
|
472
|
-
|
|
484
|
+
e.setInfoConnect(l);
|
|
473
485
|
});
|
|
474
486
|
}
|
|
475
487
|
});
|
|
476
|
-
let p =
|
|
477
|
-
const
|
|
478
|
-
const
|
|
488
|
+
let p = e;
|
|
489
|
+
const st = (n, t = {}) => {
|
|
490
|
+
const s = n.action, { skip: o = !1, timeout: r = 5e3 } = t, [c, l] = T({
|
|
479
491
|
data: null,
|
|
480
492
|
error: "",
|
|
481
493
|
isLoading: !1,
|
|
482
494
|
isError: !1,
|
|
483
495
|
isSuccess: !1
|
|
484
|
-
}),
|
|
485
|
-
|
|
486
|
-
const
|
|
487
|
-
var g, v,
|
|
488
|
-
if (
|
|
496
|
+
}), a = R(m.getStatusReady), u = R(m.getStatusConnectSocket), S = W(null), k = W(t);
|
|
497
|
+
k.current = t;
|
|
498
|
+
const f = O(async () => {
|
|
499
|
+
var g, v, A, E;
|
|
500
|
+
if (o) return;
|
|
489
501
|
l((w) => ({
|
|
490
502
|
...w,
|
|
491
503
|
isLoading: !0,
|
|
@@ -496,14 +508,14 @@ const se = (o, e = {}) => {
|
|
|
496
508
|
})), S.current = new AbortController();
|
|
497
509
|
const d = S.current.signal;
|
|
498
510
|
try {
|
|
499
|
-
const w = await p.request(
|
|
511
|
+
const w = await p.request(n, { timeout: r, signal: d });
|
|
500
512
|
if (d.aborted) return;
|
|
501
513
|
l((q) => ({
|
|
502
514
|
...q,
|
|
503
515
|
data: w,
|
|
504
516
|
isSuccess: !0,
|
|
505
517
|
isLoading: !1
|
|
506
|
-
})), (v = (g =
|
|
518
|
+
})), (v = (g = k.current).onSuccess) == null || v.call(g, w);
|
|
507
519
|
} catch (w) {
|
|
508
520
|
if (d.aborted) return;
|
|
509
521
|
const q = w instanceof Error ? w.message : String(w);
|
|
@@ -512,110 +524,121 @@ const se = (o, e = {}) => {
|
|
|
512
524
|
error: q,
|
|
513
525
|
isError: !0,
|
|
514
526
|
isLoading: !1
|
|
515
|
-
})), (
|
|
527
|
+
})), (E = (A = k.current).onError) == null || E.call(A, q);
|
|
516
528
|
}
|
|
517
|
-
}, [
|
|
518
|
-
|
|
529
|
+
}, [o, s, n, r]);
|
|
530
|
+
I(() => (!o && a && f(), () => {
|
|
519
531
|
var d;
|
|
520
532
|
(d = S.current) == null || d.abort();
|
|
521
|
-
}), [
|
|
522
|
-
!
|
|
533
|
+
}), [f, o, a]), I(() => {
|
|
534
|
+
!a && u === "pending" && l((d) => ({
|
|
523
535
|
...d,
|
|
524
536
|
isError: !1,
|
|
525
537
|
isSuccess: !1,
|
|
526
538
|
error: "Потеряно соединение с сервером"
|
|
527
539
|
}));
|
|
528
|
-
}, [
|
|
529
|
-
const h =
|
|
540
|
+
}, [a, u]);
|
|
541
|
+
const h = O(() => {
|
|
530
542
|
var d;
|
|
531
|
-
return (d = S.current) == null || d.abort(),
|
|
532
|
-
}, [
|
|
543
|
+
return (d = S.current) == null || d.abort(), f();
|
|
544
|
+
}, [f]), y = O(() => {
|
|
533
545
|
var d;
|
|
534
546
|
(d = S.current) == null || d.abort(), l((g) => ({ ...g, isLoading: !1 }));
|
|
535
547
|
}, []);
|
|
536
548
|
return {
|
|
537
|
-
...
|
|
549
|
+
...c,
|
|
538
550
|
refetch: h,
|
|
539
551
|
abort: y
|
|
540
552
|
};
|
|
541
|
-
},
|
|
542
|
-
const { isModal:
|
|
553
|
+
}, gt = (n, t) => st(n, t), nt = (n) => {
|
|
554
|
+
const { isModal: t } = R(m.getInfoNoConnectServer), s = R(m.getStatusIsReConnectSocket), o = R(m.getIsDisableConnectSocket), r = R(m.getStatusConnectSocket), [c, l] = T({
|
|
543
555
|
isNetwork: !1,
|
|
544
556
|
typeNetwork: ""
|
|
545
557
|
});
|
|
546
|
-
return
|
|
547
|
-
console.log("network: ",
|
|
548
|
-
}), p.init(
|
|
549
|
-
const
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
558
|
+
return I(() => (p.on("network", (a) => {
|
|
559
|
+
console.log("network: ", a), l((u) => ({ ...u, isNetwork: a.isNetwork, typeNetwork: a.typeNetwork }));
|
|
560
|
+
}), p.init(n.init), typeof n.onMount == "function" && n.onMount(), p.on("status", (a) => {
|
|
561
|
+
const u = b.getState();
|
|
562
|
+
a !== "ready" && u.isReadySocket && C.setStatusReady({ isReadySocket: !1 });
|
|
563
|
+
const S = p.getState();
|
|
564
|
+
C.setIsOfflineSocket({ isOfflineSocket: S.isOfflineSocket }), !u.isReadySocket && a === "ready" && (C.setStatusReady({ isReadySocket: !0 }), u.isDisableConnectSocket && C.setIsDisableConnectSocket({ isDisableConnectSocket: !1 }), C.setInfoNoConnectServer({
|
|
565
|
+
isModal: !1,
|
|
566
|
+
isSelectOffline: !1
|
|
567
|
+
})), C.setStatusConnectSocket({ statusConnect: a });
|
|
568
|
+
}), p.on("error", (a) => {
|
|
569
|
+
console.log("error: ", a);
|
|
570
|
+
}), p.on("reConnect", (a) => {
|
|
571
|
+
console.log('on"reConnect" (status): ', a);
|
|
572
|
+
const u = b.getState(), { isReConnectSocket: S, infoNoConnectServer: { isModal: k } } = u;
|
|
573
|
+
S !== a && C.setStatusIsReConnectSocket({ isReConnectSocket: a }), k && a && C.setInfoNoConnectServer({ isModal: !1 });
|
|
574
|
+
}), p.on("timeOffReConnect", (a) => {
|
|
575
|
+
if (console.log("timeOffReConnect: ", a), C.setIsOfflineSocket({ isOfflineSocket: !a.status }), !a.status) {
|
|
576
|
+
const u = b.getState(), { infoNoConnectServer: { isModal: S, isSelectOffline: k } } = u;
|
|
577
|
+
let f = !1;
|
|
578
|
+
!S && !k && (f = !0), f && C.setInfoNoConnectServer({ isModal: f });
|
|
562
579
|
}
|
|
563
580
|
}), p.connect(), () => {
|
|
564
|
-
typeof
|
|
565
|
-
}), []),
|
|
566
|
-
|
|
567
|
-
}, [
|
|
568
|
-
|
|
569
|
-
}, [
|
|
570
|
-
|
|
571
|
-
}, [
|
|
572
|
-
},
|
|
573
|
-
shouldForwardProp: (
|
|
574
|
-
})(({ theme:
|
|
581
|
+
typeof n.onUnmount == "function" && n.onUnmount(), console.dir("disconnect"), p.disconnect(), p.destroy();
|
|
582
|
+
}), []), I(() => {
|
|
583
|
+
c.isNetwork && !o && !t && !s && ["close"].includes(r) && c.typeNetwork !== "none" && (console.log("Запущен socketReConnect"), p.socketReConnect());
|
|
584
|
+
}, [o, t, s, r, c.typeNetwork, c.isNetwork]), I(() => {
|
|
585
|
+
s && (!c.isNetwork || r === "ready") && (console.log("Запущен stopReConnect"), p.stopReConnect());
|
|
586
|
+
}, [s, c.isNetwork, r]), I(() => {
|
|
587
|
+
o && (console.log("isDisableConnectSocket: ", o), C.setIsOfflineSocket({ isOfflineSocket: !0 }), p.close());
|
|
588
|
+
}, [o]), null;
|
|
589
|
+
}, ot = N.memo(nt), it = M(P, {
|
|
590
|
+
shouldForwardProp: (n) => ![""].includes(n)
|
|
591
|
+
})(({ theme: n }) => ({
|
|
575
592
|
bottom: "100%",
|
|
576
|
-
backgroundColor:
|
|
593
|
+
backgroundColor: n.palette.error.light,
|
|
577
594
|
backgroundImage: "linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0))",
|
|
578
595
|
"& .MuiCollapse-wrapper": {},
|
|
579
596
|
"& span": {
|
|
580
597
|
padding: "1px 10px"
|
|
581
598
|
}
|
|
582
|
-
})),
|
|
583
|
-
const
|
|
599
|
+
})), rt = ({ children: n, className: t, isNetwork: s, ...o }) => {
|
|
600
|
+
const r = R(m.getIsOfflineSocket), c = R(m.getIsDisableConnectSocket), l = r || !s || c, a = "Оффлайн";
|
|
584
601
|
return /* @__PURE__ */ D(
|
|
585
|
-
|
|
602
|
+
it,
|
|
586
603
|
{
|
|
587
604
|
in: l,
|
|
588
|
-
className:
|
|
589
|
-
...
|
|
590
|
-
children: typeof
|
|
605
|
+
className: B("socket-offline", t),
|
|
606
|
+
...o,
|
|
607
|
+
children: typeof n == "function" ? n({ isDisableConnectSocket: c }) : c ? `Режим ${a}` : a
|
|
591
608
|
}
|
|
592
609
|
);
|
|
593
|
-
},
|
|
594
|
-
const
|
|
595
|
-
|
|
610
|
+
}, ct = N.memo(rt), at = ({ children: n }) => {
|
|
611
|
+
const t = O(() => {
|
|
612
|
+
C.setIsDisableConnectSocket({ isDisableConnectSocket: !1 }), C.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !1 });
|
|
596
613
|
}, []);
|
|
597
|
-
return
|
|
598
|
-
},
|
|
599
|
-
const
|
|
600
|
-
|
|
614
|
+
return n({ reConnect: t });
|
|
615
|
+
}, lt = N.memo(at), ut = ({ children: n }) => {
|
|
616
|
+
const t = O(() => {
|
|
617
|
+
C.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !0 }), C.setIsDisableConnectSocket({ isDisableConnectSocket: !0 });
|
|
601
618
|
}, []);
|
|
602
|
-
return
|
|
603
|
-
},
|
|
619
|
+
return n({ offlineActive: t });
|
|
620
|
+
}, St = N.memo(ut), ft = ({ children: n }) => {
|
|
621
|
+
const t = R(m.getIsDisableConnectSocket), s = O(() => {
|
|
622
|
+
t || p.connect();
|
|
623
|
+
}, [t]);
|
|
624
|
+
return n({ connect: s, isDisableConnectSocket: t });
|
|
625
|
+
}, dt = N.memo(ft), wt = {
|
|
604
626
|
ConnectDetection: _,
|
|
605
|
-
OfflineDetection:
|
|
627
|
+
OfflineDetection: ct,
|
|
606
628
|
Buttons: {
|
|
607
|
-
OfflineActive:
|
|
608
|
-
ReConnect:
|
|
629
|
+
OfflineActive: St,
|
|
630
|
+
ReConnect: lt,
|
|
631
|
+
Connect: dt
|
|
609
632
|
},
|
|
610
|
-
Initialization:
|
|
633
|
+
Initialization: ot
|
|
611
634
|
};
|
|
612
635
|
export {
|
|
613
|
-
|
|
636
|
+
wt as Socket,
|
|
614
637
|
p as SocketApi,
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
638
|
+
gt as createRequestSocketApi,
|
|
639
|
+
C as socketActions,
|
|
640
|
+
m as socketSelectors,
|
|
641
|
+
b as socketStore,
|
|
642
|
+
st as useRequestSocketApi,
|
|
643
|
+
R as useSocketSelector
|
|
621
644
|
};
|