@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.
Files changed (83) hide show
  1. package/dist/cjs/comparators.cjs +27 -30
  2. package/dist/cjs/comparators.native.cjs +45 -0
  3. package/dist/cjs/comparators.native.js +31 -34
  4. package/dist/cjs/comparators.native.js.map +1 -1
  5. package/dist/cjs/configureUseStore.cjs +17 -18
  6. package/dist/cjs/configureUseStore.native.cjs +33 -0
  7. package/dist/cjs/configureUseStore.native.js +17 -17
  8. package/dist/cjs/configureUseStore.native.js.map +1 -1
  9. package/dist/cjs/constants.cjs +19 -20
  10. package/dist/cjs/constants.native.cjs +34 -0
  11. package/dist/cjs/constants.native.js +19 -19
  12. package/dist/cjs/constants.native.js.map +1 -1
  13. package/dist/cjs/decorators.cjs +19 -22
  14. package/dist/cjs/decorators.native.cjs +32 -0
  15. package/dist/cjs/decorators.native.js +19 -21
  16. package/dist/cjs/decorators.native.js.map +1 -1
  17. package/dist/cjs/helpers.cjs +39 -40
  18. package/dist/cjs/helpers.native.cjs +68 -0
  19. package/dist/cjs/helpers.native.js +42 -43
  20. package/dist/cjs/helpers.native.js.map +1 -1
  21. package/dist/cjs/index.cjs +22 -23
  22. package/dist/cjs/index.native.cjs +62 -0
  23. package/dist/cjs/index.native.js +35 -36
  24. package/dist/cjs/index.native.js.map +1 -1
  25. package/dist/cjs/interfaces.cjs +10 -11
  26. package/dist/cjs/interfaces.native.cjs +19 -0
  27. package/dist/cjs/interfaces.native.js +10 -10
  28. package/dist/cjs/interfaces.native.js.map +1 -1
  29. package/dist/cjs/observe.cjs +132 -138
  30. package/dist/cjs/observe.native.cjs +221 -0
  31. package/dist/cjs/observe.native.js +192 -203
  32. package/dist/cjs/observe.native.js.map +1 -1
  33. package/dist/cjs/useStore.cjs +366 -403
  34. package/dist/cjs/useStore.native.cjs +557 -0
  35. package/dist/cjs/useStore.native.js +487 -536
  36. package/dist/cjs/useStore.native.js.map +1 -1
  37. package/dist/cjs/useStoreDebug.cjs +39 -45
  38. package/dist/cjs/useStoreDebug.native.cjs +64 -0
  39. package/dist/cjs/useStoreDebug.native.js +43 -48
  40. package/dist/cjs/useStoreDebug.native.js.map +1 -1
  41. package/dist/esm/comparators.mjs +13 -12
  42. package/dist/esm/comparators.mjs.map +1 -1
  43. package/dist/esm/comparators.native.js +17 -17
  44. package/dist/esm/comparators.native.js.map +1 -1
  45. package/dist/esm/configureUseStore.mjs +2 -1
  46. package/dist/esm/configureUseStore.mjs.map +1 -1
  47. package/dist/esm/configureUseStore.native.js +2 -1
  48. package/dist/esm/configureUseStore.native.js.map +1 -1
  49. package/dist/esm/constants.mjs +4 -3
  50. package/dist/esm/constants.mjs.map +1 -1
  51. package/dist/esm/constants.native.js +4 -3
  52. package/dist/esm/constants.native.js.map +1 -1
  53. package/dist/esm/decorators.mjs +5 -4
  54. package/dist/esm/decorators.mjs.map +1 -1
  55. package/dist/esm/decorators.native.js +5 -4
  56. package/dist/esm/decorators.native.js.map +1 -1
  57. package/dist/esm/helpers.mjs +20 -18
  58. package/dist/esm/helpers.mjs.map +1 -1
  59. package/dist/esm/helpers.native.js +23 -22
  60. package/dist/esm/helpers.native.js.map +1 -1
  61. package/dist/esm/index.js +18 -11
  62. package/dist/esm/index.js.map +1 -1
  63. package/dist/esm/index.mjs +18 -11
  64. package/dist/esm/index.mjs.map +1 -1
  65. package/dist/esm/index.native.js +30 -24
  66. package/dist/esm/index.native.js.map +1 -1
  67. package/dist/esm/interfaces.mjs +0 -2
  68. package/dist/esm/interfaces.native.js +0 -2
  69. package/dist/esm/observe.mjs +115 -113
  70. package/dist/esm/observe.mjs.map +1 -1
  71. package/dist/esm/observe.native.js +175 -179
  72. package/dist/esm/observe.native.js.map +1 -1
  73. package/dist/esm/useStore.mjs +336 -363
  74. package/dist/esm/useStore.mjs.map +1 -1
  75. package/dist/esm/useStore.native.js +457 -497
  76. package/dist/esm/useStore.native.js.map +1 -1
  77. package/dist/esm/useStoreDebug.mjs +20 -18
  78. package/dist/esm/useStoreDebug.mjs.map +1 -1
  79. package/dist/esm/useStoreDebug.native.js +23 -21
  80. package/dist/esm/useStoreDebug.native.js.map +1 -1
  81. package/package.json +3 -3
  82. package/dist/esm/interfaces.mjs.map +0 -1
  83. package/dist/esm/interfaces.native.js.map +0 -1
@@ -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
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
8
- get: () => from[key],
9
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
10
- });
11
- }
12
- return to;
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
- if (from && typeof from === "object" || typeof from === "function") {
9
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
10
- get: () => from[key],
11
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
12
- });
13
- }
14
- return to;
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,"names":["__toCommonJS","mod","__copyProps","__defProp","value","interfaces_exports"],"sources":["../../src/interfaces.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA","ignoreList":[]}
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"}
@@ -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
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
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
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
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
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
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
- observe: () => observe,
37
- useObserve: () => useObserve
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
- const getStoreLogName = store => {
46
- const str = store[import_constants.UNWRAP_PROXY] ?? store;
47
- return `${str.constructor.name}${store.props?.id ? `:${store.props.id}` : ""}`;
48
- };
49
- const storeNames = stores.map(getStoreLogName).join(", ");
50
- const name = `\u{1F311} \u25B6\uFE0F %c${fn.name} ${storeNames} () ${last} => ${next}`;
51
- console.groupCollapsed(name, "color: tomato;");
52
- console.groupCollapsed("trace >");
53
- console.trace();
54
- console.groupEnd();
55
- console.info(" next", next);
56
- console.groupEnd();
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
- let prev = getObserverValueAndStoresAccessed(fn);
60
- let disposeValue = null;
61
- const subscribe = () => {
62
- const stores = [...prev.storeInfos];
63
- return subscribeToStores(stores, () => {
64
- disposeValue?.();
65
- const next = getObserverValueAndStoresAccessed(fn);
66
- if (typeof next.value === "function") {
67
- disposeValue = next.value;
68
- if (process.env.NODE_ENV === "development") {
69
- logUpdate(fn, [...next.storeInfos], "(fn)", "(fn)");
70
- }
71
- return;
72
- }
73
- if ((0, import_comparators.isEqualSubsetShallow)(prev.storeInfos, next.storeInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
74
- return;
75
- }
76
- if (process.env.NODE_ENV === "development") {
77
- logUpdate(fn, [...next.storeInfos], prev.value, next.value);
78
- }
79
- prev = next;
80
- dispose();
81
- dispose = subscribe();
82
- });
83
- };
84
- let dispose = subscribe();
85
- return {
86
- dispose: () => {
87
- dispose();
88
- disposeValue?.();
89
- },
90
- getValue: () => prev.value
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
- const [state, setState] = import_react.default.useState(() => {
95
- return getObserverValueAndStoresAccessed(fn);
96
- });
97
- import_react.default.useEffect(() => {
98
- let dispose;
99
- const unsub = subscribeToStores([...state.storeInfos], () => {
100
- dispose?.();
101
- const next = getObserverValueAndStoresAccessed(fn);
102
- const nextStoreInfos = [...next.storeInfos];
103
- const 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(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 () => {
122
- unsub();
123
- dispose?.();
124
- };
125
- }, [[...state.storeInfos].map(i => i.uid).join(",")]);
126
- return state.value;
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
- const storeInfos = /* @__PURE__ */new Set();
130
- const dispose = (0, import_useStore.trackStoresAccess)(storeInfo => {
131
- storeInfos.add(storeInfo);
132
- });
133
- const value = selector();
134
- dispose();
135
- return {
136
- value,
137
- storeInfos
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
- const disposes = [];
142
- let isUpdating = false;
143
- const onUpdateDebouncedWithoutTracking = () => {
144
- if (isUpdating) return;
145
- isUpdating = true;
146
- queueMicrotask(() => {
147
- try {
148
- for (const storeInfo of storeInfos) {
149
- storeInfo.disableTracking = true;
150
- }
151
- onUpdate();
152
- } finally {
153
- isUpdating = false;
154
- for (const storeInfo of storeInfos) {
155
- storeInfo.disableTracking = false;
156
- }
157
- }
158
- });
159
- };
160
- for (const storeInfo of storeInfos) {
161
- disposes.push(storeInfo.subscribe(onUpdateDebouncedWithoutTracking));
162
- }
163
- return () => {
164
- disposes.forEach(x => x());
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
+ }