@based/react 4.3.1 → 4.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Ctx.d.ts +3 -0
- package/dist/Ctx.js +6 -0
- package/dist/Ctx.js.map +1 -0
- package/dist/Provider.d.ts +6 -0
- package/dist/Provider.js +10 -0
- package/dist/Provider.js.map +1 -0
- package/dist/index.d.ts +8 -21
- package/dist/index.js +21 -116
- package/dist/index.js.map +1 -1
- package/dist/useAuthState.d.ts +2 -0
- package/dist/useAuthState.js +22 -0
- package/dist/useAuthState.js.map +1 -0
- package/dist/useClient.d.ts +2 -0
- package/dist/useClient.js +10 -0
- package/dist/useClient.js.map +1 -0
- package/dist/useConnected.d.ts +3 -0
- package/dist/useConnected.js +28 -0
- package/dist/useConnected.js.map +1 -0
- package/dist/useLoading.d.ts +3 -0
- package/dist/useLoading.js +18 -0
- package/dist/useLoading.js.map +1 -0
- package/dist/useQuery.d.ts +17 -0
- package/dist/useQuery.js +110 -0
- package/dist/useQuery.js.map +1 -0
- package/dist/useWindow.d.ts +15 -0
- package/dist/useWindow.js +127 -0
- package/dist/useWindow.js.map +1 -0
- package/package.json +2 -2
- package/src/Ctx.ts +4 -0
- package/src/Provider.ts +10 -0
- package/src/index.ts +8 -161
- package/src/useAuthState.ts +21 -0
- package/src/useClient.ts +7 -0
- package/src/useConnected.ts +27 -0
- package/src/useLoading.ts +14 -0
- package/src/useQuery.ts +156 -0
- package/src/useWindow.ts +151 -0
- package/test/based-server.ts +27 -0
- package/test/browser.tsx +63 -5
package/dist/Ctx.d.ts
ADDED
package/dist/Ctx.js
ADDED
package/dist/Ctx.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ctx.js","sourceRoot":"","sources":["../src/Ctx.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAGxB,QAAA,GAAG,GAAG,IAAA,qBAAa,EAAc,IAAI,CAAC,CAAA"}
|
package/dist/Provider.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Provider = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const Ctx_1 = require("./Ctx");
|
|
6
|
+
const Provider = ({ client, children }) => {
|
|
7
|
+
return (0, react_1.createElement)(Ctx_1.Ctx.Provider, { value: client }, children);
|
|
8
|
+
};
|
|
9
|
+
exports.Provider = Provider;
|
|
10
|
+
//# sourceMappingURL=Provider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../src/Provider.ts"],"names":[],"mappings":";;;AAAA,iCAAoD;AAEpD,+BAA2B;AAEpB,MAAM,QAAQ,GAGhB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5B,OAAO,IAAA,qBAAa,EAAC,SAAG,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,CAAA;AACjE,CAAC,CAAA;AALY,QAAA,QAAQ,YAKpB"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,21 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export
|
|
9
|
-
export declare const useLoading: () => boolean;
|
|
10
|
-
export declare const useConnected: () => {
|
|
11
|
-
connected: boolean;
|
|
12
|
-
};
|
|
13
|
-
export declare const useQuery: <T = any>(name?: string, payload?: any, opts?: {
|
|
14
|
-
persistent: boolean;
|
|
15
|
-
}) => {
|
|
16
|
-
loading: boolean;
|
|
17
|
-
data?: T;
|
|
18
|
-
error?: BasedError;
|
|
19
|
-
checksum?: number;
|
|
20
|
-
};
|
|
21
|
-
export declare const useClient: () => BasedClient;
|
|
1
|
+
export * from './Ctx';
|
|
2
|
+
export * from './Provider';
|
|
3
|
+
export * from './useAuthState';
|
|
4
|
+
export * from './useClient';
|
|
5
|
+
export * from './useConnected';
|
|
6
|
+
export * from './useLoading';
|
|
7
|
+
export * from './useQuery';
|
|
8
|
+
export * from './useWindow';
|
package/dist/index.js
CHANGED
|
@@ -1,120 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
return (0, react_1.createElement)(Ctx.Provider, { value: client }, children);
|
|
8
|
-
};
|
|
9
|
-
exports.Provider = Provider;
|
|
10
|
-
const useAuthState = () => {
|
|
11
|
-
const client = (0, react_1.useContext)(Ctx);
|
|
12
|
-
const [state, setState] = (0, react_1.useState)(client?.authState || {});
|
|
13
|
-
(0, react_1.useEffect)(() => {
|
|
14
|
-
if (client) {
|
|
15
|
-
setState(client.authState);
|
|
16
|
-
const listener = (authState) => {
|
|
17
|
-
setState(authState);
|
|
18
|
-
};
|
|
19
|
-
client.on('authstate-change', listener);
|
|
20
|
-
return () => client.off('authstate-change', listener);
|
|
21
|
-
}
|
|
22
|
-
}, [client]);
|
|
23
|
-
return state;
|
|
24
|
-
};
|
|
25
|
-
exports.useAuthState = useAuthState;
|
|
26
|
-
const useLoadingListeners = new Set();
|
|
27
|
-
const hooksLoading = new Set();
|
|
28
|
-
const useLoading = () => {
|
|
29
|
-
const [isLoading, setLoading] = (0, react_1.useState)(hooksLoading.size > 0);
|
|
30
|
-
(0, react_1.useEffect)(() => {
|
|
31
|
-
useLoadingListeners.add(setLoading);
|
|
32
|
-
return () => {
|
|
33
|
-
useLoadingListeners.delete(setLoading);
|
|
34
|
-
};
|
|
35
|
-
}, []);
|
|
36
|
-
return isLoading;
|
|
37
|
-
};
|
|
38
|
-
exports.useLoading = useLoading;
|
|
39
|
-
const useConnected = () => {
|
|
40
|
-
const client = (0, react_1.useContext)(Ctx);
|
|
41
|
-
const [connected, setConnected] = (0, react_1.useState)(client.connected);
|
|
42
|
-
(0, react_1.useEffect)(() => {
|
|
43
|
-
if (client) {
|
|
44
|
-
setConnected(client.connected);
|
|
45
|
-
const listener = () => {
|
|
46
|
-
setConnected(client.connected);
|
|
47
|
-
};
|
|
48
|
-
client.on('disconnect', listener);
|
|
49
|
-
client.on('reconnect', listener);
|
|
50
|
-
client.on('connect', listener);
|
|
51
|
-
return () => {
|
|
52
|
-
client.off('disconnect', listener);
|
|
53
|
-
client.off('reconnect', listener);
|
|
54
|
-
client.off('connect', listener);
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
}, [client]);
|
|
58
|
-
return { connected };
|
|
59
|
-
};
|
|
60
|
-
exports.useConnected = useConnected;
|
|
61
|
-
const useQuery = (name, payload, opts) => {
|
|
62
|
-
const client = (0, react_1.useContext)(Ctx);
|
|
63
|
-
if (client && name) {
|
|
64
|
-
const q = client.query(name, payload, opts);
|
|
65
|
-
const { id, cache } = q;
|
|
66
|
-
const [checksumOrError, update] = (0, react_1.useState)(cache?.checksum);
|
|
67
|
-
(0, react_1.useEffect)(() => {
|
|
68
|
-
const unsubscribe = q.subscribe((_, checksum) => {
|
|
69
|
-
update(checksum);
|
|
70
|
-
}, (err) => {
|
|
71
|
-
update(err);
|
|
72
|
-
});
|
|
73
|
-
return () => {
|
|
74
|
-
const isLoading = hooksLoading.size > 0;
|
|
75
|
-
if (hooksLoading.delete(id) && !(hooksLoading.size > 0) && isLoading) {
|
|
76
|
-
useLoadingListeners.forEach((fn) => {
|
|
77
|
-
fn(false);
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
unsubscribe();
|
|
81
|
-
update(0);
|
|
82
|
-
};
|
|
83
|
-
}, [id]);
|
|
84
|
-
if (checksumOrError) {
|
|
85
|
-
const isLoading = hooksLoading.size > 0;
|
|
86
|
-
if (hooksLoading.delete(id)) {
|
|
87
|
-
if (!(hooksLoading.size > 0) && isLoading) {
|
|
88
|
-
useLoadingListeners.forEach((fn) => {
|
|
89
|
-
fn(false);
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
if (typeof checksumOrError === 'number') {
|
|
94
|
-
if (!cache) {
|
|
95
|
-
return { loading: true };
|
|
96
|
-
}
|
|
97
|
-
return { loading: false, data: cache.value, checksum: checksumOrError };
|
|
98
|
-
}
|
|
99
|
-
return { loading: false, error: checksumOrError };
|
|
100
|
-
}
|
|
101
|
-
const isLoading = hooksLoading.size > 0;
|
|
102
|
-
if (hooksLoading.add(id)) {
|
|
103
|
-
if (!isLoading) {
|
|
104
|
-
useLoadingListeners.forEach((fn) => {
|
|
105
|
-
fn(true);
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
return { loading: true };
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
110
7
|
}
|
|
111
|
-
(
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
118
15
|
};
|
|
119
|
-
exports
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Ctx"), exports);
|
|
18
|
+
__exportStar(require("./Provider"), exports);
|
|
19
|
+
__exportStar(require("./useAuthState"), exports);
|
|
20
|
+
__exportStar(require("./useClient"), exports);
|
|
21
|
+
__exportStar(require("./useConnected"), exports);
|
|
22
|
+
__exportStar(require("./useLoading"), exports);
|
|
23
|
+
__exportStar(require("./useQuery"), exports);
|
|
24
|
+
__exportStar(require("./useWindow"), exports);
|
|
120
25
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,6CAA0B;AAC1B,iDAA8B;AAC9B,8CAA2B;AAC3B,iDAA8B;AAC9B,+CAA4B;AAC5B,6CAA0B;AAC1B,8CAA2B"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useAuthState = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const Ctx_1 = require("./Ctx");
|
|
6
|
+
const useAuthState = () => {
|
|
7
|
+
const client = (0, react_1.useContext)(Ctx_1.Ctx);
|
|
8
|
+
const [state, setState] = (0, react_1.useState)(client?.authState || {});
|
|
9
|
+
(0, react_1.useEffect)(() => {
|
|
10
|
+
if (client) {
|
|
11
|
+
setState(client.authState);
|
|
12
|
+
const listener = (authState) => {
|
|
13
|
+
setState(authState);
|
|
14
|
+
};
|
|
15
|
+
client.on('authstate-change', listener);
|
|
16
|
+
return () => client.off('authstate-change', listener);
|
|
17
|
+
}
|
|
18
|
+
}, [client]);
|
|
19
|
+
return state;
|
|
20
|
+
};
|
|
21
|
+
exports.useAuthState = useAuthState;
|
|
22
|
+
//# sourceMappingURL=useAuthState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAuthState.js","sourceRoot":"","sources":["../src/useAuthState.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAEvD,+BAA2B;AAEpB,MAAM,YAAY,GAAG,GAAc,EAAE;IAC1C,MAAM,MAAM,GAAgB,IAAA,kBAAU,EAAC,SAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,MAAM,EAAE,SAAS,IAAI,EAAE,CAAC,CAAA;IAEtE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;YAC1B,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,EAAE;gBAC7B,QAAQ,CAAC,SAAS,CAAC,CAAA;YACrB,CAAC,CAAA;YACD,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;YACvC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAhBY,QAAA,YAAY,gBAgBxB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useClient = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const Ctx_1 = require("./Ctx");
|
|
6
|
+
const useClient = () => {
|
|
7
|
+
return (0, react_1.useContext)(Ctx_1.Ctx);
|
|
8
|
+
};
|
|
9
|
+
exports.useClient = useClient;
|
|
10
|
+
//# sourceMappingURL=useClient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useClient.js","sourceRoot":"","sources":["../src/useClient.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,+BAA2B;AAEpB,MAAM,SAAS,GAAG,GAAgB,EAAE;IACzC,OAAO,IAAA,kBAAU,EAAC,SAAG,CAAC,CAAA;AACxB,CAAC,CAAA;AAFY,QAAA,SAAS,aAErB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useConnected = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const Ctx_1 = require("./Ctx");
|
|
6
|
+
const useConnected = () => {
|
|
7
|
+
const client = (0, react_1.useContext)(Ctx_1.Ctx);
|
|
8
|
+
const [connected, setConnected] = (0, react_1.useState)(client.connected);
|
|
9
|
+
(0, react_1.useEffect)(() => {
|
|
10
|
+
if (client) {
|
|
11
|
+
setConnected(client.connected);
|
|
12
|
+
const listener = () => {
|
|
13
|
+
setConnected(client.connected);
|
|
14
|
+
};
|
|
15
|
+
client.on('disconnect', listener);
|
|
16
|
+
client.on('reconnect', listener);
|
|
17
|
+
client.on('connect', listener);
|
|
18
|
+
return () => {
|
|
19
|
+
client.off('disconnect', listener);
|
|
20
|
+
client.off('reconnect', listener);
|
|
21
|
+
client.off('connect', listener);
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
}, [client]);
|
|
25
|
+
return { connected };
|
|
26
|
+
};
|
|
27
|
+
exports.useConnected = useConnected;
|
|
28
|
+
//# sourceMappingURL=useConnected.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useConnected.js","sourceRoot":"","sources":["../src/useConnected.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAEvD,+BAA2B;AAEpB,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,MAAM,GAAgB,IAAA,kBAAU,EAAC,SAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;YAC9B,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;YAChC,CAAC,CAAA;YACD,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;YACjC,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;YAChC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;YAC9B,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;gBAClC,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;gBACjC,MAAM,CAAC,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;YACjC,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,EAAE,SAAS,EAAE,CAAA;AACtB,CAAC,CAAA;AAtBY,QAAA,YAAY,gBAsBxB"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useLoading = exports.hooksLoading = exports.useLoadingListeners = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
exports.useLoadingListeners = new Set();
|
|
6
|
+
exports.hooksLoading = new Set();
|
|
7
|
+
const useLoading = () => {
|
|
8
|
+
const [isLoading, setLoading] = (0, react_1.useState)(exports.hooksLoading.size > 0);
|
|
9
|
+
(0, react_1.useEffect)(() => {
|
|
10
|
+
exports.useLoadingListeners.add(setLoading);
|
|
11
|
+
return () => {
|
|
12
|
+
exports.useLoadingListeners.delete(setLoading);
|
|
13
|
+
};
|
|
14
|
+
}, []);
|
|
15
|
+
return isLoading;
|
|
16
|
+
};
|
|
17
|
+
exports.useLoading = useLoading;
|
|
18
|
+
//# sourceMappingURL=useLoading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLoading.js","sourceRoot":"","sources":["../src/useLoading.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE9B,QAAA,mBAAmB,GAAkB,IAAI,GAAG,EAAE,CAAA;AAC9C,QAAA,YAAY,GAAgB,IAAI,GAAG,EAAE,CAAA;AAC3C,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,oBAAY,CAAC,IAAI,GAAG,CAAC,CAAC,CAAA;IAC/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,2BAAmB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;QACnC,OAAO,GAAG,EAAE;YACV,2BAAmB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;QACxC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AATY,QAAA,UAAU,cAStB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { BasedError } from '@based/client';
|
|
2
|
+
export declare const useQueries: <T = any>(name?: string, payloads?: any[], opts?: {
|
|
3
|
+
persistent: boolean;
|
|
4
|
+
}) => {
|
|
5
|
+
loading: boolean;
|
|
6
|
+
data?: T;
|
|
7
|
+
error?: BasedError;
|
|
8
|
+
checksum?: string;
|
|
9
|
+
}[];
|
|
10
|
+
export declare const useQuery: <T = any>(name?: string, payload?: any, opts?: {
|
|
11
|
+
persistent: boolean;
|
|
12
|
+
}) => {
|
|
13
|
+
loading: boolean;
|
|
14
|
+
data?: T;
|
|
15
|
+
error?: BasedError;
|
|
16
|
+
checksum?: number;
|
|
17
|
+
};
|
package/dist/useQuery.js
ADDED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useQuery = exports.useQueries = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const Ctx_1 = require("./Ctx");
|
|
6
|
+
const useLoading_1 = require("./useLoading");
|
|
7
|
+
const useQueries = (name, payloads, opts) => {
|
|
8
|
+
// TODO add error handling
|
|
9
|
+
const client = (0, react_1.useContext)(Ctx_1.Ctx);
|
|
10
|
+
let key = '';
|
|
11
|
+
let sum = '';
|
|
12
|
+
if (client && name) {
|
|
13
|
+
const queries = Array(payloads.length);
|
|
14
|
+
const result = payloads.map((payload, i) => {
|
|
15
|
+
const q = client.query(name, payload, opts);
|
|
16
|
+
const { id, cache } = q;
|
|
17
|
+
queries[i] = q;
|
|
18
|
+
key += id;
|
|
19
|
+
if (cache) {
|
|
20
|
+
sum += cache.checksum;
|
|
21
|
+
return { loading: false, data: cache.value, checksum: cache.checksum };
|
|
22
|
+
}
|
|
23
|
+
return { loading: true };
|
|
24
|
+
});
|
|
25
|
+
const [, update] = (0, react_1.useState)(sum);
|
|
26
|
+
(0, react_1.useEffect)(() => {
|
|
27
|
+
let raf;
|
|
28
|
+
const listener = () => {
|
|
29
|
+
if (!raf) {
|
|
30
|
+
raf = requestAnimationFrame(() => {
|
|
31
|
+
raf = null;
|
|
32
|
+
update(queries.reduce((sum, { cache }) => {
|
|
33
|
+
return cache ? sum + cache.checksum : sum;
|
|
34
|
+
}, ''));
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
const unsubs = queries.map((q) => {
|
|
39
|
+
return q.subscribe(listener);
|
|
40
|
+
});
|
|
41
|
+
return () => {
|
|
42
|
+
unsubs.forEach((unsubscribe) => unsubscribe());
|
|
43
|
+
if (raf) {
|
|
44
|
+
cancelAnimationFrame(raf);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
}, [key]);
|
|
48
|
+
return result;
|
|
49
|
+
}
|
|
50
|
+
(0, react_1.useState)(sum);
|
|
51
|
+
(0, react_1.useEffect)(() => { }, [key]);
|
|
52
|
+
return Array(payloads.length).fill({ loading: true });
|
|
53
|
+
};
|
|
54
|
+
exports.useQueries = useQueries;
|
|
55
|
+
const useQuery = (name, payload, opts) => {
|
|
56
|
+
const client = (0, react_1.useContext)(Ctx_1.Ctx);
|
|
57
|
+
if (client && name) {
|
|
58
|
+
const q = client.query(name, payload, opts);
|
|
59
|
+
const { id, cache } = q;
|
|
60
|
+
const [checksumOrError, update] = (0, react_1.useState)(cache?.checksum);
|
|
61
|
+
(0, react_1.useEffect)(() => {
|
|
62
|
+
const unsubscribe = q.subscribe((_, checksum) => {
|
|
63
|
+
update(checksum);
|
|
64
|
+
}, (err) => {
|
|
65
|
+
update(err);
|
|
66
|
+
});
|
|
67
|
+
return () => {
|
|
68
|
+
const isLoading = useLoading_1.hooksLoading.size > 0;
|
|
69
|
+
if (useLoading_1.hooksLoading.delete(id) && !(useLoading_1.hooksLoading.size > 0) && isLoading) {
|
|
70
|
+
useLoading_1.useLoadingListeners.forEach((fn) => {
|
|
71
|
+
fn(false);
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
unsubscribe();
|
|
75
|
+
update(0);
|
|
76
|
+
};
|
|
77
|
+
}, [id]);
|
|
78
|
+
if (checksumOrError) {
|
|
79
|
+
const isLoading = useLoading_1.hooksLoading.size > 0;
|
|
80
|
+
if (useLoading_1.hooksLoading.delete(id)) {
|
|
81
|
+
if (!(useLoading_1.hooksLoading.size > 0) && isLoading) {
|
|
82
|
+
useLoading_1.useLoadingListeners.forEach((fn) => {
|
|
83
|
+
fn(false);
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
if (typeof checksumOrError === 'number') {
|
|
88
|
+
if (!cache) {
|
|
89
|
+
return { loading: true };
|
|
90
|
+
}
|
|
91
|
+
return { loading: false, data: cache.value, checksum: checksumOrError };
|
|
92
|
+
}
|
|
93
|
+
return { loading: false, error: checksumOrError };
|
|
94
|
+
}
|
|
95
|
+
const isLoading = useLoading_1.hooksLoading.size > 0;
|
|
96
|
+
if (useLoading_1.hooksLoading.add(id)) {
|
|
97
|
+
if (!isLoading) {
|
|
98
|
+
useLoading_1.useLoadingListeners.forEach((fn) => {
|
|
99
|
+
fn(true);
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
return { loading: true };
|
|
104
|
+
}
|
|
105
|
+
(0, react_1.useState)();
|
|
106
|
+
(0, react_1.useEffect)(() => { }, [null]);
|
|
107
|
+
return { loading: true };
|
|
108
|
+
};
|
|
109
|
+
exports.useQuery = useQuery;
|
|
110
|
+
//# sourceMappingURL=useQuery.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useQuery.js","sourceRoot":"","sources":["../src/useQuery.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAEvD,+BAA2B;AAC3B,6CAAgE;AAEzD,MAAM,UAAU,GAAG,CACxB,IAAa,EACb,QAAgB,EAChB,IAEC,EAMC,EAAE;IACJ,0BAA0B;IAC1B,MAAM,MAAM,GAAgB,IAAA,kBAAU,EAAC,SAAG,CAAC,CAAA;IAC3C,IAAI,GAAG,GAAG,EAAE,CAAA;IACZ,IAAI,GAAG,GAAG,EAAE,CAAA;IAEZ,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;QACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YACzC,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;YAC3C,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;YACd,GAAG,IAAI,EAAE,CAAA;YAET,IAAI,KAAK,EAAE;gBACT,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAA;gBACrB,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAA;aACvE;YAED,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;QAC1B,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAA;QAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,IAAI,GAAG,CAAA;YACP,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,IAAI,CAAC,GAAG,EAAE;oBACR,GAAG,GAAG,qBAAqB,CAAC,GAAG,EAAE;wBAC/B,GAAG,GAAG,IAAI,CAAA;wBACV,MAAM,CACJ,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;4BAChC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAA;wBAC3C,CAAC,EAAE,EAAE,CAAC,CACP,CAAA;oBACH,CAAC,CAAC,CAAA;iBACH;YACH,CAAC,CAAA;YAED,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC/B,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;YAC9B,CAAC,CAAC,CAAA;YAEF,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;gBAC9C,IAAI,GAAG,EAAE;oBACP,oBAAoB,CAAC,GAAG,CAAC,CAAA;iBAC1B;YACH,CAAC,CAAA;QACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;QAET,OAAO,MAAM,CAAA;KACd;IAED,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAA;IACb,IAAA,iBAAS,EAAC,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAE1B,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AArEY,QAAA,UAAU,cAqEtB;AAEM,MAAM,QAAQ,GAAG,CACtB,IAAa,EACb,OAAa,EACb,IAEC,EAMD,EAAE;IACF,MAAM,MAAM,GAAgB,IAAA,kBAAU,EAAC,SAAG,CAAC,CAAA;IAE3C,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;QAC3C,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;QACvB,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EACxC,KAAK,EAAE,QAAQ,CAChB,CAAA;QAED,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,MAAM,WAAW,GAAG,CAAC,CAAC,SAAS,CAC7B,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;gBACd,MAAM,CAAC,QAAQ,CAAC,CAAA;YAClB,CAAC,EACD,CAAC,GAAG,EAAE,EAAE;gBACN,MAAM,CAAC,GAAG,CAAC,CAAA;YACb,CAAC,CACF,CAAA;YACD,OAAO,GAAG,EAAE;gBACV,MAAM,SAAS,GAAG,yBAAY,CAAC,IAAI,GAAG,CAAC,CAAA;gBACvC,IAAI,yBAAY,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,yBAAY,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS,EAAE;oBACpE,gCAAmB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;wBACjC,EAAE,CAAC,KAAK,CAAC,CAAA;oBACX,CAAC,CAAC,CAAA;iBACH;gBACD,WAAW,EAAE,CAAA;gBACb,MAAM,CAAC,CAAC,CAAC,CAAA;YACX,CAAC,CAAA;QACH,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAER,IAAI,eAAe,EAAE;YACnB,MAAM,SAAS,GAAG,yBAAY,CAAC,IAAI,GAAG,CAAC,CAAA;YACvC,IAAI,yBAAY,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;gBAC3B,IAAI,CAAC,CAAC,yBAAY,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS,EAAE;oBACzC,gCAAmB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;wBACjC,EAAE,CAAC,KAAK,CAAC,CAAA;oBACX,CAAC,CAAC,CAAA;iBACH;aACF;YAED,IAAI,OAAO,eAAe,KAAK,QAAQ,EAAE;gBACvC,IAAI,CAAC,KAAK,EAAE;oBACV,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;iBACzB;gBAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAA;aACxE;YAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,CAAA;SAClD;QAED,MAAM,SAAS,GAAG,yBAAY,CAAC,IAAI,GAAG,CAAC,CAAA;QACvC,IAAI,yBAAY,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACxB,IAAI,CAAC,SAAS,EAAE;gBACd,gCAAmB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;oBACjC,EAAE,CAAC,IAAI,CAAC,CAAA;gBACV,CAAC,CAAC,CAAA;aACH;SACF;QAED,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;KACzB;IAED,IAAA,gBAAQ,GAAE,CAAA;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAE3B,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AAC1B,CAAC,CAAA;AA/EY,QAAA,QAAQ,YA+EpB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
type UseWindowState = {
|
|
2
|
+
loading: boolean;
|
|
3
|
+
items: any[];
|
|
4
|
+
checksum?: number;
|
|
5
|
+
};
|
|
6
|
+
export declare const useWindow: (name: string, getPayload: ({ offset, limit }: {
|
|
7
|
+
offset: any;
|
|
8
|
+
limit: any;
|
|
9
|
+
}) => any, opts: {
|
|
10
|
+
path: string[];
|
|
11
|
+
pages: number[];
|
|
12
|
+
size: number;
|
|
13
|
+
persistent?: boolean;
|
|
14
|
+
}, dependencies?: any) => UseWindowState;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useWindow = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const Ctx_1 = require("./Ctx");
|
|
6
|
+
const hash_1 = require("@saulx/hash");
|
|
7
|
+
const useWindow = (name, getPayload, opts, dependencies) => {
|
|
8
|
+
const [checksum, setCheckum] = (0, react_1.useState)(0);
|
|
9
|
+
const cache = (0, react_1.useRef)();
|
|
10
|
+
const client = (0, react_1.useContext)(Ctx_1.Ctx);
|
|
11
|
+
const queries = (0, react_1.useRef)();
|
|
12
|
+
const unsubs = (0, react_1.useRef)();
|
|
13
|
+
const raf = (0, react_1.useRef)();
|
|
14
|
+
const currModifyHash = (0, react_1.useRef)();
|
|
15
|
+
const currResetHash = (0, react_1.useRef)();
|
|
16
|
+
const modifyHash = `${opts.size}.${opts.persistent}`;
|
|
17
|
+
if (dependencies) {
|
|
18
|
+
// complete reset
|
|
19
|
+
const resetHash = (0, hash_1.hash)(dependencies);
|
|
20
|
+
if (currResetHash.current !== resetHash) {
|
|
21
|
+
currResetHash.current = resetHash;
|
|
22
|
+
currModifyHash.current = null;
|
|
23
|
+
cache.current = null;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
if (currModifyHash.current !== modifyHash) {
|
|
27
|
+
// reset queries but keep cache
|
|
28
|
+
for (const n in unsubs.current) {
|
|
29
|
+
unsubs.current[n]();
|
|
30
|
+
}
|
|
31
|
+
if (raf.current) {
|
|
32
|
+
cancelAnimationFrame(raf.current);
|
|
33
|
+
raf.current = null;
|
|
34
|
+
}
|
|
35
|
+
queries.current = [];
|
|
36
|
+
unsubs.current = {};
|
|
37
|
+
currModifyHash.current = modifyHash;
|
|
38
|
+
if (!cache.current) {
|
|
39
|
+
cache.current = { items: [], loading: true, checksum: 0 };
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
(0, react_1.useEffect)(() => {
|
|
43
|
+
return () => {
|
|
44
|
+
for (const n in unsubs.current) {
|
|
45
|
+
unsubs.current[n]();
|
|
46
|
+
}
|
|
47
|
+
if (raf.current) {
|
|
48
|
+
cancelAnimationFrame(raf.current);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}, []);
|
|
52
|
+
if (client && name) {
|
|
53
|
+
const { pages, size, persistent = false, path } = opts;
|
|
54
|
+
const active = new Set();
|
|
55
|
+
// add new subs
|
|
56
|
+
pages.forEach((n) => {
|
|
57
|
+
// pages start at 1 => shift to 0
|
|
58
|
+
n -= 1;
|
|
59
|
+
active.add(n);
|
|
60
|
+
if (!(n in queries.current)) {
|
|
61
|
+
const payload = getPayload({ offset: n * size, limit: size });
|
|
62
|
+
const q = client.query(name, payload, { persistent });
|
|
63
|
+
queries.current[n] = q;
|
|
64
|
+
}
|
|
65
|
+
if (n in unsubs.current)
|
|
66
|
+
return;
|
|
67
|
+
unsubs.current[n] = queries.current[n].subscribe(() => {
|
|
68
|
+
if (raf.current)
|
|
69
|
+
return;
|
|
70
|
+
raf.current = requestAnimationFrame(() => {
|
|
71
|
+
raf.current = null;
|
|
72
|
+
setCheckum(queries.current.reduce((combined, { cache }) => {
|
|
73
|
+
const checksum = cache?.checksum;
|
|
74
|
+
return checksum ? combined + checksum : combined;
|
|
75
|
+
}, 0));
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
});
|
|
79
|
+
// remove inactive subs
|
|
80
|
+
queries.current.forEach((_, n) => {
|
|
81
|
+
if (n in unsubs.current && !active.has(n)) {
|
|
82
|
+
unsubs.current[n]();
|
|
83
|
+
delete unsubs.current[n];
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
if (cache.current.checksum === checksum) {
|
|
87
|
+
return cache.current;
|
|
88
|
+
}
|
|
89
|
+
let l = queries.current.length;
|
|
90
|
+
cache.current.items = [];
|
|
91
|
+
cache.current.loading = false;
|
|
92
|
+
cache.current.checksum = checksum;
|
|
93
|
+
while (l--) {
|
|
94
|
+
let i = size * l;
|
|
95
|
+
const q = queries.current[l];
|
|
96
|
+
const m = i + size;
|
|
97
|
+
if (q) {
|
|
98
|
+
if (q.cache) {
|
|
99
|
+
let data = q.cache.value;
|
|
100
|
+
for (const i of path) {
|
|
101
|
+
data = data?.[i];
|
|
102
|
+
}
|
|
103
|
+
if (data) {
|
|
104
|
+
for (let j = 0; i < m; i++) {
|
|
105
|
+
const item = data[j++];
|
|
106
|
+
if (!item)
|
|
107
|
+
break;
|
|
108
|
+
cache.current.items[i] = item;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
else {
|
|
113
|
+
cache.current.loading = true;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
// // fill up empty items with null
|
|
117
|
+
// for (; i < m; i++) {
|
|
118
|
+
// if (!(i in cache.current.items)) {
|
|
119
|
+
// cache.current.items[i] = null
|
|
120
|
+
// }
|
|
121
|
+
// }
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
return cache.current;
|
|
125
|
+
};
|
|
126
|
+
exports.useWindow = useWindow;
|
|
127
|
+
//# sourceMappingURL=useWindow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useWindow.js","sourceRoot":"","sources":["../src/useWindow.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@based/react",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"browser": "npx aristotle watch -t ./test/browser.tsx",
|
|
8
8
|
"server": "npx ts-node ./test/based-server.ts",
|
|
9
|
-
"build": "npx
|
|
9
|
+
"build": "npx tsc",
|
|
10
10
|
"watch": "npm run build -- --watch",
|
|
11
11
|
"clean": "rimraf {.turbo,dist,node_modules}"
|
|
12
12
|
},
|