@tanstack/react-store 0.0.1-beta.62 → 0.0.1-beta.84
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/build/cjs/index.js +10 -25
- package/build/cjs/index.js.map +1 -1
- package/build/esm/index.js +4 -26
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +1 -1
- package/build/stats-react.json +41 -11
- package/build/types/index.d.ts +4 -2
- package/build/umd/index.development.js +53 -25
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +11 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +2 -2
- package/src/index.tsx +5 -27
package/build/cjs/index.js
CHANGED
|
@@ -13,9 +13,10 @@
|
|
|
13
13
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
14
14
|
|
|
15
15
|
var withSelector = require('use-sync-external-store/shim/with-selector');
|
|
16
|
+
var store = require('@tanstack/store');
|
|
16
17
|
|
|
17
|
-
function useStore(store, selector = d => d
|
|
18
|
-
const slice = withSelector.useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector,
|
|
18
|
+
function useStore(store, selector = d => d) {
|
|
19
|
+
const slice = withSelector.useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, shallow);
|
|
19
20
|
return slice;
|
|
20
21
|
}
|
|
21
22
|
function shallow(objA, objB) {
|
|
@@ -25,29 +26,6 @@ function shallow(objA, objB) {
|
|
|
25
26
|
if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
|
|
26
27
|
return false;
|
|
27
28
|
}
|
|
28
|
-
|
|
29
|
-
// if (objA instanceof Map && objB instanceof Map) {
|
|
30
|
-
// if (objA.size !== objB.size) return false
|
|
31
|
-
|
|
32
|
-
// for (const [key, value] of objA) {
|
|
33
|
-
// if (!Object.is(value, objB.get(key))) {
|
|
34
|
-
// return false
|
|
35
|
-
// }
|
|
36
|
-
// }
|
|
37
|
-
// return true
|
|
38
|
-
// }
|
|
39
|
-
|
|
40
|
-
// if (objA instanceof Set && objB instanceof Set) {
|
|
41
|
-
// if (objA.size !== objB.size) return false
|
|
42
|
-
|
|
43
|
-
// for (const value of objA) {
|
|
44
|
-
// if (!objB.has(value)) {
|
|
45
|
-
// return false
|
|
46
|
-
// }
|
|
47
|
-
// }
|
|
48
|
-
// return true
|
|
49
|
-
// }
|
|
50
|
-
|
|
51
29
|
const keysA = Object.keys(objA);
|
|
52
30
|
if (keysA.length !== Object.keys(objB).length) {
|
|
53
31
|
return false;
|
|
@@ -60,5 +38,12 @@ function shallow(objA, objB) {
|
|
|
60
38
|
return true;
|
|
61
39
|
}
|
|
62
40
|
|
|
41
|
+
exports.shallow = shallow;
|
|
63
42
|
exports.useStore = useStore;
|
|
43
|
+
Object.keys(store).forEach(function (k) {
|
|
44
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function () { return store[k]; }
|
|
47
|
+
});
|
|
48
|
+
});
|
|
64
49
|
//# sourceMappingURL=index.js.map
|
package/build/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import { AnyUpdater, Store } from '@tanstack/store'\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\nexport * from '@tanstack/store'\n\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<\n TState,\n TSelected = NoInfer<TState>,\n TUpdater extends AnyUpdater = AnyUpdater,\n>(\n store: Store<TState, TUpdater>,\n selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,\n) {\n const slice = useSyncExternalStoreWithSelector(\n store.subscribe,\n () => store.state,\n () => store.state,\n selector,\n shallow,\n )\n\n return slice\n}\n\nexport function shallow<T>(objA: T, objB: T) {\n if (Object.is(objA, objB)) {\n return true\n }\n\n if (\n typeof objA !== 'object' ||\n objA === null ||\n typeof objB !== 'object' ||\n objB === null\n ) {\n return false\n }\n\n const keysA = Object.keys(objA)\n if (keysA.length !== Object.keys(objB).length) {\n return false\n }\n\n for (let i = 0; i < keysA.length; i++) {\n if (\n !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||\n !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])\n ) {\n return false\n }\n }\n return true\n}\n"],"names":["useStore","store","selector","d","slice","useSyncExternalStoreWithSelector","subscribe","state","shallow","objA","objB","Object","is","keysA","keys","length","i","prototype","hasOwnProperty","call"],"mappings":";;;;;;;;;;;;;;;;;AAOO,SAASA,QAAQ,CAKtBC,KAA8B,EAC9BC,QAA+C,GAAIC,CAAC,IAAKA,CAAQ,EACjE;EACA,MAAMC,KAAK,GAAGC,6CAAgC,CAC5CJ,KAAK,CAACK,SAAS,EACf,MAAML,KAAK,CAACM,KAAK,EACjB,MAAMN,KAAK,CAACM,KAAK,EACjBL,QAAQ,EACRM,OAAO,CACR,CAAA;AAED,EAAA,OAAOJ,KAAK,CAAA;AACd,CAAA;AAEO,SAASI,OAAO,CAAIC,IAAO,EAAEC,IAAO,EAAE;EAC3C,IAAIC,MAAM,CAACC,EAAE,CAACH,IAAI,EAAEC,IAAI,CAAC,EAAE;AACzB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,IACE,OAAOD,IAAI,KAAK,QAAQ,IACxBA,IAAI,KAAK,IAAI,IACb,OAAOC,IAAI,KAAK,QAAQ,IACxBA,IAAI,KAAK,IAAI,EACb;AACA,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,MAAMG,KAAK,GAAGF,MAAM,CAACG,IAAI,CAACL,IAAI,CAAC,CAAA;AAC/B,EAAA,IAAII,KAAK,CAACE,MAAM,KAAKJ,MAAM,CAACG,IAAI,CAACJ,IAAI,CAAC,CAACK,MAAM,EAAE;AAC7C,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,KAAK,CAACE,MAAM,EAAEC,CAAC,EAAE,EAAE;AACrC,IAAA,IACE,CAACL,MAAM,CAACM,SAAS,CAACC,cAAc,CAACC,IAAI,CAACT,IAAI,EAAEG,KAAK,CAACG,CAAC,CAAC,CAAW,IAC/D,CAACL,MAAM,CAACC,EAAE,CAACH,IAAI,CAACI,KAAK,CAACG,CAAC,CAAC,CAAY,EAAEN,IAAI,CAACG,KAAK,CAACG,CAAC,CAAC,CAAY,CAAC,EAChE;AACA,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACF,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;;;;;;;;"}
|
package/build/esm/index.js
CHANGED
|
@@ -9,9 +9,10 @@
|
|
|
9
9
|
* @license MIT
|
|
10
10
|
*/
|
|
11
11
|
import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
|
|
12
|
+
export * from '@tanstack/store';
|
|
12
13
|
|
|
13
|
-
function useStore(store, selector = d => d
|
|
14
|
-
const slice = useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector,
|
|
14
|
+
function useStore(store, selector = d => d) {
|
|
15
|
+
const slice = useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, shallow);
|
|
15
16
|
return slice;
|
|
16
17
|
}
|
|
17
18
|
function shallow(objA, objB) {
|
|
@@ -21,29 +22,6 @@ function shallow(objA, objB) {
|
|
|
21
22
|
if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
|
|
22
23
|
return false;
|
|
23
24
|
}
|
|
24
|
-
|
|
25
|
-
// if (objA instanceof Map && objB instanceof Map) {
|
|
26
|
-
// if (objA.size !== objB.size) return false
|
|
27
|
-
|
|
28
|
-
// for (const [key, value] of objA) {
|
|
29
|
-
// if (!Object.is(value, objB.get(key))) {
|
|
30
|
-
// return false
|
|
31
|
-
// }
|
|
32
|
-
// }
|
|
33
|
-
// return true
|
|
34
|
-
// }
|
|
35
|
-
|
|
36
|
-
// if (objA instanceof Set && objB instanceof Set) {
|
|
37
|
-
// if (objA.size !== objB.size) return false
|
|
38
|
-
|
|
39
|
-
// for (const value of objA) {
|
|
40
|
-
// if (!objB.has(value)) {
|
|
41
|
-
// return false
|
|
42
|
-
// }
|
|
43
|
-
// }
|
|
44
|
-
// return true
|
|
45
|
-
// }
|
|
46
|
-
|
|
47
25
|
const keysA = Object.keys(objA);
|
|
48
26
|
if (keysA.length !== Object.keys(objB).length) {
|
|
49
27
|
return false;
|
|
@@ -56,5 +34,5 @@ function shallow(objA, objB) {
|
|
|
56
34
|
return true;
|
|
57
35
|
}
|
|
58
36
|
|
|
59
|
-
export { useStore };
|
|
37
|
+
export { shallow, useStore };
|
|
60
38
|
//# sourceMappingURL=index.js.map
|
package/build/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import { AnyUpdater, Store } from '@tanstack/store'\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\nexport * from '@tanstack/store'\n\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<\n TState,\n TSelected = NoInfer<TState>,\n TUpdater extends AnyUpdater = AnyUpdater,\n>(\n store: Store<TState, TUpdater>,\n selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,\n) {\n const slice = useSyncExternalStoreWithSelector(\n store.subscribe,\n () => store.state,\n () => store.state,\n selector,\n shallow,\n )\n\n return slice\n}\n\nexport function shallow<T>(objA: T, objB: T) {\n if (Object.is(objA, objB)) {\n return true\n }\n\n if (\n typeof objA !== 'object' ||\n objA === null ||\n typeof objB !== 'object' ||\n objB === null\n ) {\n return false\n }\n\n const keysA = Object.keys(objA)\n if (keysA.length !== Object.keys(objB).length) {\n return false\n }\n\n for (let i = 0; i < keysA.length; i++) {\n if (\n !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||\n !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])\n ) {\n return false\n }\n }\n return true\n}\n"],"names":["useStore","store","selector","d","slice","useSyncExternalStoreWithSelector","subscribe","state","shallow","objA","objB","Object","is","keysA","keys","length","i","prototype","hasOwnProperty","call"],"mappings":";;;;;;;;;;;;;AAOO,SAASA,QAAQ,CAKtBC,KAA8B,EAC9BC,QAA+C,GAAIC,CAAC,IAAKA,CAAQ,EACjE;EACA,MAAMC,KAAK,GAAGC,gCAAgC,CAC5CJ,KAAK,CAACK,SAAS,EACf,MAAML,KAAK,CAACM,KAAK,EACjB,MAAMN,KAAK,CAACM,KAAK,EACjBL,QAAQ,EACRM,OAAO,CACR,CAAA;AAED,EAAA,OAAOJ,KAAK,CAAA;AACd,CAAA;AAEO,SAASI,OAAO,CAAIC,IAAO,EAAEC,IAAO,EAAE;EAC3C,IAAIC,MAAM,CAACC,EAAE,CAACH,IAAI,EAAEC,IAAI,CAAC,EAAE;AACzB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,IACE,OAAOD,IAAI,KAAK,QAAQ,IACxBA,IAAI,KAAK,IAAI,IACb,OAAOC,IAAI,KAAK,QAAQ,IACxBA,IAAI,KAAK,IAAI,EACb;AACA,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,MAAMG,KAAK,GAAGF,MAAM,CAACG,IAAI,CAACL,IAAI,CAAC,CAAA;AAC/B,EAAA,IAAII,KAAK,CAACE,MAAM,KAAKJ,MAAM,CAACG,IAAI,CAACJ,IAAI,CAAC,CAACK,MAAM,EAAE;AAC7C,IAAA,OAAO,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,KAAK,CAACE,MAAM,EAAEC,CAAC,EAAE,EAAE;AACrC,IAAA,IACE,CAACL,MAAM,CAACM,SAAS,CAACC,cAAc,CAACC,IAAI,CAACT,IAAI,EAAEG,KAAK,CAACG,CAAC,CAAC,CAAW,IAC/D,CAACL,MAAM,CAACC,EAAE,CAACH,IAAI,CAACI,KAAK,CAACG,CAAC,CAAC,CAAY,EAAEN,IAAI,CAACG,KAAK,CAACG,CAAC,CAAC,CAAY,CAAC,EAChE;AACA,MAAA,OAAO,KAAK,CAAA;AACd,KAAA;AACF,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}
|
package/build/stats-html.html
CHANGED
|
@@ -4024,7 +4024,7 @@ var drawChart = (function (exports) {
|
|
|
4024
4024
|
</script>
|
|
4025
4025
|
<script>
|
|
4026
4026
|
/*<!--*/
|
|
4027
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages/react-store/src/index.tsx","uid":"
|
|
4027
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"store/build/esm/index.js","uid":"5b7b-5"},{"name":"react-store/src/index.tsx","uid":"5b7b-7"}]}]}],"isRoot":true},"nodeParts":{"5b7b-5":{"renderedLength":1288,"gzipLength":497,"brotliLength":0,"mainUid":"5b7b-4"},"5b7b-7":{"renderedLength":754,"gzipLength":343,"brotliLength":0,"mainUid":"5b7b-6"}},"nodeMetas":{"5b7b-4":{"id":"/packages/store/build/esm/index.js","moduleParts":{"index.production.js":"5b7b-5"},"imported":[],"importedBy":[{"uid":"5b7b-6"}]},"5b7b-6":{"id":"/packages/react-store/src/index.tsx","moduleParts":{"index.production.js":"5b7b-7"},"imported":[{"uid":"5b7b-8"},{"uid":"5b7b-4"}],"importedBy":[],"isEntry":true},"5b7b-8":{"id":"use-sync-external-store/shim/with-selector","moduleParts":{},"imported":[],"importedBy":[{"uid":"5b7b-6"}],"isExternal":true}},"env":{"rollup":"2.79.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
4028
4028
|
|
|
4029
4029
|
const run = () => {
|
|
4030
4030
|
const width = window.innerWidth;
|
package/build/stats-react.json
CHANGED
|
@@ -7,8 +7,17 @@
|
|
|
7
7
|
"name": "index.production.js",
|
|
8
8
|
"children": [
|
|
9
9
|
{
|
|
10
|
-
"name": "packages
|
|
11
|
-
"
|
|
10
|
+
"name": "packages",
|
|
11
|
+
"children": [
|
|
12
|
+
{
|
|
13
|
+
"name": "store/build/esm/index.js",
|
|
14
|
+
"uid": "5b7b-10"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"name": "react-store/src/index.tsx",
|
|
18
|
+
"uid": "5b7b-12"
|
|
19
|
+
}
|
|
20
|
+
]
|
|
12
21
|
}
|
|
13
22
|
]
|
|
14
23
|
}
|
|
@@ -16,34 +25,55 @@
|
|
|
16
25
|
"isRoot": true
|
|
17
26
|
},
|
|
18
27
|
"nodeParts": {
|
|
19
|
-
"
|
|
20
|
-
"renderedLength":
|
|
21
|
-
"gzipLength":
|
|
28
|
+
"5b7b-10": {
|
|
29
|
+
"renderedLength": 1288,
|
|
30
|
+
"gzipLength": 497,
|
|
22
31
|
"brotliLength": 0,
|
|
23
|
-
"mainUid": "
|
|
32
|
+
"mainUid": "5b7b-9"
|
|
33
|
+
},
|
|
34
|
+
"5b7b-12": {
|
|
35
|
+
"renderedLength": 754,
|
|
36
|
+
"gzipLength": 343,
|
|
37
|
+
"brotliLength": 0,
|
|
38
|
+
"mainUid": "5b7b-11"
|
|
24
39
|
}
|
|
25
40
|
},
|
|
26
41
|
"nodeMetas": {
|
|
27
|
-
"
|
|
42
|
+
"5b7b-9": {
|
|
43
|
+
"id": "/packages/store/build/esm/index.js",
|
|
44
|
+
"moduleParts": {
|
|
45
|
+
"index.production.js": "5b7b-10"
|
|
46
|
+
},
|
|
47
|
+
"imported": [],
|
|
48
|
+
"importedBy": [
|
|
49
|
+
{
|
|
50
|
+
"uid": "5b7b-11"
|
|
51
|
+
}
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
"5b7b-11": {
|
|
28
55
|
"id": "/packages/react-store/src/index.tsx",
|
|
29
56
|
"moduleParts": {
|
|
30
|
-
"index.production.js": "
|
|
57
|
+
"index.production.js": "5b7b-12"
|
|
31
58
|
},
|
|
32
59
|
"imported": [
|
|
33
60
|
{
|
|
34
|
-
"uid": "
|
|
61
|
+
"uid": "5b7b-13"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"uid": "5b7b-9"
|
|
35
65
|
}
|
|
36
66
|
],
|
|
37
67
|
"importedBy": [],
|
|
38
68
|
"isEntry": true
|
|
39
69
|
},
|
|
40
|
-
"
|
|
70
|
+
"5b7b-13": {
|
|
41
71
|
"id": "use-sync-external-store/shim/with-selector",
|
|
42
72
|
"moduleParts": {},
|
|
43
73
|
"imported": [],
|
|
44
74
|
"importedBy": [
|
|
45
75
|
{
|
|
46
|
-
"uid": "
|
|
76
|
+
"uid": "5b7b-11"
|
|
47
77
|
}
|
|
48
78
|
],
|
|
49
79
|
"isExternal": true
|
package/build/types/index.d.ts
CHANGED
|
@@ -9,8 +9,10 @@
|
|
|
9
9
|
* @license MIT
|
|
10
10
|
*/
|
|
11
11
|
import { AnyUpdater, Store } from '@tanstack/store';
|
|
12
|
+
export * from '@tanstack/store';
|
|
12
13
|
|
|
13
14
|
type NoInfer<T> = [T][T extends any ? 0 : never];
|
|
14
|
-
declare function useStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected
|
|
15
|
+
declare function useStore<TState, TSelected = NoInfer<TState>, TUpdater extends AnyUpdater = AnyUpdater>(store: Store<TState, TUpdater>, selector?: (state: NoInfer<TState>) => TSelected): TSelected;
|
|
16
|
+
declare function shallow<T>(objA: T, objB: T): boolean;
|
|
15
17
|
|
|
16
|
-
export { NoInfer, useStore };
|
|
18
|
+
export { NoInfer, shallow, useStore };
|
|
@@ -14,8 +14,57 @@
|
|
|
14
14
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactLoaders = {}, global.withSelector));
|
|
15
15
|
})(this, (function (exports, withSelector) { 'use strict';
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
/**
|
|
18
|
+
* store
|
|
19
|
+
*
|
|
20
|
+
* Copyright (c) TanStack
|
|
21
|
+
*
|
|
22
|
+
* This source code is licensed under the MIT license found in the
|
|
23
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
24
|
+
*
|
|
25
|
+
* @license MIT
|
|
26
|
+
*/
|
|
27
|
+
class Store {
|
|
28
|
+
listeners = new Set();
|
|
29
|
+
batching = false;
|
|
30
|
+
queue = [];
|
|
31
|
+
constructor(initialState, options) {
|
|
32
|
+
this.state = initialState;
|
|
33
|
+
this.options = options;
|
|
34
|
+
}
|
|
35
|
+
subscribe = listener => {
|
|
36
|
+
this.listeners.add(listener);
|
|
37
|
+
const unsub = this.options?.onSubscribe?.(listener, this);
|
|
38
|
+
return () => {
|
|
39
|
+
this.listeners.delete(listener);
|
|
40
|
+
unsub?.();
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
setState = updater => {
|
|
44
|
+
const previous = this.state;
|
|
45
|
+
this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);
|
|
46
|
+
if (this.state === previous) return;
|
|
47
|
+
this.options?.onUpdate?.(this.state, previous);
|
|
48
|
+
this.queue.push(() => {
|
|
49
|
+
this.listeners.forEach(listener => listener(this.state, previous));
|
|
50
|
+
});
|
|
51
|
+
this.#flush();
|
|
52
|
+
};
|
|
53
|
+
#flush = () => {
|
|
54
|
+
if (this.batching) return;
|
|
55
|
+
this.queue.forEach(cb => cb());
|
|
56
|
+
this.queue = [];
|
|
57
|
+
};
|
|
58
|
+
batch = cb => {
|
|
59
|
+
this.batching = true;
|
|
60
|
+
cb();
|
|
61
|
+
this.batching = false;
|
|
62
|
+
this.#flush();
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
function useStore(store, selector = d => d) {
|
|
67
|
+
const slice = withSelector.useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, shallow);
|
|
19
68
|
return slice;
|
|
20
69
|
}
|
|
21
70
|
function shallow(objA, objB) {
|
|
@@ -25,29 +74,6 @@
|
|
|
25
74
|
if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
|
|
26
75
|
return false;
|
|
27
76
|
}
|
|
28
|
-
|
|
29
|
-
// if (objA instanceof Map && objB instanceof Map) {
|
|
30
|
-
// if (objA.size !== objB.size) return false
|
|
31
|
-
|
|
32
|
-
// for (const [key, value] of objA) {
|
|
33
|
-
// if (!Object.is(value, objB.get(key))) {
|
|
34
|
-
// return false
|
|
35
|
-
// }
|
|
36
|
-
// }
|
|
37
|
-
// return true
|
|
38
|
-
// }
|
|
39
|
-
|
|
40
|
-
// if (objA instanceof Set && objB instanceof Set) {
|
|
41
|
-
// if (objA.size !== objB.size) return false
|
|
42
|
-
|
|
43
|
-
// for (const value of objA) {
|
|
44
|
-
// if (!objB.has(value)) {
|
|
45
|
-
// return false
|
|
46
|
-
// }
|
|
47
|
-
// }
|
|
48
|
-
// return true
|
|
49
|
-
// }
|
|
50
|
-
|
|
51
77
|
const keysA = Object.keys(objA);
|
|
52
78
|
if (keysA.length !== Object.keys(objB).length) {
|
|
53
79
|
return false;
|
|
@@ -60,6 +86,8 @@
|
|
|
60
86
|
return true;
|
|
61
87
|
}
|
|
62
88
|
|
|
89
|
+
exports.Store = Store;
|
|
90
|
+
exports.shallow = shallow;
|
|
63
91
|
exports.useStore = useStore;
|
|
64
92
|
|
|
65
93
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.development.js","sources":["../../src/index.tsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.development.js","sources":["../../../store/build/esm/index.js","../../src/index.tsx"],"sourcesContent":["/**\n * store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nclass Store {\n listeners = new Set();\n batching = false;\n queue = [];\n constructor(initialState, options) {\n this.state = initialState;\n this.options = options;\n }\n subscribe = listener => {\n this.listeners.add(listener);\n const unsub = this.options?.onSubscribe?.(listener, this);\n return () => {\n this.listeners.delete(listener);\n unsub?.();\n };\n };\n setState = updater => {\n const previous = this.state;\n this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);\n if (this.state === previous) return;\n this.options?.onUpdate?.(this.state, previous);\n this.queue.push(() => {\n this.listeners.forEach(listener => listener(this.state, previous));\n });\n this.#flush();\n };\n #flush = () => {\n if (this.batching) return;\n this.queue.forEach(cb => cb());\n this.queue = [];\n };\n batch = cb => {\n this.batching = true;\n cb();\n this.batching = false;\n this.#flush();\n };\n}\n\nexport { Store };\n//# sourceMappingURL=index.js.map\n","import { AnyUpdater, Store } from '@tanstack/store'\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\nexport * from '@tanstack/store'\n\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<\n TState,\n TSelected = NoInfer<TState>,\n TUpdater extends AnyUpdater = AnyUpdater,\n>(\n store: Store<TState, TUpdater>,\n selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,\n) {\n const slice = useSyncExternalStoreWithSelector(\n store.subscribe,\n () => store.state,\n () => store.state,\n selector,\n shallow,\n )\n\n return slice\n}\n\nexport function shallow<T>(objA: T, objB: T) {\n if (Object.is(objA, objB)) {\n return true\n }\n\n if (\n typeof objA !== 'object' ||\n objA === null ||\n typeof objB !== 'object' ||\n objB === null\n ) {\n return false\n }\n\n const keysA = Object.keys(objA)\n if (keysA.length !== Object.keys(objB).length) {\n return false\n }\n\n for (let i = 0; i < keysA.length; i++) {\n if (\n !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||\n !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])\n ) {\n return false\n }\n }\n return true\n}\n"],"names":["useStore","store","selector","d","slice","useSyncExternalStoreWithSelector","subscribe","state","shallow","objA","objB","Object","is","keysA","keys","length","i","prototype","hasOwnProperty","call"],"mappings":"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"}
|
|
@@ -8,5 +8,15 @@
|
|
|
8
8
|
*
|
|
9
9
|
* @license MIT
|
|
10
10
|
*/
|
|
11
|
-
!function(e
|
|
11
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("use-sync-external-store/shim/with-selector")):"function"==typeof define&&define.amd?define(["exports","use-sync-external-store/shim/with-selector"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).ReactLoaders={},t.withSelector)}(this,(function(t,e){"use strict";
|
|
12
|
+
/**
|
|
13
|
+
* store
|
|
14
|
+
*
|
|
15
|
+
* Copyright (c) TanStack
|
|
16
|
+
*
|
|
17
|
+
* This source code is licensed under the MIT license found in the
|
|
18
|
+
* LICENSE.md file in the root directory of this source tree.
|
|
19
|
+
*
|
|
20
|
+
* @license MIT
|
|
21
|
+
*/function s(t,e){if(Object.is(t,e))return!0;if("object"!=typeof t||null===t||"object"!=typeof e||null===e)return!1;const s=Object.keys(t);if(s.length!==Object.keys(e).length)return!1;for(let i=0;i<s.length;i++)if(!Object.prototype.hasOwnProperty.call(e,s[i])||!Object.is(t[s[i]],e[s[i]]))return!1;return!0}t.Store=class{listeners=new Set;batching=!1;queue=[];constructor(t,e){this.state=t,this.options=e}subscribe=t=>{this.listeners.add(t);const e=this.options?.onSubscribe?.(t,this);return()=>{this.listeners.delete(t),e?.()}};setState=t=>{const e=this.state;this.state=this.options?.updateFn?this.options.updateFn(e)(t):t(e),this.state!==e&&(this.options?.onUpdate?.(this.state,e),this.queue.push((()=>{this.listeners.forEach((t=>t(this.state,e)))})),this.#t())};#t=()=>{this.batching||(this.queue.forEach((t=>t())),this.queue=[])};batch=t=>{this.batching=!0,t(),this.batching=!1,this.#t()}},t.shallow=s,t.useStore=function(t,i=(t=>t)){return e.useSyncExternalStoreWithSelector(t.subscribe,(()=>t.state),(()=>t.state),i,s)},Object.defineProperty(t,"__esModule",{value:!0})}));
|
|
12
22
|
//# sourceMappingURL=index.production.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.production.js","sources":["../../src/index.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.production.js","sources":["../../src/index.tsx","../../../store/build/esm/index.js"],"sourcesContent":["import { AnyUpdater, Store } from '@tanstack/store'\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'\n\nexport * from '@tanstack/store'\n\nexport type NoInfer<T> = [T][T extends any ? 0 : never]\n\nexport function useStore<\n TState,\n TSelected = NoInfer<TState>,\n TUpdater extends AnyUpdater = AnyUpdater,\n>(\n store: Store<TState, TUpdater>,\n selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,\n) {\n const slice = useSyncExternalStoreWithSelector(\n store.subscribe,\n () => store.state,\n () => store.state,\n selector,\n shallow,\n )\n\n return slice\n}\n\nexport function shallow<T>(objA: T, objB: T) {\n if (Object.is(objA, objB)) {\n return true\n }\n\n if (\n typeof objA !== 'object' ||\n objA === null ||\n typeof objB !== 'object' ||\n objB === null\n ) {\n return false\n }\n\n const keysA = Object.keys(objA)\n if (keysA.length !== Object.keys(objB).length) {\n return false\n }\n\n for (let i = 0; i < keysA.length; i++) {\n if (\n !Object.prototype.hasOwnProperty.call(objB, keysA[i] as string) ||\n !Object.is(objA[keysA[i] as keyof T], objB[keysA[i] as keyof T])\n ) {\n return false\n }\n }\n return true\n}\n","/**\n * store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nclass Store {\n listeners = new Set();\n batching = false;\n queue = [];\n constructor(initialState, options) {\n this.state = initialState;\n this.options = options;\n }\n subscribe = listener => {\n this.listeners.add(listener);\n const unsub = this.options?.onSubscribe?.(listener, this);\n return () => {\n this.listeners.delete(listener);\n unsub?.();\n };\n };\n setState = updater => {\n const previous = this.state;\n this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);\n if (this.state === previous) return;\n this.options?.onUpdate?.(this.state, previous);\n this.queue.push(() => {\n this.listeners.forEach(listener => listener(this.state, previous));\n });\n this.#flush();\n };\n #flush = () => {\n if (this.batching) return;\n this.queue.forEach(cb => cb());\n this.queue = [];\n };\n batch = cb => {\n this.batching = true;\n cb();\n this.batching = false;\n this.#flush();\n };\n}\n\nexport { Store };\n//# sourceMappingURL=index.js.map\n"],"names":["shallow","objA","objB","Object","is","keysA","keys","length","i","prototype","hasOwnProperty","call","listeners","Set","batching","queue","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","flush","cb","batch","store","selector","d","useSyncExternalStoreWithSelector"],"mappings":";;;;;;;;;;;;;;;;;;;;KA0BO,SAASA,EAAWC,EAASC,GAClC,GAAIC,OAAOC,GAAGH,EAAMC,GAClB,OAAO,EAGT,GACkB,iBAATD,GACE,OAATA,GACgB,iBAATC,GACE,OAATA,EAEA,OAAO,EAGT,MAAMG,EAAQF,OAAOG,KAAKL,GAC1B,GAAII,EAAME,SAAWJ,OAAOG,KAAKJ,GAAMK,OACrC,OAAO,EAGT,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAME,OAAQC,IAChC,IACGL,OAAOM,UAAUC,eAAeC,KAAKT,EAAMG,EAAMG,MACjDL,OAAOC,GAAGH,EAAKI,EAAMG,IAAgBN,EAAKG,EAAMG,KAEjD,OAAO,EAGX,OAAO,CACT,SC5CA,MACEI,UAAY,IAAIC,IAChBC,UAAW,EACXC,MAAQ,GACRC,YAAYC,EAAcC,GACxBC,KAAKC,MAAQH,EACbE,KAAKD,QAAUA,CAChB,CACDG,UAAYC,IACVH,KAAKP,UAAUW,IAAID,GACnB,MAAME,EAAQL,KAAKD,SAASO,cAAcH,EAAUH,MACpD,MAAO,KACLA,KAAKP,UAAUc,OAAOJ,GACtBE,KAAS,CACV,EAEHG,SAAWC,IACT,MAAMC,EAAWV,KAAKC,MACtBD,KAAKC,MAAQD,KAAKD,SAASY,SAAWX,KAAKD,QAAQY,SAASD,EAAtBV,CAAgCS,GAAWA,EAAQC,GACrFV,KAAKC,QAAUS,IACnBV,KAAKD,SAASa,WAAWZ,KAAKC,MAAOS,GACrCV,KAAKJ,MAAMiB,MAAK,KACdb,KAAKP,UAAUqB,SAAQX,GAAYA,EAASH,KAAKC,MAAOS,IAAU,IAEpEV,MAAKe,IAAQ,EAEfA,GAAS,KACHf,KAAKL,WACTK,KAAKJ,MAAMkB,SAAQE,GAAMA,MACzBhB,KAAKJ,MAAQ,GAAE,EAEjBqB,MAAQD,IACNhB,KAAKL,UAAW,EAChBqB,IACAhB,KAAKL,UAAW,EAChBK,MAAKe,GAAQ,0BDtCV,SAKLG,EACAC,EAAmDC,IAAMA,IAUzD,OARcC,EAAAA,iCACZH,EAAMhB,WACN,IAAMgB,EAAMjB,QACZ,IAAMiB,EAAMjB,OACZkB,EACAtC,EAIJ"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/react-store",
|
|
3
3
|
"author": "Tanner Linsley",
|
|
4
|
-
"version": "0.0.1-beta.
|
|
4
|
+
"version": "0.0.1-beta.84",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "tanstack/react-store",
|
|
7
7
|
"homepage": "https://tanstack.com/",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"use-sync-external-store": "^1.2.0",
|
|
39
|
-
"@tanstack/store": "0.0.1-beta.
|
|
39
|
+
"@tanstack/store": "0.0.1-beta.84"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@types/use-sync-external-store": "^0.0.3"
|
package/src/index.tsx
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { AnyUpdater, Store } from '@tanstack/store'
|
|
3
2
|
import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector'
|
|
4
3
|
|
|
4
|
+
export * from '@tanstack/store'
|
|
5
|
+
|
|
5
6
|
export type NoInfer<T> = [T][T extends any ? 0 : never]
|
|
6
7
|
|
|
7
8
|
export function useStore<
|
|
@@ -11,20 +12,19 @@ export function useStore<
|
|
|
11
12
|
>(
|
|
12
13
|
store: Store<TState, TUpdater>,
|
|
13
14
|
selector: (state: NoInfer<TState>) => TSelected = (d) => d as any,
|
|
14
|
-
compareShallow?: boolean,
|
|
15
15
|
) {
|
|
16
16
|
const slice = useSyncExternalStoreWithSelector(
|
|
17
17
|
store.subscribe,
|
|
18
18
|
() => store.state,
|
|
19
19
|
() => store.state,
|
|
20
20
|
selector,
|
|
21
|
-
|
|
21
|
+
shallow,
|
|
22
22
|
)
|
|
23
23
|
|
|
24
24
|
return slice
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
function shallow<T>(objA: T, objB: T) {
|
|
27
|
+
export function shallow<T>(objA: T, objB: T) {
|
|
28
28
|
if (Object.is(objA, objB)) {
|
|
29
29
|
return true
|
|
30
30
|
}
|
|
@@ -38,28 +38,6 @@ function shallow<T>(objA: T, objB: T) {
|
|
|
38
38
|
return false
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
// if (objA instanceof Map && objB instanceof Map) {
|
|
42
|
-
// if (objA.size !== objB.size) return false
|
|
43
|
-
|
|
44
|
-
// for (const [key, value] of objA) {
|
|
45
|
-
// if (!Object.is(value, objB.get(key))) {
|
|
46
|
-
// return false
|
|
47
|
-
// }
|
|
48
|
-
// }
|
|
49
|
-
// return true
|
|
50
|
-
// }
|
|
51
|
-
|
|
52
|
-
// if (objA instanceof Set && objB instanceof Set) {
|
|
53
|
-
// if (objA.size !== objB.size) return false
|
|
54
|
-
|
|
55
|
-
// for (const value of objA) {
|
|
56
|
-
// if (!objB.has(value)) {
|
|
57
|
-
// return false
|
|
58
|
-
// }
|
|
59
|
-
// }
|
|
60
|
-
// return true
|
|
61
|
-
// }
|
|
62
|
-
|
|
63
41
|
const keysA = Object.keys(objA)
|
|
64
42
|
if (keysA.length !== Object.keys(objB).length) {
|
|
65
43
|
return false
|