cogsbox-state 0.5.468 → 0.5.470

package/dist/Components.d.ts

@@ -36,4 +36,14 @@ export declare function FormElementWrapper({ stateKey, path, rebuildStateShape,
     setState: any;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useRegisterComponent(stateKey: string, componentId: string, forceUpdate: (o: object) => void): void;
+export declare function IsolatedComponentWrapper({ stateKey, path, rebuildStateShape, renderFn, }: {
+    stateKey: string;
+    path: string[];
+    rebuildStateShape: (options: {
+        path: string[];
+        componentId: string;
+        meta?: any;
+    }) => any;
+    renderFn: (state: any) => React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Components.d.ts.map

package/dist/Components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../src/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,KAQN,MAAM,OAAO,CAAC;AAkBf,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,2CAgDxB;AACD,eAAO,MAAM,uBAAuB,mDAWnC,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC;IAEjB,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,YAAY,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CACR,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,MAAM,EAEb,WAAW,EAAE,GAAG,KACb,KAAK,CAAC,SAAS,CAAC;CACtB,kDAkEA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;CACf,2CAsQA;AACD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,QAiBjC"}
+{"version":3,"file":"Components.d.ts","sourceRoot":"","sources":["../src/Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,KAQN,MAAM,OAAO,CAAC;AAuBf,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,2CAqDxB;AACD,eAAO,MAAM,uBAAuB,mDAWnC,CAAC;AACF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC;IAEjB,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,YAAY,EAAE,GAAG,CAAC;QAClB,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CACR,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,MAAM,EAEb,WAAW,EAAE,GAAG,KACb,KAAK,CAAC,SAAS,CAAC;CACtB,kDAkEA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,GAAG,CAAC;CACf,2CAsQA;AACD,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,QAiBjC;AAiDD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC;KACZ,KAAK,GAAG,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3C,2CAuBA"}

package/dist/Components.jsx

@@ -1,42 +1,43 @@
-import { jsx as O, Fragment as $ } from "react/jsx-runtime";
-import x, { memo as k, useState as A, useRef as C, useCallback as J, useEffect as j, useLayoutEffect as U } from "react";
-import { getGlobalStore as p, formRefStore as _ } from "./store.js";
-import { useInView as Q } from "react-intersection-observer";
-import { v4 as X } from "uuid";
+import { jsx as w, Fragment as x } from "react/jsx-runtime";
+import U, { memo as _, useState as p, useRef as j, useCallback as J, useEffect as C, useLayoutEffect as B } from "react";
+import { getGlobalStore as b, formRefStore as Q } from "./store.js";
+import { useInView as X } from "react-intersection-observer";
+import { v4 as G } from "uuid";
 import { isDeepEqual as Y } from "./utility.js";
 const {
   getInitialOptions: Z,
   getShadowMetadata: H,
-  setShadowMetadata: h,
+  setShadowMetadata: I,
   getShadowValue: R,
   registerComponent: K,
   unregisterComponent: ee,
   notifyPathSubscribers: te,
   subscribeToPath: re
-} = p.getState();
+} = b.getState();
 function ne({
   formOpts: e,
   path: t,
   stateKey: n,
   children: o
 }) {
-  const { getInitialOptions: f, getShadowMetadata: s, getShadowValue: l } = p.getState(), m = f(n), d = s(n, t)?.validation, a = d?.status || "NOT_VALIDATED", S = (d?.errors || []).map((c) => ({
-    ...c,
+  const { getInitialOptions: l, getShadowMetadata: s, getShadowValue: a } = b.getState(), f = l(n), m = s(n, t)?.validation, i = m?.status || "NOT_VALIDATED", v = (m?.errors || []).map((d) => ({
+    ...d,
     path: t
-  })), u = S.filter((c) => c.severity === "error").map((c) => c.message), i = S.filter((c) => c.severity === "warning").map((c) => c.message), E = u[0] || i[0];
-  return /* @__PURE__ */ O($, { children: m?.formElements?.validation && !e?.validation?.disable ? m.formElements.validation({
-    children: /* @__PURE__ */ O(x.Fragment, { children: o }, t.toString()),
-    status: a,
+  })), u = v.filter((d) => d.severity === "error").map((d) => d.message), c = v.filter((d) => d.severity === "warning").map((d) => d.message), L = u[0] || c[0], V = u.length > 0 ? "error" : c.length > 0 ? "warning" : void 0;
+  return /* @__PURE__ */ w(x, { children: f?.formElements?.validation && !e?.validation?.disable ? f.formElements.validation({
+    children: /* @__PURE__ */ w(U.Fragment, { children: o }, t.toString()),
+    status: i,
     // Now passes the new ValidationStatus type
-    message: e?.validation?.hideMessage ? "" : e?.validation?.message || E || "",
+    message: e?.validation?.hideMessage ? "" : e?.validation?.message || L || "",
+    severity: V,
     hasErrors: u.length > 0,
-    hasWarnings: i.length > 0,
-    allErrors: S,
+    hasWarnings: c.length > 0,
+    allErrors: v,
     path: t,
-    getData: () => l(n, t)
-  }) : /* @__PURE__ */ O(x.Fragment, { children: o }, t.toString()) });
+    getData: () => a(n, t)
+  }) : /* @__PURE__ */ w(U.Fragment, { children: o }, t.toString()) });
 }
-const me = k(
+const me = _(
   oe,
   (e, t) => e.itemPath.join(".") === t.itemPath.join(".") && e.stateKey === t.stateKey && e.itemComponentId === t.itemComponentId && e.localIndex === t.localIndex
 );
@@ -45,87 +46,87 @@ function oe({
   itemComponentId: t,
   itemPath: n,
   localIndex: o,
-  arraySetter: f,
+  arraySetter: l,
   rebuildStateShape: s,
-  renderFn: l
+  renderFn: a
 }) {
-  const [, m] = A({}), { ref: M, inView: d } = Q(), a = C(null), S = ae(a), u = C(!1), i = [e, ...n].join(".");
-  B(e, t, m);
-  const E = J(
+  const [, f] = p({}), { ref: h, inView: m } = X(), i = j(null), v = se(i), u = j(!1), c = [e, ...n].join(".");
+  F(e, t, f);
+  const L = J(
     (r) => {
-      a.current = r, M(r);
+      i.current = r, h(r);
     },
-    [M]
+    [h]
   );
-  j(() => {
-    const r = re(i, (g) => {
-      m({});
+  C(() => {
+    const r = re(c, (g) => {
+      f({});
     });
     return () => r();
-  }, [i]), j(() => {
-    if (!d || !S || u.current)
+  }, [c]), C(() => {
+    if (!m || !v || u.current)
       return;
-    const r = a.current;
+    const r = i.current;
     if (r && r.offsetHeight > 0) {
       u.current = !0;
       const g = r.offsetHeight;
-      h(e, n, {
+      I(e, n, {
         virtualizer: {
           itemHeight: g,
           domRef: r
         }
       });
-      const v = n.slice(0, -1), T = [e, ...v].join(".");
-      te(T, {
+      const S = n.slice(0, -1), D = [e, ...S].join(".");
+      te(D, {
         type: "ITEMHEIGHT",
         itemKey: n.join("."),
-        ref: a.current
+        ref: i.current
       });
     }
-  }, [d, S, e, n]);
-  const c = R(e, n);
-  if (c === void 0)
+  }, [m, v, e, n]);
+  const V = R(e, n);
+  if (V === void 0)
     return null;
-  const z = s({
-    currentState: c,
+  const d = s({
+    currentState: V,
     path: n,
     componentId: t
-  }), y = l(z, o, f);
-  return /* @__PURE__ */ O("div", { ref: E, children: y });
+  }), z = a(d, o, l);
+  return /* @__PURE__ */ w("div", { ref: L, children: z });
 }
 function ge({
   stateKey: e,
   path: t,
   rebuildStateShape: n,
   renderFn: o,
-  formOpts: f,
+  formOpts: l,
   setState: s
 }) {
-  const [l] = A(() => X()), [, m] = A({}), M = [e, ...t].join(".");
-  B(e, l, m);
-  const d = R(e, t), [a, S] = A(d), u = C(!1), i = C(null);
-  j(() => {
-    !u.current && !Y(d, a) && S(d);
-  }, [d]), j(() => {
-    const r = p.getState().subscribeToPath(M, (g) => {
-      !u.current && a !== g && m({});
+  const [a] = p(() => G()), [, f] = p({}), h = [e, ...t].join(".");
+  F(e, a, f);
+  const m = R(e, t), [i, v] = p(m), u = j(!1), c = j(null);
+  C(() => {
+    !u.current && !Y(m, i) && v(m);
+  }, [m]), C(() => {
+    const r = b.getState().subscribeToPath(h, (g) => {
+      !u.current && i !== g && f({});
     });
     return () => {
-      r(), i.current && (clearTimeout(i.current), u.current = !1);
+      r(), c.current && (clearTimeout(c.current), u.current = !1);
     };
   }, []);
-  const E = J(
+  const L = J(
     (r) => {
-      typeof d === "number" && typeof r == "string" && (r = r === "" ? 0 : Number(r)), S(r), u.current = !0, i.current && clearTimeout(i.current);
-      const v = f?.debounceTime ?? 200;
-      i.current = setTimeout(() => {
-        if (u.current = !1, s(r, t, { updateType: "update" }), !p.getState().getShadowMetadata(e, [])?.features?.validationEnabled) return;
-        const I = Z(e)?.validation, N = I?.zodSchemaV4 || I?.zodSchemaV3;
+      typeof m === "number" && typeof r == "string" && (r = r === "" ? 0 : Number(r)), v(r), u.current = !0, c.current && clearTimeout(c.current);
+      const S = l?.debounceTime ?? 200;
+      c.current = setTimeout(() => {
+        if (u.current = !1, s(r, t, { updateType: "update" }), !b.getState().getShadowMetadata(e, [])?.features?.validationEnabled) return;
+        const M = Z(e)?.validation, N = M?.zodSchemaV4 || M?.zodSchemaV3;
         if (N) {
-          const V = R(e, []), w = N.safeParse(V), L = H(e, t) || {};
-          if (w.success)
-            h(e, t, {
-              ...L,
+          const E = R(e, []), y = N.safeParse(E), O = H(e, t) || {};
+          if (y.success)
+            I(e, t, {
+              ...O,
               validation: {
                 status: "VALID",
                 errors: [],
@@ -134,11 +135,11 @@ function ge({
               }
             });
           else {
-            const W = ("issues" in w.error ? w.error.issues : w.error.errors).filter(
-              (b) => JSON.stringify(b.path) === JSON.stringify(t)
+            const W = ("issues" in y.error ? y.error.issues : y.error.errors).filter(
+              (T) => JSON.stringify(T.path) === JSON.stringify(t)
             );
-            W.length > 0 ? h(e, t, {
-              ...L,
+            W.length > 0 ? I(e, t, {
+              ...O,
               validation: {
                 status: "INVALID",
                 errors: [
@@ -152,8 +153,8 @@ function ge({
                 lastValidated: Date.now(),
                 validatedValue: r
               }
-            }) : h(e, t, {
-              ...L,
+            }) : I(e, t, {
+              ...O,
               validation: {
                 status: "VALID",
                 errors: [],
@@ -163,83 +164,83 @@ function ge({
             });
           }
         }
-      }, v), m({});
+      }, S), f({});
     },
-    [s, t, f?.debounceTime, e]
-  ), c = J(async () => {
-    if (console.log("handleBlur triggered"), i.current && (clearTimeout(i.current), i.current = null, u.current = !1, s(a, t, { updateType: "update" })), !H(e, [])?.features?.validationEnabled) return;
-    const { getInitialOptions: g } = p.getState(), v = g(e)?.validation, T = v?.zodSchemaV4 || v?.zodSchemaV3;
-    if (!T) return;
-    const I = H(e, t);
-    h(e, t, {
-      ...I,
+    [s, t, l?.debounceTime, e]
+  ), V = J(async () => {
+    if (console.log("handleBlur triggered"), c.current && (clearTimeout(c.current), c.current = null, u.current = !1, s(i, t, { updateType: "update" })), !H(e, [])?.features?.validationEnabled) return;
+    const { getInitialOptions: g } = b.getState(), S = g(e)?.validation, D = S?.zodSchemaV4 || S?.zodSchemaV3;
+    if (!D) return;
+    const M = H(e, t);
+    I(e, t, {
+      ...M,
       validation: {
         status: "VALIDATING",
         errors: [],
         lastValidated: Date.now(),
-        validatedValue: a
+        validatedValue: i
       }
     });
-    const N = R(e, []), V = T.safeParse(N);
-    if (V.success)
-      h(e, t, {
-        ...I,
+    const N = R(e, []), E = D.safeParse(N);
+    if (E.success)
+      I(e, t, {
+        ...M,
         validation: {
           status: "VALID",
           errors: [],
           lastValidated: Date.now(),
-          validatedValue: a
+          validatedValue: i
         }
       });
     else {
-      const L = ("issues" in V.error ? V.error.issues : V.error.errors).filter((D) => {
-        if (t.some((b) => b.startsWith("id:"))) {
-          const b = t[0].startsWith("id:") ? [] : t.slice(0, -1), F = p.getState().getShadowMetadata(e, b);
-          if (F?.arrayKeys) {
-            const G = [e, ...t.slice(0, -1)].join("."), P = F.arrayKeys.indexOf(G), q = [...b, P, ...t.slice(-1)];
-            return JSON.stringify(D.path) === JSON.stringify(q);
+      const O = ("issues" in E.error ? E.error.issues : E.error.errors).filter((A) => {
+        if (t.some((T) => T.startsWith("id:"))) {
+          const T = t[0].startsWith("id:") ? [] : t.slice(0, -1), P = b.getState().getShadowMetadata(e, T);
+          if (P?.arrayKeys) {
+            const $ = [e, ...t.slice(0, -1)].join("."), q = P.arrayKeys.indexOf($), k = [...T, q, ...t.slice(-1)];
+            return JSON.stringify(A.path) === JSON.stringify(k);
           }
         }
-        return JSON.stringify(D.path) === JSON.stringify(t);
+        return JSON.stringify(A.path) === JSON.stringify(t);
       });
-      h(e, t, {
-        ...I,
+      I(e, t, {
+        ...M,
         validation: {
           status: "INVALID",
-          errors: L.map((D) => ({
+          errors: O.map((A) => ({
             source: "client",
-            message: D.message,
+            message: A.message,
             severity: "error"
             // Hard error on blur
           })),
           lastValidated: Date.now(),
-          validatedValue: a
+          validatedValue: i
         }
       });
     }
-    m({});
-  }, [e, t, a, s]), z = n({
+    f({});
+  }, [e, t, i, s]), d = n({
     path: t,
-    componentId: l,
+    componentId: a,
     meta: void 0
-  }), y = new Proxy(z, {
+  }), z = new Proxy(d, {
     get(r, g) {
-      return g === "inputProps" ? {
-        value: a ?? "",
-        onChange: (v) => {
-          E(v.target.value);
+      return g === "$inputProps" ? {
+        value: i ?? "",
+        onChange: (S) => {
+          L(S.target.value);
         },
         // 5. Wire the new onBlur handler to the input props.
-        onBlur: c,
-        ref: _.getState().getFormRef(e + "." + t.join("."))
+        onBlur: V,
+        ref: Q.getState().getFormRef(e + "." + t.join("."))
       } : r[g];
     }
   });
-  return /* @__PURE__ */ O(ne, { formOpts: f, path: t, stateKey: e, children: o(y) });
+  return /* @__PURE__ */ w(ne, { formOpts: l, path: t, stateKey: e, children: o(z) });
 }
-function B(e, t, n) {
+function F(e, t, n) {
   const o = `${e}////${t}`;
-  U(() => (K(e, o, {
+  B(() => (K(e, o, {
     forceUpdate: () => n({}),
     paths: /* @__PURE__ */ new Set(),
     reactiveType: ["component"]
@@ -247,9 +248,9 @@ function B(e, t, n) {
     ee(e, o);
   }), [e, o]);
 }
-const ae = (e) => {
-  const [t, n] = A(!1);
-  return U(() => {
+const se = (e) => {
+  const [t, n] = p(!1);
+  return B(() => {
     if (!e.current) {
       n(!0);
       return;
@@ -259,24 +260,45 @@ const ae = (e) => {
       n(!0);
       return;
     }
-    let f = 0;
+    let l = 0;
     const s = () => {
-      f++, f === o.length && n(!0);
+      l++, l === o.length && n(!0);
     };
-    return o.forEach((l) => {
-      l.complete ? s() : (l.addEventListener("load", s), l.addEventListener("error", s));
+    return o.forEach((a) => {
+      a.complete ? s() : (a.addEventListener("load", s), a.addEventListener("error", s));
     }), () => {
-      o.forEach((l) => {
-        l.removeEventListener("load", s), l.removeEventListener("error", s);
+      o.forEach((a) => {
+        a.removeEventListener("load", s), a.removeEventListener("error", s);
       });
     };
   }, [e.current]), t;
 };
+function ve({
+  stateKey: e,
+  path: t,
+  rebuildStateShape: n,
+  renderFn: o
+}) {
+  const [l] = p(() => G()), [, s] = p({}), a = [e, ...t].join(".");
+  F(e, l, s), C(() => {
+    const h = b.getState().subscribeToPath(a, () => {
+      s({});
+    });
+    return () => h();
+  }, [a]);
+  const f = n({
+    path: t,
+    componentId: l,
+    meta: void 0
+  });
+  return /* @__PURE__ */ w(x, { children: o(f) });
+}
 export {
   ge as FormElementWrapper,
+  ve as IsolatedComponentWrapper,
   oe as ListItemWrapper,
   me as MemoizedCogsItemWrapper,
   ne as ValidationWrapper,
-  B as useRegisterComponent
+  F as useRegisterComponent
 };
 //# sourceMappingURL=Components.jsx.map

package/dist/Components.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Components.jsx","sources":["../src/Components.tsx"],"sourcesContent":["import { FormElementParams, type FormOptsType } from './CogsState';\r\nimport React, {\r\n  memo,\r\n  RefObject,\r\n  useCallback,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\nimport { formRefStore, getGlobalStore, ValidationError } from './store';\r\nimport { useInView } from 'react-intersection-observer';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { isDeepEqual } from './utility';\r\nconst {\r\n  getInitialOptions,\r\n\r\n  getShadowMetadata,\r\n  setShadowMetadata,\r\n  getShadowValue,\r\n\r\n  registerComponent,\r\n  unregisterComponent,\r\n\r\n  notifyPathSubscribers,\r\n  subscribeToPath,\r\n} = getGlobalStore.getState();\r\nexport type ValidationWrapperProps = {\r\n  formOpts?: FormOptsType;\r\n  path: string[];\r\n  stateKey: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport function ValidationWrapper({\r\n  formOpts,\r\n  path,\r\n  stateKey,\r\n  children,\r\n}: ValidationWrapperProps) {\r\n  const { getInitialOptions, getShadowMetadata, getShadowValue } =\r\n    getGlobalStore.getState();\r\n  const thisStateOpts = getInitialOptions(stateKey!);\r\n\r\n  const shadowMeta = getShadowMetadata(stateKey!, path);\r\n  const validationState = shadowMeta?.validation;\r\n\r\n  const status = validationState?.status || 'NOT_VALIDATED';\r\n\r\n  const errors = (validationState?.errors || []).map((err) => ({\r\n    ...err,\r\n    path: path,\r\n  })) as ValidationError[];\r\n  const errorMessages = errors\r\n    .filter((err) => err.severity === 'error')\r\n    .map((err) => err.message);\r\n  const warningMessages = errors\r\n    .filter((err) => err.severity === 'warning')\r\n    .map((err) => err.message);\r\n\r\n  // Use first error, or first warning if no errors\r\n  const message = errorMessages[0] || warningMessages[0];\r\n\r\n  return (\r\n    <>\r\n      {thisStateOpts?.formElements?.validation &&\r\n      !formOpts?.validation?.disable ? (\r\n        thisStateOpts.formElements!.validation!({\r\n          children: (\r\n            <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n          ),\r\n          status, // Now passes the new ValidationStatus type\r\n          message: formOpts?.validation?.hideMessage\r\n            ? ''\r\n            : formOpts?.validation?.message || message || '',\r\n\r\n          hasErrors: errorMessages.length > 0,\r\n          hasWarnings: warningMessages.length > 0,\r\n          allErrors: errors,\r\n          path: path,\r\n          getData: () => getShadowValue(stateKey!, path),\r\n        })\r\n      ) : (\r\n        <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n      )}\r\n    </>\r\n  );\r\n}\r\nexport const MemoizedCogsItemWrapper = memo(\r\n  ListItemWrapper,\r\n  (prevProps, nextProps) => {\r\n    // Re-render if any of these change:\r\n    return (\r\n      prevProps.itemPath.join('.') === nextProps.itemPath.join('.') &&\r\n      prevProps.stateKey === nextProps.stateKey &&\r\n      prevProps.itemComponentId === nextProps.itemComponentId &&\r\n      prevProps.localIndex === nextProps.localIndex\r\n    );\r\n  }\r\n);\r\nexport function ListItemWrapper({\r\n  stateKey,\r\n  itemComponentId,\r\n  itemPath,\r\n  localIndex,\r\n  arraySetter,\r\n  rebuildStateShape,\r\n  renderFn,\r\n}: {\r\n  stateKey: string;\r\n  itemComponentId: string;\r\n  itemPath: string[];\r\n  localIndex: number;\r\n  arraySetter: any;\r\n\r\n  rebuildStateShape: (options: {\r\n    currentState: any;\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (\r\n    setter: any,\r\n    index: number,\r\n\r\n    arraySetter: any\r\n  ) => React.ReactNode;\r\n}) {\r\n  const [, forceUpdate] = useState({});\r\n  const { ref: inViewRef, inView } = useInView();\r\n  const elementRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const imagesLoaded = useImageLoaded(elementRef);\r\n  const hasReportedInitialHeight = useRef(false);\r\n  const fullKey = [stateKey, ...itemPath].join('.');\r\n  useRegisterComponent(stateKey, itemComponentId, forceUpdate);\r\n\r\n  const setRefs = useCallback(\r\n    (element: HTMLDivElement | null) => {\r\n      elementRef.current = element;\r\n      inViewRef(element); // This is the ref from useInView\r\n    },\r\n    [inViewRef]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = subscribeToPath(fullKey, (e) => {\r\n      forceUpdate({});\r\n    });\r\n    return () => unsubscribe();\r\n  }, [fullKey]);\r\n  useEffect(() => {\r\n    if (!inView || !imagesLoaded || hasReportedInitialHeight.current) {\r\n      return;\r\n    }\r\n\r\n    const element = elementRef.current;\r\n    if (element && element.offsetHeight > 0) {\r\n      hasReportedInitialHeight.current = true;\r\n      const newHeight = element.offsetHeight;\r\n\r\n      setShadowMetadata(stateKey, itemPath, {\r\n        virtualizer: {\r\n          itemHeight: newHeight,\r\n          domRef: element,\r\n        },\r\n      });\r\n\r\n      const arrayPath = itemPath.slice(0, -1);\r\n      const arrayPathKey = [stateKey, ...arrayPath].join('.');\r\n      notifyPathSubscribers(arrayPathKey, {\r\n        type: 'ITEMHEIGHT',\r\n        itemKey: itemPath.join('.'),\r\n\r\n        ref: elementRef.current,\r\n      });\r\n    }\r\n  }, [inView, imagesLoaded, stateKey, itemPath]);\r\n\r\n  const itemValue = getShadowValue(stateKey, itemPath);\r\n\r\n  if (itemValue === undefined) {\r\n    return null;\r\n  }\r\n\r\n  const itemSetter = rebuildStateShape({\r\n    currentState: itemValue,\r\n    path: itemPath,\r\n    componentId: itemComponentId,\r\n  });\r\n  const children = renderFn(itemSetter, localIndex, arraySetter);\r\n\r\n  return <div ref={setRefs}>{children}</div>;\r\n}\r\n\r\nexport function FormElementWrapper({\r\n  stateKey,\r\n  path,\r\n  rebuildStateShape,\r\n  renderFn,\r\n  formOpts,\r\n  setState,\r\n}: {\r\n  stateKey: string;\r\n  path: string[];\r\n  rebuildStateShape: (options: {\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (params: FormElementParams<any>) => React.ReactNode;\r\n  formOpts?: FormOptsType;\r\n  setState: any;\r\n}) {\r\n  const [componentId] = useState(() => uuidv4());\r\n  const [, forceUpdate] = useState({});\r\n\r\n  const stateKeyPathKey = [stateKey, ...path].join('.');\r\n  useRegisterComponent(stateKey, componentId, forceUpdate);\r\n  const globalStateValue = getShadowValue(stateKey, path);\r\n  const [localValue, setLocalValue] = useState<any>(globalStateValue);\r\n  const isCurrentlyDebouncing = useRef(false);\r\n  const debounceTimeoutRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      !isCurrentlyDebouncing.current &&\r\n      !isDeepEqual(globalStateValue, localValue)\r\n    ) {\r\n      setLocalValue(globalStateValue);\r\n    }\r\n  }, [globalStateValue]);\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = getGlobalStore\r\n      .getState()\r\n      .subscribeToPath(stateKeyPathKey, (newValue) => {\r\n        if (!isCurrentlyDebouncing.current && localValue !== newValue) {\r\n          forceUpdate({});\r\n        }\r\n      });\r\n    return () => {\r\n      unsubscribe();\r\n      if (debounceTimeoutRef.current) {\r\n        clearTimeout(debounceTimeoutRef.current);\r\n        isCurrentlyDebouncing.current = false;\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const debouncedUpdate = useCallback(\r\n    (newValue: any) => {\r\n      const currentType = typeof globalStateValue;\r\n      if (currentType === 'number' && typeof newValue === 'string') {\r\n        newValue = newValue === '' ? 0 : Number(newValue);\r\n      }\r\n      setLocalValue(newValue);\r\n      isCurrentlyDebouncing.current = true;\r\n\r\n      if (debounceTimeoutRef.current) {\r\n        clearTimeout(debounceTimeoutRef.current);\r\n      }\r\n\r\n      const debounceTime = formOpts?.debounceTime ?? 200;\r\n\r\n      debounceTimeoutRef.current = setTimeout(() => {\r\n        isCurrentlyDebouncing.current = false;\r\n        setState(newValue, path, { updateType: 'update' });\r\n\r\n        // NEW: Check if validation is enabled via features\r\n        const rootMeta = getGlobalStore\r\n          .getState()\r\n          .getShadowMetadata(stateKey, []);\r\n        if (!rootMeta?.features?.validationEnabled) return;\r\n\r\n        const validationOptions = getInitialOptions(stateKey)?.validation;\r\n        const zodSchema =\r\n          validationOptions?.zodSchemaV4 || validationOptions?.zodSchemaV3;\r\n\r\n        if (zodSchema) {\r\n          const fullState = getShadowValue(stateKey, []);\r\n          const result = zodSchema.safeParse(fullState);\r\n          const currentMeta = getShadowMetadata(stateKey, path) || {};\r\n\r\n          if (!result.success) {\r\n            const errors =\r\n              'issues' in result.error\r\n                ? result.error.issues\r\n                : (result.error as any).errors;\r\n\r\n            const pathErrors = errors.filter(\r\n              (error: any) =>\r\n                JSON.stringify(error.path) === JSON.stringify(path)\r\n            );\r\n\r\n            if (pathErrors.length > 0) {\r\n              setShadowMetadata(stateKey, path, {\r\n                ...currentMeta,\r\n                validation: {\r\n                  status: 'INVALID',\r\n                  errors: [\r\n                    {\r\n                      source: 'client',\r\n                      message: pathErrors[0]?.message,\r\n                      severity: 'warning', // Gentle error during typing\r\n                    },\r\n                  ],\r\n                  lastValidated: Date.now(),\r\n                  validatedValue: newValue,\r\n                },\r\n              });\r\n            } else {\r\n              setShadowMetadata(stateKey, path, {\r\n                ...currentMeta,\r\n                validation: {\r\n                  status: 'VALID',\r\n                  errors: [],\r\n                  lastValidated: Date.now(),\r\n                  validatedValue: newValue,\r\n                },\r\n              });\r\n            }\r\n          } else {\r\n            setShadowMetadata(stateKey, path, {\r\n              ...currentMeta,\r\n              validation: {\r\n                status: 'VALID',\r\n                errors: [],\r\n                lastValidated: Date.now(),\r\n                validatedValue: newValue,\r\n              },\r\n            });\r\n          }\r\n        }\r\n      }, debounceTime);\r\n      forceUpdate({});\r\n    },\r\n    [setState, path, formOpts?.debounceTime, stateKey]\r\n  );\r\n\r\n  const handleBlur = useCallback(async () => {\r\n    console.log('handleBlur triggered');\r\n\r\n    // Commit any pending changes\r\n    if (debounceTimeoutRef.current) {\r\n      clearTimeout(debounceTimeoutRef.current);\r\n      debounceTimeoutRef.current = null;\r\n      isCurrentlyDebouncing.current = false;\r\n      setState(localValue, path, { updateType: 'update' });\r\n    }\r\n    const rootMeta = getShadowMetadata(stateKey, []);\r\n    if (!rootMeta?.features?.validationEnabled) return;\r\n    const { getInitialOptions } = getGlobalStore.getState();\r\n    const validationOptions = getInitialOptions(stateKey)?.validation;\r\n    const zodSchema =\r\n      validationOptions?.zodSchemaV4 || validationOptions?.zodSchemaV3;\r\n\r\n    if (!zodSchema) return;\r\n\r\n    // Get the full path including stateKey\r\n\r\n    // Update validation state to \"validating\"\r\n    const currentMeta = getShadowMetadata(stateKey, path);\r\n\r\n    setShadowMetadata(stateKey, path, {\r\n      ...currentMeta,\r\n      validation: {\r\n        status: 'VALIDATING',\r\n        errors: [],\r\n        lastValidated: Date.now(),\r\n        validatedValue: localValue,\r\n      },\r\n    });\r\n\r\n    // Validate full state\r\n    const fullState = getShadowValue(stateKey, []);\r\n    const result = zodSchema.safeParse(fullState);\r\n\r\n    if (!result.success) {\r\n      const errors =\r\n        'issues' in result.error\r\n          ? result.error.issues\r\n          : (result.error as any).errors;\r\n\r\n      // Find errors for this specific path\r\n      const pathErrors = errors.filter((error: any) => {\r\n        // For array paths, we need to translate indices to ULIDs\r\n        if (path.some((p) => p.startsWith('id:'))) {\r\n          // This is an array item path like [\"id:xyz\", \"name\"]\r\n          const parentPath = path[0]!.startsWith('id:')\r\n            ? []\r\n            : path.slice(0, -1);\r\n\r\n          const arrayMeta = getGlobalStore\r\n            .getState()\r\n            .getShadowMetadata(stateKey, parentPath);\r\n\r\n          if (arrayMeta?.arrayKeys) {\r\n            const itemKey = [stateKey, ...path.slice(0, -1)].join('.');\r\n            const itemIndex = arrayMeta.arrayKeys.indexOf(itemKey);\r\n\r\n            // Compare with Zod path\r\n            const zodPath = [...parentPath, itemIndex, ...path.slice(-1)];\r\n            const match =\r\n              JSON.stringify(error.path) === JSON.stringify(zodPath);\r\n\r\n            return match;\r\n          }\r\n        }\r\n\r\n        const directMatch = JSON.stringify(error.path) === JSON.stringify(path);\r\n\r\n        return directMatch;\r\n      });\r\n\r\n      // Update shadow metadata with validation result\r\n      setShadowMetadata(stateKey, path, {\r\n        ...currentMeta,\r\n        validation: {\r\n          status: 'INVALID',\r\n          errors: pathErrors.map((err: any) => ({\r\n            source: 'client' as const,\r\n            message: err.message,\r\n            severity: 'error' as const, // Hard error on blur\r\n          })),\r\n          lastValidated: Date.now(),\r\n          validatedValue: localValue,\r\n        },\r\n      });\r\n    } else {\r\n      // Validation passed\r\n      setShadowMetadata(stateKey, path, {\r\n        ...currentMeta,\r\n        validation: {\r\n          status: 'VALID',\r\n          errors: [],\r\n          lastValidated: Date.now(),\r\n          validatedValue: localValue,\r\n        },\r\n      });\r\n    }\r\n    forceUpdate({});\r\n  }, [stateKey, path, localValue, setState]);\r\n\r\n  const baseState = rebuildStateShape({\r\n    path: path,\r\n    componentId: componentId,\r\n    meta: undefined,\r\n  });\r\n\r\n  const stateWithInputProps = new Proxy(baseState, {\r\n    get(target, prop) {\r\n      if (prop === 'inputProps') {\r\n        return {\r\n          value: localValue ?? '',\r\n          onChange: (e: any) => {\r\n            debouncedUpdate(e.target.value);\r\n          },\r\n          // 5. Wire the new onBlur handler to the input props.\r\n          onBlur: handleBlur,\r\n          ref: formRefStore\r\n            .getState()\r\n            .getFormRef(stateKey + '.' + path.join('.')),\r\n        };\r\n      }\r\n\r\n      return target[prop];\r\n    },\r\n  });\r\n\r\n  return (\r\n    <ValidationWrapper formOpts={formOpts} path={path} stateKey={stateKey}>\r\n      {renderFn(stateWithInputProps)}\r\n    </ValidationWrapper>\r\n  );\r\n}\r\nexport function useRegisterComponent(\r\n  stateKey: string,\r\n  componentId: string,\r\n  forceUpdate: (o: object) => void\r\n) {\r\n  const fullComponentId = `${stateKey}////${componentId}`;\r\n\r\n  useLayoutEffect(() => {\r\n    // Call the safe, centralized function to register\r\n    registerComponent(stateKey, fullComponentId, {\r\n      forceUpdate: () => forceUpdate({}),\r\n      paths: new Set(),\r\n      reactiveType: ['component'],\r\n    });\r\n\r\n    // The cleanup now calls the safe, centralized unregister function\r\n    return () => {\r\n      unregisterComponent(stateKey, fullComponentId);\r\n    };\r\n  }, [stateKey, fullComponentId]); // Dependencies are stable and correct\r\n}\r\n\r\nconst useImageLoaded = (ref: RefObject<HTMLElement>): boolean => {\r\n  const [loaded, setLoaded] = useState(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (!ref.current) {\r\n      setLoaded(true);\r\n      return;\r\n    }\r\n\r\n    const images = Array.from(ref.current.querySelectorAll('img'));\r\n\r\n    // If there are no images, we are \"loaded\" immediately.\r\n    if (images.length === 0) {\r\n      setLoaded(true);\r\n      return;\r\n    }\r\n\r\n    let loadedCount = 0;\r\n    const handleImageLoad = () => {\r\n      loadedCount++;\r\n      if (loadedCount === images.length) {\r\n        setLoaded(true);\r\n      }\r\n    };\r\n\r\n    images.forEach((image) => {\r\n      if (image.complete) {\r\n        handleImageLoad();\r\n      } else {\r\n        image.addEventListener('load', handleImageLoad);\r\n        image.addEventListener('error', handleImageLoad);\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      images.forEach((image) => {\r\n        image.removeEventListener('load', handleImageLoad);\r\n        image.removeEventListener('error', handleImageLoad);\r\n      });\r\n    };\r\n  }, [ref.current]);\r\n\r\n  return loaded;\r\n};\r\n"],"names":["getInitialOptions","getShadowMetadata","setShadowMetadata","getShadowValue","registerComponent","unregisterComponent","notifyPathSubscribers","subscribeToPath","getGlobalStore","ValidationWrapper","formOpts","path","stateKey","children","thisStateOpts","validationState","status","errors","err","errorMessages","warningMessages","message","jsx","Fragment","React","MemoizedCogsItemWrapper","memo","ListItemWrapper","prevProps","nextProps","itemComponentId","itemPath","localIndex","arraySetter","rebuildStateShape","renderFn","forceUpdate","useState","inViewRef","inView","useInView","elementRef","useRef","imagesLoaded","useImageLoaded","hasReportedInitialHeight","fullKey","useRegisterComponent","setRefs","useCallback","element","useEffect","unsubscribe","e","newHeight","arrayPath","arrayPathKey","itemValue","itemSetter","FormElementWrapper","setState","componentId","uuidv4","stateKeyPathKey","globalStateValue","localValue","setLocalValue","isCurrentlyDebouncing","debounceTimeoutRef","isDeepEqual","newValue","debouncedUpdate","debounceTime","validationOptions","zodSchema","fullState","result","currentMeta","pathErrors","error","handleBlur","p","parentPath","arrayMeta","itemKey","itemIndex","zodPath","baseState","stateWithInputProps","target","prop","formRefStore","fullComponentId","useLayoutEffect","ref","loaded","setLoaded","images","loadedCount","handleImageLoad","image"],"mappings":"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"}
+{"version":3,"file":"Components.jsx","sources":["../src/Components.tsx"],"sourcesContent":["import { FormElementParams, type FormOptsType } from './CogsState';\r\nimport React, {\r\n  memo,\r\n  RefObject,\r\n  useCallback,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\nimport {\r\n  formRefStore,\r\n  getGlobalStore,\r\n  ValidationError,\r\n  ValidationSeverity,\r\n} from './store';\r\nimport { useInView } from 'react-intersection-observer';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { isDeepEqual } from './utility';\r\nconst {\r\n  getInitialOptions,\r\n\r\n  getShadowMetadata,\r\n  setShadowMetadata,\r\n  getShadowValue,\r\n\r\n  registerComponent,\r\n  unregisterComponent,\r\n\r\n  notifyPathSubscribers,\r\n  subscribeToPath,\r\n} = getGlobalStore.getState();\r\nexport type ValidationWrapperProps = {\r\n  formOpts?: FormOptsType;\r\n  path: string[];\r\n  stateKey: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport function ValidationWrapper({\r\n  formOpts,\r\n  path,\r\n  stateKey,\r\n  children,\r\n}: ValidationWrapperProps) {\r\n  const { getInitialOptions, getShadowMetadata, getShadowValue } =\r\n    getGlobalStore.getState();\r\n  const thisStateOpts = getInitialOptions(stateKey!);\r\n\r\n  const shadowMeta = getShadowMetadata(stateKey!, path);\r\n  const validationState = shadowMeta?.validation;\r\n\r\n  const status = validationState?.status || 'NOT_VALIDATED';\r\n\r\n  const errors = (validationState?.errors || []).map((err) => ({\r\n    ...err,\r\n    path: path,\r\n  })) as ValidationError[];\r\n  const errorMessages = errors\r\n    .filter((err) => err.severity === 'error')\r\n    .map((err) => err.message);\r\n  const warningMessages = errors\r\n    .filter((err) => err.severity === 'warning')\r\n    .map((err) => err.message);\r\n\r\n  // Use first error, or first warning if no errors\r\n  const message = errorMessages[0] || warningMessages[0];\r\n  const primarySeverity: ValidationSeverity =\r\n    errorMessages.length > 0\r\n      ? 'error'\r\n      : warningMessages.length > 0\r\n        ? 'warning'\r\n        : undefined;\r\n  return (\r\n    <>\r\n      {thisStateOpts?.formElements?.validation &&\r\n      !formOpts?.validation?.disable ? (\r\n        thisStateOpts.formElements!.validation!({\r\n          children: (\r\n            <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n          ),\r\n          status, // Now passes the new ValidationStatus type\r\n          message: formOpts?.validation?.hideMessage\r\n            ? ''\r\n            : formOpts?.validation?.message || message || '',\r\n          severity: primarySeverity,\r\n          hasErrors: errorMessages.length > 0,\r\n          hasWarnings: warningMessages.length > 0,\r\n          allErrors: errors,\r\n          path: path,\r\n          getData: () => getShadowValue(stateKey!, path),\r\n        })\r\n      ) : (\r\n        <React.Fragment key={path.toString()}>{children}</React.Fragment>\r\n      )}\r\n    </>\r\n  );\r\n}\r\nexport const MemoizedCogsItemWrapper = memo(\r\n  ListItemWrapper,\r\n  (prevProps, nextProps) => {\r\n    // Re-render if any of these change:\r\n    return (\r\n      prevProps.itemPath.join('.') === nextProps.itemPath.join('.') &&\r\n      prevProps.stateKey === nextProps.stateKey &&\r\n      prevProps.itemComponentId === nextProps.itemComponentId &&\r\n      prevProps.localIndex === nextProps.localIndex\r\n    );\r\n  }\r\n);\r\nexport function ListItemWrapper({\r\n  stateKey,\r\n  itemComponentId,\r\n  itemPath,\r\n  localIndex,\r\n  arraySetter,\r\n  rebuildStateShape,\r\n  renderFn,\r\n}: {\r\n  stateKey: string;\r\n  itemComponentId: string;\r\n  itemPath: string[];\r\n  localIndex: number;\r\n  arraySetter: any;\r\n\r\n  rebuildStateShape: (options: {\r\n    currentState: any;\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (\r\n    setter: any,\r\n    index: number,\r\n\r\n    arraySetter: any\r\n  ) => React.ReactNode;\r\n}) {\r\n  const [, forceUpdate] = useState({});\r\n  const { ref: inViewRef, inView } = useInView();\r\n  const elementRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const imagesLoaded = useImageLoaded(elementRef);\r\n  const hasReportedInitialHeight = useRef(false);\r\n  const fullKey = [stateKey, ...itemPath].join('.');\r\n  useRegisterComponent(stateKey, itemComponentId, forceUpdate);\r\n\r\n  const setRefs = useCallback(\r\n    (element: HTMLDivElement | null) => {\r\n      elementRef.current = element;\r\n      inViewRef(element); // This is the ref from useInView\r\n    },\r\n    [inViewRef]\r\n  );\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = subscribeToPath(fullKey, (e) => {\r\n      forceUpdate({});\r\n    });\r\n    return () => unsubscribe();\r\n  }, [fullKey]);\r\n  useEffect(() => {\r\n    if (!inView || !imagesLoaded || hasReportedInitialHeight.current) {\r\n      return;\r\n    }\r\n\r\n    const element = elementRef.current;\r\n    if (element && element.offsetHeight > 0) {\r\n      hasReportedInitialHeight.current = true;\r\n      const newHeight = element.offsetHeight;\r\n\r\n      setShadowMetadata(stateKey, itemPath, {\r\n        virtualizer: {\r\n          itemHeight: newHeight,\r\n          domRef: element,\r\n        },\r\n      });\r\n\r\n      const arrayPath = itemPath.slice(0, -1);\r\n      const arrayPathKey = [stateKey, ...arrayPath].join('.');\r\n      notifyPathSubscribers(arrayPathKey, {\r\n        type: 'ITEMHEIGHT',\r\n        itemKey: itemPath.join('.'),\r\n\r\n        ref: elementRef.current,\r\n      });\r\n    }\r\n  }, [inView, imagesLoaded, stateKey, itemPath]);\r\n\r\n  const itemValue = getShadowValue(stateKey, itemPath);\r\n\r\n  if (itemValue === undefined) {\r\n    return null;\r\n  }\r\n\r\n  const itemSetter = rebuildStateShape({\r\n    currentState: itemValue,\r\n    path: itemPath,\r\n    componentId: itemComponentId,\r\n  });\r\n  const children = renderFn(itemSetter, localIndex, arraySetter);\r\n\r\n  return <div ref={setRefs}>{children}</div>;\r\n}\r\n\r\nexport function FormElementWrapper({\r\n  stateKey,\r\n  path,\r\n  rebuildStateShape,\r\n  renderFn,\r\n  formOpts,\r\n  setState,\r\n}: {\r\n  stateKey: string;\r\n  path: string[];\r\n  rebuildStateShape: (options: {\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (params: FormElementParams<any>) => React.ReactNode;\r\n  formOpts?: FormOptsType;\r\n  setState: any;\r\n}) {\r\n  const [componentId] = useState(() => uuidv4());\r\n  const [, forceUpdate] = useState({});\r\n\r\n  const stateKeyPathKey = [stateKey, ...path].join('.');\r\n  useRegisterComponent(stateKey, componentId, forceUpdate);\r\n  const globalStateValue = getShadowValue(stateKey, path);\r\n  const [localValue, setLocalValue] = useState<any>(globalStateValue);\r\n  const isCurrentlyDebouncing = useRef(false);\r\n  const debounceTimeoutRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      !isCurrentlyDebouncing.current &&\r\n      !isDeepEqual(globalStateValue, localValue)\r\n    ) {\r\n      setLocalValue(globalStateValue);\r\n    }\r\n  }, [globalStateValue]);\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = getGlobalStore\r\n      .getState()\r\n      .subscribeToPath(stateKeyPathKey, (newValue) => {\r\n        if (!isCurrentlyDebouncing.current && localValue !== newValue) {\r\n          forceUpdate({});\r\n        }\r\n      });\r\n    return () => {\r\n      unsubscribe();\r\n      if (debounceTimeoutRef.current) {\r\n        clearTimeout(debounceTimeoutRef.current);\r\n        isCurrentlyDebouncing.current = false;\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  const debouncedUpdate = useCallback(\r\n    (newValue: any) => {\r\n      const currentType = typeof globalStateValue;\r\n      if (currentType === 'number' && typeof newValue === 'string') {\r\n        newValue = newValue === '' ? 0 : Number(newValue);\r\n      }\r\n      setLocalValue(newValue);\r\n      isCurrentlyDebouncing.current = true;\r\n\r\n      if (debounceTimeoutRef.current) {\r\n        clearTimeout(debounceTimeoutRef.current);\r\n      }\r\n\r\n      const debounceTime = formOpts?.debounceTime ?? 200;\r\n\r\n      debounceTimeoutRef.current = setTimeout(() => {\r\n        isCurrentlyDebouncing.current = false;\r\n        setState(newValue, path, { updateType: 'update' });\r\n\r\n        // NEW: Check if validation is enabled via features\r\n        const rootMeta = getGlobalStore\r\n          .getState()\r\n          .getShadowMetadata(stateKey, []);\r\n        if (!rootMeta?.features?.validationEnabled) return;\r\n\r\n        const validationOptions = getInitialOptions(stateKey)?.validation;\r\n        const zodSchema =\r\n          validationOptions?.zodSchemaV4 || validationOptions?.zodSchemaV3;\r\n\r\n        if (zodSchema) {\r\n          const fullState = getShadowValue(stateKey, []);\r\n          const result = zodSchema.safeParse(fullState);\r\n          const currentMeta = getShadowMetadata(stateKey, path) || {};\r\n\r\n          if (!result.success) {\r\n            const errors =\r\n              'issues' in result.error\r\n                ? result.error.issues\r\n                : (result.error as any).errors;\r\n\r\n            const pathErrors = errors.filter(\r\n              (error: any) =>\r\n                JSON.stringify(error.path) === JSON.stringify(path)\r\n            );\r\n\r\n            if (pathErrors.length > 0) {\r\n              setShadowMetadata(stateKey, path, {\r\n                ...currentMeta,\r\n                validation: {\r\n                  status: 'INVALID',\r\n                  errors: [\r\n                    {\r\n                      source: 'client',\r\n                      message: pathErrors[0]?.message,\r\n                      severity: 'warning', // Gentle error during typing\r\n                    },\r\n                  ],\r\n                  lastValidated: Date.now(),\r\n                  validatedValue: newValue,\r\n                },\r\n              });\r\n            } else {\r\n              setShadowMetadata(stateKey, path, {\r\n                ...currentMeta,\r\n                validation: {\r\n                  status: 'VALID',\r\n                  errors: [],\r\n                  lastValidated: Date.now(),\r\n                  validatedValue: newValue,\r\n                },\r\n              });\r\n            }\r\n          } else {\r\n            setShadowMetadata(stateKey, path, {\r\n              ...currentMeta,\r\n              validation: {\r\n                status: 'VALID',\r\n                errors: [],\r\n                lastValidated: Date.now(),\r\n                validatedValue: newValue,\r\n              },\r\n            });\r\n          }\r\n        }\r\n      }, debounceTime);\r\n      forceUpdate({});\r\n    },\r\n    [setState, path, formOpts?.debounceTime, stateKey]\r\n  );\r\n\r\n  const handleBlur = useCallback(async () => {\r\n    console.log('handleBlur triggered');\r\n\r\n    // Commit any pending changes\r\n    if (debounceTimeoutRef.current) {\r\n      clearTimeout(debounceTimeoutRef.current);\r\n      debounceTimeoutRef.current = null;\r\n      isCurrentlyDebouncing.current = false;\r\n      setState(localValue, path, { updateType: 'update' });\r\n    }\r\n    const rootMeta = getShadowMetadata(stateKey, []);\r\n    if (!rootMeta?.features?.validationEnabled) return;\r\n    const { getInitialOptions } = getGlobalStore.getState();\r\n    const validationOptions = getInitialOptions(stateKey)?.validation;\r\n    const zodSchema =\r\n      validationOptions?.zodSchemaV4 || validationOptions?.zodSchemaV3;\r\n\r\n    if (!zodSchema) return;\r\n\r\n    // Get the full path including stateKey\r\n\r\n    // Update validation state to \"validating\"\r\n    const currentMeta = getShadowMetadata(stateKey, path);\r\n\r\n    setShadowMetadata(stateKey, path, {\r\n      ...currentMeta,\r\n      validation: {\r\n        status: 'VALIDATING',\r\n        errors: [],\r\n        lastValidated: Date.now(),\r\n        validatedValue: localValue,\r\n      },\r\n    });\r\n\r\n    // Validate full state\r\n    const fullState = getShadowValue(stateKey, []);\r\n    const result = zodSchema.safeParse(fullState);\r\n\r\n    if (!result.success) {\r\n      const errors =\r\n        'issues' in result.error\r\n          ? result.error.issues\r\n          : (result.error as any).errors;\r\n\r\n      // Find errors for this specific path\r\n      const pathErrors = errors.filter((error: any) => {\r\n        // For array paths, we need to translate indices to ULIDs\r\n        if (path.some((p) => p.startsWith('id:'))) {\r\n          // This is an array item path like [\"id:xyz\", \"name\"]\r\n          const parentPath = path[0]!.startsWith('id:')\r\n            ? []\r\n            : path.slice(0, -1);\r\n\r\n          const arrayMeta = getGlobalStore\r\n            .getState()\r\n            .getShadowMetadata(stateKey, parentPath);\r\n\r\n          if (arrayMeta?.arrayKeys) {\r\n            const itemKey = [stateKey, ...path.slice(0, -1)].join('.');\r\n            const itemIndex = arrayMeta.arrayKeys.indexOf(itemKey);\r\n\r\n            // Compare with Zod path\r\n            const zodPath = [...parentPath, itemIndex, ...path.slice(-1)];\r\n            const match =\r\n              JSON.stringify(error.path) === JSON.stringify(zodPath);\r\n\r\n            return match;\r\n          }\r\n        }\r\n\r\n        const directMatch = JSON.stringify(error.path) === JSON.stringify(path);\r\n\r\n        return directMatch;\r\n      });\r\n\r\n      // Update shadow metadata with validation result\r\n      setShadowMetadata(stateKey, path, {\r\n        ...currentMeta,\r\n        validation: {\r\n          status: 'INVALID',\r\n          errors: pathErrors.map((err: any) => ({\r\n            source: 'client' as const,\r\n            message: err.message,\r\n            severity: 'error' as const, // Hard error on blur\r\n          })),\r\n          lastValidated: Date.now(),\r\n          validatedValue: localValue,\r\n        },\r\n      });\r\n    } else {\r\n      // Validation passed\r\n      setShadowMetadata(stateKey, path, {\r\n        ...currentMeta,\r\n        validation: {\r\n          status: 'VALID',\r\n          errors: [],\r\n          lastValidated: Date.now(),\r\n          validatedValue: localValue,\r\n        },\r\n      });\r\n    }\r\n    forceUpdate({});\r\n  }, [stateKey, path, localValue, setState]);\r\n\r\n  const baseState = rebuildStateShape({\r\n    path: path,\r\n    componentId: componentId,\r\n    meta: undefined,\r\n  });\r\n\r\n  const stateWithInputProps = new Proxy(baseState, {\r\n    get(target, prop) {\r\n      if (prop === '$inputProps') {\r\n        return {\r\n          value: localValue ?? '',\r\n          onChange: (e: any) => {\r\n            debouncedUpdate(e.target.value);\r\n          },\r\n          // 5. Wire the new onBlur handler to the input props.\r\n          onBlur: handleBlur,\r\n          ref: formRefStore\r\n            .getState()\r\n            .getFormRef(stateKey + '.' + path.join('.')),\r\n        };\r\n      }\r\n\r\n      return target[prop];\r\n    },\r\n  });\r\n\r\n  return (\r\n    <ValidationWrapper formOpts={formOpts} path={path} stateKey={stateKey}>\r\n      {renderFn(stateWithInputProps)}\r\n    </ValidationWrapper>\r\n  );\r\n}\r\nexport function useRegisterComponent(\r\n  stateKey: string,\r\n  componentId: string,\r\n  forceUpdate: (o: object) => void\r\n) {\r\n  const fullComponentId = `${stateKey}////${componentId}`;\r\n\r\n  useLayoutEffect(() => {\r\n    // Call the safe, centralized function to register\r\n    registerComponent(stateKey, fullComponentId, {\r\n      forceUpdate: () => forceUpdate({}),\r\n      paths: new Set(),\r\n      reactiveType: ['component'],\r\n    });\r\n\r\n    // The cleanup now calls the safe, centralized unregister function\r\n    return () => {\r\n      unregisterComponent(stateKey, fullComponentId);\r\n    };\r\n  }, [stateKey, fullComponentId]); // Dependencies are stable and correct\r\n}\r\n\r\nconst useImageLoaded = (ref: RefObject<HTMLElement>): boolean => {\r\n  const [loaded, setLoaded] = useState(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (!ref.current) {\r\n      setLoaded(true);\r\n      return;\r\n    }\r\n\r\n    const images = Array.from(ref.current.querySelectorAll('img'));\r\n\r\n    // If there are no images, we are \"loaded\" immediately.\r\n    if (images.length === 0) {\r\n      setLoaded(true);\r\n      return;\r\n    }\r\n\r\n    let loadedCount = 0;\r\n    const handleImageLoad = () => {\r\n      loadedCount++;\r\n      if (loadedCount === images.length) {\r\n        setLoaded(true);\r\n      }\r\n    };\r\n\r\n    images.forEach((image) => {\r\n      if (image.complete) {\r\n        handleImageLoad();\r\n      } else {\r\n        image.addEventListener('load', handleImageLoad);\r\n        image.addEventListener('error', handleImageLoad);\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      images.forEach((image) => {\r\n        image.removeEventListener('load', handleImageLoad);\r\n        image.removeEventListener('error', handleImageLoad);\r\n      });\r\n    };\r\n  }, [ref.current]);\r\n\r\n  return loaded;\r\n};\r\n// Components.tsx\r\n\r\n// Generic isolated component wrapper\r\nexport function IsolatedComponentWrapper({\r\n  stateKey,\r\n  path,\r\n  rebuildStateShape,\r\n  renderFn,\r\n}: {\r\n  stateKey: string;\r\n  path: string[];\r\n  rebuildStateShape: (options: {\r\n    path: string[];\r\n    componentId: string;\r\n    meta?: any;\r\n  }) => any;\r\n  renderFn: (state: any) => React.ReactNode;\r\n}) {\r\n  const [componentId] = useState(() => uuidv4());\r\n  const [, forceUpdate] = useState({});\r\n\r\n  const stateKeyPathKey = [stateKey, ...path].join('.');\r\n  useRegisterComponent(stateKey, componentId, forceUpdate);\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = getGlobalStore\r\n      .getState()\r\n      .subscribeToPath(stateKeyPathKey, () => {\r\n        forceUpdate({});\r\n      });\r\n    return () => unsubscribe();\r\n  }, [stateKeyPathKey]);\r\n\r\n  const baseState = rebuildStateShape({\r\n    path: path,\r\n    componentId: componentId,\r\n    meta: undefined,\r\n  });\r\n\r\n  return <>{renderFn(baseState)}</>;\r\n}\r\n"],"names":["getInitialOptions","getShadowMetadata","setShadowMetadata","getShadowValue","registerComponent","unregisterComponent","notifyPathSubscribers","subscribeToPath","getGlobalStore","ValidationWrapper","formOpts","path","stateKey","children","thisStateOpts","validationState","status","errors","err","errorMessages","warningMessages","message","primarySeverity","jsx","Fragment","React","MemoizedCogsItemWrapper","memo","ListItemWrapper","prevProps","nextProps","itemComponentId","itemPath","localIndex","arraySetter","rebuildStateShape","renderFn","forceUpdate","useState","inViewRef","inView","useInView","elementRef","useRef","imagesLoaded","useImageLoaded","hasReportedInitialHeight","fullKey","useRegisterComponent","setRefs","useCallback","element","useEffect","unsubscribe","e","newHeight","arrayPath","arrayPathKey","itemValue","itemSetter","FormElementWrapper","setState","componentId","uuidv4","stateKeyPathKey","globalStateValue","localValue","setLocalValue","isCurrentlyDebouncing","debounceTimeoutRef","isDeepEqual","newValue","debouncedUpdate","debounceTime","validationOptions","zodSchema","fullState","result","currentMeta","pathErrors","error","handleBlur","p","parentPath","arrayMeta","itemKey","itemIndex","zodPath","baseState","stateWithInputProps","target","prop","formRefStore","fullComponentId","useLayoutEffect","ref","loaded","setLoaded","images","loadedCount","handleImageLoad","image","IsolatedComponentWrapper"],"mappings":"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"}

package/dist/index.js

@@ -1,11 +1,11 @@
 import { $cogsSignal as r, addStateOptions as o, createCogsState as a, createCogsStateFromSync as s, useCogsStateFn as n } from "./CogsState.jsx";
-import { CogsStateClient as g, config as i, useCogsConfig as c } from "./CogsStateClient.jsx";
+import { CogsStateClient as f, config as i, useCogsConfig as c } from "./CogsStateClient.jsx";
 import { debounce as p, deepMerge as S, deleteNestedProperty as u, getArrayLengthDifferences as l, getArrayLengthDifferencesArray as m, getDifferences as y, getDifferencesArray as C, isArray as x, isDeepEqual as A, isFunction as D, isObject as b, transformStateFunc as F, updateNestedProperty as h } from "./utility.js";
 import { useCogsTrpcValidationLink as N } from "./TRPCValidationLink.js";
-import { buildShadowNode as P, formRefStore as j, getGlobalStore as k } from "./store.js";
+import { buildShadowNode as P, formRefStore as j, generateId as k, getGlobalStore as q } from "./store.js";
 export {
   r as $cogsSignal,
-  g as CogsStateClient,
+  f as CogsStateClient,
   o as addStateOptions,
   P as buildShadowNode,
   i as config,
@@ -15,11 +15,12 @@ export {
   S as deepMerge,
   u as deleteNestedProperty,
   j as formRefStore,
+  k as generateId,
   l as getArrayLengthDifferences,
   m as getArrayLengthDifferencesArray,
   y as getDifferences,
   C as getDifferencesArray,
-  k as getGlobalStore,
+  q as getGlobalStore,
   x as isArray,
   A as isDeepEqual,
   D as isFunction,

package/dist/store.d.ts

@@ -31,10 +31,11 @@ export type ComponentsType = {
     }>;
 };
 export type ValidationStatus = 'NOT_VALIDATED' | 'VALIDATING' | 'VALID' | 'INVALID';
+export type ValidationSeverity = 'warning' | 'error' | undefined;
 export type ValidationError = {
     source: 'client' | 'sync_engine' | 'api';
     message: string;
-    severity: 'warning' | 'error';
+    severity: ValidationSeverity;
     code?: string;
 };
 export type ValidationState = {
@@ -149,6 +150,7 @@ export type CogsGlobalState = {
     getSyncInfo: (key: string) => SyncInfo | null;
 };
 export declare function buildShadowNode(value: any): ShadowNode;
+export declare function generateId(prefix?: string): string;
 export declare const getGlobalStore: import('zustand').UseBoundStore<import('zustand').StoreApi<CogsGlobalState>>;
 export {};
 //# sourceMappingURL=store.d.ts.map