@effect-app/vue-components 4.0.0-beta.4 → 4.0.0-beta.40

package/dist/vue-components.es10.js

@@ -1,60 +1,57 @@
-import { useForm as J } from "@tanstack/vue-form";
-import { runtimeFiberAsPromise as q } from "./vue-components.es20.js";
-import { TaggedError as B } from "./vue-components.es21.js";
-import { currentSpan as K, runPromise as x, isEffect as T, flatMap as k, fnUntraced as z, option as G, promise as Z } from "./vue-components.es22.js";
-import { isFiber as Q } from "./vue-components.es23.js";
-import { isSome as X } from "./vue-components.es24.js";
-import { toStandardSchemaV1 as Y, decodeEffect as C } from "./vue-components.es18.js";
-import { computed as _, onUnmounted as I, onMounted as ee, onBeforeUnmount as re, watch as V, ref as te, h as N } from "vue";
-import { useIntl as se } from "./vue-components.es3.js";
-import ne from "./vue-components.es25.js";
-import oe from "./vue-components.es26.js";
-import ie from "./vue-components.es27.js";
-import { generateMetaFromSchema as ae, deepMerge as W, defaultsValueFromSchema as ce } from "./vue-components.es12.js";
-import le from "./vue-components.es6.js";
-import ue from "./vue-components.es8.js";
-import de from "./vue-components.es28.js";
-import { trace as D } from "./vue-components.es29.js";
-import { context as P } from "./vue-components.es30.js";
-class me extends B("FormErrors") {
+import { useForm as z } from "@tanstack/vue-form";
+import { Data as G, ServiceMap as Z, S as V, Effect as b, Fiber as R, Option as Q, Array as A } from "effect-app";
+import { runtimeFiberAsPromise as W } from "./vue-components.es17.js";
+import { computed as $, onUnmounted as D, onMounted as X, onBeforeUnmount as Y, watch as N, ref as C, h as B } from "vue";
+import { useIntl as ee } from "./vue-components.es3.js";
+import re from "./vue-components.es18.js";
+import te from "./vue-components.es19.js";
+import se from "./vue-components.es20.js";
+import { toFormSchema as ne, generateMetaFromSchema as oe, deepMerge as H, defaultsValueFromSchema as ie } from "./vue-components.es12.js";
+import ae from "./vue-components.es6.js";
+import ce from "./vue-components.es8.js";
+import le from "./vue-components.es21.js";
+import { makeRunPromise as ue } from "@effect-app/vue/runtime";
+import { trace as J } from "./vue-components.es22.js";
+import { context as _ } from "./vue-components.es23.js";
+class de extends G.TaggedError("FormErrors") {
 }
-const A = (i) => function(s) {
+const F = (a) => function(s) {
   return {
     render() {
-      return N(s, {
-        form: i,
+      return B(s, {
+        form: a,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, fe = (i) => {
-  const { formatMessage: l } = se(), s = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (g) => g.toUpperCase()).trim(), m = (a) => l ? l({ id: `general.fields.${a}`, defaultMessage: s(a) }) : s(a);
-  return (a) => i.i18nNamespace ? l({ id: `${i.i18nNamespace}.fields.${a}`, defaultMessage: m(a) }) : m(a);
-}, pe = (i) => function(s) {
+}, me = (a) => {
+  const { formatMessage: c } = ee(), s = (l) => l.replace(/([A-Z])/g, " $1").replace(/^./, (h) => h.toUpperCase()).trim(), m = (l) => c ? c({ id: `general.fields.${l}`, defaultMessage: s(l) }) : s(l);
+  return (l) => a.i18nNamespace ? c({ id: `${a.i18nNamespace}.fields.${l}`, defaultMessage: m(l) }) : m(l);
+}, fe = (a) => function(s) {
   return {
     setup() {
-      const { fieldMap: m, form: f } = i, a = f.useStore((v) => v.errors), g = f.useStore((v) => v.fieldMeta), p = f.useStore((v) => v.errorMap), M = fe(f), L = _(() => {
-        const v = Object.entries(g.value).reduce((b, [h, y]) => {
-          const u = y?.errors ?? [];
+      const { fieldMap: m, form: p } = a, l = p.useStore((v) => v.errors), h = p.useStore((v) => v.fieldMeta), M = p.useStore((v) => v.errorMap), S = me(p), L = $(() => {
+        const v = Object.entries(h.value).reduce((o, [y, g]) => {
+          const u = g?.errors ?? [];
           if (!u.length)
-            return b;
-          const d = m.value.get(h);
-          return d && b.push({
+            return o;
+          const d = m.value.get(y);
+          return d && o.push({
             label: d.label,
             inputId: d.id,
             errors: [u[0]?.message].filter(Boolean)
-          }), b;
-        }, []), o = [];
-        if (p.value.onSubmit) {
-          for (const [b, h] of Object.entries(p.value.onSubmit))
-            if (Array.isArray(h) && h.length)
-              for (const y of h) {
-                const u = y;
-                if (u?.path && Array.isArray(u.path) && u.path.length) {
+          }), o;
+        }, []), O = [];
+        if (M.value.onSubmit) {
+          for (const [o, y] of Object.entries(M.value.onSubmit))
+            if (A.isArray(y) && y.length)
+              for (const g of y) {
+                const u = g;
+                if (u?.path && A.isArray(u.path) && u.path.length) {
                   const d = u.path.join(".");
                   if (!m.value.has(d)) {
-                    o.push({
-                      label: M(d),
+                    O.push({
+                      label: S(d),
                       inputId: d,
                       errors: [u.message].filter(Boolean)
                     });
@@ -63,175 +60,181 @@ const A = (i) => function(s) {
                 }
               }
         }
-        return [...v, ...o];
+        return [...v, ...O];
       });
       return {
-        generalErrors: a,
+        generalErrors: l,
         errors: L
       };
     },
-    render({ errors: m, generalErrors: f }) {
-      return N(s, {
+    render({ errors: m, generalErrors: p }) {
+      return B(s, {
         errors: m,
-        generalErrors: f,
+        generalErrors: p,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, S = (i, l) => i.includes(l), xe = (i, l, s) => {
-  if (!i) throw new Error("Schema is required");
-  const m = Y(i), f = C(i), { meta: a, unionMeta: g } = ae(i), p = _(() => {
+}, w = (a, c) => a.includes(c), q = ue(Z.empty()), Ue = (a, c, s) => {
+  if (!a) throw new Error("Schema is required");
+  const m = ne(a), p = V.toStandardSchemaV1(m), l = V.decodeUnknownEffect(m), { meta: h, unionMeta: M } = oe(a), S = $(() => {
     if (s?.persistency?.id)
       return s.persistency.id;
-    const e = window.location.pathname, r = Object.keys(a);
+    const e = window.location.pathname, r = Object.keys(h);
     return `${e}-${r.join("-")}`;
-  }), M = () => {
+  }), L = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(p.value);
+    e.delete(S.value);
     const r = new URL(window.location.href);
     r.search = e.toString(), window.history.replaceState({}, "", r.toString());
-  }, L = _(() => {
+  }, v = $(() => {
     let e;
     const r = s?.persistency;
     if (
       // query string has higher priority than local/session storage
-      r?.policies && !e && (S(r.policies, "local") || S(r.policies, "session"))
+      r?.policies && !e && (w(r.policies, "local") || w(r.policies, "session"))
     ) {
-      const n = S(r.policies, "local") ? localStorage : sessionStorage;
+      const n = w(r.policies, "local") ? localStorage : sessionStorage;
       if (n)
         try {
           const t = JSON.parse(
-            n.getItem(p.value) || "{}"
+            n.getItem(S.value) || "{}"
           );
-          n.removeItem(p.value), e = t;
+          n.removeItem(S.value), e = t;
         } catch (t) {
           console.error(t);
         }
     }
-    if (r?.policies && S(r.policies, "querystring"))
+    if (r?.policies && w(r.policies, "querystring"))
       try {
-        const t = new URLSearchParams(window.location.search).get(p.value);
-        M(), t && (e = W(e || {}, JSON.parse(t)));
+        const t = new URLSearchParams(window.location.search).get(S.value);
+        L(), t && (e = H(e || {}, JSON.parse(t)));
       } catch (n) {
         console.error(n);
       }
     e ??= {};
-    const c = {
-      tanstack: l?.defaultValues || {},
+    const i = {
+      tanstack: c?.defaultValues || {},
       persistency: e,
-      schema: ce(i)
+      schema: ie(a)
     };
     return (s?.defaultValuesPriority || ["tanstack", "persistency", "schema"]).reverse().reduce(
-      (n, t) => Object.keys(n).length ? W(n, c[t]) : c[t],
+      (n, t) => Object.keys(n).length ? H(n, i[t]) : i[t],
       {}
     );
-  }), v = (e, r) => e ? P.with(D.setSpan(P.active(), e), r) : r(), o = J({
-    ...l,
+  }), O = (e, r) => e ? _.with(J.setSpan(_.active(), e), r) : r(), o = z({
+    ...c,
     validators: {
-      onSubmit: m,
-      ...l?.validators || {}
+      onSubmit: p,
+      ...c?.validators || {}
     },
-    onSubmit: l?.onSubmit ? ({ formApi: e, meta: r, value: c }) => v(r?.currentSpan, async () => {
-      const n = await x(f(c)), t = l.onSubmit({
+    onSubmit: c?.onSubmit ? ({ formApi: e, meta: r, value: i }) => O(r?.currentSpan, async () => {
+      const n = await q(l(i)), t = c.onSubmit({
         formApi: e,
         meta: r,
         value: n
       });
-      return Q(t) ? await q(t) : T(t) ? await x(t) : t;
+      if (R.isFiber(t))
+        return await W(t);
+      if (b.isEffect(t)) {
+        const f = await q(t);
+        return R.isFiber(f) ? await W(f) : f;
+      }
+      return t;
     }) : void 0,
-    defaultValues: L.value
-  }), b = () => {
-    Object.keys(a).forEach((e) => {
+    defaultValues: v.value
+  }), y = () => {
+    Object.keys(h).forEach((e) => {
       o.setFieldValue(e, void 0);
     });
-  }, h = (e) => e.reduce((r, c) => {
-    const n = c.split(".");
-    return n.reduce((t, E, O) => (O === n.length - 1 ? t[E] = o.getFieldValue(c) : t[E] = t[E] ?? {}, t[E]), r), r;
-  }, {}), y = (e) => {
-    if (e) {
-      if (Array.isArray(e.keys))
-        return h(e.keys);
-      if (Array.isArray(e.banKeys)) {
-        const r = Object.keys(a).filter((c) => e.banKeys?.includes(c));
-        return h(r);
-      }
-      return o.store.state.values;
+  }, g = (e) => e.reduce((r, i) => {
+    const n = i.split(".");
+    return n.reduce((t, f, U) => (U === n.length - 1 ? t[f] = o.getFieldValue(i) : t[f] = t[f] ?? {}, t[f]), r), r;
+  }, {}), u = (e) => {
+    if (!e) return;
+    const { banKeys: r, keys: i } = e;
+    if (A.isArray(i))
+      return g(i);
+    if (A.isArray(r)) {
+      const n = Object.keys(h).filter((t) => r.includes(t));
+      return g(n);
     }
-  }, u = () => {
+    return o.store.state.values;
+  }, d = () => {
     const e = s?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && (S(e.policies, "local") || S(e.policies, "session"))) {
-      const r = S(e.policies, "local") ? localStorage : sessionStorage;
+    if (!(!e?.policies || e.policies.length === 0) && (w(e.policies, "local") || w(e.policies, "session"))) {
+      const r = w(e.policies, "local") ? localStorage : sessionStorage;
       if (!r) return;
-      const c = y(e);
-      return r.setItem(p.value, JSON.stringify(c));
+      const i = u(e);
+      return r.setItem(S.value, JSON.stringify(i));
     }
-  }, d = () => {
+  }, j = () => {
     const e = s?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && S(e.policies, "querystring")) {
-      const r = y(e), c = new URLSearchParams(window.location.search);
-      c.set(p.value, JSON.stringify(r));
+    if (!(!e?.policies || e.policies.length === 0) && w(e.policies, "querystring")) {
+      const r = u(e), i = new URLSearchParams(window.location.search);
+      i.set(S.value, JSON.stringify(r));
       const n = new URL(window.location.href);
-      n.search = c.toString(), window.history.replaceState({}, "", n.toString());
+      n.search = i.toString(), window.history.replaceState({}, "", n.toString());
     }
-  }, $ = (e) => {
+  }, k = (e) => {
     o.store.state.isDirty && e.preventDefault();
   };
-  if (I(u), ee(() => {
-    window.addEventListener("beforeunload", u), window.addEventListener("blur", d), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.addEventListener("beforeunload", $);
-  }), re(() => {
-    window.removeEventListener("beforeunload", u), window.removeEventListener("blur", d), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", $);
+  if (D(d), X(() => {
+    window.addEventListener("beforeunload", d), window.addEventListener("blur", j), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.addEventListener("beforeunload", k);
+  }), Y(() => {
+    window.removeEventListener("beforeunload", d), window.removeEventListener("blur", j), s?.preventWindowExit && s.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", k);
   }), s?.preventWindowExit === "prevent-and-reset") {
-    const e = o.useStore((t) => t.isSubmitting), r = o.useStore((t) => t.submissionAttempts), c = o.useStore((t) => t.canSubmit), n = o.useStore((t) => t.values);
-    V([e, r], ([t, E], [O]) => {
-      O && !t && E > 0 && c.value && o.reset(n.value);
+    const e = o.useStore((t) => t.isSubmitting), r = o.useStore((t) => t.submissionAttempts), i = o.useStore((t) => t.canSubmit), n = o.useStore((t) => t.values);
+    N([e, r], ([t, f], [U]) => {
+      U && !t && f > 0 && i.value && o.reset(n.value);
     });
   }
-  const j = (e) => K.pipe(
-    G,
-    k(
-      (r) => Z(() => o.handleSubmit(X(r) ? { currentSpan: r.value, ...e } : e))
+  const x = (e) => b.currentSpan.pipe(
+    b.option,
+    b.flatMap(
+      (r) => b.promise(() => o.handleSubmit(Q.isSome(r) ? { currentSpan: r.value, ...e } : e))
     )
-  ), R = (e) => e?.checkErrors ? j(e?.meta).pipe(k(z(function* () {
+  ), K = (e) => e?.checkErrors ? x(e?.meta).pipe(b.flatMap(b.fnUntraced(function* () {
     const r = o.getAllErrors();
     if (Object.keys(r.fields).length || r.form.errors.length)
-      return yield* new me({ form: r.form, fields: r.fields });
-  }))) : j(e?.meta), H = o.handleSubmit, F = te(/* @__PURE__ */ new Map()), w = Object.assign(o, {
+      return yield* b.fail(new de({ form: r.form, fields: r.fields }));
+  }))) : x(e?.meta), T = o.handleSubmit, P = C(/* @__PURE__ */ new Map()), E = Object.assign(o, {
     i18nNamespace: s?.i18nNamespace,
     ignorePreventCloseEvents: s?.ignorePreventCloseEvents,
-    meta: a,
-    unionMeta: g,
-    clear: b,
+    meta: h,
+    unionMeta: M,
+    clear: y,
     handleSubmit: (e) => {
-      const r = D.getSpan(P.active());
-      return H({ currentSpan: r, ...e });
+      const r = J.getSpan(_.active());
+      return T({ currentSpan: r, ...e });
     },
     // /** @experimental */
-    handleSubmitEffect: R,
+    handleSubmitEffect: K,
     registerField: (e) => {
-      V(e, (r) => {
-        F.value.set(r.name, { label: r.label, id: r.id });
-      }, { immediate: !0 }), I(() => {
-        F.value.get(e.value.name)?.id === e.value.id && F.value.delete(e.value.name);
+      N(e, (r) => {
+        P.value.set(r.name, { label: r.label, id: r.id });
+      }, { immediate: !0 }), D(() => {
+        P.value.get(e.value.name)?.id === e.value.id && P.value.delete(e.value.name);
       });
     }
-  }), U = { form: w, fieldMap: F };
-  return Object.assign(w, {
+  }), I = { form: E, fieldMap: P };
+  return Object.assign(E, {
     // Type-level properties for performance optimization (not used at runtime)
     _paths: void 0,
     _keys: void 0,
-    _schema: i,
-    errorContext: U,
-    Form: A(w)(de),
-    Input: A(w)(s?.input ?? le),
-    TaggedUnion: A(w)(ue),
+    _schema: a,
+    errorContext: I,
+    Form: F(E)(le),
+    Input: F(E)(s?.input ?? ae),
+    TaggedUnion: F(E)(ce),
     Field: o.Field,
-    Errors: pe(U)(ie),
-    Array: A(w)(ne),
-    AutoGen: A(w)(oe)
+    Errors: fe(I)(se),
+    Array: F(E)(re),
+    AutoGen: F(E)(te)
   });
 };
 export {
-  me as FormErrors,
-  fe as useErrorLabel,
-  xe as useOmegaForm
+  de as FormErrors,
+  me as useErrorLabel,
+  Ue as useOmegaForm
 };

package/dist/vue-components.es11.js

@@ -1,6 +1,6 @@
-import l from "./vue-components.es35.js";
+import l from "./vue-components.es28.js";
 import { inject as c, provide as u } from "vue";
-import { onMountedWithCleanup as f } from "./vue-components.es16.js";
+import { onMountedWithCleanup as f } from "./vue-components.es29.js";
 const p = () => l(), i = /* @__PURE__ */ Symbol("DialogBus"), r = () => c(i, null), g = () => {
   const n = p();
   return u(i, n), n;