rc-lib-ui 1.1.45 → 1.1.47
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/socket.js +141 -138
- package/package.json +1 -1
package/dist/socket.js
CHANGED
|
@@ -2,27 +2,27 @@ import './socket.css';var z = Object.defineProperty;
|
|
|
2
2
|
var G = (o, t, e) => t in o ? z(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
|
|
3
3
|
var r = (o, t, e) => G(o, typeof t != "symbol" ? t + "" : t, e);
|
|
4
4
|
import { jsx as M } from "react/jsx-runtime";
|
|
5
|
-
import
|
|
5
|
+
import k, { useState as A, useRef as $, useCallback as q, useEffect as N } from "react";
|
|
6
6
|
import { styled as x, Collapse as V } from "@mui/material";
|
|
7
7
|
import U from "classnames";
|
|
8
8
|
const T = (o) => {
|
|
9
9
|
let t;
|
|
10
|
-
const e = /* @__PURE__ */ new Set(), n = (u,
|
|
10
|
+
const e = /* @__PURE__ */ new Set(), n = (u, h) => {
|
|
11
11
|
const f = typeof u == "function" ? u(t) : u;
|
|
12
12
|
if (!Object.is(f, t)) {
|
|
13
|
-
const
|
|
14
|
-
t =
|
|
13
|
+
const d = t;
|
|
14
|
+
t = h ?? (typeof f != "object" || f === null) ? f : Object.assign({}, t, f), e.forEach((g) => g(t, d));
|
|
15
15
|
}
|
|
16
|
-
}, i = () => t,
|
|
17
|
-
return
|
|
16
|
+
}, i = () => t, l = { setState: n, getState: i, getInitialState: () => S, subscribe: (u) => (e.add(u), () => e.delete(u)) }, S = t = o(n, i, l);
|
|
17
|
+
return l;
|
|
18
18
|
}, K = (o) => o ? T(o) : T, Q = (o) => o;
|
|
19
19
|
function X(o, t = Q) {
|
|
20
|
-
const e =
|
|
20
|
+
const e = k.useSyncExternalStore(
|
|
21
21
|
o.subscribe,
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
k.useCallback(() => t(o.getState()), [o, t]),
|
|
23
|
+
k.useCallback(() => t(o.getInitialState()), [o, t])
|
|
24
24
|
);
|
|
25
|
-
return
|
|
25
|
+
return k.useDebugValue(e), e;
|
|
26
26
|
}
|
|
27
27
|
const W = (o) => {
|
|
28
28
|
const t = K(o), e = (n) => X(t, n);
|
|
@@ -39,22 +39,22 @@ const W = (o) => {
|
|
|
39
39
|
isSelectOffline: !1
|
|
40
40
|
//Для того что бы 2й раз окно не показывать
|
|
41
41
|
}
|
|
42
|
-
}, Z = JSON.parse(JSON.stringify(P)),
|
|
43
|
-
resetState: () =>
|
|
44
|
-
setStatusConnectSocket: ({ statusConnect: o }) =>
|
|
45
|
-
setStatusIsReConnectSocket: ({ isReConnectSocket: o }) =>
|
|
46
|
-
setStatusReady: ({ isReadySocket: o }) =>
|
|
47
|
-
setIsOfflineSocket: ({ isOfflineSocket: o }) =>
|
|
48
|
-
setInfoNoConnectServer: (o) =>
|
|
49
|
-
setIsDisableConnectSocket: ({ isDisableConnectSocket: o }) =>
|
|
50
|
-
},
|
|
42
|
+
}, Z = JSON.parse(JSON.stringify(P)), w = Y(() => P), b = {
|
|
43
|
+
resetState: () => w.setState(Z),
|
|
44
|
+
setStatusConnectSocket: ({ statusConnect: o }) => w.setState({ statusConnect: o }),
|
|
45
|
+
setStatusIsReConnectSocket: ({ isReConnectSocket: o }) => w.setState({ isReConnectSocket: o }),
|
|
46
|
+
setStatusReady: ({ isReadySocket: o }) => w.setState({ isReadySocket: o }),
|
|
47
|
+
setIsOfflineSocket: ({ isOfflineSocket: o }) => w.setState({ isOfflineSocket: o }),
|
|
48
|
+
setInfoNoConnectServer: (o) => w.setState((t) => ({ infoNoConnectServer: { ...t.infoNoConnectServer, ...o } })),
|
|
49
|
+
setIsDisableConnectSocket: ({ isDisableConnectSocket: o }) => w.setState({ isDisableConnectSocket: o })
|
|
50
|
+
}, I = {
|
|
51
51
|
getStatusConnectSocket: (o) => o.statusConnect,
|
|
52
52
|
getStatusIsReConnectSocket: (o) => o.isReConnectSocket,
|
|
53
53
|
getStatusReady: (o) => o.isReadySocket,
|
|
54
54
|
getIsOfflineSocket: (o) => o.isOfflineSocket,
|
|
55
55
|
getInfoNoConnectServer: (o) => o.infoNoConnectServer,
|
|
56
56
|
getIsDisableConnectSocket: (o) => o.isDisableConnectSocket
|
|
57
|
-
},
|
|
57
|
+
}, y = (o) => w(o), _ = x("span")({
|
|
58
58
|
backgroundColor: "rgba(0,0,0,0.3)",
|
|
59
59
|
color: "#fff",
|
|
60
60
|
display: "flex",
|
|
@@ -95,7 +95,7 @@ const W = (o) => {
|
|
|
95
95
|
height: "100%"
|
|
96
96
|
}
|
|
97
97
|
})), ot = ({ text: o = "Происходит подключение к серверу", className: t, ...e }) => {
|
|
98
|
-
const i =
|
|
98
|
+
const i = y(I.getStatusConnectSocket) === "pending";
|
|
99
99
|
return /* @__PURE__ */ M(
|
|
100
100
|
nt,
|
|
101
101
|
{
|
|
@@ -107,7 +107,7 @@ const W = (o) => {
|
|
|
107
107
|
children: o
|
|
108
108
|
}
|
|
109
109
|
);
|
|
110
|
-
}, it =
|
|
110
|
+
}, it = k.memo(ot), rt = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
|
|
111
111
|
function ct(o) {
|
|
112
112
|
return rt.test(o);
|
|
113
113
|
}
|
|
@@ -127,25 +127,25 @@ class at {
|
|
|
127
127
|
}, i = (f) => {
|
|
128
128
|
e != null && e.controlAction && (e == null || e.controlAction(f));
|
|
129
129
|
};
|
|
130
|
-
let c = !0,
|
|
130
|
+
let c = !0, a, l, S;
|
|
131
131
|
const u = (f = !0) => {
|
|
132
|
-
const
|
|
133
|
-
c = !1, clearInterval(
|
|
132
|
+
const d = "Ручное завершение startActionEvery";
|
|
133
|
+
c = !1, clearInterval(a), n(null), f ? l && l({ status: f, msg: d + ": (true)" }) : S && S({ status: f, msg: d + ": (false)" });
|
|
134
134
|
};
|
|
135
135
|
return {
|
|
136
|
-
promise: new Promise((f,
|
|
137
|
-
|
|
138
|
-
let g = 0,
|
|
139
|
-
|
|
136
|
+
promise: new Promise((f, d) => {
|
|
137
|
+
l = f, S = d;
|
|
138
|
+
let g = 0, m = 0;
|
|
139
|
+
a = setInterval(
|
|
140
140
|
() => {
|
|
141
|
-
if (g += e.interval,
|
|
142
|
-
c = !1, clearInterval(
|
|
141
|
+
if (g += e.interval, m += 1, e != null && e.cutoffTime && g > e.cutoffTime || e != null && e.countAction && (e == null ? void 0 : e.countAction) < m) {
|
|
142
|
+
c = !1, clearInterval(a), n(null), d({ status: !1, msg: Error("Время загрузки истекло") });
|
|
143
143
|
return;
|
|
144
144
|
}
|
|
145
|
-
t() && (c = !1, clearInterval(
|
|
145
|
+
t() && (c = !1, clearInterval(a), n(null), f({ status: !0, msg: "cb вернул true" }));
|
|
146
146
|
},
|
|
147
147
|
e.interval < 200 ? 200 : e.interval
|
|
148
|
-
), n(
|
|
148
|
+
), n(a), i({
|
|
149
149
|
getIsActiveEvent: () => c,
|
|
150
150
|
stop: u
|
|
151
151
|
});
|
|
@@ -163,16 +163,16 @@ class at {
|
|
|
163
163
|
}, n * 1e3);
|
|
164
164
|
});
|
|
165
165
|
r(this, "oneOfPromise", (t, e, { second: n }) => new Promise((i, c) => {
|
|
166
|
-
let
|
|
166
|
+
let a = 1, l = { status: !1, msg: "" };
|
|
167
167
|
t().then((u) => {
|
|
168
|
-
|
|
168
|
+
a === 1 && (a = 0, i(u));
|
|
169
169
|
}).catch((u) => {
|
|
170
|
-
|
|
170
|
+
a === 1 && (a = 0, l.msg = u, c(u));
|
|
171
171
|
});
|
|
172
172
|
let S = setInterval(() => {
|
|
173
|
-
if (
|
|
174
|
-
if (
|
|
175
|
-
c({ status: !1, msg: "", ...e(
|
|
173
|
+
if (a === 1) {
|
|
174
|
+
if (a = 0, typeof e == "function") {
|
|
175
|
+
c({ status: !1, msg: "", ...e(l) });
|
|
176
176
|
return;
|
|
177
177
|
}
|
|
178
178
|
c({ status: !1, msg: "oneOfPromise reject" });
|
|
@@ -274,7 +274,7 @@ class lt {
|
|
|
274
274
|
this.controllersEvents = { ...this.controllersEvents, ...t };
|
|
275
275
|
}
|
|
276
276
|
startEvents(t) {
|
|
277
|
-
var
|
|
277
|
+
var l, S, u, h;
|
|
278
278
|
const { isActiveEvents: e } = this.getState();
|
|
279
279
|
if (e)
|
|
280
280
|
return;
|
|
@@ -285,15 +285,15 @@ class lt {
|
|
|
285
285
|
change: new AbortController()
|
|
286
286
|
};
|
|
287
287
|
this.setControllersEvents(n);
|
|
288
|
-
const i = this.getConnection(), c = this.getTypeNetwork(i, window.navigator.onLine),
|
|
289
|
-
this.updateState(
|
|
288
|
+
const i = this.getConnection(), c = this.getTypeNetwork(i, window.navigator.onLine), a = this.getIsNetwork(c);
|
|
289
|
+
this.updateState(a, t), window.addEventListener("online", () => {
|
|
290
290
|
this.updateState(!0, t);
|
|
291
|
-
}, { signal: (
|
|
291
|
+
}, { signal: (l = n.online) == null ? void 0 : l.signal }), window.addEventListener("offline", () => {
|
|
292
292
|
this.updateState(!1, t);
|
|
293
293
|
}, { signal: (S = n.offline) == null ? void 0 : S.signal }), (u = this.getConnection()) != null && u.addEventListener && this.getConnection().addEventListener("change", () => {
|
|
294
|
-
const f = this.getConnection(),
|
|
294
|
+
const f = this.getConnection(), d = this.getTypeNetwork(f, null), g = this.getIsNetwork(d);
|
|
295
295
|
this.updateState(g, t);
|
|
296
|
-
}, { signal: (
|
|
296
|
+
}, { signal: (h = n.change) == null ? void 0 : h.signal });
|
|
297
297
|
}
|
|
298
298
|
stopEvents() {
|
|
299
299
|
const { isActiveEvents: t } = this.getState();
|
|
@@ -386,8 +386,8 @@ class ut {
|
|
|
386
386
|
["error", this.errHandler]
|
|
387
387
|
];
|
|
388
388
|
for (let c = 0; c < e.length; c++) {
|
|
389
|
-
const [
|
|
390
|
-
t === "add" ? (n = this.state.ws) == null || n.addEventListener(
|
|
389
|
+
const [a, l] = e[c];
|
|
390
|
+
t === "add" ? (n = this.state.ws) == null || n.addEventListener(a, l) : (i = this.state.ws) == null || i.removeEventListener(a, l);
|
|
391
391
|
}
|
|
392
392
|
});
|
|
393
393
|
r(this, "openHandler", () => {
|
|
@@ -401,8 +401,8 @@ class ut {
|
|
|
401
401
|
try {
|
|
402
402
|
const { action: n } = e, i = this.findDataRequestByAction(n);
|
|
403
403
|
if (i) {
|
|
404
|
-
const { cb: c, ...
|
|
405
|
-
this.events.publish("msg", { ...e, request: { ...S, ...
|
|
404
|
+
const { cb: c, ...a } = i, { payload: l, ...S } = a;
|
|
405
|
+
this.events.publish("msg", { ...e, request: { ...S, ...l } });
|
|
406
406
|
} else
|
|
407
407
|
this.events.publish("msg", e);
|
|
408
408
|
n && this.filterSaveItemsByResponse(e);
|
|
@@ -473,7 +473,7 @@ class ut {
|
|
|
473
473
|
send(t) {
|
|
474
474
|
var n;
|
|
475
475
|
const e = JSON.stringify(t);
|
|
476
|
-
|
|
476
|
+
(n = this.state.ws) == null || n.send(e);
|
|
477
477
|
}
|
|
478
478
|
setRequestSave(t) {
|
|
479
479
|
if ("action" in t.payload) {
|
|
@@ -512,58 +512,60 @@ const s = class s {
|
|
|
512
512
|
s.state.isDisconnect || (s.setState({ isDisconnect: !0 }), console.log("DISCONNECT WS"), s.wsApi.disconnect(), s.resetState(), s.events.resetSubscribers());
|
|
513
513
|
}
|
|
514
514
|
static send(t, e) {
|
|
515
|
-
const { action: n, ...i } = t, c = i != null && i.request_id ? i.request_id : L(),
|
|
515
|
+
const { action: n, ...i } = t, c = i != null && i.request_id ? i.request_id : L(), a = Date.now();
|
|
516
516
|
s.wsApi.setRequestSave({
|
|
517
517
|
requestAction: n,
|
|
518
518
|
request_id: c,
|
|
519
|
-
requestTime:
|
|
519
|
+
requestTime: a,
|
|
520
520
|
payload: { action: n, ...i },
|
|
521
521
|
cb: e
|
|
522
522
|
});
|
|
523
|
-
const
|
|
524
|
-
if (!
|
|
525
|
-
console.log("Нет подключения к
|
|
523
|
+
const l = s.wsApi.getSocket();
|
|
524
|
+
if (!l || l.readyState !== 1) {
|
|
525
|
+
console.log("Нет подключения к сокету. Запрос сохранён в setRequestSave");
|
|
526
526
|
return;
|
|
527
527
|
}
|
|
528
|
-
|
|
528
|
+
s.wsApi.send(t);
|
|
529
529
|
}
|
|
530
530
|
static stopReConnect(t) {
|
|
531
531
|
console.dir("функция stop не присвоена к stopReConnect");
|
|
532
532
|
}
|
|
533
533
|
static async request(t, e = {}) {
|
|
534
534
|
return new Promise((n, i) => {
|
|
535
|
-
var
|
|
536
|
-
if ((
|
|
535
|
+
var m, E;
|
|
536
|
+
if ((m = e == null ? void 0 : e.signal) != null && m.aborted) {
|
|
537
537
|
i(new DOMException("Aborted", "AbortError"));
|
|
538
538
|
return;
|
|
539
539
|
}
|
|
540
|
-
const c = t.action,
|
|
540
|
+
const c = t.action, a = t.request_id ? t.request_id : L(), l = Date.now();
|
|
541
541
|
s.wsApi.setRequestSave({
|
|
542
542
|
requestAction: c,
|
|
543
|
-
request_id:
|
|
544
|
-
requestTime:
|
|
543
|
+
request_id: a,
|
|
544
|
+
requestTime: l,
|
|
545
545
|
payload: t,
|
|
546
546
|
cb: void 0
|
|
547
547
|
});
|
|
548
548
|
let S;
|
|
549
549
|
e != null && e.timeout && (S = setTimeout(() => {
|
|
550
|
-
|
|
551
|
-
}, e
|
|
550
|
+
d(), i(new Error("Request timeout"));
|
|
551
|
+
}, e.timeout));
|
|
552
552
|
const u = (v) => {
|
|
553
|
-
|
|
554
|
-
},
|
|
555
|
-
var
|
|
556
|
-
const
|
|
557
|
-
((
|
|
553
|
+
d(), i(v);
|
|
554
|
+
}, h = (v) => {
|
|
555
|
+
var R;
|
|
556
|
+
const C = this.wsApi.findDataRequestByAction(c);
|
|
557
|
+
!C || ((R = v == null ? void 0 : v.request) == null ? void 0 : R.requestAction) !== C.requestAction || (d(), n({ ...v }));
|
|
558
|
+
}, f = () => {
|
|
559
|
+
d(), i(new DOMException("Aborted", "AbortError"));
|
|
560
|
+
}, d = () => {
|
|
561
|
+
var v;
|
|
562
|
+
s.off("msg", h), s.off("error", u), S && clearTimeout(S), (v = e == null ? void 0 : e.signal) == null || v.removeEventListener("abort", f);
|
|
558
563
|
};
|
|
559
|
-
s.on("msg",
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
});
|
|
563
|
-
const f = s.wsApi.getSocket();
|
|
564
|
-
if (!f || f.readyState !== 1) {
|
|
564
|
+
s.on("msg", h), s.on("error", u), (E = e == null ? void 0 : e.signal) == null || E.addEventListener("abort", f);
|
|
565
|
+
const g = s.wsApi.getSocket();
|
|
566
|
+
if (!g || g.readyState !== 1) {
|
|
565
567
|
const v = "Нет подключения к сокету";
|
|
566
|
-
console.error(v), i(new Error(v));
|
|
568
|
+
console.error(v), d(), i(new Error(v));
|
|
567
569
|
return;
|
|
568
570
|
}
|
|
569
571
|
s.wsApi.send(t);
|
|
@@ -587,7 +589,8 @@ r(s, "networkTicker", null), r(s, "events", new H(["timeOffReConnect", "reConnec
|
|
|
587
589
|
}), r(s, "stateDefault", s.copyState(s.state)), r(s, "setInfoConnect", (t) => {
|
|
588
590
|
t.status || s.close(), s.setState({ isOfflineSocket: !t.status }), s.events.publish("timeOffReConnect", t), s.setStatusReConnect(!1);
|
|
589
591
|
}), r(s, "online", () => {
|
|
590
|
-
!s.state.isActiveReConnect && s.options.isReConnectNetworkOnline &&
|
|
592
|
+
!s.state.isActiveReConnect && s.options.isReConnectNetworkOnline && /*#################-----------<{ Убрал 21.08.2025 }>------------############# */
|
|
593
|
+
s.state.isGotWasFirstConnection && s.socketReConnect();
|
|
591
594
|
}), r(s, "offline", () => {
|
|
592
595
|
s.state.isActiveReConnect && s.stopReConnect(!1);
|
|
593
596
|
}), r(s, "splitOptions", (t) => Object.entries(t).reduce(
|
|
@@ -614,85 +617,85 @@ r(s, "setNetworkStatus", (t) => {
|
|
|
614
617
|
}), /*------------------------------------------------------------------------------------------------------*/
|
|
615
618
|
r(s, "socketReConnect", () => {
|
|
616
619
|
if (s.wsApi.getIsInitWS())
|
|
617
|
-
if (console.log("
|
|
620
|
+
if (console.log("reConnect"), s.saveID.idReConnect)
|
|
618
621
|
console.groupCollapsed("Процесс socketReConnect уже запущен"), console.log("SocketApi.saveID: ", s.saveID), console.groupEnd();
|
|
619
622
|
else {
|
|
620
623
|
s.setStatusReConnect(!0), s.connect();
|
|
621
|
-
const { timeReConnect: t, numberOfRepit: e } = s.wsApi.getOptions();
|
|
624
|
+
const { timeReConnect: t, numberOfRepit: e } = s.wsApi.getOptions(), i = e && e > 1 ? e - 1 : 3;
|
|
622
625
|
s.delay.startActionEvery(
|
|
623
626
|
() => (console.log("reconnect:>>delay"), s.wsApi.getStatusSocket() === "ready" ? (console.dir("Подключение установлено"), !0) : (s.connect(), !1)),
|
|
624
627
|
{
|
|
625
628
|
interval: t,
|
|
626
|
-
countAction:
|
|
627
|
-
watchIdInterval: (
|
|
628
|
-
s.saveID.idReConnect =
|
|
629
|
+
countAction: i,
|
|
630
|
+
watchIdInterval: (a) => {
|
|
631
|
+
s.saveID.idReConnect = a;
|
|
629
632
|
},
|
|
630
|
-
controlAction: ({ stop:
|
|
631
|
-
s.stopReConnect =
|
|
633
|
+
controlAction: ({ stop: a, getIsActiveEvent: l }) => {
|
|
634
|
+
s.stopReConnect = a;
|
|
632
635
|
}
|
|
633
636
|
}
|
|
634
|
-
).promise.then((
|
|
635
|
-
s.setInfoConnect(
|
|
636
|
-
}).catch((
|
|
637
|
-
s.setInfoConnect(
|
|
637
|
+
).promise.then((a) => {
|
|
638
|
+
s.setInfoConnect(a);
|
|
639
|
+
}).catch((a) => {
|
|
640
|
+
s.setInfoConnect(a);
|
|
638
641
|
});
|
|
639
642
|
}
|
|
640
643
|
});
|
|
641
644
|
let p = s;
|
|
642
645
|
const ft = (o, t = {}) => {
|
|
643
|
-
const e = o.action, { skip: n = !1, timeout: i = 5e3, onSuccess: c, onError:
|
|
646
|
+
const e = o.action, { skip: n = !1, timeout: i = 5e3, onSuccess: c, onError: a } = t, [l, S] = A(null), [u, h] = A(null), [f, d] = A(!1), [g, m] = A(!1), [E, v] = A(!1), C = $(null), R = q(async () => {
|
|
644
647
|
if (n) return;
|
|
645
|
-
|
|
646
|
-
const D =
|
|
648
|
+
d(!0), m(!1), v(!1), h(null), S(null), C.current = new AbortController();
|
|
649
|
+
const D = C.current.signal;
|
|
647
650
|
try {
|
|
648
|
-
const
|
|
651
|
+
const O = await p.request(
|
|
649
652
|
o,
|
|
650
653
|
{ timeout: i, signal: D }
|
|
651
654
|
);
|
|
652
655
|
if (D.aborted) return;
|
|
653
|
-
S(
|
|
654
|
-
} catch (
|
|
656
|
+
S(O), v(!0), c == null || c(O);
|
|
657
|
+
} catch (O) {
|
|
655
658
|
if (D.aborted) return;
|
|
656
|
-
const B =
|
|
657
|
-
|
|
659
|
+
const B = O instanceof Error ? O : new Error(String(O));
|
|
660
|
+
h(B), m(!0), a == null || a(B);
|
|
658
661
|
} finally {
|
|
659
|
-
D.aborted ||
|
|
662
|
+
D.aborted || d(!1);
|
|
660
663
|
}
|
|
661
|
-
}, [n, e, o, i, c,
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
}), [
|
|
665
|
-
const j =
|
|
666
|
-
|
|
664
|
+
}, [n, e, o, i, c, a]);
|
|
665
|
+
N(() => (n || R(), () => {
|
|
666
|
+
C.current && C.current.abort();
|
|
667
|
+
}), [R, n]);
|
|
668
|
+
const j = q(() => (C.current && C.current.abort(), R()), [R]), J = q(() => {
|
|
669
|
+
C.current && (C.current.abort(), d(!1));
|
|
667
670
|
}, []);
|
|
668
|
-
return { data:
|
|
671
|
+
return { data: l, error: u, isLoading: f, isError: g, isSuccess: E, refetch: j, abort: J };
|
|
669
672
|
}, Ot = (o, t) => ft(o, t), St = (o) => {
|
|
670
|
-
const { isNetwork: t, typeNetwork: e } = o, { isModal: n } =
|
|
671
|
-
return
|
|
672
|
-
const S =
|
|
673
|
-
|
|
674
|
-
}), p.on("error", (
|
|
675
|
-
console.log("error: ",
|
|
676
|
-
}), p.on("reConnect", (
|
|
677
|
-
console.log("reConnect",
|
|
678
|
-
const S =
|
|
679
|
-
u !==
|
|
680
|
-
}), p.on("timeOffReConnect", (
|
|
681
|
-
if (console.log("timeOffReConnect: ",
|
|
682
|
-
const S =
|
|
673
|
+
const { isNetwork: t, typeNetwork: e } = o, { isModal: n } = y(I.getInfoNoConnectServer), i = y(I.getStatusIsReConnectSocket), c = y(I.getIsDisableConnectSocket), a = y(I.getStatusConnectSocket);
|
|
674
|
+
return N(() => (p.init(o.init), typeof o.onMount == "function" && o.onMount(), p.on("status", (l) => {
|
|
675
|
+
const S = w.getState(), { isReadySocket: u } = S;
|
|
676
|
+
l !== "ready" && u && b.setStatusReady({ isReadySocket: !1 }), !u && l === "ready" && b.setStatusReady({ isReadySocket: !0 }), b.setStatusConnectSocket({ statusConnect: l });
|
|
677
|
+
}), p.on("error", (l) => {
|
|
678
|
+
console.log("error: ", l);
|
|
679
|
+
}), p.on("reConnect", (l) => {
|
|
680
|
+
console.log('on"reConnect" (status): ', l);
|
|
681
|
+
const S = w.getState(), { isReConnectSocket: u, infoNoConnectServer: { isModal: h } } = S;
|
|
682
|
+
u !== l && b.setStatusIsReConnectSocket({ isReConnectSocket: l }), h && l && b.setInfoNoConnectServer({ isModal: !1 });
|
|
683
|
+
}), p.on("timeOffReConnect", (l) => {
|
|
684
|
+
if (console.log("timeOffReConnect: ", l), b.setIsOfflineSocket({ isOfflineSocket: !l.status }), !l.status) {
|
|
685
|
+
const S = w.getState(), { infoNoConnectServer: { isModal: u, isSelectOffline: h } } = S;
|
|
683
686
|
let f = !1;
|
|
684
|
-
!u && !
|
|
687
|
+
!u && !h && (f = !0), f && b.setInfoNoConnectServer({ isModal: f });
|
|
685
688
|
}
|
|
686
689
|
}), p.connect(), () => {
|
|
687
690
|
typeof o.onUnmount == "function" && o.onUnmount(), console.dir("disconnect"), p.disconnect();
|
|
688
|
-
}), []),
|
|
689
|
-
t && !c && !n && !i && ["close"].includes(
|
|
690
|
-
}, [c, n, i,
|
|
691
|
-
i && (!t ||
|
|
692
|
-
}, [i, t,
|
|
693
|
-
c && (console.log("isDisableConnectSocket: ", c),
|
|
691
|
+
}), []), N(() => {
|
|
692
|
+
t && !c && !n && !i && ["close"].includes(a) && e !== "none" && (console.log("Запущен socketReConnect"), p.socketReConnect());
|
|
693
|
+
}, [c, n, i, a, e, t]), N(() => {
|
|
694
|
+
i && (!t || a === "ready") && (console.log("Запущен stopReConnect"), p.stopReConnect());
|
|
695
|
+
}, [i, t, a]), N(() => {
|
|
696
|
+
c && (console.log("isDisableConnectSocket: ", c), b.setIsOfflineSocket({ isOfflineSocket: !0 }), p.close());
|
|
694
697
|
}, [c]), null;
|
|
695
|
-
}, dt =
|
|
698
|
+
}, dt = k.memo(St), ht = x(F, {
|
|
696
699
|
shouldForwardProp: (o) => ![""].includes(o)
|
|
697
700
|
})(({ theme: o }) => ({
|
|
698
701
|
bottom: "100%",
|
|
@@ -703,27 +706,27 @@ const ft = (o, t = {}) => {
|
|
|
703
706
|
padding: "1px 10px"
|
|
704
707
|
}
|
|
705
708
|
})), vt = ({ children: o, className: t, isNetwork: e, ...n }) => {
|
|
706
|
-
const i =
|
|
709
|
+
const i = y(I.getIsOfflineSocket), c = y(I.getIsDisableConnectSocket), a = i || !e, l = "Оффлайн";
|
|
707
710
|
return /* @__PURE__ */ M(
|
|
708
711
|
ht,
|
|
709
712
|
{
|
|
710
|
-
in:
|
|
713
|
+
in: a,
|
|
711
714
|
className: U("socket-offline", t),
|
|
712
715
|
...n,
|
|
713
|
-
children: typeof o == "function" ? o({ isDisableConnectSocket: c }) : c ? `Режим ${
|
|
716
|
+
children: typeof o == "function" ? o({ isDisableConnectSocket: c }) : c ? `Режим ${l}` : l
|
|
714
717
|
}
|
|
715
718
|
);
|
|
716
|
-
}, pt =
|
|
717
|
-
const t =
|
|
718
|
-
|
|
719
|
+
}, pt = k.memo(vt), gt = ({ children: o }) => {
|
|
720
|
+
const t = q(() => {
|
|
721
|
+
b.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !1 });
|
|
719
722
|
}, []);
|
|
720
723
|
return o({ reConnect: t });
|
|
721
|
-
}, Ct =
|
|
722
|
-
const t =
|
|
723
|
-
|
|
724
|
+
}, Ct = k.memo(gt), bt = ({ children: o }) => {
|
|
725
|
+
const t = q(() => {
|
|
726
|
+
b.setInfoNoConnectServer({ isModal: !1, isSelectOffline: !0 }), b.setIsDisableConnectSocket({ isDisableConnectSocket: !0 });
|
|
724
727
|
}, []);
|
|
725
728
|
return o({ offlineActive: t });
|
|
726
|
-
}, wt =
|
|
729
|
+
}, wt = k.memo(bt), Et = {
|
|
727
730
|
ConnectDetection: it,
|
|
728
731
|
OfflineDetection: pt,
|
|
729
732
|
Buttons: {
|
|
@@ -736,9 +739,9 @@ export {
|
|
|
736
739
|
Et as Socket,
|
|
737
740
|
p as SocketApi,
|
|
738
741
|
Ot as createRequestSocketApi,
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
+
b as socketActions,
|
|
743
|
+
I as socketSelectors,
|
|
744
|
+
w as socketStore,
|
|
742
745
|
ft as useRequestSocketApi,
|
|
743
|
-
|
|
746
|
+
y as useSocketSelector
|
|
744
747
|
};
|