cogsbox-state 0.5.434 → 0.5.436

package/dist/store.js

@@ -1,211 +1,273 @@
-import { create as u } from "zustand";
-import { ulid as w } from "ulid";
-const g = u((a, f) => ({
+import { create as b } from "zustand";
+import { ulid as u } from "ulid";
+const A = b((c, f) => ({
   formRefs: /* @__PURE__ */ new Map(),
-  registerFormRef: (r, s) => a((t) => {
-    const e = new Map(t.formRefs);
-    return e.set(r, s), { formRefs: e };
+  registerFormRef: (t, n) => c((o) => {
+    const e = new Map(o.formRefs);
+    return e.set(t, n), { formRefs: e };
   }),
-  getFormRef: (r) => f().formRefs.get(r),
-  removeFormRef: (r) => a((s) => {
-    const t = new Map(s.formRefs);
-    return t.delete(r), { formRefs: t };
+  getFormRef: (t) => f().formRefs.get(t),
+  removeFormRef: (t) => c((n) => {
+    const o = new Map(n.formRefs);
+    return o.delete(t), { formRefs: o };
   }),
   // Get all refs that start with the stateKey prefix
-  getFormRefsByStateKey: (r) => {
-    const s = f().formRefs, t = r + ".", e = /* @__PURE__ */ new Map();
-    return s.forEach((n, o) => {
-      (o.startsWith(t) || o === r) && e.set(o, n);
+  getFormRefsByStateKey: (t) => {
+    const n = f().formRefs, o = t + ".", e = /* @__PURE__ */ new Map();
+    return n.forEach((s, r) => {
+      (r.startsWith(o) || r === t) && e.set(r, s);
     }), e;
   }
-})), b = (a) => a === null || typeof a != "object" || a instanceof Uint8Array || a instanceof Int8Array || a instanceof Uint16Array || a instanceof Int16Array || a instanceof Uint32Array || a instanceof Int32Array || a instanceof Float32Array || a instanceof Float64Array || a instanceof ArrayBuffer || a instanceof Date || a instanceof RegExp || a instanceof Map || a instanceof Set ? !1 : Array.isArray(a) || a.constructor === Object, M = u((a, f) => ({
-  markAsDirty: (r, s, t = { bubble: !0 }) => {
+})), m = (c) => c === null || typeof c != "object" || c instanceof Uint8Array || c instanceof Int8Array || c instanceof Uint16Array || c instanceof Int16Array || c instanceof Uint32Array || c instanceof Int32Array || c instanceof Float32Array || c instanceof Float64Array || c instanceof ArrayBuffer || c instanceof Date || c instanceof RegExp || c instanceof Map || c instanceof Set ? !1 : Array.isArray(c) || c.constructor === Object, E = b((c, f) => ({
+  addPathComponent: (t, n, o) => {
+    c((e) => {
+      const s = new Map(e.shadowStateStore), r = [t, ...n].join("."), i = s.get(r) || {}, d = new Set(i.pathComponents);
+      d.add(o), s.set(r, { ...i, pathComponents: d });
+      const a = s.get(t) || {}, p = a.components?.get(o);
+      if (p) {
+        const S = new Set(p.paths);
+        S.add(r);
+        const h = { ...p, paths: S }, l = new Map(a.components);
+        l.set(o, h), s.set(t, {
+          ...a,
+          components: l
+        });
+      }
+      return { shadowStateStore: s };
+    });
+  },
+  registerComponent: (t, n, o) => {
+    c((e) => {
+      const s = new Map(e.shadowStateStore), r = s.get(t) || {}, i = new Map(r.components);
+      return i.set(n, o), s.set(t, { ...r, components: i }), { shadowStateStore: s };
+    });
+  },
+  unregisterComponent: (t, n) => {
+    c((o) => {
+      const e = new Map(o.shadowStateStore), s = e.get(t);
+      if (!s?.components)
+        return o;
+      const r = new Map(s.components);
+      return r.delete(n) ? (e.set(t, { ...s, components: r }), { shadowStateStore: e }) : o;
+    });
+  },
+  markAsDirty: (t, n, o = { bubble: !0 }) => {
     const e = new Map(f().shadowStateStore);
-    let n = !1;
-    const o = (i) => {
-      const d = [r, ...i].join("."), c = e.get(d);
-      c && c.stateSource === "server" && c.isDirty !== !0 && (e.set(d, { ...c, isDirty: !0 }), n = !0);
+    let s = !1;
+    const r = (i) => {
+      const d = [t, ...i].join("."), a = e.get(d);
+      a && a.isDirty !== !0 ? (e.set(d, { ...a, isDirty: !0 }), s = !0) : a || (e.set(d, { isDirty: !0 }), s = !0);
     };
-    if (o(s), t.bubble) {
-      let i = [...s];
+    if (r(n), o.bubble) {
+      let i = [...n];
       for (; i.length > 0; )
-        i.pop(), o(i);
+        i.pop(), r(i);
     }
-    n && a({ shadowStateStore: e });
+    s && c({ shadowStateStore: e });
   },
   serverStateUpdates: /* @__PURE__ */ new Map(),
-  setServerStateUpdate: (r, s) => {
-    a((t) => {
-      const e = new Map(t.serverStateUpdates);
-      return e.set(r, s), { serverStateUpdates: e };
-    }), f().notifyPathSubscribers(r, {
+  setServerStateUpdate: (t, n) => {
+    c((o) => {
+      const e = new Map(o.serverStateUpdates);
+      return e.set(t, n), { serverStateUpdates: e };
+    }), f().notifyPathSubscribers(t, {
       type: "SERVER_STATE_UPDATE",
-      serverState: s
+      serverState: n
     });
   },
   shadowStateStore: /* @__PURE__ */ new Map(),
   pathSubscribers: /* @__PURE__ */ new Map(),
-  subscribeToPath: (r, s) => {
-    const t = f().pathSubscribers, e = t.get(r) || /* @__PURE__ */ new Set();
-    return e.add(s), t.set(r, e), () => {
-      const n = f().pathSubscribers.get(r);
-      n && (n.delete(s), n.size === 0 && f().pathSubscribers.delete(r));
+  subscribeToPath: (t, n) => {
+    const o = f().pathSubscribers, e = o.get(t) || /* @__PURE__ */ new Set();
+    return e.add(n), o.set(t, e), () => {
+      const s = f().pathSubscribers.get(t);
+      s && (s.delete(n), s.size === 0 && f().pathSubscribers.delete(t));
     };
   },
-  notifyPathSubscribers: (r, s) => {
-    const e = f().pathSubscribers.get(r);
-    e && e.forEach((n) => n(s));
+  notifyPathSubscribers: (t, n) => {
+    const e = f().pathSubscribers.get(t);
+    e && e.forEach((s) => s(n));
   },
-  initializeShadowState: (r, s) => {
-    const t = new Map(f().shadowStateStore), e = (n, o) => {
-      const i = [r, ...o].join(".");
-      if (Array.isArray(n)) {
-        const d = [];
-        n.forEach((c) => {
-          const l = `id:${w()}`;
-          d.push(i + "." + l);
-        }), t.set(i, { arrayKeys: d }), n.forEach((c, l) => {
-          const S = d[l].split(".").pop();
-          e(c, [...o, S]);
-        });
-      } else if (b(n)) {
-        const d = Object.fromEntries(
-          Object.keys(n).map((c) => [c, i + "." + c])
-        );
-        t.set(i, { fields: d }), Object.keys(n).forEach((c) => {
-          e(n[c], [...o, c]);
+  initializeShadowState: (t, n) => {
+    c((o) => {
+      const e = new Map(o.shadowStateStore), r = e.get(t)?.components, i = t + ".";
+      for (const a of Array.from(e.keys()))
+        (a === t || a.startsWith(i)) && e.delete(a);
+      const d = (a, p) => {
+        const S = [t, ...p].join(".");
+        if (Array.isArray(a)) {
+          const h = [];
+          a.forEach(() => {
+            const l = `id:${u()}`;
+            h.push(S + "." + l);
+          }), e.set(S, { arrayKeys: h }), a.forEach((l, y) => {
+            const w = h[y].split(".").pop();
+            d(l, [...p, w]);
+          });
+        } else if (m(a)) {
+          const h = Object.fromEntries(
+            Object.keys(a).map((l) => [l, S + "." + l])
+          );
+          e.set(S, { fields: h }), Object.keys(a).forEach((l) => {
+            d(a[l], [...p, l]);
+          });
+        } else
+          e.set(S, { value: a });
+      };
+      if (d(n, []), r) {
+        const a = e.get(t) || {};
+        e.set(t, {
+          ...a,
+          components: r
         });
-      } else
-        t.set(i, { value: n });
-    };
-    e(s, []), a({ shadowStateStore: t });
+      }
+      return { shadowStateStore: e };
+    });
   },
-  getShadowValue: (r, s) => {
-    const t = f().shadowStateStore.get(r);
-    if (t) {
-      if (t.value !== void 0)
-        return t.value;
-      if (t.arrayKeys)
-        return (s ?? t.arrayKeys).map((o) => f().getShadowValue(o));
-      if (t.fields) {
+  getShadowValue: (t, n) => {
+    const o = f().shadowStateStore.get(t);
+    if (o) {
+      if (o.value !== void 0)
+        return o.value;
+      if (o.arrayKeys)
+        return (n ?? o.arrayKeys).map((r) => f().getShadowValue(r));
+      if (o.fields) {
         const e = {};
-        return Object.entries(t.fields).forEach(([n, o]) => {
-          e[n] = f().getShadowValue(o);
+        return Object.entries(o.fields).forEach(([s, r]) => {
+          e[s] = f().getShadowValue(r);
         }), e;
       }
     }
   },
-  getShadowMetadata: (r, s, t) => {
-    const e = [r, ...s].join(".");
+  getShadowMetadata: (t, n, o) => {
+    const e = [t, ...n].join(".");
     return f().shadowStateStore.get(e), f().shadowStateStore.get(e);
   },
-  setShadowMetadata: (r, s, t) => {
-    const e = [r, ...s].join("."), n = new Map(f().shadowStateStore), o = n.get(e) || { id: w() };
-    n.set(e, { ...o, ...t }), a({ shadowStateStore: n });
+  setShadowMetadata: (t, n, o) => {
+    const e = [t, ...n].join("."), s = f().shadowStateStore.get(e);
+    s?.components && !o.components && (console.group(
+      "%c🚨 RACE CONDITION DETECTED! 🚨",
+      "color: red; font-size: 18px; font-weight: bold;"
+    ), console.error(
+      `An overwrite is about to happen on stateKey: "${t}" at path: [${n.join(", ")}]`
+    ), console.log(
+      "The EXISTING metadata had a components map:",
+      s.components
+    ), console.log(
+      "The NEW metadata is trying to save WITHOUT a components map:",
+      o
+    ), console.log(
+      "%cStack trace to the function that caused this overwrite:",
+      "font-weight: bold;"
+    ), console.trace(), console.groupEnd());
+    const r = new Map(f().shadowStateStore), i = { ...s || {}, ...o };
+    r.set(e, i), c({ shadowStateStore: r });
   },
-  setTransformCache: (r, s, t, e) => {
-    const n = [r, ...s].join("."), o = new Map(f().shadowStateStore), i = o.get(n) || {};
-    i.transformCaches || (i.transformCaches = /* @__PURE__ */ new Map()), i.transformCaches.set(t, e), o.set(n, i), a({ shadowStateStore: o });
+  setTransformCache: (t, n, o, e) => {
+    const s = [t, ...n].join("."), r = new Map(f().shadowStateStore), i = r.get(s) || {};
+    i.transformCaches || (i.transformCaches = /* @__PURE__ */ new Map()), i.transformCaches.set(o, e), r.set(s, i), c({ shadowStateStore: r });
   },
-  insertShadowArrayElement: (r, s, t) => {
-    const e = new Map(f().shadowStateStore), n = [r, ...s].join("."), o = e.get(n);
-    if (!o || !o.arrayKeys) return;
-    const i = `id:${w()}`, d = n + "." + i, c = [...o.arrayKeys];
-    c.push(d), e.set(n, { ...o, arrayKeys: c });
-    const l = (S, y) => {
-      const h = [r, ...y].join(".");
+  insertShadowArrayElement: (t, n, o) => {
+    const e = new Map(f().shadowStateStore), s = [t, ...n].join("."), r = e.get(s);
+    if (!r || !r.arrayKeys) return;
+    const i = `id:${u()}`, d = s + "." + i, a = [...r.arrayKeys];
+    a.push(d), e.set(s, { ...r, arrayKeys: a });
+    const p = (S, h) => {
+      const l = [t, ...h].join(".");
       if (!Array.isArray(S)) if (typeof S == "object" && S !== null) {
-        const m = Object.fromEntries(
-          Object.keys(S).map((p) => [p, h + "." + p])
+        const y = Object.fromEntries(
+          Object.keys(S).map((w) => [w, l + "." + w])
         );
-        e.set(h, { fields: m }), Object.entries(S).forEach(([p, E]) => {
-          l(E, [...y, p]);
+        e.set(l, { fields: y }), Object.entries(S).forEach(([w, M]) => {
+          p(M, [...h, w]);
         });
       } else
-        e.set(h, { value: S });
+        e.set(l, { value: S });
     };
-    l(t, [...s, i]), a({ shadowStateStore: e }), f().notifyPathSubscribers(n, {
+    p(o, [...n, i]), c({ shadowStateStore: e }), f().notifyPathSubscribers(s, {
       type: "INSERT",
-      path: n,
+      path: s,
       itemKey: d
     });
   },
-  removeShadowArrayElement: (r, s) => {
-    const t = new Map(f().shadowStateStore), e = [r, ...s].join("."), n = s.slice(0, -1), o = [r, ...n].join("."), i = t.get(o);
+  removeShadowArrayElement: (t, n) => {
+    const o = new Map(f().shadowStateStore), e = [t, ...n].join("."), s = n.slice(0, -1), r = [t, ...s].join("."), i = o.get(r);
     if (i && i.arrayKeys && i.arrayKeys.findIndex(
-      (c) => c === e
+      (a) => a === e
     ) !== -1) {
-      const c = i.arrayKeys.filter(
+      const a = i.arrayKeys.filter(
         (S) => S !== e
       );
-      t.set(o, {
+      o.set(r, {
         ...i,
-        arrayKeys: c
+        arrayKeys: a
       });
-      const l = e + ".";
-      for (const S of Array.from(t.keys()))
-        (S === e || S.startsWith(l)) && t.delete(S);
+      const p = e + ".";
+      for (const S of Array.from(o.keys()))
+        (S === e || S.startsWith(p)) && o.delete(S);
     }
-    a({ shadowStateStore: t }), f().notifyPathSubscribers(o, {
+    c({ shadowStateStore: o }), f().notifyPathSubscribers(r, {
       type: "REMOVE",
-      path: o,
+      path: r,
       itemKey: e
       // The exact ID of the removed item
     });
   },
-  updateShadowAtPath: (r, s, t) => {
-    const e = new Map(f().shadowStateStore), n = [r, ...s].join("."), o = (i, d) => {
-      const c = e.get(i);
-      if (b(d) && c && c.fields) {
-        for (const l in d)
-          if (Object.prototype.hasOwnProperty.call(d, l)) {
-            const S = c.fields[l], y = d[l];
-            S && o(S, y);
+  updateShadowAtPath: (t, n, o) => {
+    const e = new Map(f().shadowStateStore), s = [t, ...n].join("."), r = (i, d) => {
+      const a = e.get(i);
+      if (m(d) && a && a.fields) {
+        for (const p in d)
+          if (Object.prototype.hasOwnProperty.call(d, p)) {
+            const S = a.fields[p], h = d[p];
+            S && r(S, h);
           }
       } else {
-        const l = e.get(i) || {};
-        e.set(i, { ...l, value: d });
+        const p = e.get(i) || {};
+        e.set(i, { ...p, value: d });
       }
     };
-    o(n, t), f().notifyPathSubscribers(n, { type: "UPDATE", newValue: t }), a({ shadowStateStore: e });
+    r(s, o), f().notifyPathSubscribers(s, { type: "UPDATE", newValue: o }), c({ shadowStateStore: e });
   },
   selectedIndicesMap: /* @__PURE__ */ new Map(),
-  getSelectedIndex: (r, s) => {
-    const t = f().selectedIndicesMap.get(r);
-    if (!t) return -1;
-    const e = s || M.getState().getShadowMetadata(r, [])?.arrayKeys;
-    return e ? e.indexOf(t) : -1;
+  getSelectedIndex: (t, n) => {
+    const o = f().selectedIndicesMap.get(t);
+    if (!o) return -1;
+    const e = n || E.getState().getShadowMetadata(t, [])?.arrayKeys;
+    return e ? e.indexOf(o) : -1;
   },
-  setSelectedIndex: (r, s) => {
-    a((t) => {
-      const e = t.selectedIndicesMap;
-      return s === void 0 ? e.delete(r) : (e.has(r) && f().notifyPathSubscribers(e.get(r), {
+  setSelectedIndex: (t, n) => {
+    c((o) => {
+      const e = o.selectedIndicesMap;
+      return n === void 0 ? e.delete(t) : (e.has(t) && f().notifyPathSubscribers(e.get(t), {
         type: "THIS_UNSELECTED"
-      }), e.set(r, s), f().notifyPathSubscribers(s, {
+      }), e.set(t, n), f().notifyPathSubscribers(n, {
         type: "THIS_SELECTED"
-      })), f().notifyPathSubscribers(r, {
+      })), f().notifyPathSubscribers(t, {
         type: "GET_SELECTED"
       }), {
-        ...t,
+        ...o,
         selectedIndicesMap: e
       };
     });
   },
-  clearSelectedIndex: ({ arrayKey: r }) => {
-    a((s) => {
-      const t = s.selectedIndicesMap;
-      return t.delete(r), f().notifyPathSubscribers(r, {
+  clearSelectedIndex: ({ arrayKey: t }) => {
+    c((n) => {
+      const o = n.selectedIndicesMap, e = o.get(t);
+      return e && f().notifyPathSubscribers(e, {
+        type: "CLEAR_SELECTION"
+      }), o.delete(t), f().notifyPathSubscribers(t, {
         type: "CLEAR_SELECTION"
       }), {
-        ...s,
-        selectedIndicesMap: t
+        ...n,
+        selectedIndicesMap: o
       };
     });
   },
-  clearSelectedIndexesForState: (r) => {
-    a((s) => {
-      const t = new Map(s.selectedIndicesMap);
-      return t.delete(r) ? { selectedIndicesMap: t } : {};
+  clearSelectedIndexesForState: (t) => {
+    c((n) => {
+      const o = new Map(n.selectedIndicesMap);
+      return o.delete(t) ? { selectedIndicesMap: o } : {};
     });
   },
   initialStateOptions: {},
@@ -214,98 +276,98 @@ const g = u((a, f) => ({
   stateLog: {},
   initialStateGlobal: {},
   validationErrors: /* @__PURE__ */ new Map(),
-  setStateLog: (r, s) => {
-    a((t) => {
-      const e = t.stateLog[r] ?? [], n = s(e);
+  setStateLog: (t, n) => {
+    c((o) => {
+      const e = o.stateLog[t] ?? [], s = n(e);
       return {
         stateLog: {
-          ...t.stateLog,
-          [r]: n
+          ...o.stateLog,
+          [t]: s
         }
       };
     });
   },
-  addValidationError: (r, s) => {
-    a((t) => {
-      const e = new Map(t.validationErrors), n = e.get(r) || [];
-      return console.log("addValidationError", r, s, n), e.set(r, [...n, s]), { validationErrors: e };
+  addValidationError: (t, n) => {
+    c((o) => {
+      const e = new Map(o.validationErrors), s = e.get(t) || [];
+      return console.log("addValidationError", t, n, s), e.set(t, [...s, n]), { validationErrors: e };
     });
   },
-  removeValidationError: (r) => {
-    a((s) => {
-      const t = new Map(s.validationErrors);
+  removeValidationError: (t) => {
+    c((n) => {
+      const o = new Map(n.validationErrors);
       let e = !1;
-      const n = r.split(".");
-      return Array.from(t.keys()).forEach((o) => {
-        const i = o.split(".");
-        if (i.length >= n.length) {
+      const s = t.split(".");
+      return Array.from(o.keys()).forEach((r) => {
+        const i = r.split(".");
+        if (i.length >= s.length) {
           let d = !0;
-          for (let c = 0; c < n.length; c++)
-            if (i[c] !== n[c]) {
+          for (let a = 0; a < s.length; a++)
+            if (i[a] !== s[a]) {
               d = !1;
               break;
             }
-          d && (e = !0, t.delete(o));
+          d && (e = !0, o.delete(r));
         }
-      }), e ? { validationErrors: t } : s;
+      }), e ? { validationErrors: o } : n;
     });
   },
-  getValidationErrors: (r) => {
-    const s = [], t = f().validationErrors, e = r.split("."), n = (o, i) => o === "[*]" ? !0 : Array.isArray(o) ? o.includes(parseInt(i)) : o === i;
-    return Array.from(t.keys()).forEach((o) => {
-      const i = o.split(".");
+  getValidationErrors: (t) => {
+    const n = [], o = f().validationErrors, e = t.split("."), s = (r, i) => r === "[*]" ? !0 : Array.isArray(r) ? r.includes(parseInt(i)) : r === i;
+    return Array.from(o.keys()).forEach((r) => {
+      const i = r.split(".");
       if (i.length >= e.length) {
         let d = !0;
-        for (let c = 0; c < e.length; c++) {
-          const l = e[c], S = i[c];
-          if (l === "[*]" || Array.isArray(l)) {
-            const y = parseInt(S);
-            if (isNaN(y)) {
+        for (let a = 0; a < e.length; a++) {
+          const p = e[a], S = i[a];
+          if (p === "[*]" || Array.isArray(p)) {
+            const h = parseInt(S);
+            if (isNaN(h)) {
               d = !1;
               break;
             }
-            if (!n(l, S)) {
+            if (!s(p, S)) {
               d = !1;
               break;
             }
-          } else if (l !== S) {
+          } else if (p !== S) {
             d = !1;
             break;
           }
         }
         if (d) {
-          const c = t.get(o);
-          c && s.push(...c);
+          const a = o.get(r);
+          a && n.push(...a);
         }
       }
-    }), s;
+    }), n;
   },
-  getInitialOptions: (r) => f().initialStateOptions[r],
-  setInitialStateOptions: (r, s) => {
-    a((t) => ({
+  getInitialOptions: (t) => f().initialStateOptions[t],
+  setInitialStateOptions: (t, n) => {
+    c((o) => ({
       initialStateOptions: {
-        ...t.initialStateOptions,
-        [r]: s
+        ...o.initialStateOptions,
+        [t]: n
       }
     }));
   },
-  updateInitialStateGlobal: (r, s) => {
-    a((t) => ({
+  updateInitialStateGlobal: (t, n) => {
+    c((o) => ({
       initialStateGlobal: {
-        ...t.initialStateGlobal,
-        [r]: s
+        ...o.initialStateGlobal,
+        [t]: n
       }
     }));
   },
   syncInfoStore: /* @__PURE__ */ new Map(),
-  setSyncInfo: (r, s) => a((t) => {
-    const e = new Map(t.syncInfoStore);
-    return e.set(r, s), { ...t, syncInfoStore: e };
+  setSyncInfo: (t, n) => c((o) => {
+    const e = new Map(o.syncInfoStore);
+    return e.set(t, n), { ...o, syncInfoStore: e };
   }),
-  getSyncInfo: (r) => f().syncInfoStore.get(r) || null
+  getSyncInfo: (t) => f().syncInfoStore.get(t) || null
 }));
 export {
-  g as formRefStore,
-  M as getGlobalStore
+  A as formRefStore,
+  E as getGlobalStore
 };
 //# sourceMappingURL=store.js.map