@zag-js/store 0.2.5 → 0.2.6

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/index.js CHANGED
@@ -20,297 +20,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
20
20
  // src/index.ts
21
21
  var src_exports = {};
22
22
  __export(src_exports, {
23
- proxy: () => proxy,
24
- proxyWithComputed: () => proxyWithComputed,
25
- ref: () => ref,
26
- snapshot: () => snapshot,
27
- subscribe: () => subscribe,
28
- subscribeKey: () => subscribeKey
23
+ proxy: () => import_vanilla.proxy,
24
+ proxyWithComputed: () => import_utils.proxyWithComputed,
25
+ ref: () => import_vanilla.ref,
26
+ snapshot: () => import_vanilla.snapshot,
27
+ subscribe: () => import_vanilla.subscribe,
28
+ subscribeKey: () => import_utils.subscribeKey
29
29
  });
30
30
  module.exports = __toCommonJS(src_exports);
31
-
32
- // ../../node_modules/.pnpm/valtio@1.9.0/node_modules/valtio/esm/vanilla.mjs
33
- var import_proxy_compare = require("proxy-compare");
34
- var import_meta = {};
35
- var isObject = (x) => typeof x === "object" && x !== null;
36
- var proxyStateMap = /* @__PURE__ */ new WeakMap();
37
- var refSet = /* @__PURE__ */ new WeakSet();
38
- var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), canProxy = (x) => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer), defaultHandlePromise = (promise) => {
39
- switch (promise.status) {
40
- case "fulfilled":
41
- return promise.value;
42
- case "rejected":
43
- throw promise.reason;
44
- default:
45
- throw promise;
46
- }
47
- }, snapCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (target, version, handlePromise = defaultHandlePromise) => {
48
- const cache = snapCache.get(target);
49
- if ((cache == null ? void 0 : cache[0]) === version) {
50
- return cache[1];
51
- }
52
- const snap = Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
53
- (0, import_proxy_compare.markToTrack)(snap, true);
54
- snapCache.set(target, [version, snap]);
55
- Reflect.ownKeys(target).forEach((key) => {
56
- const value = Reflect.get(target, key);
57
- if (refSet.has(value)) {
58
- (0, import_proxy_compare.markToTrack)(value, false);
59
- snap[key] = value;
60
- } else if (value instanceof Promise) {
61
- Object.defineProperty(snap, key, {
62
- get() {
63
- return handlePromise(value);
64
- }
65
- });
66
- } else if (proxyStateMap.has(value)) {
67
- snap[key] = snapshot(value, handlePromise);
68
- } else {
69
- snap[key] = value;
70
- }
71
- });
72
- return Object.freeze(snap);
73
- }, proxyCache = /* @__PURE__ */ new WeakMap(), versionHolder = [1, 1], proxyFunction2 = (initialObject) => {
74
- if (!isObject(initialObject)) {
75
- throw new Error("object required");
76
- }
77
- const found = proxyCache.get(initialObject);
78
- if (found) {
79
- return found;
80
- }
81
- let version = versionHolder[0];
82
- const listeners = /* @__PURE__ */ new Set();
83
- const notifyUpdate = (op, nextVersion = ++versionHolder[0]) => {
84
- if (version !== nextVersion) {
85
- version = nextVersion;
86
- listeners.forEach((listener) => listener(op, nextVersion));
87
- }
88
- };
89
- let checkVersion = versionHolder[1];
90
- const ensureVersion = (nextCheckVersion = ++versionHolder[1]) => {
91
- if (checkVersion !== nextCheckVersion && !listeners.size) {
92
- checkVersion = nextCheckVersion;
93
- propProxyStates.forEach(([propProxyState]) => {
94
- const propVersion = propProxyState[1](nextCheckVersion);
95
- if (propVersion > version) {
96
- version = propVersion;
97
- }
98
- });
99
- }
100
- return version;
101
- };
102
- const createPropListener = (prop) => (op, nextVersion) => {
103
- const newOp = [...op];
104
- newOp[1] = [prop, ...newOp[1]];
105
- notifyUpdate(newOp, nextVersion);
106
- };
107
- const propProxyStates = /* @__PURE__ */ new Map();
108
- const addPropListener = (prop, propProxyState) => {
109
- if ((import_meta.env && import_meta.env.MODE) !== "production" && propProxyStates.has(prop)) {
110
- throw new Error("prop listener already exists");
111
- }
112
- if (listeners.size) {
113
- const remove = propProxyState[3](createPropListener(prop));
114
- propProxyStates.set(prop, [propProxyState, remove]);
115
- } else {
116
- propProxyStates.set(prop, [propProxyState]);
117
- }
118
- };
119
- const removePropListener = (prop) => {
120
- var _a;
121
- const entry = propProxyStates.get(prop);
122
- if (entry) {
123
- propProxyStates.delete(prop);
124
- (_a = entry[1]) == null ? void 0 : _a.call(entry);
125
- }
126
- };
127
- const addListener = (listener) => {
128
- listeners.add(listener);
129
- if (listeners.size === 1) {
130
- propProxyStates.forEach(([propProxyState, prevRemove], prop) => {
131
- if ((import_meta.env && import_meta.env.MODE) !== "production" && prevRemove) {
132
- throw new Error("remove already exists");
133
- }
134
- const remove = propProxyState[3](createPropListener(prop));
135
- propProxyStates.set(prop, [propProxyState, remove]);
136
- });
137
- }
138
- const removeListener = () => {
139
- listeners.delete(listener);
140
- if (listeners.size === 0) {
141
- propProxyStates.forEach(([propProxyState, remove], prop) => {
142
- if (remove) {
143
- remove();
144
- propProxyStates.set(prop, [propProxyState]);
145
- }
146
- });
147
- }
148
- };
149
- return removeListener;
150
- };
151
- const baseObject = Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject));
152
- const handler = {
153
- deleteProperty(target, prop) {
154
- const prevValue = Reflect.get(target, prop);
155
- removePropListener(prop);
156
- const deleted = Reflect.deleteProperty(target, prop);
157
- if (deleted) {
158
- notifyUpdate(["delete", [prop], prevValue]);
159
- }
160
- return deleted;
161
- },
162
- set(target, prop, value, receiver) {
163
- var _a;
164
- const hasPrevValue = Reflect.has(target, prop);
165
- const prevValue = Reflect.get(target, prop, receiver);
166
- if (hasPrevValue && objectIs(prevValue, value)) {
167
- return true;
168
- }
169
- removePropListener(prop);
170
- if (isObject(value)) {
171
- value = (0, import_proxy_compare.getUntracked)(value) || value;
172
- }
173
- let nextValue = value;
174
- if ((_a = Object.getOwnPropertyDescriptor(target, prop)) == null ? void 0 : _a.set)
175
- ;
176
- else if (value instanceof Promise) {
177
- value.then((v) => {
178
- value.status = "fulfilled";
179
- value.value = v;
180
- notifyUpdate(["resolve", [prop], v]);
181
- }).catch((e) => {
182
- value.status = "rejected";
183
- value.reason = e;
184
- notifyUpdate(["reject", [prop], e]);
185
- });
186
- } else {
187
- if (!proxyStateMap.has(value) && canProxy(value)) {
188
- nextValue = proxy(value);
189
- }
190
- const childProxyState = !refSet.has(nextValue) && proxyStateMap.get(nextValue);
191
- if (childProxyState) {
192
- addPropListener(prop, childProxyState);
193
- }
194
- }
195
- Reflect.set(target, prop, nextValue, receiver);
196
- notifyUpdate(["set", [prop], value, prevValue]);
197
- return true;
198
- }
199
- };
200
- const proxyObject = newProxy(baseObject, handler);
201
- proxyCache.set(initialObject, proxyObject);
202
- const proxyState = [
203
- baseObject,
204
- ensureVersion,
205
- createSnapshot,
206
- addListener
207
- ];
208
- proxyStateMap.set(proxyObject, proxyState);
209
- Reflect.ownKeys(initialObject).forEach((key) => {
210
- const desc = Object.getOwnPropertyDescriptor(
211
- initialObject,
212
- key
213
- );
214
- if (desc.get || desc.set) {
215
- Object.defineProperty(baseObject, key, desc);
216
- } else {
217
- proxyObject[key] = initialObject[key];
218
- }
219
- });
220
- return proxyObject;
221
- }) => [
222
- proxyFunction2,
223
- proxyStateMap,
224
- refSet,
225
- objectIs,
226
- newProxy,
227
- canProxy,
228
- defaultHandlePromise,
229
- snapCache,
230
- createSnapshot,
231
- proxyCache,
232
- versionHolder
233
- ];
234
- var [proxyFunction] = buildProxyFunction();
235
- function proxy(initialObject = {}) {
236
- return proxyFunction(initialObject);
237
- }
238
- function subscribe(proxyObject, callback, notifyInSync) {
239
- const proxyState = proxyStateMap.get(proxyObject);
240
- if ((import_meta.env && import_meta.env.MODE) !== "production" && !proxyState) {
241
- console.warn("Please use proxy object");
242
- }
243
- let promise;
244
- const ops = [];
245
- const addListener = proxyState[3];
246
- let isListenerActive = false;
247
- const listener = (op) => {
248
- ops.push(op);
249
- if (notifyInSync) {
250
- callback(ops.splice(0));
251
- return;
252
- }
253
- if (!promise) {
254
- promise = Promise.resolve().then(() => {
255
- promise = void 0;
256
- if (isListenerActive) {
257
- callback(ops.splice(0));
258
- }
259
- });
260
- }
261
- };
262
- const removeListener = addListener(listener);
263
- isListenerActive = true;
264
- return () => {
265
- isListenerActive = false;
266
- removeListener();
267
- };
268
- }
269
- function snapshot(proxyObject, handlePromise) {
270
- const proxyState = proxyStateMap.get(proxyObject);
271
- if ((import_meta.env && import_meta.env.MODE) !== "production" && !proxyState) {
272
- console.warn("Please use proxy object");
273
- }
274
- const [target, ensureVersion, createSnapshot] = proxyState;
275
- return createSnapshot(target, ensureVersion(), handlePromise);
276
- }
277
- function ref(obj) {
278
- refSet.add(obj);
279
- return obj;
280
- }
281
-
282
- // ../../node_modules/.pnpm/valtio@1.9.0/node_modules/valtio/esm/vanilla/utils.mjs
283
- function subscribeKey(proxyObject, key, callback, notifyInSync) {
284
- let prevValue = proxyObject[key];
285
- return subscribe(
286
- proxyObject,
287
- () => {
288
- const nextValue = proxyObject[key];
289
- if (!Object.is(prevValue, nextValue)) {
290
- callback(prevValue = nextValue);
291
- }
292
- },
293
- notifyInSync
294
- );
295
- }
296
- var DEVTOOLS = Symbol();
297
- function proxyWithComputed(initialObject, computedFns) {
298
- Object.keys(computedFns).forEach((key) => {
299
- if (Object.getOwnPropertyDescriptor(initialObject, key)) {
300
- throw new Error("object property already defined");
301
- }
302
- const computedFn = computedFns[key];
303
- const { get, set } = typeof computedFn === "function" ? { get: computedFn } : computedFn;
304
- const desc = {};
305
- desc.get = () => get(snapshot(proxyObject));
306
- if (set) {
307
- desc.set = (newValue) => set(proxyObject, newValue);
308
- }
309
- Object.defineProperty(initialObject, key, desc);
310
- });
311
- const proxyObject = proxy(initialObject);
312
- return proxyObject;
313
- }
31
+ var import_vanilla = require("valtio/vanilla");
32
+ var import_utils = require("valtio/utils");
314
33
  // Annotate the CommonJS export names for ESM import in node:
315
34
  0 && (module.exports = {
316
35
  proxy,
package/dist/index.mjs CHANGED
@@ -1,284 +1,6 @@
1
- // ../../node_modules/.pnpm/valtio@1.9.0/node_modules/valtio/esm/vanilla.mjs
2
- import { markToTrack, getUntracked } from "proxy-compare";
3
- var isObject = (x) => typeof x === "object" && x !== null;
4
- var proxyStateMap = /* @__PURE__ */ new WeakMap();
5
- var refSet = /* @__PURE__ */ new WeakSet();
6
- var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), canProxy = (x) => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer), defaultHandlePromise = (promise) => {
7
- switch (promise.status) {
8
- case "fulfilled":
9
- return promise.value;
10
- case "rejected":
11
- throw promise.reason;
12
- default:
13
- throw promise;
14
- }
15
- }, snapCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (target, version, handlePromise = defaultHandlePromise) => {
16
- const cache = snapCache.get(target);
17
- if ((cache == null ? void 0 : cache[0]) === version) {
18
- return cache[1];
19
- }
20
- const snap = Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
21
- markToTrack(snap, true);
22
- snapCache.set(target, [version, snap]);
23
- Reflect.ownKeys(target).forEach((key) => {
24
- const value = Reflect.get(target, key);
25
- if (refSet.has(value)) {
26
- markToTrack(value, false);
27
- snap[key] = value;
28
- } else if (value instanceof Promise) {
29
- Object.defineProperty(snap, key, {
30
- get() {
31
- return handlePromise(value);
32
- }
33
- });
34
- } else if (proxyStateMap.has(value)) {
35
- snap[key] = snapshot(value, handlePromise);
36
- } else {
37
- snap[key] = value;
38
- }
39
- });
40
- return Object.freeze(snap);
41
- }, proxyCache = /* @__PURE__ */ new WeakMap(), versionHolder = [1, 1], proxyFunction2 = (initialObject) => {
42
- if (!isObject(initialObject)) {
43
- throw new Error("object required");
44
- }
45
- const found = proxyCache.get(initialObject);
46
- if (found) {
47
- return found;
48
- }
49
- let version = versionHolder[0];
50
- const listeners = /* @__PURE__ */ new Set();
51
- const notifyUpdate = (op, nextVersion = ++versionHolder[0]) => {
52
- if (version !== nextVersion) {
53
- version = nextVersion;
54
- listeners.forEach((listener) => listener(op, nextVersion));
55
- }
56
- };
57
- let checkVersion = versionHolder[1];
58
- const ensureVersion = (nextCheckVersion = ++versionHolder[1]) => {
59
- if (checkVersion !== nextCheckVersion && !listeners.size) {
60
- checkVersion = nextCheckVersion;
61
- propProxyStates.forEach(([propProxyState]) => {
62
- const propVersion = propProxyState[1](nextCheckVersion);
63
- if (propVersion > version) {
64
- version = propVersion;
65
- }
66
- });
67
- }
68
- return version;
69
- };
70
- const createPropListener = (prop) => (op, nextVersion) => {
71
- const newOp = [...op];
72
- newOp[1] = [prop, ...newOp[1]];
73
- notifyUpdate(newOp, nextVersion);
74
- };
75
- const propProxyStates = /* @__PURE__ */ new Map();
76
- const addPropListener = (prop, propProxyState) => {
77
- if ((import.meta.env && import.meta.env.MODE) !== "production" && propProxyStates.has(prop)) {
78
- throw new Error("prop listener already exists");
79
- }
80
- if (listeners.size) {
81
- const remove = propProxyState[3](createPropListener(prop));
82
- propProxyStates.set(prop, [propProxyState, remove]);
83
- } else {
84
- propProxyStates.set(prop, [propProxyState]);
85
- }
86
- };
87
- const removePropListener = (prop) => {
88
- var _a;
89
- const entry = propProxyStates.get(prop);
90
- if (entry) {
91
- propProxyStates.delete(prop);
92
- (_a = entry[1]) == null ? void 0 : _a.call(entry);
93
- }
94
- };
95
- const addListener = (listener) => {
96
- listeners.add(listener);
97
- if (listeners.size === 1) {
98
- propProxyStates.forEach(([propProxyState, prevRemove], prop) => {
99
- if ((import.meta.env && import.meta.env.MODE) !== "production" && prevRemove) {
100
- throw new Error("remove already exists");
101
- }
102
- const remove = propProxyState[3](createPropListener(prop));
103
- propProxyStates.set(prop, [propProxyState, remove]);
104
- });
105
- }
106
- const removeListener = () => {
107
- listeners.delete(listener);
108
- if (listeners.size === 0) {
109
- propProxyStates.forEach(([propProxyState, remove], prop) => {
110
- if (remove) {
111
- remove();
112
- propProxyStates.set(prop, [propProxyState]);
113
- }
114
- });
115
- }
116
- };
117
- return removeListener;
118
- };
119
- const baseObject = Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject));
120
- const handler = {
121
- deleteProperty(target, prop) {
122
- const prevValue = Reflect.get(target, prop);
123
- removePropListener(prop);
124
- const deleted = Reflect.deleteProperty(target, prop);
125
- if (deleted) {
126
- notifyUpdate(["delete", [prop], prevValue]);
127
- }
128
- return deleted;
129
- },
130
- set(target, prop, value, receiver) {
131
- var _a;
132
- const hasPrevValue = Reflect.has(target, prop);
133
- const prevValue = Reflect.get(target, prop, receiver);
134
- if (hasPrevValue && objectIs(prevValue, value)) {
135
- return true;
136
- }
137
- removePropListener(prop);
138
- if (isObject(value)) {
139
- value = getUntracked(value) || value;
140
- }
141
- let nextValue = value;
142
- if ((_a = Object.getOwnPropertyDescriptor(target, prop)) == null ? void 0 : _a.set)
143
- ;
144
- else if (value instanceof Promise) {
145
- value.then((v) => {
146
- value.status = "fulfilled";
147
- value.value = v;
148
- notifyUpdate(["resolve", [prop], v]);
149
- }).catch((e) => {
150
- value.status = "rejected";
151
- value.reason = e;
152
- notifyUpdate(["reject", [prop], e]);
153
- });
154
- } else {
155
- if (!proxyStateMap.has(value) && canProxy(value)) {
156
- nextValue = proxy(value);
157
- }
158
- const childProxyState = !refSet.has(nextValue) && proxyStateMap.get(nextValue);
159
- if (childProxyState) {
160
- addPropListener(prop, childProxyState);
161
- }
162
- }
163
- Reflect.set(target, prop, nextValue, receiver);
164
- notifyUpdate(["set", [prop], value, prevValue]);
165
- return true;
166
- }
167
- };
168
- const proxyObject = newProxy(baseObject, handler);
169
- proxyCache.set(initialObject, proxyObject);
170
- const proxyState = [
171
- baseObject,
172
- ensureVersion,
173
- createSnapshot,
174
- addListener
175
- ];
176
- proxyStateMap.set(proxyObject, proxyState);
177
- Reflect.ownKeys(initialObject).forEach((key) => {
178
- const desc = Object.getOwnPropertyDescriptor(
179
- initialObject,
180
- key
181
- );
182
- if (desc.get || desc.set) {
183
- Object.defineProperty(baseObject, key, desc);
184
- } else {
185
- proxyObject[key] = initialObject[key];
186
- }
187
- });
188
- return proxyObject;
189
- }) => [
190
- proxyFunction2,
191
- proxyStateMap,
192
- refSet,
193
- objectIs,
194
- newProxy,
195
- canProxy,
196
- defaultHandlePromise,
197
- snapCache,
198
- createSnapshot,
199
- proxyCache,
200
- versionHolder
201
- ];
202
- var [proxyFunction] = buildProxyFunction();
203
- function proxy(initialObject = {}) {
204
- return proxyFunction(initialObject);
205
- }
206
- function subscribe(proxyObject, callback, notifyInSync) {
207
- const proxyState = proxyStateMap.get(proxyObject);
208
- if ((import.meta.env && import.meta.env.MODE) !== "production" && !proxyState) {
209
- console.warn("Please use proxy object");
210
- }
211
- let promise;
212
- const ops = [];
213
- const addListener = proxyState[3];
214
- let isListenerActive = false;
215
- const listener = (op) => {
216
- ops.push(op);
217
- if (notifyInSync) {
218
- callback(ops.splice(0));
219
- return;
220
- }
221
- if (!promise) {
222
- promise = Promise.resolve().then(() => {
223
- promise = void 0;
224
- if (isListenerActive) {
225
- callback(ops.splice(0));
226
- }
227
- });
228
- }
229
- };
230
- const removeListener = addListener(listener);
231
- isListenerActive = true;
232
- return () => {
233
- isListenerActive = false;
234
- removeListener();
235
- };
236
- }
237
- function snapshot(proxyObject, handlePromise) {
238
- const proxyState = proxyStateMap.get(proxyObject);
239
- if ((import.meta.env && import.meta.env.MODE) !== "production" && !proxyState) {
240
- console.warn("Please use proxy object");
241
- }
242
- const [target, ensureVersion, createSnapshot] = proxyState;
243
- return createSnapshot(target, ensureVersion(), handlePromise);
244
- }
245
- function ref(obj) {
246
- refSet.add(obj);
247
- return obj;
248
- }
249
-
250
- // ../../node_modules/.pnpm/valtio@1.9.0/node_modules/valtio/esm/vanilla/utils.mjs
251
- function subscribeKey(proxyObject, key, callback, notifyInSync) {
252
- let prevValue = proxyObject[key];
253
- return subscribe(
254
- proxyObject,
255
- () => {
256
- const nextValue = proxyObject[key];
257
- if (!Object.is(prevValue, nextValue)) {
258
- callback(prevValue = nextValue);
259
- }
260
- },
261
- notifyInSync
262
- );
263
- }
264
- var DEVTOOLS = Symbol();
265
- function proxyWithComputed(initialObject, computedFns) {
266
- Object.keys(computedFns).forEach((key) => {
267
- if (Object.getOwnPropertyDescriptor(initialObject, key)) {
268
- throw new Error("object property already defined");
269
- }
270
- const computedFn = computedFns[key];
271
- const { get, set } = typeof computedFn === "function" ? { get: computedFn } : computedFn;
272
- const desc = {};
273
- desc.get = () => get(snapshot(proxyObject));
274
- if (set) {
275
- desc.set = (newValue) => set(proxyObject, newValue);
276
- }
277
- Object.defineProperty(initialObject, key, desc);
278
- });
279
- const proxyObject = proxy(initialObject);
280
- return proxyObject;
281
- }
1
+ // src/index.ts
2
+ import { ref, snapshot, proxy, subscribe } from "valtio/vanilla";
3
+ import { proxyWithComputed, subscribeKey } from "valtio/utils";
282
4
  export {
283
5
  proxy,
284
6
  proxyWithComputed,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/store",
3
- "version": "0.2.5",
3
+ "version": "0.2.6",
4
4
  "description": "The reactive store package for zag machines",
5
5
  "keywords": [
6
6
  "js",
@@ -23,13 +23,13 @@
23
23
  "url": "https://github.com/chakra-ui/zag/issues"
24
24
  },
25
25
  "dependencies": {
26
- "proxy-compare": "2.4.0"
26
+ "proxy-compare": "2.4.0",
27
+ "valtio": "^1.9.0"
27
28
  },
28
29
  "clean-package": "../../clean-package.config.json",
29
30
  "main": "dist/index.js",
30
31
  "devDependencies": {
31
- "clean-package": "2.2.0",
32
- "valtio": "^1.9.0"
32
+ "clean-package": "2.2.0"
33
33
  },
34
34
  "module": "dist/index.mjs",
35
35
  "types": "dist/index.d.ts",