@ispb/react-lazy 0.0.6 → 0.0.8
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/hooks.d.ts +2 -0
- package/dist/hooks.js +42 -24
- package/dist/hooks.js.map +1 -1
- package/package.json +4 -1
package/dist/hooks.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { DependencyList } from "react";
|
|
1
2
|
import { Observable, Subject } from "rxjs";
|
|
2
3
|
import { ExtractLazy, LazyEvent, LazyFulfilled, LazyLoading, LazyRejected } from "./types.js";
|
|
3
4
|
export declare const LazyContext: import("react").Context<Partial<import("./types.js").LazyOptions>>;
|
|
@@ -13,6 +14,7 @@ export declare function useLazyMap<I, O>(event: LazyEvent<I>, map: (value: I) =>
|
|
|
13
14
|
export declare function useObservableAsPromise<T>(observable: Observable<T>): Promise<T>;
|
|
14
15
|
export declare function useLazyAsPromise<T>(event: LazyEvent<T>): Promise<T>;
|
|
15
16
|
export declare function useLazyAsObservable<T>(event: LazyEvent<T>): Subject<T>;
|
|
17
|
+
export declare function useShallowMemo<T, D extends DependencyList>(factory: () => T, deps: D): T;
|
|
16
18
|
export declare function useLazyCombine<T extends Record<string, LazyEvent<unknown>>>(lazies: T): LazyEvent<{
|
|
17
19
|
[K in keyof T]: ExtractLazy<T[K]>;
|
|
18
20
|
}>;
|
package/dist/hooks.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import pDefer from "p-defer";
|
|
2
|
-
import { createContext, useEffect, useMemo, useState } from "react";
|
|
2
|
+
import { createContext, useEffect, useMemo, useRef, useState } from "react";
|
|
3
3
|
import { Subject } from "rxjs";
|
|
4
|
+
import shallowEqual from "shallowequal";
|
|
4
5
|
export const LazyContext = createContext({});
|
|
5
6
|
export function isLoading(event) {
|
|
6
7
|
if (event.status === "loading") {
|
|
@@ -57,7 +58,7 @@ export function useLazyMap(event, map) {
|
|
|
57
58
|
]);
|
|
58
59
|
}
|
|
59
60
|
export function useObservableAsPromise(observable) {
|
|
60
|
-
const [promise, setPromise] = useState(new Promise(() => void 0));
|
|
61
|
+
const [promise, setPromise] = useState(() => new Promise(() => void 0));
|
|
61
62
|
useEffect(() => {
|
|
62
63
|
const sub = observable.subscribe({
|
|
63
64
|
next: value => {
|
|
@@ -71,7 +72,7 @@ export function useObservableAsPromise(observable) {
|
|
|
71
72
|
sub.unsubscribe();
|
|
72
73
|
};
|
|
73
74
|
}, [
|
|
74
|
-
|
|
75
|
+
observable
|
|
75
76
|
]);
|
|
76
77
|
return promise;
|
|
77
78
|
}
|
|
@@ -106,32 +107,49 @@ export function useLazyAsObservable(event) {
|
|
|
106
107
|
]);
|
|
107
108
|
return subject;
|
|
108
109
|
}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
return {
|
|
113
|
-
status: "loading",
|
|
114
|
-
};
|
|
110
|
+
function eachEqual(a, b) {
|
|
111
|
+
if (a.length !== b.length) {
|
|
112
|
+
return false;
|
|
115
113
|
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
114
|
+
return a.every((value, key) => shallowEqual(value, b[key]));
|
|
115
|
+
}
|
|
116
|
+
export function useShallowMemo(factory, deps) {
|
|
117
|
+
const ref = useRef(deps);
|
|
118
|
+
if (!eachEqual(ref.current, deps)) {
|
|
119
|
+
ref.current = deps;
|
|
120
|
+
}
|
|
121
|
+
return useMemo(factory, [ref.current]);
|
|
122
|
+
}
|
|
123
|
+
export function useLazyCombine(lazies) {
|
|
124
|
+
return useShallowMemo(() => {
|
|
125
|
+
const entries = Object.entries(lazies);
|
|
126
|
+
if (entries.map(entry => entry[1]).some(isLoading)) {
|
|
119
127
|
return {
|
|
120
|
-
status: "
|
|
121
|
-
reason: failed
|
|
128
|
+
status: "loading",
|
|
122
129
|
};
|
|
123
130
|
}
|
|
124
131
|
else {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
132
|
+
const failed = entries.map(entry => entry[1]).filter(isRejected).at(0);
|
|
133
|
+
if (failed !== undefined) {
|
|
134
|
+
return {
|
|
135
|
+
status: "rejected",
|
|
136
|
+
reason: failed
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
else {
|
|
140
|
+
return {
|
|
141
|
+
status: "fulfilled",
|
|
142
|
+
value: Object.fromEntries(entries.map(([key, value]) => {
|
|
143
|
+
return [
|
|
144
|
+
key,
|
|
145
|
+
value.status === "fulfilled" ? value.value : undefined,
|
|
146
|
+
];
|
|
147
|
+
}))
|
|
148
|
+
};
|
|
149
|
+
}
|
|
134
150
|
}
|
|
135
|
-
}
|
|
151
|
+
}, [
|
|
152
|
+
lazies
|
|
153
|
+
]);
|
|
136
154
|
}
|
|
137
155
|
//# sourceMappingURL=hooks.js.map
|
package/dist/hooks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ispb/react-lazy",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"p-defer": "^4.0.1",
|
|
20
20
|
"rxjs": "^7.8.2",
|
|
21
|
+
"shallow-equal": "^3.1.0",
|
|
22
|
+
"shallowequal": "^1.1.0",
|
|
21
23
|
"value-or-factory": "^0.0.1"
|
|
22
24
|
},
|
|
23
25
|
"peerDependencies": {
|
|
@@ -25,6 +27,7 @@
|
|
|
25
27
|
},
|
|
26
28
|
"devDependencies": {
|
|
27
29
|
"@types/react": "^19.2.18",
|
|
30
|
+
"@types/shallowequal": "^1.1.5",
|
|
28
31
|
"react": "^19.2.8",
|
|
29
32
|
"typescript": "^7.0.2"
|
|
30
33
|
}
|