@tamagui/use-store 2.7.6 → 3.0.0-beta.637.1
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/cjs/comparators.cjs +27 -30
- package/dist/cjs/comparators.native.cjs +45 -0
- package/dist/cjs/comparators.native.js +31 -34
- package/dist/cjs/comparators.native.js.map +1 -1
- package/dist/cjs/configureUseStore.cjs +17 -18
- package/dist/cjs/configureUseStore.native.cjs +33 -0
- package/dist/cjs/configureUseStore.native.js +17 -17
- package/dist/cjs/configureUseStore.native.js.map +1 -1
- package/dist/cjs/constants.cjs +19 -20
- package/dist/cjs/constants.native.cjs +34 -0
- package/dist/cjs/constants.native.js +19 -19
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/decorators.cjs +19 -22
- package/dist/cjs/decorators.native.cjs +32 -0
- package/dist/cjs/decorators.native.js +19 -21
- package/dist/cjs/decorators.native.js.map +1 -1
- package/dist/cjs/helpers.cjs +39 -40
- package/dist/cjs/helpers.native.cjs +68 -0
- package/dist/cjs/helpers.native.js +42 -43
- package/dist/cjs/helpers.native.js.map +1 -1
- package/dist/cjs/index.cjs +22 -23
- package/dist/cjs/index.native.cjs +62 -0
- package/dist/cjs/index.native.js +35 -36
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/interfaces.cjs +10 -11
- package/dist/cjs/interfaces.native.cjs +19 -0
- package/dist/cjs/interfaces.native.js +10 -10
- package/dist/cjs/interfaces.native.js.map +1 -1
- package/dist/cjs/observe.cjs +132 -138
- package/dist/cjs/observe.native.cjs +221 -0
- package/dist/cjs/observe.native.js +192 -203
- package/dist/cjs/observe.native.js.map +1 -1
- package/dist/cjs/useStore.cjs +366 -403
- package/dist/cjs/useStore.native.cjs +557 -0
- package/dist/cjs/useStore.native.js +487 -536
- package/dist/cjs/useStore.native.js.map +1 -1
- package/dist/cjs/useStoreDebug.cjs +39 -45
- package/dist/cjs/useStoreDebug.native.cjs +64 -0
- package/dist/cjs/useStoreDebug.native.js +43 -48
- package/dist/cjs/useStoreDebug.native.js.map +1 -1
- package/dist/esm/comparators.mjs +13 -12
- package/dist/esm/comparators.mjs.map +1 -1
- package/dist/esm/comparators.native.js +17 -17
- package/dist/esm/comparators.native.js.map +1 -1
- package/dist/esm/configureUseStore.mjs +2 -1
- package/dist/esm/configureUseStore.mjs.map +1 -1
- package/dist/esm/configureUseStore.native.js +2 -1
- package/dist/esm/configureUseStore.native.js.map +1 -1
- package/dist/esm/constants.mjs +4 -3
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +4 -3
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/decorators.mjs +5 -4
- package/dist/esm/decorators.mjs.map +1 -1
- package/dist/esm/decorators.native.js +5 -4
- package/dist/esm/decorators.native.js.map +1 -1
- package/dist/esm/helpers.mjs +20 -18
- package/dist/esm/helpers.mjs.map +1 -1
- package/dist/esm/helpers.native.js +23 -22
- package/dist/esm/helpers.native.js.map +1 -1
- package/dist/esm/index.js +18 -11
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +18 -11
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +30 -24
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/interfaces.mjs +0 -2
- package/dist/esm/interfaces.native.js +0 -2
- package/dist/esm/observe.mjs +115 -113
- package/dist/esm/observe.mjs.map +1 -1
- package/dist/esm/observe.native.js +175 -179
- package/dist/esm/observe.native.js.map +1 -1
- package/dist/esm/useStore.mjs +336 -363
- package/dist/esm/useStore.mjs.map +1 -1
- package/dist/esm/useStore.native.js +457 -497
- package/dist/esm/useStore.native.js.map +1 -1
- package/dist/esm/useStoreDebug.mjs +20 -18
- package/dist/esm/useStoreDebug.mjs.map +1 -1
- package/dist/esm/useStoreDebug.native.js +23 -21
- package/dist/esm/useStoreDebug.native.js.map +1 -1
- package/package.json +3 -3
- package/dist/esm/interfaces.mjs.map +0 -1
- package/dist/esm/interfaces.native.js.map +0 -1
package/dist/cjs/interfaces.cjs
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
|
+
|
|
1
2
|
var __defProp = Object.defineProperty;
|
|
2
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
6
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
return to;
|
|
13
14
|
};
|
|
14
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
}), mod);
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
17
16
|
var interfaces_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(interfaces_exports);
|
|
17
|
+
module.exports = __toCommonJS(interfaces_exports);
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
10
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
11
|
+
get: () => from[key],
|
|
12
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
16
|
+
};
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
18
|
+
var interfaces_exports = {};
|
|
19
|
+
module.exports = __toCommonJS(interfaces_exports);
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
|
|
3
4
|
var __defProp = Object.defineProperty;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
8
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
10
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
11
|
+
get: () => from[key],
|
|
12
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
return to;
|
|
15
16
|
};
|
|
16
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
17
|
-
value: true
|
|
18
|
-
}), mod);
|
|
17
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
18
|
var interfaces_exports = {};
|
|
20
19
|
module.exports = __toCommonJS(interfaces_exports);
|
|
20
|
+
|
|
21
21
|
//# sourceMappingURL=interfaces.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"interfaces.native.js","names":[],"sources":["cjs/interfaces.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar interfaces_exports = {};\nmodule.exports = __toCommonJS(interfaces_exports);\n//# sourceMappingURL=interfaces.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,qBAAqB,CAAC;AAC1B,OAAO,UAAU,aAAa,kBAAkB"}
|
package/dist/cjs/observe.cjs
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
|
|
1
2
|
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -5,36 +6,29 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
5
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
8
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
for (var name in all) __defProp(target, name, {
|
|
10
|
+
get: all[name],
|
|
11
|
+
enumerable: true
|
|
12
|
+
});
|
|
12
13
|
};
|
|
13
14
|
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
16
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
return to;
|
|
21
22
|
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
-
value: mod,
|
|
29
|
-
enumerable: true
|
|
23
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
24
|
+
value: mod,
|
|
25
|
+
enumerable: true
|
|
30
26
|
}) : target, mod));
|
|
31
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
-
value: true
|
|
33
|
-
}), mod);
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
34
28
|
var observe_exports = {};
|
|
35
29
|
__export(observe_exports, {
|
|
36
|
-
|
|
37
|
-
|
|
30
|
+
observe: () => observe,
|
|
31
|
+
useObserve: () => useObserve
|
|
38
32
|
});
|
|
39
33
|
module.exports = __toCommonJS(observe_exports);
|
|
40
34
|
var import_react = __toESM(require("react"), 1);
|
|
@@ -42,125 +36,125 @@ var import_comparators = require("./comparators.cjs");
|
|
|
42
36
|
var import_constants = require("./constants.cjs");
|
|
43
37
|
var import_useStore = require("./useStore.cjs");
|
|
44
38
|
const logUpdate = process.env.NODE_ENV === "development" ? (fn, stores, last, next) => {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
39
|
+
const getStoreLogName = (store) => {
|
|
40
|
+
const str = store[import_constants.UNWRAP_PROXY] ?? store;
|
|
41
|
+
return `${str.constructor.name}${store.props?.id ? `:${store.props.id}` : ""}`;
|
|
42
|
+
};
|
|
43
|
+
const storeNames = stores.map(getStoreLogName).join(", ");
|
|
44
|
+
const name = `\u{1F311} \u25B6\uFE0F %c${fn.name} ${storeNames} () ${last} => ${next}`;
|
|
45
|
+
console.groupCollapsed(name, "color: tomato;");
|
|
46
|
+
console.groupCollapsed("trace >");
|
|
47
|
+
console.trace();
|
|
48
|
+
console.groupEnd();
|
|
49
|
+
console.info(" next", next);
|
|
50
|
+
console.groupEnd();
|
|
57
51
|
} : null;
|
|
58
52
|
function observe(fn) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
53
|
+
let prev = getObserverValueAndStoresAccessed(fn);
|
|
54
|
+
let disposeValue = null;
|
|
55
|
+
const subscribe = () => {
|
|
56
|
+
const stores = [...prev.storeInfos];
|
|
57
|
+
return subscribeToStores(stores, () => {
|
|
58
|
+
disposeValue?.();
|
|
59
|
+
const next = getObserverValueAndStoresAccessed(fn);
|
|
60
|
+
if (typeof next.value === "function") {
|
|
61
|
+
disposeValue = next.value;
|
|
62
|
+
if (process.env.NODE_ENV === "development") {
|
|
63
|
+
logUpdate(fn, [...next.storeInfos], "(fn)", "(fn)");
|
|
64
|
+
}
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
if ((0, import_comparators.isEqualSubsetShallow)(prev.storeInfos, next.storeInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
if (process.env.NODE_ENV === "development") {
|
|
71
|
+
logUpdate(fn, [...next.storeInfos], prev.value, next.value);
|
|
72
|
+
}
|
|
73
|
+
prev = next;
|
|
74
|
+
dispose();
|
|
75
|
+
dispose = subscribe();
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
let dispose = subscribe();
|
|
79
|
+
return {
|
|
80
|
+
dispose: () => {
|
|
81
|
+
dispose();
|
|
82
|
+
disposeValue?.();
|
|
83
|
+
},
|
|
84
|
+
getValue: () => prev.value
|
|
85
|
+
};
|
|
92
86
|
}
|
|
93
87
|
function useObserve(fn) {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
88
|
+
const [state, setState] = import_react.default.useState(() => {
|
|
89
|
+
return getObserverValueAndStoresAccessed(fn);
|
|
90
|
+
});
|
|
91
|
+
import_react.default.useEffect(() => {
|
|
92
|
+
let dispose;
|
|
93
|
+
const unsub = subscribeToStores([...state.storeInfos], () => {
|
|
94
|
+
dispose?.();
|
|
95
|
+
const next = getObserverValueAndStoresAccessed(fn);
|
|
96
|
+
const nextStoreInfos = [...next.storeInfos];
|
|
97
|
+
const prevStoreInfos = [...state.storeInfos];
|
|
98
|
+
if (typeof next.value === "function") {
|
|
99
|
+
if (process.env.NODE_ENV === "development") {
|
|
100
|
+
logUpdate(fn, nextStoreInfos, "(fn)", "(fn)");
|
|
101
|
+
}
|
|
102
|
+
dispose = next.value;
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
setState((prev) => {
|
|
106
|
+
if ((0, import_comparators.isEqualSubsetShallow)(prevStoreInfos, nextStoreInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
|
|
107
|
+
return prev;
|
|
108
|
+
}
|
|
109
|
+
if (process.env.NODE_ENV === "development") {
|
|
110
|
+
logUpdate(fn, nextStoreInfos, prev.value, next.value);
|
|
111
|
+
}
|
|
112
|
+
return next;
|
|
113
|
+
});
|
|
114
|
+
});
|
|
115
|
+
return () => {
|
|
116
|
+
unsub();
|
|
117
|
+
dispose?.();
|
|
118
|
+
};
|
|
119
|
+
}, [[...state.storeInfos].map((i) => i.uid).join(",")]);
|
|
120
|
+
return state.value;
|
|
127
121
|
}
|
|
128
122
|
function getObserverValueAndStoresAccessed(selector) {
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
123
|
+
const storeInfos = /* @__PURE__ */ new Set();
|
|
124
|
+
const dispose = (0, import_useStore.trackStoresAccess)((storeInfo) => {
|
|
125
|
+
storeInfos.add(storeInfo);
|
|
126
|
+
});
|
|
127
|
+
const value = selector();
|
|
128
|
+
dispose();
|
|
129
|
+
return {
|
|
130
|
+
value,
|
|
131
|
+
storeInfos
|
|
132
|
+
};
|
|
139
133
|
}
|
|
140
134
|
function subscribeToStores(storeInfos, onUpdate) {
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
}
|
|
135
|
+
const disposes = [];
|
|
136
|
+
let isUpdating = false;
|
|
137
|
+
const onUpdateDebouncedWithoutTracking = () => {
|
|
138
|
+
if (isUpdating) return;
|
|
139
|
+
isUpdating = true;
|
|
140
|
+
queueMicrotask(() => {
|
|
141
|
+
try {
|
|
142
|
+
for (const storeInfo of storeInfos) {
|
|
143
|
+
storeInfo.disableTracking = true;
|
|
144
|
+
}
|
|
145
|
+
onUpdate();
|
|
146
|
+
} finally {
|
|
147
|
+
isUpdating = false;
|
|
148
|
+
for (const storeInfo of storeInfos) {
|
|
149
|
+
storeInfo.disableTracking = false;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
});
|
|
153
|
+
};
|
|
154
|
+
for (const storeInfo of storeInfos) {
|
|
155
|
+
disposes.push(storeInfo.subscribe(onUpdateDebouncedWithoutTracking));
|
|
156
|
+
}
|
|
157
|
+
return () => {
|
|
158
|
+
disposes.forEach((x) => x());
|
|
159
|
+
};
|
|
160
|
+
}
|
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
var __create = Object.create;
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __export = (target, all) => {
|
|
11
|
+
for (var name in all) __defProp(target, name, {
|
|
12
|
+
get: all[name],
|
|
13
|
+
enumerable: true
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
var __copyProps = (to, from, except, desc) => {
|
|
17
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
18
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
19
|
+
get: () => from[key],
|
|
20
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return to;
|
|
24
|
+
};
|
|
25
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
+
value: mod,
|
|
27
|
+
enumerable: true
|
|
28
|
+
}) : target, mod));
|
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
+
var observe_exports = {};
|
|
31
|
+
__export(observe_exports, {
|
|
32
|
+
observe: () => observe,
|
|
33
|
+
useObserve: () => useObserve
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(observe_exports);
|
|
36
|
+
var import_react = __toESM(require("react"), 1);
|
|
37
|
+
var import_comparators = require("./comparators.native.js");
|
|
38
|
+
var import_constants = require("./constants.native.js");
|
|
39
|
+
var import_useStore = require("./useStore.native.js");
|
|
40
|
+
var logUpdate = process.env.NODE_ENV === "development" ? function(fn, stores, last, next) {
|
|
41
|
+
var getStoreLogName = function(store) {
|
|
42
|
+
var _store_props;
|
|
43
|
+
var _store_UNWRAP_PROXY;
|
|
44
|
+
var str = (_store_UNWRAP_PROXY = store[import_constants.UNWRAP_PROXY]) !== null && _store_UNWRAP_PROXY !== void 0 ? _store_UNWRAP_PROXY : store;
|
|
45
|
+
return `${str.constructor.name}${((_store_props = store.props) === null || _store_props === void 0 ? void 0 : _store_props.id) ? `:${store.props.id}` : ""}`;
|
|
46
|
+
};
|
|
47
|
+
var storeNames = stores.map(getStoreLogName).join(", ");
|
|
48
|
+
var name = `\u{1F311} \u25B6\uFE0F %c${fn.name} ${storeNames} () ${last} => ${next}`;
|
|
49
|
+
console.groupCollapsed(name, "color: tomato;");
|
|
50
|
+
console.groupCollapsed("trace >");
|
|
51
|
+
console.trace();
|
|
52
|
+
console.groupEnd();
|
|
53
|
+
console.info(" next", next);
|
|
54
|
+
console.groupEnd();
|
|
55
|
+
} : null;
|
|
56
|
+
function observe(fn) {
|
|
57
|
+
var prev = getObserverValueAndStoresAccessed(fn);
|
|
58
|
+
var disposeValue = null;
|
|
59
|
+
var subscribe = function() {
|
|
60
|
+
var stores = [...prev.storeInfos];
|
|
61
|
+
return subscribeToStores(stores, function() {
|
|
62
|
+
disposeValue === null || disposeValue === void 0 ? void 0 : disposeValue();
|
|
63
|
+
var next = getObserverValueAndStoresAccessed(fn);
|
|
64
|
+
if (typeof next.value === "function") {
|
|
65
|
+
disposeValue = next.value;
|
|
66
|
+
if (process.env.NODE_ENV === "development") {
|
|
67
|
+
logUpdate(fn, [...next.storeInfos], "(fn)", "(fn)");
|
|
68
|
+
}
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
if ((0, import_comparators.isEqualSubsetShallow)(prev.storeInfos, next.storeInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
if (process.env.NODE_ENV === "development") {
|
|
75
|
+
logUpdate(fn, [...next.storeInfos], prev.value, next.value);
|
|
76
|
+
}
|
|
77
|
+
prev = next;
|
|
78
|
+
dispose();
|
|
79
|
+
dispose = subscribe();
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
var dispose = subscribe();
|
|
83
|
+
return {
|
|
84
|
+
dispose: function() {
|
|
85
|
+
dispose();
|
|
86
|
+
disposeValue === null || disposeValue === void 0 ? void 0 : disposeValue();
|
|
87
|
+
},
|
|
88
|
+
getValue: function() {
|
|
89
|
+
return prev.value;
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
function useObserve(fn) {
|
|
94
|
+
var [state, setState] = import_react.default.useState(function() {
|
|
95
|
+
return getObserverValueAndStoresAccessed(fn);
|
|
96
|
+
});
|
|
97
|
+
import_react.default.useEffect(function() {
|
|
98
|
+
var dispose;
|
|
99
|
+
var unsub = subscribeToStores([...state.storeInfos], function() {
|
|
100
|
+
dispose === null || dispose === void 0 ? void 0 : dispose();
|
|
101
|
+
var next = getObserverValueAndStoresAccessed(fn);
|
|
102
|
+
var nextStoreInfos = [...next.storeInfos];
|
|
103
|
+
var prevStoreInfos = [...state.storeInfos];
|
|
104
|
+
if (typeof next.value === "function") {
|
|
105
|
+
if (process.env.NODE_ENV === "development") {
|
|
106
|
+
logUpdate(fn, nextStoreInfos, "(fn)", "(fn)");
|
|
107
|
+
}
|
|
108
|
+
dispose = next.value;
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
setState(function(prev) {
|
|
112
|
+
if ((0, import_comparators.isEqualSubsetShallow)(prevStoreInfos, nextStoreInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
|
|
113
|
+
return prev;
|
|
114
|
+
}
|
|
115
|
+
if (process.env.NODE_ENV === "development") {
|
|
116
|
+
logUpdate(fn, nextStoreInfos, prev.value, next.value);
|
|
117
|
+
}
|
|
118
|
+
return next;
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
return function() {
|
|
122
|
+
unsub();
|
|
123
|
+
dispose === null || dispose === void 0 ? void 0 : dispose();
|
|
124
|
+
};
|
|
125
|
+
}, [[...state.storeInfos].map(function(i) {
|
|
126
|
+
return i.uid;
|
|
127
|
+
}).join(",")]);
|
|
128
|
+
return state.value;
|
|
129
|
+
}
|
|
130
|
+
function getObserverValueAndStoresAccessed(selector) {
|
|
131
|
+
var storeInfos = /* @__PURE__ */ new Set();
|
|
132
|
+
var dispose = (0, import_useStore.trackStoresAccess)(function(storeInfo) {
|
|
133
|
+
storeInfos.add(storeInfo);
|
|
134
|
+
});
|
|
135
|
+
var value = selector();
|
|
136
|
+
dispose();
|
|
137
|
+
return {
|
|
138
|
+
value,
|
|
139
|
+
storeInfos
|
|
140
|
+
};
|
|
141
|
+
}
|
|
142
|
+
function subscribeToStores(storeInfos, onUpdate) {
|
|
143
|
+
var disposes = [];
|
|
144
|
+
var isUpdating = false;
|
|
145
|
+
var onUpdateDebouncedWithoutTracking = function() {
|
|
146
|
+
if (isUpdating) return;
|
|
147
|
+
isUpdating = true;
|
|
148
|
+
queueMicrotask(function() {
|
|
149
|
+
try {
|
|
150
|
+
var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
|
|
151
|
+
try {
|
|
152
|
+
for (var _iterator2 = storeInfos[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
|
|
153
|
+
var storeInfo2 = _step2.value;
|
|
154
|
+
storeInfo2.disableTracking = true;
|
|
155
|
+
}
|
|
156
|
+
} catch (err) {
|
|
157
|
+
_didIteratorError2 = true;
|
|
158
|
+
_iteratorError2 = err;
|
|
159
|
+
} finally {
|
|
160
|
+
try {
|
|
161
|
+
if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
|
|
162
|
+
_iterator2.return();
|
|
163
|
+
}
|
|
164
|
+
} finally {
|
|
165
|
+
if (_didIteratorError2) {
|
|
166
|
+
throw _iteratorError2;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
onUpdate();
|
|
171
|
+
} finally {
|
|
172
|
+
isUpdating = false;
|
|
173
|
+
var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
|
|
174
|
+
try {
|
|
175
|
+
for (var _iterator1 = storeInfos[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
|
|
176
|
+
var storeInfo1 = _step1.value;
|
|
177
|
+
storeInfo1.disableTracking = false;
|
|
178
|
+
}
|
|
179
|
+
} catch (err) {
|
|
180
|
+
_didIteratorError1 = true;
|
|
181
|
+
_iteratorError1 = err;
|
|
182
|
+
} finally {
|
|
183
|
+
try {
|
|
184
|
+
if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
|
|
185
|
+
_iterator1.return();
|
|
186
|
+
}
|
|
187
|
+
} finally {
|
|
188
|
+
if (_didIteratorError1) {
|
|
189
|
+
throw _iteratorError1;
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
});
|
|
195
|
+
};
|
|
196
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
197
|
+
try {
|
|
198
|
+
for (var _iterator = storeInfos[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
199
|
+
var storeInfo = _step.value;
|
|
200
|
+
disposes.push(storeInfo.subscribe(onUpdateDebouncedWithoutTracking));
|
|
201
|
+
}
|
|
202
|
+
} catch (err) {
|
|
203
|
+
_didIteratorError = true;
|
|
204
|
+
_iteratorError = err;
|
|
205
|
+
} finally {
|
|
206
|
+
try {
|
|
207
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
208
|
+
_iterator.return();
|
|
209
|
+
}
|
|
210
|
+
} finally {
|
|
211
|
+
if (_didIteratorError) {
|
|
212
|
+
throw _iteratorError;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
return function() {
|
|
217
|
+
disposes.forEach(function(x) {
|
|
218
|
+
return x();
|
|
219
|
+
});
|
|
220
|
+
};
|
|
221
|
+
}
|