@effect-app/vue-components 0.26.0 → 0.27.0

package/dist/vue-components.es9.js

@@ -1,40 +1,40 @@
-import { useForm as I } from "@tanstack/vue-form";
-import { S as R, Fiber as m, Effect as p } from "effect-app";
-import { runtimeFiberAsPromise as A } from "./vue-components.es22.js";
-import { isObject as D } from "./vue-components.es23.js";
-import { computed as g, onUnmounted as J, onMounted as K, onBeforeUnmount as M, provide as q } from "vue";
-import x from "./vue-components.es6.js";
-import { generateMetaFromSchema as _ } from "./vue-components.es10.js";
-import { trace as V } from "./vue-components.es24.js";
+import { useForm as A } from "@tanstack/vue-form";
+import { S as g, Effect as f, Fiber as p } from "effect-app";
+import { runtimeFiberAsPromise as D } from "./vue-components.es22.js";
+import { isObject as J } from "./vue-components.es23.js";
+import { computed as V, onUnmounted as K, onMounted as M, onBeforeUnmount as q, provide as x } from "vue";
+import _ from "./vue-components.es6.js";
+import { generateMetaFromSchema as $ } from "./vue-components.es10.js";
+import { trace as P } from "./vue-components.es24.js";
 import { context as w } from "./vue-components.es25.js";
-const $ = Symbol("OmegaForm"), Y = (d, i, n) => {
-  if (!d) throw new Error("Schema is required");
-  const j = R.standardSchemaV1(d), { filterItems: E, meta: l } = _(d), o = g(() => {
-    if (n?.persistency?.id)
-      return n.persistency.id;
-    const e = window.location.pathname, r = Object.keys(l);
+const B = Symbol("OmegaForm"), Z = (u, n, o) => {
+  if (!u) throw new Error("Schema is required");
+  const j = g.standardSchemaV1(u), E = g.decode(u), { filterItems: L, meta: d } = $(u), a = V(() => {
+    if (o?.persistency?.id)
+      return o.persistency.id;
+    const e = window.location.pathname, r = Object.keys(d);
     return `${e}-${r.join("-")}`;
-  }), L = () => {
+  }), U = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(o.value);
+    e.delete(a.value);
     const r = new URL(window.location.href);
     r.search = e.toString(), window.history.replaceState({}, "", r.toString());
   };
   function S(e, r) {
     for (const t in r)
-      r[t] && D(r[t]) ? (e[t] || (e[t] = {}), S(e[t], r[t])) : e[t] = r[t];
+      r[t] && J(r[t]) ? (e[t] || (e[t] = {}), S(e[t], r[t])) : e[t] = r[t];
     return e;
   }
-  const P = g(() => {
-    if (i?.defaultValues && !n?.persistency?.overrideDefaultValues)
-      return i?.defaultValues;
+  const F = V(() => {
+    if (n?.defaultValues && !o?.persistency?.overrideDefaultValues)
+      return n?.defaultValues;
     let e;
-    const r = n?.persistency;
+    const r = o?.persistency;
     if (!r?.policies || r.policies.length === 0) return {};
     if (r.policies.includes("querystring"))
       try {
-        const s = new URLSearchParams(window.location.search).get(o.value);
-        L(), s && (e = JSON.parse(s));
+        const s = new URLSearchParams(window.location.search).get(a.value);
+        U(), s && (e = JSON.parse(s));
       } catch (t) {
         console.error(t);
       }
@@ -46,88 +46,88 @@ const $ = Symbol("OmegaForm"), Y = (d, i, n) => {
       if (t)
         try {
           const s = JSON.parse(
-            t.getItem(o.value) || "{}"
+            t.getItem(a.value) || "{}"
           );
-          t.removeItem(o.value), e = s;
+          t.removeItem(a.value), e = s;
         } catch (s) {
           console.error(s);
         }
     }
-    if (e ??= {}, i?.defaultValues == null)
+    if (e ??= {}, n?.defaultValues == null)
       return e;
     {
-      const t = i?.defaultValues;
+      const t = n?.defaultValues;
       return S(t, e);
     }
-  }), U = (e, r) => e ? w.with(V.setSpan(w.active(), e), r) : r(), a = I({
-    ...i,
+  }), N = (e, r) => e ? w.with(P.setSpan(w.active(), e), r) : r(), c = A({
+    ...n,
     validators: {
       onSubmit: j,
-      ...i?.validators || {}
+      ...n?.validators || {}
     },
-    onSubmit: i?.onSubmit ? ({ formApi: e, meta: r, value: t }) => U(r?.currentSpan, async () => {
-      const s = i.onSubmit({
+    onSubmit: n?.onSubmit ? ({ formApi: e, meta: r, value: t }) => N(r?.currentSpan, async () => {
+      const s = await f.runPromise(E(t)), i = n.onSubmit({
         formApi: e,
         meta: r,
-        value: t
+        value: s
       });
-      return m.isFiber(s) && m.isRuntimeFiber(s) ? await A(s) : p.isEffect(s) ? await p.runPromise(
-        s.pipe(
+      return p.isFiber(i) && p.isRuntimeFiber(i) ? await D(i) : f.isEffect(i) ? await f.runPromise(
+        i.pipe(
           // meta?.currentSpan
           //   ? Effect.withParentSpan(meta.currentSpan)
           //   : (_) => _,
-          p.flatMap((c) => m.join(c))
+          f.flatMap((l) => p.join(l))
         )
-      ) : s;
+      ) : i;
     }) : void 0,
-    defaultValues: P.value
-  }), F = () => {
-    Object.keys(l).forEach((e) => {
-      a.setFieldValue(e, void 0);
+    defaultValues: F.value
+  }), O = () => {
+    Object.keys(d).forEach((e) => {
+      c.setFieldValue(e, void 0);
     });
   }, h = (e) => e.reduce((r, t) => {
     const s = t.split(".");
-    return s.reduce((c, u, O) => (O === s.length - 1 ? c[u] = a.getFieldValue(t) : c[u] = c[u] ?? {}, c[u]), r), r;
+    return s.reduce((i, l, R) => (R === s.length - 1 ? i[l] = c.getFieldValue(t) : i[l] = i[l] ?? {}, i[l]), r), r;
   }, {}), y = (e) => {
     if (e) {
       if (Array.isArray(e.keys))
         return h(e.keys);
       if (Array.isArray(e.banKeys)) {
-        const r = Object.keys(l).filter((t) => e.banKeys?.includes(t));
+        const r = Object.keys(d).filter((t) => e.banKeys?.includes(t));
         return h(r);
       }
-      return a.store.state.values;
+      return c.store.state.values;
     }
-  }, f = () => {
-    const e = n?.persistency;
+  }, m = () => {
+    const e = o?.persistency;
     if (!(!e?.policies || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
       const r = e.policies.includes("local") ? localStorage : sessionStorage;
       if (!r) return;
       const t = y(e);
-      return r.setItem(o.value, JSON.stringify(t));
+      return r.setItem(a.value, JSON.stringify(t));
     }
   }, v = () => {
-    const e = n?.persistency;
+    const e = o?.persistency;
     if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
       const r = y(e), t = new URLSearchParams(window.location.search);
-      t.set(o.value, JSON.stringify(r));
+      t.set(a.value, JSON.stringify(r));
       const s = new URL(window.location.href);
       s.search = t.toString(), window.history.replaceState({}, "", s.toString());
     }
   };
-  J(f), K(() => {
-    window.addEventListener("beforeunload", f), window.addEventListener("blur", v);
-  }), M(() => {
-    window.removeEventListener("beforeunload", f), window.removeEventListener("blur", v);
+  K(m), M(() => {
+    window.addEventListener("beforeunload", m), window.addEventListener("blur", v);
+  }), q(() => {
+    window.removeEventListener("beforeunload", m), window.removeEventListener("blur", v);
   });
-  const N = a.handleSubmit, b = Object.assign(a, {
-    i18nNamespace: n?.i18nNamespace,
-    meta: l,
-    filterItems: E,
-    clear: F,
+  const I = c.handleSubmit, b = Object.assign(c, {
+    i18nNamespace: o?.i18nNamespace,
+    meta: d,
+    filterItems: L,
+    clear: O,
     handleSubmit: (e) => {
-      const r = V.getSpan(w.active());
-      return N({ currentSpan: r, ...e });
+      const r = P.getSpan(w.active());
+      return I({ currentSpan: r, ...e });
     }
     // /** @experimental */
     // handleSubmitEffect: (meta?: Record<string, any>) =>
@@ -139,12 +139,12 @@ const $ = Symbol("OmegaForm"), Y = (d, i, n) => {
     //       )
     //   )
   });
-  return q($, b), Object.assign(b, {
-    Input: x,
-    Field: a.Field
+  return x(B, b), Object.assign(b, {
+    Input: _,
+    Field: c.Field
   });
 };
 export {
-  $ as OmegaFormKey,
-  Y as useOmegaForm
+  B as OmegaFormKey,
+  Z as useOmegaForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.17.13",
@@ -29,7 +29,7 @@
     "vitepress": "^1.6.4",
     "vitest": "^3.2.4",
     "vue-tsc": "^3.0.7",
-    "@effect-app/eslint-shared-config": "0.2.0"
+    "@effect-app/eslint-shared-config": "0.2.1"
   },
   "files": [
     "src",

package/src/components/OmegaForm/useOmegaForm.ts

@@ -106,6 +106,7 @@ export const useOmegaForm = <
 ): OmegaFormReturn<From, To> => {
   if (!schema) throw new Error("Schema is required")
   const standardSchema = S.standardSchemaV1(schema)
+  const decode = S.decode(schema)
 
   const { filterItems, meta } = generateMetaFromSchema(schema)
 
@@ -231,10 +232,12 @@ export const useOmegaForm = <
     onSubmit: tanstackFormOptions?.onSubmit
       ? ({ formApi, meta, value }) =>
         wrapWithSpan(meta?.currentSpan, async () => {
+          // validators only validate, they don't actually transform, so we have to do that manually here.
+          const parsedValue = await Effect.runPromise(decode(value))
           const r = tanstackFormOptions.onSubmit!({
             formApi: formApi as OmegaFormApi<From, To>,
             meta,
-            value: value as unknown as To
+            value: parsedValue
           })
           if (Fiber.isFiber(r) && Fiber.isRuntimeFiber(r)) {
             return await runtimeFiberAsPromise(r)