cogsbox-state 0.5.72 → 0.5.73

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 (3) hide show
  1. package/dist/CogsState.jsx +269 -271
  2. package/dist/CogsState.jsx.map +1 -1
  3. package/package.json +1 -1
package/dist/CogsState.jsx CHANGED
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import { jsx as ct } from "react/jsx-runtime";
3
- import { useState as et, useRef as Z, useEffect as nt, useLayoutEffect as It, useMemo as _t, createElement as Q, useSyncExternalStore as Et, startTransition as H } from "react";
4
- import { transformStateFunc as $t, isFunction as G, getNestedValue as U, isDeepEqual as M, debounce as wt } from "./utility.js";
5
- import { pushFunc as K, updateFn as B, cutFunc as J, ValidationWrapper as Nt, FormControlComponent as Vt } from "./Functions.jsx";
3
+ import { useState as et, useRef as J, useEffect as nt, useLayoutEffect as It, useMemo as _t, createElement as Q, useSyncExternalStore as Et, startTransition as Z } from "react";
4
+ import { transformStateFunc as $t, isFunction as L, getNestedValue as U, isDeepEqual as M, debounce as wt } from "./utility.js";
5
+ import { pushFunc as K, updateFn as z, cutFunc as B, ValidationWrapper as Nt, FormControlComponent as Vt } from "./Functions.jsx";
6
6
  import "zod";
7
7
  import { getGlobalStore as r, formRefStore as lt } from "./store.js";
8
8
  import { useCogsConfig as At } from "./CogsStateClient.jsx";
9
9
  import rt from "./node_modules/uuid/dist/esm-browser/v4.js";
10
10
  function dt(t, i) {
11
- const S = r.getState().getInitialOptions, m = r.getState().setInitialStateOptions, g = S(t) || {};
12
- m(t, {
11
+ const m = r.getState().getInitialOptions, y = r.getState().setInitialStateOptions, g = m(t) || {};
12
+ y(t, {
13
13
  ...g,
14
14
  ...i
15
15
  });
@@ -17,21 +17,21 @@ function dt(t, i) {
17
17
  function ut({
18
18
  stateKey: t,
19
19
  options: i,
20
- initialOptionsPart: S
20
+ initialOptionsPart: m
21
21
  }) {
22
- const m = q(t) || {}, g = S[t] || {}, $ = r.getState().setInitialStateOptions, _ = { ...g, ...m };
22
+ const y = Y(t) || {}, g = m[t] || {}, $ = r.getState().setInitialStateOptions, _ = { ...g, ...y };
23
23
  let v = !1;
24
24
  if (i)
25
- for (const d in i)
26
- _.hasOwnProperty(d) ? d == "localStorage" && i[d] && _[d].key !== i[d]?.key && (v = !0, _[d] = i[d]) : (v = !0, _[d] = i[d]);
25
+ for (const l in i)
26
+ _.hasOwnProperty(l) ? l == "localStorage" && i[l] && _[l].key !== i[l]?.key && (v = !0, _[l] = i[l]) : (v = !0, _[l] = i[l]);
27
27
  v && $(t, _);
28
28
  }
29
- function qt(t, { formElements: i, validation: S }) {
30
- return { initialState: t, formElements: i, validation: S };
29
+ function qt(t, { formElements: i, validation: m }) {
30
+ return { initialState: t, formElements: i, validation: m };
31
31
  }
32
32
  const zt = (t, i) => {
33
- let S = t;
34
- const [m, g] = $t(S);
33
+ let m = t;
34
+ const [y, g] = $t(m);
35
35
  (i?.formElements || i?.validation) && Object.keys(g).forEach((v) => {
36
36
  g[v] = g[v] || {}, g[v].formElements = {
37
37
  ...i.formElements,
@@ -40,45 +40,45 @@ const zt = (t, i) => {
40
40
  ...g[v].formElements || {}
41
41
  // State-specific overrides
42
42
  };
43
- }), r.getState().setInitialStates(m);
44
- const $ = (v, d) => {
45
- const [f] = et(d?.componentId ?? rt());
43
+ }), r.getState().setInitialStates(y);
44
+ const $ = (v, l) => {
45
+ const [f] = et(l?.componentId ?? rt());
46
46
  ut({
47
47
  stateKey: v,
48
- options: d,
48
+ options: l,
49
49
  initialOptionsPart: g
50
50
  });
51
- const e = r.getState().cogsStateStore[v] || m[v], y = d?.modifyState ? d.modifyState(e) : e, [b, N] = Ft(
52
- y,
51
+ const e = r.getState().cogsStateStore[v] || y[v], S = l?.modifyState ? l.modifyState(e) : e, [T, A] = bt(
52
+ S,
53
53
  {
54
54
  stateKey: v,
55
- syncUpdate: d?.syncUpdate,
55
+ syncUpdate: l?.syncUpdate,
56
56
  componentId: f,
57
- localStorage: d?.localStorage,
58
- middleware: d?.middleware,
59
- enabledSync: d?.enabledSync,
60
- reactiveType: d?.reactiveType,
61
- reactiveDeps: d?.reactiveDeps,
62
- initialState: d?.initialState,
63
- dependencies: d?.dependencies
57
+ localStorage: l?.localStorage,
58
+ middleware: l?.middleware,
59
+ enabledSync: l?.enabledSync,
60
+ reactiveType: l?.reactiveType,
61
+ reactiveDeps: l?.reactiveDeps,
62
+ initialState: l?.initialState,
63
+ dependencies: l?.dependencies
64
64
  }
65
65
  );
66
- return N;
66
+ return A;
67
67
  };
68
- function _(v, d) {
69
- ut({ stateKey: v, options: d, initialOptionsPart: g });
68
+ function _(v, l) {
69
+ ut({ stateKey: v, options: l, initialOptionsPart: g });
70
70
  }
71
71
  return { useCogsState: $, setCogsOptions: _ };
72
72
  }, {
73
- setUpdaterState: Y,
74
- setState: L,
75
- getInitialOptions: q,
73
+ setUpdaterState: H,
74
+ setState: D,
75
+ getInitialOptions: Y,
76
76
  getKeyState: gt,
77
77
  getValidationErrors: kt,
78
78
  setStateLog: pt,
79
79
  updateInitialStateGlobal: ot,
80
80
  addValidationError: Ct,
81
- removeValidationError: R,
81
+ removeValidationError: P,
82
82
  setServerSyncActions: Tt
83
83
  } = r.getState(), ft = (t) => {
84
84
  if (!t) return null;
@@ -88,74 +88,74 @@ const zt = (t, i) => {
88
88
  } catch (i) {
89
89
  return console.error("Error loading from localStorage:", i), null;
90
90
  }
91
- }, ht = (t, i, S, m) => {
92
- S.log && console.log(
91
+ }, ht = (t, i, m, y) => {
92
+ m.log && console.log(
93
93
  "saving to localstorage",
94
94
  i,
95
- S.localStorage?.key,
96
- m
95
+ m.localStorage?.key,
96
+ y
97
97
  );
98
- const g = G(S.localStorage?.key) ? S.localStorage?.key(t) : S.localStorage?.key;
99
- if (g && m) {
98
+ const g = L(m.localStorage?.key) ? m.localStorage?.key(t) : m.localStorage?.key;
99
+ if (g && y) {
100
100
  const $ = {
101
101
  state: t,
102
102
  lastUpdated: Date.now(),
103
103
  lastSyncedWithServer: r.getState().serverSyncLog[i]?.[0]?.timeStamp,
104
104
  baseServerState: r.getState().serverState[i]
105
- }, _ = `${m}-${i}-${g}`;
105
+ }, _ = `${y}-${i}-${g}`;
106
106
  window.localStorage.setItem(_, JSON.stringify($));
107
107
  }
108
- }, bt = (t, i, S, m, g, $) => {
108
+ }, Ft = (t, i, m, y, g, $) => {
109
109
  const _ = {
110
110
  initialState: i,
111
111
  updaterState: X(
112
112
  t,
113
- m,
113
+ y,
114
114
  g,
115
115
  $
116
116
  ),
117
- state: S
117
+ state: m
118
118
  };
119
- H(() => {
120
- ot(t, _.initialState), Y(t, _.updaterState), L(t, _.state);
119
+ Z(() => {
120
+ ot(t, _.initialState), H(t, _.updaterState), D(t, _.state);
121
121
  });
122
122
  }, St = (t) => {
123
123
  const i = r.getState().stateComponents.get(t);
124
124
  if (!i) return;
125
- const S = /* @__PURE__ */ new Set();
126
- i.components.forEach((m) => {
127
- S.add(() => m.forceUpdate());
125
+ const m = /* @__PURE__ */ new Set();
126
+ i.components.forEach((y) => {
127
+ m.add(() => y.forceUpdate());
128
128
  }), queueMicrotask(() => {
129
- H(() => {
130
- S.forEach((m) => m());
129
+ Z(() => {
130
+ m.forEach((y) => y());
131
131
  });
132
132
  });
133
133
  }, Bt = (t, i) => {
134
- const S = r.getState().stateComponents.get(t);
135
- if (S) {
136
- const m = `${t}////${i}`, g = S.components.get(m);
134
+ const m = r.getState().stateComponents.get(t);
135
+ if (m) {
136
+ const y = `${t}////${i}`, g = m.components.get(y);
137
137
  g && g.forceUpdate();
138
138
  }
139
139
  };
140
- function Ft(t, {
140
+ function bt(t, {
141
141
  stateKey: i,
142
- serverSync: S,
143
- localStorage: m,
142
+ serverSync: m,
143
+ localStorage: y,
144
144
  formElements: g,
145
145
  middleware: $,
146
146
  reactiveDeps: _,
147
147
  reactiveType: v,
148
- componentId: d,
148
+ componentId: l,
149
149
  initialState: f,
150
150
  syncUpdate: e,
151
- dependencies: y
151
+ dependencies: S
152
152
  } = {}) {
153
- const [b, N] = et({}), { sessionId: p } = At();
154
- let h = !i;
155
- const [l] = et(i ?? rt()), s = r.getState().stateLog[l], D = Z(/* @__PURE__ */ new Set()), x = Z(d ?? rt()), C = Z(null);
156
- C.current = q(l), nt(() => {
157
- if (e && e.stateKey === l && e.path?.[0]) {
158
- L(l, (o) => ({
153
+ const [T, A] = et({}), { sessionId: h } = At();
154
+ let R = !i;
155
+ const [u] = et(i ?? rt()), s = r.getState().stateLog[u], G = J(/* @__PURE__ */ new Set()), x = J(l ?? rt()), p = J(null);
156
+ p.current = Y(u), nt(() => {
157
+ if (e && e.stateKey === u && e.path?.[0]) {
158
+ D(u, (o) => ({
159
159
  ...o,
160
160
  [e.path[0]]: e.newValue
161
161
  }));
@@ -166,208 +166,206 @@ function Ft(t, {
166
166
  });
167
167
  }
168
168
  }, [e]), nt(() => {
169
- dt(l, {
169
+ dt(u, {
170
170
  initialState: f
171
171
  });
172
- const c = C.current;
172
+ const c = p.current;
173
173
  let o = null;
174
174
  c.log && console.log("newoptions", c);
175
- const u = G(c.localStorage?.key) ? c.localStorage?.key(f) : c.localStorage?.key;
176
- u && p && (o = ft(
177
- p + "-" + l + "-" + u
175
+ const d = L(c.localStorage?.key) ? c.localStorage?.key(f) : c.localStorage?.key;
176
+ d && h && (o = ft(
177
+ h + "-" + u + "-" + d
178
178
  ));
179
179
  let E = null;
180
- f && (E = f, o && o.lastUpdated > (o.lastSyncedWithServer || 0) && (E = o.state), bt(
181
- l,
180
+ f && (E = f, o && o.lastUpdated > (o.lastSyncedWithServer || 0) && (E = o.state), Ft(
181
+ u,
182
182
  f,
183
183
  E,
184
184
  n,
185
185
  x.current,
186
- p
187
- ), St(l), N({}));
188
- }, [f, ...y || []]), It(() => {
189
- h && dt(l, {
190
- serverSync: S,
186
+ h
187
+ ), St(u), A({}));
188
+ }, [f, ...S || []]), It(() => {
189
+ R && dt(u, {
190
+ serverSync: m,
191
191
  formElements: g,
192
192
  initialState: f,
193
- localStorage: m,
193
+ localStorage: y,
194
194
  middleware: $
195
195
  });
196
- const c = `${l}////${x.current}`, o = r.getState().stateComponents.get(l) || {
196
+ const c = `${u}////${x.current}`, o = r.getState().stateComponents.get(u) || {
197
197
  components: /* @__PURE__ */ new Map()
198
198
  };
199
199
  return o.components.set(c, {
200
- forceUpdate: () => N({}),
200
+ forceUpdate: () => A({}),
201
201
  paths: /* @__PURE__ */ new Set(),
202
202
  deps: [],
203
203
  depsFunction: _ || void 0,
204
204
  reactiveType: v ?? ["component", "deps"]
205
- }), r.getState().stateComponents.set(l, o), N({}), () => {
206
- const u = `${l}////${x.current}`;
207
- o && (o.components.delete(u), o.components.size === 0 && r.getState().stateComponents.delete(l));
205
+ }), r.getState().stateComponents.set(u, o), A({}), () => {
206
+ const d = `${u}////${x.current}`;
207
+ o && (o.components.delete(d), o.components.size === 0 && r.getState().stateComponents.delete(u));
208
208
  };
209
209
  }, []);
210
- const n = (c, o, u, E) => {
210
+ const n = (c, o, d, E) => {
211
211
  if (Array.isArray(o)) {
212
- const F = `${l}-${o.join(".")}`;
213
- D.current.add(F);
212
+ const F = `${u}-${o.join(".")}`;
213
+ G.current.add(F);
214
214
  }
215
- L(l, (F) => {
216
- const V = G(c) ? c(F) : c, O = `${l}-${o.join(".")}`;
217
- if (O) {
218
- let P = !1, I = r.getState().signalDomElements.get(O);
219
- if ((!I || I.size === 0) && (u.updateType === "insert" || u.updateType === "cut")) {
220
- const A = o.slice(0, -1), k = U(V, A);
215
+ D(u, (F) => {
216
+ const N = L(c) ? c(F) : c, j = `${u}-${o.join(".")}`;
217
+ if (j) {
218
+ let O = !1, I = r.getState().signalDomElements.get(j);
219
+ if ((!I || I.size === 0) && (d.updateType === "insert" || d.updateType === "cut")) {
220
+ const V = o.slice(0, -1), k = U(N, V);
221
221
  if (Array.isArray(k)) {
222
- P = !0;
223
- const w = `${l}-${A.join(".")}`;
222
+ O = !0;
223
+ const w = `${u}-${V.join(".")}`;
224
224
  I = r.getState().signalDomElements.get(w);
225
225
  }
226
226
  }
227
227
  if (I) {
228
- const A = P ? U(V, o.slice(0, -1)) : U(V, o);
228
+ const V = O ? U(N, o.slice(0, -1)) : U(N, o);
229
229
  I.forEach(({ parentId: k, position: w, effect: W }) => {
230
- const j = document.querySelector(
230
+ const b = document.querySelector(
231
231
  `[data-parent-id="${k}"]`
232
232
  );
233
- if (j) {
234
- const st = Array.from(j.childNodes);
233
+ if (b) {
234
+ const st = Array.from(b.childNodes);
235
235
  if (st[w]) {
236
- const vt = W ? new Function("state", `return (${W})(state)`)(A) : A;
236
+ const vt = W ? new Function("state", `return (${W})(state)`)(V) : V;
237
237
  st[w].textContent = String(vt);
238
238
  }
239
239
  }
240
240
  });
241
241
  }
242
242
  }
243
- u.updateType === "update" && (E || C.current?.validationKey) && o && R(
244
- (E || C.current?.validationKey) + "." + o.join(".")
243
+ d.updateType === "update" && (E || p.current?.validationKey) && o && P(
244
+ (E || p.current?.validationKey) + "." + o.join(".")
245
245
  );
246
- const T = o.slice(0, o.length - 1);
247
- u.updateType === "cut" && C.current?.validationKey && R(
248
- C.current?.validationKey + "." + T.join(".")
249
- ), u.updateType === "insert" && C.current?.validationKey && kt(
250
- C.current?.validationKey + "." + T.join(".")
251
- ).filter(([I, A]) => {
246
+ const C = o.slice(0, o.length - 1);
247
+ d.updateType === "cut" && p.current?.validationKey && P(
248
+ p.current?.validationKey + "." + C.join(".")
249
+ ), d.updateType === "insert" && p.current?.validationKey && kt(
250
+ p.current?.validationKey + "." + C.join(".")
251
+ ).filter(([I, V]) => {
252
252
  let k = I?.split(".").length;
253
- if (I == T.join(".") && k == T.length - 1) {
254
- let w = I + "." + T;
255
- R(I), Ct(w, A);
253
+ if (I == C.join(".") && k == C.length - 1) {
254
+ let w = I + "." + C;
255
+ P(I), Ct(w, V);
256
256
  }
257
257
  });
258
- const z = U(F, o), mt = U(V, o), yt = u.updateType === "update" ? o.join(".") : [...o].slice(0, -1).join("."), at = r.getState().stateComponents.get(l);
258
+ const q = U(F, o), mt = U(N, o), yt = d.updateType === "update" ? o.join(".") : [...o].slice(0, -1).join("."), at = r.getState().stateComponents.get(u);
259
259
  if (at)
260
- for (const [P, I] of at.components.entries()) {
261
- let A = !1;
260
+ for (const [O, I] of at.components.entries()) {
261
+ let V = !1;
262
262
  const k = Array.isArray(I.reactiveType) ? I.reactiveType : [I.reactiveType || "component"];
263
263
  if (!k.includes("none")) {
264
264
  if (k.includes("all")) {
265
265
  I.forceUpdate();
266
266
  continue;
267
267
  }
268
- if (k.includes("component") && I.paths && (I.paths.has(yt) || I.paths.has("")) && (A = !0), !A && k.includes("deps") && I.depsFunction) {
269
- const w = I.depsFunction(V);
270
- typeof w == "boolean" ? w && (A = !0) : M(I.deps, w) || (I.deps = w, A = !0);
268
+ if (k.includes("component") && I.paths && (I.paths.has(yt) || I.paths.has("")) && (V = !0), !V && k.includes("deps") && I.depsFunction) {
269
+ const w = I.depsFunction(N);
270
+ typeof w == "boolean" ? w && (V = !0) : M(I.deps, w) || (I.deps = w, V = !0);
271
271
  }
272
- A && I.forceUpdate();
272
+ V && I.forceUpdate();
273
273
  }
274
274
  }
275
275
  const it = {
276
276
  timeStamp: Date.now(),
277
- stateKey: l,
277
+ stateKey: u,
278
278
  path: o,
279
- updateType: u.updateType,
279
+ updateType: d.updateType,
280
280
  status: "new",
281
- oldValue: z,
281
+ oldValue: q,
282
282
  newValue: mt
283
283
  };
284
- if (pt(l, (P) => {
285
- const A = [...P ?? [], it].reduce((k, w) => {
286
- const W = `${w.stateKey}:${JSON.stringify(w.path)}`, j = k.get(W);
287
- return j ? (j.timeStamp = Math.max(j.timeStamp, w.timeStamp), j.newValue = w.newValue, j.oldValue = j.oldValue ?? w.oldValue, j.updateType = w.updateType) : k.set(W, { ...w }), k;
284
+ if (pt(u, (O) => {
285
+ const V = [...O ?? [], it].reduce((k, w) => {
286
+ const W = `${w.stateKey}:${JSON.stringify(w.path)}`, b = k.get(W);
287
+ return b ? (b.timeStamp = Math.max(b.timeStamp, w.timeStamp), b.newValue = w.newValue, b.oldValue = b.oldValue ?? w.oldValue, b.updateType = w.updateType) : k.set(W, { ...w }), k;
288
288
  }, /* @__PURE__ */ new Map());
289
- return Array.from(A.values());
289
+ return Array.from(V.values());
290
290
  }), ht(
291
- V,
292
- l,
293
- C.current,
294
- p
291
+ N,
292
+ u,
293
+ p.current,
294
+ h
295
295
  ), $ && $({
296
296
  updateLog: s,
297
297
  update: it
298
- }), C.current?.serverSync) {
299
- const P = r.getState().serverState[l], I = C.current?.serverSync;
300
- Tt(l, {
301
- syncKey: typeof I.syncKey == "string" ? I.syncKey : I.syncKey({ state: V }),
302
- rollBackState: P,
298
+ }), p.current?.serverSync) {
299
+ const O = r.getState().serverState[u], I = p.current?.serverSync;
300
+ Tt(u, {
301
+ syncKey: typeof I.syncKey == "string" ? I.syncKey : I.syncKey({ state: N }),
302
+ rollBackState: O,
303
303
  actionTimeStamp: Date.now() + (I.debounce ?? 3e3),
304
304
  status: "waiting"
305
305
  });
306
306
  }
307
- return V;
307
+ return N;
308
308
  });
309
309
  };
310
- r.getState().updaterState[l] || (Y(
311
- l,
310
+ r.getState().updaterState[u] || (H(
311
+ u,
312
312
  X(
313
- l,
313
+ u,
314
314
  n,
315
315
  x.current,
316
- p
316
+ h
317
317
  )
318
- ), r.getState().cogsStateStore[l] || L(l, t), r.getState().initialStateGlobal[l] || ot(l, t));
318
+ ), r.getState().cogsStateStore[u] || D(u, t), r.getState().initialStateGlobal[u] || ot(u, t));
319
319
  const a = _t(() => X(
320
- l,
320
+ u,
321
321
  n,
322
322
  x.current,
323
- p
324
- ), [l]);
325
- return [gt(l), a];
323
+ h
324
+ ), [u]);
325
+ return [gt(u), a];
326
326
  }
327
- function X(t, i, S, m) {
327
+ function X(t, i, m, y) {
328
328
  const g = /* @__PURE__ */ new Map();
329
329
  let $ = 0;
330
330
  const _ = (f) => {
331
331
  const e = f.join(".");
332
- for (const [y] of g)
333
- (y === e || y.startsWith(e + ".")) && g.delete(y);
332
+ for (const [S] of g)
333
+ (S === e || S.startsWith(e + ".")) && g.delete(S);
334
334
  $++;
335
335
  }, v = {
336
336
  removeValidation: (f) => {
337
- f?.validationKey && R(f.validationKey);
337
+ f?.validationKey && P(f.validationKey);
338
338
  },
339
339
  revertToInitialState: (f) => {
340
340
  const e = r.getState().getInitialOptions(t)?.validation;
341
- e?.key && R(e?.key), f?.validationKey && R(f.validationKey);
342
- const y = r.getState().initialStateGlobal[t];
341
+ e?.key && P(e?.key), f?.validationKey && P(f.validationKey);
342
+ const S = r.getState().initialStateGlobal[t];
343
343
  g.clear(), $++;
344
- const b = d(y, []), N = q(t), p = G(N?.localStorage?.key) ? N?.localStorage?.key(y) : N?.localStorage?.key, h = `${m}-${t}-${p}`;
345
- return h && localStorage.removeItem(h), H(() => {
346
- Y(t, b), L(t, y);
347
- const l = r.getState().stateComponents.get(t);
348
- l && l.components.forEach((s) => {
344
+ const T = l(S, []), A = Y(t), h = L(A?.localStorage?.key) ? A?.localStorage?.key(S) : A?.localStorage?.key, R = `${y}-${t}-${h}`;
345
+ return R && localStorage.removeItem(R), Z(() => {
346
+ H(t, T), D(t, S);
347
+ const u = r.getState().stateComponents.get(t);
348
+ u && u.components.forEach((s) => {
349
349
  s.forceUpdate();
350
350
  });
351
- }), y;
351
+ }), S;
352
352
  },
353
353
  updateInitialState: (f) => {
354
354
  g.clear(), $++;
355
- const e = r.getState().initialStateGlobal[t], y = q(t), b = G(y?.localStorage?.key) ? y?.localStorage?.key(e) : y?.localStorage?.key, N = `${m}-${t}-${b}`;
356
- N && localStorage.removeItem(N);
357
- const p = X(
355
+ const e = X(
358
356
  t,
359
357
  i,
360
- S,
361
- m
358
+ m,
359
+ y
362
360
  );
363
- return H(() => {
364
- ot(t, f), Y(t, p), L(t, f);
365
- const h = r.getState().stateComponents.get(t);
366
- h && h.components.forEach((l) => {
367
- l.forceUpdate();
361
+ return Z(() => {
362
+ ot(t, f), H(t, e), D(t, f);
363
+ const S = r.getState().stateComponents.get(t);
364
+ S && S.components.forEach((T) => {
365
+ T.forceUpdate();
368
366
  });
369
367
  }), {
370
- fetchId: (h) => p.get()[h]
368
+ fetchId: (S) => e.get()[S]
371
369
  };
372
370
  },
373
371
  _initialState: r.getState().initialStateGlobal[t],
@@ -378,24 +376,24 @@ function X(t, i, S, m) {
378
376
  return !!(f && M(f, gt(t)));
379
377
  }
380
378
  };
381
- function d(f, e = [], y) {
382
- const b = e.map(String).join(".");
383
- g.get(b);
384
- const N = function() {
379
+ function l(f, e = [], S) {
380
+ const T = e.map(String).join(".");
381
+ g.get(T);
382
+ const A = function() {
385
383
  return r().getNestedState(t, e);
386
384
  };
387
- Object.keys(v).forEach((l) => {
388
- N[l] = v[l];
385
+ Object.keys(v).forEach((u) => {
386
+ A[u] = v[u];
389
387
  });
390
- const p = {
391
- apply(l, s, D) {
388
+ const h = {
389
+ apply(u, s, G) {
392
390
  return console.log(
393
391
  `PROXY APPLY TRAP HIT: stateKey=${t}, path=${e.join(".")}`
394
392
  ), console.trace("Apply trap stack trace"), r().getNestedState(t, e);
395
393
  },
396
- get(l, s) {
394
+ get(u, s) {
397
395
  if (s !== "then" && !s.startsWith("$") && s !== "stateMapNoRender") {
398
- const n = e.join("."), a = `${t}////${S}`, c = r.getState().stateComponents.get(t);
396
+ const n = e.join("."), a = `${t}////${m}`, c = r.getState().stateComponents.get(t);
399
397
  if (c) {
400
398
  const o = c.components.get(a);
401
399
  o && (e.length > 0 || s === "get") && o.paths.add(n);
@@ -415,7 +413,7 @@ function X(t, i, S, m) {
415
413
  };
416
414
  if (s === "removeStorage")
417
415
  return () => {
418
- const n = r.getState().initialStateGlobal[t], a = q(t), c = G(a?.localStorage?.key) ? a?.localStorage?.key(n) : a?.localStorage?.key, o = `${m}-${t}-${c}`;
416
+ const n = r.getState().initialStateGlobal[t], a = Y(t), c = L(a?.localStorage?.key) ? a?.localStorage?.key(n) : a?.localStorage?.key, o = `${y}-${t}-${c}`;
419
417
  o && localStorage.removeItem(o);
420
418
  };
421
419
  if (s === "showValidationErrors")
@@ -430,42 +428,42 @@ function X(t, i, S, m) {
430
428
  return () => {
431
429
  const n = r.getState().getSelectedIndex(t, e.join("."));
432
430
  if (n !== void 0)
433
- return d(
431
+ return l(
434
432
  f[n],
435
433
  [...e, n.toString()],
436
- y
434
+ S
437
435
  );
438
436
  };
439
437
  if (s === "stateSort")
440
438
  return (n) => {
441
- const o = [...r.getState().getNestedState(t, e).map((u, E) => ({
442
- ...u,
439
+ const o = [...r.getState().getNestedState(t, e).map((d, E) => ({
440
+ ...d,
443
441
  __origIndex: E.toString()
444
442
  }))].sort(n);
445
- return g.clear(), $++, d(o, e, {
446
- filtered: [...y?.filtered || [], e],
443
+ return g.clear(), $++, l(o, e, {
444
+ filtered: [...S?.filtered || [], e],
447
445
  validIndices: o.map(
448
- (u) => parseInt(u.__origIndex)
446
+ (d) => parseInt(d.__origIndex)
449
447
  )
450
448
  });
451
449
  };
452
450
  if (s === "stateMap" || s === "stateMapNoRender")
453
451
  return (n) => {
454
- const a = y?.filtered?.some(
452
+ const a = S?.filtered?.some(
455
453
  (o) => o.join(".") === e.join(".")
456
454
  ), c = a ? f : r.getState().getNestedState(t, e);
457
- return s !== "stateMapNoRender" && (g.clear(), $++), c.map((o, u) => {
458
- const E = a && o.__origIndex ? o.__origIndex : u, F = d(
455
+ return s !== "stateMapNoRender" && (g.clear(), $++), c.map((o, d) => {
456
+ const E = a && o.__origIndex ? o.__origIndex : d, F = l(
459
457
  o,
460
458
  [...e, E.toString()],
461
- y
459
+ S
462
460
  );
463
461
  return n(
464
462
  o,
465
463
  F,
466
- u,
464
+ d,
467
465
  f,
468
- d(f, e, y)
466
+ l(f, e, S)
469
467
  );
470
468
  });
471
469
  };
@@ -477,21 +475,21 @@ function X(t, i, S, m) {
477
475
  _mapFn: n
478
476
  // Pass the actual function, not string
479
477
  },
480
- rebuildStateShape: d
478
+ rebuildStateShape: l
481
479
  });
482
480
  if (s === "stateFlattenOn")
483
481
  return (n) => {
484
- const c = y?.filtered?.some(
485
- (u) => u.join(".") === e.join(".")
482
+ const c = S?.filtered?.some(
483
+ (d) => d.join(".") === e.join(".")
486
484
  ) ? f : r.getState().getNestedState(t, e);
487
485
  g.clear(), $++;
488
486
  const o = c.flatMap(
489
- (u, E) => u[n] ?? []
487
+ (d, E) => d[n] ?? []
490
488
  );
491
- return d(
489
+ return l(
492
490
  o,
493
491
  [...e, "[*]", n],
494
- y
492
+ S
495
493
  );
496
494
  };
497
495
  if (s === "findWith")
@@ -500,79 +498,79 @@ function X(t, i, S, m) {
500
498
  (E) => E[n] === a
501
499
  );
502
500
  if (c === -1) return;
503
- const o = f[c], u = [...e, c.toString()];
504
- return g.clear(), $++, g.clear(), $++, d(o, u);
501
+ const o = f[c], d = [...e, c.toString()];
502
+ return g.clear(), $++, g.clear(), $++, l(o, d);
505
503
  };
506
504
  if (s === "index")
507
505
  return (n) => {
508
506
  const a = f[n];
509
- return d(a, [...e, n.toString()]);
507
+ return l(a, [...e, n.toString()]);
510
508
  };
511
509
  if (s === "insert")
512
- return (n) => (_(e), K(i, n, e, t), d(
510
+ return (n) => (_(e), K(i, n, e, t), l(
513
511
  r.getState().cogsStateStore[t],
514
512
  []
515
513
  ));
516
514
  if (s === "uniqueInsert")
517
515
  return (n, a, c) => {
518
- const o = r.getState().getNestedState(t, e), u = G(n) ? n(o) : n;
516
+ const o = r.getState().getNestedState(t, e), d = L(n) ? n(o) : n;
519
517
  let E = null;
520
- if (!o.some((V) => {
518
+ if (!o.some((N) => {
521
519
  if (a) {
522
- const T = a.every(
523
- (z) => M(V[z], u[z])
520
+ const C = a.every(
521
+ (q) => M(N[q], d[q])
524
522
  );
525
- return T && (E = V), T;
523
+ return C && (E = N), C;
526
524
  }
527
- const O = M(V, u);
528
- return O && (E = V), O;
525
+ const j = M(N, d);
526
+ return j && (E = N), j;
529
527
  }))
530
- _(e), K(i, u, e, t);
528
+ _(e), K(i, d, e, t);
531
529
  else if (c && E) {
532
- const V = c(E), O = o.map(
533
- (T) => M(T, E) ? V : T
530
+ const N = c(E), j = o.map(
531
+ (C) => M(C, E) ? N : C
534
532
  );
535
- _(e), B(i, O, e);
533
+ _(e), z(i, j, e);
536
534
  }
537
535
  };
538
536
  if (s === "cut")
539
537
  return (n, a) => {
540
- a?.waitForSync || (_(e), J(i, e, t, n));
538
+ a?.waitForSync || (_(e), B(i, e, t, n));
541
539
  };
542
540
  if (s === "cutByValue")
543
541
  return (n) => {
544
542
  for (let a = 0; a < f.length; a++)
545
- f[a] === n && J(i, e, t, a);
543
+ f[a] === n && B(i, e, t, a);
546
544
  };
547
545
  if (s === "toggleByValue")
548
546
  return (n) => {
549
547
  const a = f.findIndex((c) => c === n);
550
- a > -1 ? J(i, e, t, a) : K(i, n, e, t);
548
+ a > -1 ? B(i, e, t, a) : K(i, n, e, t);
551
549
  };
552
550
  if (s === "stateFilter")
553
551
  return (n) => {
554
- const a = f.map((u, E) => ({
555
- ...u,
552
+ const a = f.map((d, E) => ({
553
+ ...d,
556
554
  __origIndex: E.toString()
557
555
  })), c = [], o = [];
558
- for (let u = 0; u < a.length; u++)
559
- n(a[u], u) && (c.push(u), o.push(a[u]));
560
- return g.clear(), $++, d(o, e, {
561
- filtered: [...y?.filtered || [], e],
556
+ for (let d = 0; d < a.length; d++)
557
+ n(a[d], d) && (c.push(d), o.push(a[d]));
558
+ return g.clear(), $++, l(o, e, {
559
+ filtered: [...S?.filtered || [], e],
562
560
  validIndices: c
563
561
  // Always pass validIndices, even if empty
564
562
  });
565
563
  };
566
564
  }
567
- const D = e[e.length - 1];
568
- if (!isNaN(Number(D))) {
565
+ const G = e[e.length - 1];
566
+ if (!isNaN(Number(G))) {
569
567
  const n = e.slice(0, -1), a = r.getState().getNestedState(t, n);
570
568
  if (Array.isArray(a) && s === "cut")
571
- return () => J(
569
+ return () => B(
572
570
  i,
573
571
  n,
574
572
  t,
575
- Number(D)
573
+ Number(G)
576
574
  );
577
575
  }
578
576
  if (s === "get")
@@ -599,7 +597,7 @@ function X(t, i, S, m) {
599
597
  return r.getState().getSyncInfo(n);
600
598
  }
601
599
  if (s == "getLocalStorage")
602
- return (n) => ft(m + "-" + t + "-" + n);
600
+ return (n) => ft(y + "-" + t + "-" + n);
603
601
  if (s === "_selected") {
604
602
  const n = e.slice(0, -1), a = n.join("."), c = r.getState().getNestedState(t, n);
605
603
  return Array.isArray(c) ? Number(e[e.length - 1]) === r.getState().getSelectedIndex(t, a) : void 0;
@@ -608,8 +606,8 @@ function X(t, i, S, m) {
608
606
  return (n) => {
609
607
  const a = e.slice(0, -1), c = Number(e[e.length - 1]), o = a.join(".");
610
608
  n ? r.getState().setSelectedIndex(t, o, c) : r.getState().setSelectedIndex(t, o, void 0);
611
- const u = r.getState().getNestedState(t, [...a]);
612
- B(i, u, a), _(a);
609
+ const d = r.getState().getNestedState(t, [...a]);
610
+ z(i, d, a), _(a);
613
611
  };
614
612
  if (e.length == 0) {
615
613
  if (s === "validateZodSchema")
@@ -619,23 +617,23 @@ function X(t, i, S, m) {
619
617
  throw new Error("Zod schema not found");
620
618
  if (!n?.key)
621
619
  throw new Error("Validation key not found");
622
- R(n.key);
620
+ P(n.key);
623
621
  const c = r.getState().cogsStateStore[t];
624
622
  try {
625
623
  const o = r.getState().getValidationErrors(n.key);
626
624
  o && o.length > 0 && o.forEach(([E]) => {
627
- E && E.startsWith(n.key) && R(E);
625
+ E && E.startsWith(n.key) && P(E);
628
626
  });
629
- const u = n.zodSchema.safeParse(c);
630
- return u.success ? !0 : (u.error.errors.forEach((F) => {
631
- const V = F.path, O = F.message, T = [n.key, ...V].join(".");
632
- a(T, O);
627
+ const d = n.zodSchema.safeParse(c);
628
+ return d.success ? !0 : (d.error.errors.forEach((F) => {
629
+ const N = F.path, j = F.message, C = [n.key, ...N].join(".");
630
+ a(C, j);
633
631
  }), St(t), !1);
634
632
  } catch (o) {
635
633
  return console.error("Zod schema validation failed", o), !1;
636
634
  }
637
635
  };
638
- if (s === "_componentId") return S;
636
+ if (s === "_componentId") return m;
639
637
  if (s === "getComponents")
640
638
  return () => r().stateComponents.get(t);
641
639
  if (s === "getAllFormRefs")
@@ -664,7 +662,7 @@ function X(t, i, S, m) {
664
662
  path: e,
665
663
  validationKey: r.getState().getInitialOptions(t)?.validation?.key || "",
666
664
  stateKey: t,
667
- validIndices: y?.validIndices,
665
+ validIndices: S?.validIndices,
668
666
  children: n
669
667
  }
670
668
  );
@@ -675,12 +673,12 @@ function X(t, i, S, m) {
675
673
  return (n, a) => {
676
674
  if (a?.debounce)
677
675
  wt(() => {
678
- B(i, n, e, "");
676
+ z(i, n, e, "");
679
677
  const c = r.getState().getNestedState(t, e);
680
678
  a?.afterUpdate && a.afterUpdate(c);
681
679
  }, a.debounce);
682
680
  else {
683
- B(i, n, e, "");
681
+ z(i, n, e, "");
684
682
  const c = r.getState().getNestedState(t, e);
685
683
  a?.afterUpdate && a.afterUpdate(c);
686
684
  }
@@ -697,42 +695,42 @@ function X(t, i, S, m) {
697
695
  formOpts: a
698
696
  }
699
697
  );
700
- const x = [...e, s], C = r.getState().getNestedState(t, x);
701
- return d(C, x, y);
698
+ const x = [...e, s], p = r.getState().getNestedState(t, x);
699
+ return l(p, x, S);
702
700
  }
703
- }, h = new Proxy(N, p);
704
- return g.set(b, {
705
- proxy: h,
701
+ }, R = new Proxy(A, h);
702
+ return g.set(T, {
703
+ proxy: R,
706
704
  stateVersion: $
707
- }), h;
705
+ }), R;
708
706
  }
709
- return d(
707
+ return l(
710
708
  r.getState().getNestedState(t, [])
711
709
  );
712
710
  }
713
711
  function tt(t) {
714
- return Q(Ot, { proxy: t });
712
+ return Q(xt, { proxy: t });
715
713
  }
716
714
  function jt({
717
715
  proxy: t,
718
716
  rebuildStateShape: i
719
717
  }) {
720
- const S = r().getNestedState(t._stateKey, t._path);
721
- return Array.isArray(S) ? i(
722
- S,
718
+ const m = r().getNestedState(t._stateKey, t._path);
719
+ return Array.isArray(m) ? i(
720
+ m,
723
721
  t._path
724
722
  ).stateMapNoRender(
725
- (g, $, _, v, d) => t._mapFn(g, $, _, v, d)
723
+ (g, $, _, v, l) => t._mapFn(g, $, _, v, l)
726
724
  ) : null;
727
725
  }
728
- function Ot({
726
+ function xt({
729
727
  proxy: t
730
728
  }) {
731
- const i = Z(null), S = `${t._stateKey}-${t._path.join(".")}`;
729
+ const i = J(null), m = `${t._stateKey}-${t._path.join(".")}`;
732
730
  return nt(() => {
733
- const m = i.current;
734
- if (!m || !m.parentElement) return;
735
- const g = m.parentElement, _ = Array.from(g.childNodes).indexOf(m);
731
+ const y = i.current;
732
+ if (!y || !y.parentElement) return;
733
+ const g = y.parentElement, _ = Array.from(g.childNodes).indexOf(y);
736
734
  let v = g.getAttribute("data-parent-id");
737
735
  v || (v = `parent-${crypto.randomUUID()}`, g.setAttribute("data-parent-id", v));
738
736
  const f = {
@@ -741,39 +739,39 @@ function Ot({
741
739
  position: _,
742
740
  effect: t._effect
743
741
  };
744
- r.getState().addSignalElement(S, f);
742
+ r.getState().addSignalElement(m, f);
745
743
  const e = r.getState().getNestedState(t._stateKey, t._path);
746
- let y;
744
+ let S;
747
745
  if (t._effect)
748
746
  try {
749
- y = new Function(
747
+ S = new Function(
750
748
  "state",
751
749
  `return (${t._effect})(state)`
752
750
  )(e);
753
- } catch (N) {
754
- console.error("Error evaluating effect function during mount:", N), y = e;
751
+ } catch (A) {
752
+ console.error("Error evaluating effect function during mount:", A), S = e;
755
753
  }
756
754
  else
757
- y = e;
758
- y !== null && typeof y == "object" && (y = JSON.stringify(y));
759
- const b = document.createTextNode(String(y));
760
- m.replaceWith(b);
755
+ S = e;
756
+ S !== null && typeof S == "object" && (S = JSON.stringify(S));
757
+ const T = document.createTextNode(String(S));
758
+ y.replaceWith(T);
761
759
  }, [t._stateKey, t._path.join("."), t._effect]), Q("span", {
762
760
  ref: i,
763
761
  style: { display: "none" },
764
- "data-signal-id": S
762
+ "data-signal-id": m
765
763
  });
766
764
  }
767
765
  function Jt(t) {
768
766
  const i = Et(
769
- (S) => {
770
- const m = r.getState().stateComponents.get(t._stateKey) || {
767
+ (m) => {
768
+ const y = r.getState().stateComponents.get(t._stateKey) || {
771
769
  components: /* @__PURE__ */ new Map()
772
770
  };
773
- return m.components.set(t._stateKey, {
774
- forceUpdate: S,
771
+ return y.components.set(t._stateKey, {
772
+ forceUpdate: m,
775
773
  paths: /* @__PURE__ */ new Set([t._path.join(".")])
776
- }), () => m.components.delete(t._stateKey);
774
+ }), () => y.components.delete(t._stateKey);
777
775
  },
778
776
  () => r.getState().getNestedState(t._stateKey, t._path)
779
777
  );
@@ -785,6 +783,6 @@ export {
785
783
  qt as addStateOptions,
786
784
  zt as createCogsState,
787
785
  Bt as notifyComponent,
788
- Ft as useCogsStateFn
786
+ bt as useCogsStateFn
789
787
  };
790
788
  //# sourceMappingURL=CogsState.jsx.map