@tamagui/use-store 1.57.1 → 1.57.3
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/reaction.js +4 -8
- package/dist/cjs/reaction.js.map +1 -1
- package/dist/cjs/selector.js +49 -13
- package/dist/cjs/selector.js.map +2 -2
- package/dist/esm/reaction.js +5 -9
- package/dist/esm/reaction.js.map +1 -1
- package/dist/esm/selector.js +49 -14
- package/dist/esm/selector.js.map +2 -2
- package/package.json +3 -3
- package/types/Store.d.ts +0 -23
- package/types/Store.d.ts.map +0 -1
- package/types/reaction.d.ts +0 -1
- package/types/reaction.d.ts.map +0 -1
- package/types/selector.d.ts +0 -6
- package/types/selector.d.ts.map +0 -1
- package/types/useAsyncExternalStore.d.ts +0 -2
- package/types/useAsyncExternalStore.d.ts.map +0 -1
package/dist/cjs/reaction.js
CHANGED
|
@@ -31,14 +31,10 @@ const dispose = (d) => {
|
|
|
31
31
|
d();
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
|
-
function useReaction(store, selector, receiver,
|
|
35
|
-
|
|
36
|
-
return (0, import_react.useMemo)(
|
|
37
|
-
() => reaction(storeInfo, selector, receiver, equalityFn),
|
|
38
|
-
[memoArgs]
|
|
39
|
-
);
|
|
34
|
+
function useReaction(store, selector, receiver, equalityFn = import_comparators.isEqualSubsetShallow, memoArgs) {
|
|
35
|
+
return (0, import_react.useMemo)(() => reaction(store, selector, receiver, equalityFn), [memoArgs]);
|
|
40
36
|
}
|
|
41
|
-
function reaction(
|
|
37
|
+
function reaction(store, selector, receiver, equalityFn = import_comparators.isEqualSubsetShallow) {
|
|
42
38
|
let last = void 0;
|
|
43
39
|
let innerDispose;
|
|
44
40
|
function updateReaction() {
|
|
@@ -67,7 +63,7 @@ function reaction({ store, subscribe }, selector, receiver, equalityFn = import_
|
|
|
67
63
|
(0, import_useStore.setIsInReaction)(false);
|
|
68
64
|
}
|
|
69
65
|
}
|
|
70
|
-
const disposeSubscribe = subscribe(updateReaction);
|
|
66
|
+
const disposeSubscribe = store.subscribe(updateReaction);
|
|
71
67
|
updateReaction();
|
|
72
68
|
return () => {
|
|
73
69
|
disposeSubscribe();
|
package/dist/cjs/reaction.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/reaction.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAExB,yBAAqC;AACrC,uBAA6B;AAE7B,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAwB;AAExB,yBAAqC;AACrC,uBAA6B;AAE7B,sBAAgC;AAEhC,MAAM,UAAU,CAAC,MAAW;AAC1B,MAAI,OAAO,MAAM,YAAY;AAC3B,MAAE;AAAA,EACJ;AACF;AAEO,SAAS,YAId,OACA,UACA,UAGA,aAA0C,yCAC1C,UACA;AACA,aAAO,sBAAQ,MAAM,SAAS,OAAO,UAAU,UAAU,UAAU,GAAG,CAAC,QAAQ,CAAC;AAClF;AAEO,SAAS,SAId,OACA,UACA,UAGA,aAA0C,yCAC1C;AACA,MAAI,OAAY;AAChB,MAAI;AAEJ,WAAS,iBAAiB;AA1C5B;AA2CI,QAAI;AACF,2CAAgB,IAAI;AACpB,YAAM,gBAAgB,MAAM,6BAAY,KAAK;AAC7C,YAAM,OAAO,SAAS,aAAa;AACnC,UAAI,CAAC,WAAW,MAAM,IAAI,GAAG;AAC3B,YAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,kBAAQ;AAAA,YACN,uBAAW,SAAS,KAAK,SAAS,EAAE,CAAC,KAAK,cAAc,YAAY,IAAI,KACtE,WAAM,UAAN,mBAAa,MAAK,IAAI,MAAM,MAAM,EAAE,KAAK,EAC3C,KAAK,IAAI,OAAO,IAAI;AAAA,YACpB;AAAA,UACF;AACA,kBAAQ,eAAe,SAAS;AAChC,kBAAQ,MAAM;AACd,kBAAQ,SAAS;AAEjB,kBAAQ,IAAI,SAAS,IAAI;AACzB,kBAAQ,SAAS;AAAA,QACnB;AACA,gBAAQ,YAAY;AACpB,eAAO;AACP,uBAAe,SAAS,IAAI;AAAA,MAC9B;AAAA,IACF,UAAE;AACA,2CAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,mBAAmB,MAAM,UAAU,cAAc;AACvD,iBAAe;AAEf,SAAO,MAAM;AACX,qBAAiB;AACjB,YAAQ,YAAY;AAAA,EACtB;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/selector.js
CHANGED
|
@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
19
|
var selector_exports = {};
|
|
20
20
|
__export(selector_exports, {
|
|
21
|
+
selector: () => selector,
|
|
21
22
|
useSelector: () => useSelector
|
|
22
23
|
});
|
|
23
24
|
module.exports = __toCommonJS(selector_exports);
|
|
@@ -40,30 +41,64 @@ const logUpdate = process.env.NODE_ENV === "development" ? (fn, stores, last, ne
|
|
|
40
41
|
console.log(" next", next);
|
|
41
42
|
console.groupEnd();
|
|
42
43
|
} : null;
|
|
44
|
+
function selector(fn) {
|
|
45
|
+
let prev = runStoreSelector(fn);
|
|
46
|
+
let disposeValue = null;
|
|
47
|
+
const subscribe = () => {
|
|
48
|
+
return subscribeToStores([...prev.stores], () => {
|
|
49
|
+
try {
|
|
50
|
+
disposeValue == null ? void 0 : disposeValue();
|
|
51
|
+
(0, import_useStore.setIsInReaction)(true);
|
|
52
|
+
const next = runStoreSelector(fn);
|
|
53
|
+
if (typeof next.value === "function") {
|
|
54
|
+
disposeValue = next.value;
|
|
55
|
+
if (process.env.NODE_ENV === "development") {
|
|
56
|
+
logUpdate(fn, [...next.stores], "(fn)", "(fn)");
|
|
57
|
+
}
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
if ((0, import_comparators.isEqualSubsetShallow)(prev.stores, next.stores) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
if (process.env.NODE_ENV === "development") {
|
|
64
|
+
logUpdate(fn, [...next.stores], prev.value, next.value);
|
|
65
|
+
}
|
|
66
|
+
prev = next;
|
|
67
|
+
dispose();
|
|
68
|
+
dispose = subscribe();
|
|
69
|
+
} finally {
|
|
70
|
+
(0, import_useStore.setIsInReaction)(false);
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
let dispose = subscribe();
|
|
75
|
+
return () => {
|
|
76
|
+
dispose();
|
|
77
|
+
disposeValue == null ? void 0 : disposeValue();
|
|
78
|
+
};
|
|
79
|
+
}
|
|
43
80
|
function useSelector(fn) {
|
|
44
81
|
const [state, setState] = (0, import_react.useState)(() => {
|
|
45
82
|
return runStoreSelector(fn);
|
|
46
83
|
});
|
|
47
84
|
(0, import_react.useEffect)(() => {
|
|
48
85
|
let dispose;
|
|
49
|
-
const unsub = subscribeToStores([...state.
|
|
86
|
+
const unsub = subscribeToStores([...state.stores], () => {
|
|
50
87
|
dispose == null ? void 0 : dispose();
|
|
51
88
|
const next = runStoreSelector(fn);
|
|
52
|
-
const nextStoreInfos = [...next.storeInfos];
|
|
53
|
-
const prevStoreInfos = [...state.storeInfos];
|
|
54
89
|
if (typeof next.value === "function") {
|
|
55
90
|
if (process.env.NODE_ENV === "development") {
|
|
56
|
-
logUpdate(fn,
|
|
91
|
+
logUpdate(fn, [...next.stores], "(fn)", "(fn)");
|
|
57
92
|
}
|
|
58
93
|
dispose = next.value;
|
|
59
94
|
return;
|
|
60
95
|
}
|
|
61
96
|
setState((prev) => {
|
|
62
|
-
if ((0, import_comparators.isEqualSubsetShallow)(
|
|
97
|
+
if ((0, import_comparators.isEqualSubsetShallow)(prev.stores, next.stores) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
|
|
63
98
|
return prev;
|
|
64
99
|
}
|
|
65
100
|
if (process.env.NODE_ENV === "development") {
|
|
66
|
-
logUpdate(fn,
|
|
101
|
+
logUpdate(fn, [...next.stores], prev.value, next.value);
|
|
67
102
|
}
|
|
68
103
|
return next;
|
|
69
104
|
});
|
|
@@ -72,19 +107,19 @@ function useSelector(fn) {
|
|
|
72
107
|
unsub();
|
|
73
108
|
dispose == null ? void 0 : dispose();
|
|
74
109
|
};
|
|
75
|
-
}, [
|
|
110
|
+
}, [...state.stores]);
|
|
76
111
|
return state.value;
|
|
77
112
|
}
|
|
78
|
-
function runStoreSelector(
|
|
79
|
-
const
|
|
80
|
-
const dispose = (0, import_useStore.trackStoresAccess)((
|
|
81
|
-
|
|
113
|
+
function runStoreSelector(selector2) {
|
|
114
|
+
const stores = /* @__PURE__ */ new Set();
|
|
115
|
+
const dispose = (0, import_useStore.trackStoresAccess)((store) => {
|
|
116
|
+
stores.add(store);
|
|
82
117
|
});
|
|
83
|
-
const value =
|
|
118
|
+
const value = selector2();
|
|
84
119
|
dispose();
|
|
85
120
|
return {
|
|
86
121
|
value,
|
|
87
|
-
|
|
122
|
+
stores
|
|
88
123
|
};
|
|
89
124
|
}
|
|
90
125
|
function subscribeToStores(stores, onUpdate) {
|
|
@@ -98,6 +133,7 @@ function subscribeToStores(stores, onUpdate) {
|
|
|
98
133
|
}
|
|
99
134
|
// Annotate the CommonJS export names for ESM import in node:
|
|
100
135
|
0 && (module.exports = {
|
|
136
|
+
selector,
|
|
101
137
|
useSelector
|
|
102
138
|
});
|
|
103
139
|
//# sourceMappingURL=selector.js.map
|
package/dist/cjs/selector.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/selector.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAEpC,yBAAqC;AACrC,uBAA6B;
|
|
5
|
-
"names": []
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["selector"]
|
|
6
6
|
}
|
package/dist/esm/reaction.js
CHANGED
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
import { useMemo } from "react";
|
|
2
2
|
import { isEqualSubsetShallow } from "./comparators";
|
|
3
3
|
import { UNWRAP_PROXY } from "./constants";
|
|
4
|
-
import {
|
|
4
|
+
import { setIsInReaction } from "./useStore";
|
|
5
5
|
const dispose = (d) => {
|
|
6
6
|
if (typeof d === "function") {
|
|
7
7
|
d();
|
|
8
8
|
}
|
|
9
9
|
};
|
|
10
|
-
function useReaction(store, selector, receiver,
|
|
11
|
-
|
|
12
|
-
return useMemo(
|
|
13
|
-
() => reaction(storeInfo, selector, receiver, equalityFn),
|
|
14
|
-
[memoArgs]
|
|
15
|
-
);
|
|
10
|
+
function useReaction(store, selector, receiver, equalityFn = isEqualSubsetShallow, memoArgs) {
|
|
11
|
+
return useMemo(() => reaction(store, selector, receiver, equalityFn), [memoArgs]);
|
|
16
12
|
}
|
|
17
|
-
function reaction(
|
|
13
|
+
function reaction(store, selector, receiver, equalityFn = isEqualSubsetShallow) {
|
|
18
14
|
let last = void 0;
|
|
19
15
|
let innerDispose;
|
|
20
16
|
function updateReaction() {
|
|
@@ -43,7 +39,7 @@ function reaction({ store, subscribe }, selector, receiver, equalityFn = isEqual
|
|
|
43
39
|
setIsInReaction(false);
|
|
44
40
|
}
|
|
45
41
|
}
|
|
46
|
-
const disposeSubscribe = subscribe(updateReaction);
|
|
42
|
+
const disposeSubscribe = store.subscribe(updateReaction);
|
|
47
43
|
updateReaction();
|
|
48
44
|
return () => {
|
|
49
45
|
disposeSubscribe();
|
package/dist/esm/reaction.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/reaction.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B,SAAS,
|
|
4
|
+
"mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAE7B,SAAS,uBAAuB;AAEhC,MAAM,UAAU,CAAC,MAAW;AAC1B,MAAI,OAAO,MAAM,YAAY;AAC3B,MAAE;AAAA,EACJ;AACF;AAEO,SAAS,YAId,OACA,UACA,UAGA,aAA0C,sBAC1C,UACA;AACA,SAAO,QAAQ,MAAM,SAAS,OAAO,UAAU,UAAU,UAAU,GAAG,CAAC,QAAQ,CAAC;AAClF;AAEO,SAAS,SAId,OACA,UACA,UAGA,aAA0C,sBAC1C;AACA,MAAI,OAAY;AAChB,MAAI;AAEJ,WAAS,iBAAiB;AA1C5B;AA2CI,QAAI;AACF,sBAAgB,IAAI;AACpB,YAAM,gBAAgB,MAAM,YAAY,KAAK;AAC7C,YAAM,OAAO,SAAS,aAAa;AACnC,UAAI,CAAC,WAAW,MAAM,IAAI,GAAG;AAC3B,YAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,kBAAQ;AAAA,YACN,uBAAW,SAAS,KAAK,SAAS,EAAE,CAAC,KAAK,cAAc,YAAY,IAAI,KACtE,WAAM,UAAN,mBAAa,MAAK,IAAI,MAAM,MAAM,EAAE,KAAK,EAC3C,KAAK,IAAI,OAAO,IAAI;AAAA,YACpB;AAAA,UACF;AACA,kBAAQ,eAAe,SAAS;AAChC,kBAAQ,MAAM;AACd,kBAAQ,SAAS;AAEjB,kBAAQ,IAAI,SAAS,IAAI;AACzB,kBAAQ,SAAS;AAAA,QACnB;AACA,gBAAQ,YAAY;AACpB,eAAO;AACP,uBAAe,SAAS,IAAI;AAAA,MAC9B;AAAA,IACF,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,mBAAmB,MAAM,UAAU,cAAc;AACvD,iBAAe;AAEf,SAAO,MAAM;AACX,qBAAiB;AACjB,YAAQ,YAAY;AAAA,EACtB;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/selector.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
2
|
import { isEqualSubsetShallow } from "./comparators";
|
|
3
3
|
import { UNWRAP_PROXY } from "./constants";
|
|
4
|
-
import { trackStoresAccess } from "./useStore";
|
|
4
|
+
import { setIsInReaction, trackStoresAccess } from "./useStore";
|
|
5
5
|
const logUpdate = process.env.NODE_ENV === "development" ? (fn, stores, last, next) => {
|
|
6
6
|
const getStoreLogName = (store) => {
|
|
7
7
|
var _a;
|
|
@@ -17,30 +17,64 @@ const logUpdate = process.env.NODE_ENV === "development" ? (fn, stores, last, ne
|
|
|
17
17
|
console.log(" next", next);
|
|
18
18
|
console.groupEnd();
|
|
19
19
|
} : null;
|
|
20
|
+
function selector(fn) {
|
|
21
|
+
let prev = runStoreSelector(fn);
|
|
22
|
+
let disposeValue = null;
|
|
23
|
+
const subscribe = () => {
|
|
24
|
+
return subscribeToStores([...prev.stores], () => {
|
|
25
|
+
try {
|
|
26
|
+
disposeValue == null ? void 0 : disposeValue();
|
|
27
|
+
setIsInReaction(true);
|
|
28
|
+
const next = runStoreSelector(fn);
|
|
29
|
+
if (typeof next.value === "function") {
|
|
30
|
+
disposeValue = next.value;
|
|
31
|
+
if (process.env.NODE_ENV === "development") {
|
|
32
|
+
logUpdate(fn, [...next.stores], "(fn)", "(fn)");
|
|
33
|
+
}
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
if (isEqualSubsetShallow(prev.stores, next.stores) && isEqualSubsetShallow(prev.value, next.value)) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
if (process.env.NODE_ENV === "development") {
|
|
40
|
+
logUpdate(fn, [...next.stores], prev.value, next.value);
|
|
41
|
+
}
|
|
42
|
+
prev = next;
|
|
43
|
+
dispose();
|
|
44
|
+
dispose = subscribe();
|
|
45
|
+
} finally {
|
|
46
|
+
setIsInReaction(false);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
};
|
|
50
|
+
let dispose = subscribe();
|
|
51
|
+
return () => {
|
|
52
|
+
dispose();
|
|
53
|
+
disposeValue == null ? void 0 : disposeValue();
|
|
54
|
+
};
|
|
55
|
+
}
|
|
20
56
|
function useSelector(fn) {
|
|
21
57
|
const [state, setState] = useState(() => {
|
|
22
58
|
return runStoreSelector(fn);
|
|
23
59
|
});
|
|
24
60
|
useEffect(() => {
|
|
25
61
|
let dispose;
|
|
26
|
-
const unsub = subscribeToStores([...state.
|
|
62
|
+
const unsub = subscribeToStores([...state.stores], () => {
|
|
27
63
|
dispose == null ? void 0 : dispose();
|
|
28
64
|
const next = runStoreSelector(fn);
|
|
29
|
-
const nextStoreInfos = [...next.storeInfos];
|
|
30
|
-
const prevStoreInfos = [...state.storeInfos];
|
|
31
65
|
if (typeof next.value === "function") {
|
|
32
66
|
if (process.env.NODE_ENV === "development") {
|
|
33
|
-
logUpdate(fn,
|
|
67
|
+
logUpdate(fn, [...next.stores], "(fn)", "(fn)");
|
|
34
68
|
}
|
|
35
69
|
dispose = next.value;
|
|
36
70
|
return;
|
|
37
71
|
}
|
|
38
72
|
setState((prev) => {
|
|
39
|
-
if (isEqualSubsetShallow(
|
|
73
|
+
if (isEqualSubsetShallow(prev.stores, next.stores) && isEqualSubsetShallow(prev.value, next.value)) {
|
|
40
74
|
return prev;
|
|
41
75
|
}
|
|
42
76
|
if (process.env.NODE_ENV === "development") {
|
|
43
|
-
logUpdate(fn,
|
|
77
|
+
logUpdate(fn, [...next.stores], prev.value, next.value);
|
|
44
78
|
}
|
|
45
79
|
return next;
|
|
46
80
|
});
|
|
@@ -49,19 +83,19 @@ function useSelector(fn) {
|
|
|
49
83
|
unsub();
|
|
50
84
|
dispose == null ? void 0 : dispose();
|
|
51
85
|
};
|
|
52
|
-
}, [
|
|
86
|
+
}, [...state.stores]);
|
|
53
87
|
return state.value;
|
|
54
88
|
}
|
|
55
|
-
function runStoreSelector(
|
|
56
|
-
const
|
|
57
|
-
const dispose = trackStoresAccess((
|
|
58
|
-
|
|
89
|
+
function runStoreSelector(selector2) {
|
|
90
|
+
const stores = /* @__PURE__ */ new Set();
|
|
91
|
+
const dispose = trackStoresAccess((store) => {
|
|
92
|
+
stores.add(store);
|
|
59
93
|
});
|
|
60
|
-
const value =
|
|
94
|
+
const value = selector2();
|
|
61
95
|
dispose();
|
|
62
96
|
return {
|
|
63
97
|
value,
|
|
64
|
-
|
|
98
|
+
stores
|
|
65
99
|
};
|
|
66
100
|
}
|
|
67
101
|
function subscribeToStores(stores, onUpdate) {
|
|
@@ -74,6 +108,7 @@ function subscribeToStores(stores, onUpdate) {
|
|
|
74
108
|
};
|
|
75
109
|
}
|
|
76
110
|
export {
|
|
111
|
+
selector,
|
|
77
112
|
useSelector
|
|
78
113
|
};
|
|
79
114
|
//# sourceMappingURL=selector.js.map
|
package/dist/esm/selector.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/selector.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;
|
|
5
|
-
"names": []
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["selector"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/use-store",
|
|
3
|
-
"version": "1.57.
|
|
3
|
+
"version": "1.57.3",
|
|
4
4
|
"types": "./types/index.d.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@tamagui/simple-hash": "1.57.
|
|
30
|
+
"@tamagui/simple-hash": "1.57.3"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@tamagui/build": "1.57.
|
|
33
|
+
"@tamagui/build": "1.57.3",
|
|
34
34
|
"@testing-library/react": "^13.4.0",
|
|
35
35
|
"react": "^18.2.0",
|
|
36
36
|
"vitest": "^0.26.3"
|
package/types/Store.d.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export declare const TRIGGER_UPDATE: unique symbol;
|
|
2
|
-
export declare const ADD_TRACKER: unique symbol;
|
|
3
|
-
export declare const TRACK: unique symbol;
|
|
4
|
-
export declare const SHOULD_DEBUG: unique symbol;
|
|
5
|
-
export type StoreTracker = {
|
|
6
|
-
tracked: Set<string>;
|
|
7
|
-
component?: any;
|
|
8
|
-
last?: any;
|
|
9
|
-
lastKeys?: any;
|
|
10
|
-
};
|
|
11
|
-
export declare const disableTracking: WeakMap<object, any>;
|
|
12
|
-
export declare const setDisableStoreTracking: (storeInstance: any, val: boolean) => void;
|
|
13
|
-
export declare class Store<Props extends Object = {}> {
|
|
14
|
-
props: Props;
|
|
15
|
-
private _listeners;
|
|
16
|
-
private _trackers;
|
|
17
|
-
_version: number;
|
|
18
|
-
constructor(props: Props);
|
|
19
|
-
subscribe: (onChanged: Function) => () => void;
|
|
20
|
-
[TRIGGER_UPDATE](): void;
|
|
21
|
-
[SHOULD_DEBUG](): boolean;
|
|
22
|
-
}
|
|
23
|
-
//# sourceMappingURL=Store.d.ts.map
|
package/types/Store.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Store.d.ts","sourceRoot":"","sources":["../src/Store.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,eAAW,CAAA;AACtC,eAAO,MAAM,WAAW,eAAW,CAAA;AACnC,eAAO,MAAM,KAAK,eAAW,CAAA;AAC7B,eAAO,MAAM,YAAY,eAAW,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACpB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,eAAO,MAAM,eAAe,sBAAgB,CAAA;AAE5C,eAAO,MAAM,uBAAuB,kBAAmB,GAAG,OAAO,OAAO,SAGvE,CAAA;AAED,qBAAa,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,EAAE;IAKvB,KAAK,EAAE,KAAK;IAJ/B,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,SAAS,CAA0B;IAC3C,QAAQ,SAAI;gBAEO,KAAK,EAAE,KAAK;IAE/B,SAAS,cAAe,QAAQ,gBAK9B;IAEF,CAAC,cAAc,CAAC;IAOhB,CAAC,YAAY,CAAC;CAMf"}
|
package/types/reaction.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=reaction.d.ts.map
|
package/types/reaction.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"reaction.d.ts","sourceRoot":"","sources":["../src/reaction.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AASxC,wBAAgB,WAAW,CAAC,aAAa,EAAE,QAAQ,SAAS,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG,EACnF,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,SAAS,CAAC,CAAC,EAAE,aAAa,KAAK,MAAM,OAAO,GAC1D,CAAC,CAAC,EAAE,OAAO,KAAK,GAAG,GACnB,OAAO,EACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,UAAU,GAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,OAA8B,EAC9D,QAAQ,CAAC,EAAE,GAAG,EAAE,cAOjB;AAED,wBAAgB,QAAQ,CACtB,aAAa,SAAS,SAAS,EAC/B,QAAQ,SAAS,CAAC,CAAC,EAAE,aAAa,KAAK,GAAG,EAE1C,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,EACnC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,SAAS,CAAC,CAAC,EAAE,aAAa,KAAK,MAAM,OAAO,GAC1D,CAAC,CAAC,EAAE,OAAO,KAAK,GAAG,GACnB,OAAO,EACX,UAAU,GAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,KAAK,OAA8B,cAyC/D"}
|
package/types/selector.d.ts
DELETED
package/types/selector.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"selector.d.ts","sourceRoot":"","sources":["../src/selector.tsx"],"names":[],"mappings":"AAqEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CA0C7C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAsyncExternalStore.d.ts","sourceRoot":"","sources":["../src/useAsyncExternalStore.tsx"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,KAAK,MAAM,IAAI,EACvC,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,EAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,OAexC"}
|