@effect-app/vue-components 3.1.0 → 4.0.0-beta.0

package/dist/vue-components.es10.js

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

package/dist/vue-components.es11.js

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