@effect-app/vue-components 2.7.10 → 2.8.0

package/dist/types/components/OmegaForm/OmegaErrorsInternal.vue.d.ts

@@ -8,9 +8,11 @@ type __VLS_Props = {
 declare var __VLS_6: {
     errors: OmegaError[];
     showedGeneralErrors: string[];
-};
+}, __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
+} & {
+    icon?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/components/OmegaForm/defaultAST.d.ts

@@ -0,0 +1,4 @@
+import { S } from "effect-app";
+export declare function deepMerge(target: any, source: any): any;
+export declare const extractDefaultsFromAST: (schemaObj: any) => any;
+export declare const extractSchemaDefaults: <From, To>(schema: S.Schema<To, From, never>, defaultValues?: Partial<From>) => any;

package/dist/types/components/OmegaForm/useOmegaForm.d.ts

@@ -81,6 +81,7 @@ type CachedFieldState<From, To, TypeProps = DefaultTypeProps> = import("@tanstac
 export interface OmegaFormReturn<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, TypeProps = DefaultTypeProps> extends OF<From, To> {
     _paths: FieldPath<From>;
     _keys: DeepKeys<From>;
+    _schema: S.Schema<To, From, never>;
     Input: <Name extends OmegaFormReturn<From, To, TypeProps>["_paths"]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
         props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & TypeProps & Partial<{}>> & BaseProps<From, Name> & import("vue").PublicProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;

package/dist/vue-components.es10.js

@@ -1,318 +1,228 @@
-import { useForm as K } from "@tanstack/vue-form";
-import { Data as G, S as p, Effect as b, Array as A, Fiber as x, Option as O } from "effect-app";
-import { runtimeFiberAsPromise as z } from "./vue-components.es16.js";
-import { isObject as Q } from "./vue-components.es17.js";
-import { computed as V, onUnmounted as N, onMounted as X, onBeforeUnmount as Y, watch as W, ref as Z, h as J } from "vue";
-import C from "./vue-components.es18.js";
-import ee from "./vue-components.es19.js";
-import te from "./vue-components.es20.js";
-import { generateMetaFromSchema as re, isNullableOrUndefined as ne } from "./vue-components.es12.js";
-import se from "./vue-components.es6.js";
-import oe from "./vue-components.es8.js";
-import ie from "./vue-components.es21.js";
-import { trace as H } from "./vue-components.es22.js";
-import { context as L } from "./vue-components.es23.js";
-const g = (c) => {
-  const i = c.ast;
-  if (i._tag === "Refinement") {
-    const n = i, u = p.make(n.from);
-    return g(u);
-  }
-  if (i._tag === "Union") {
-    const n = i.types.map((f) => {
-      const l = p.make(f);
-      return g(l).ast;
-    }), u = {
-      ...i,
-      types: n
-    };
-    return p.make(u);
-  }
-  if (i._tag === "Transformation") {
-    const n = i;
-    if (n.to._tag === "Declaration") {
-      const h = p.make(n.from);
-      return g(h);
-    }
-    const u = p.make(n.from), f = p.make(n.to), l = g(u), d = g(f), w = {
-      ...i,
-      from: l.ast,
-      to: d.ast
-    };
-    return p.make(w);
-  }
-  if (i._tag === "TypeLiteral") {
-    const n = i.propertySignatures.map((f) => {
-      const l = f.type;
-      let d = l;
-      if (l._tag === "TypeLiteral" || l._tag === "Union" || l._tag === "Transformation" || l._tag === "Refinement") {
-        const w = p.make(l);
-        d = g(w).ast;
-      }
-      return {
-        ...f,
-        type: d,
-        isOptional: !0
-      };
-    }), u = {
-      ...i,
-      propertySignatures: n
-    };
-    return p.make(u);
-  }
-  return c;
-};
-class ae extends G.TaggedError("FormErrors") {
+import { useForm as q } from "@tanstack/vue-form";
+import { Data as B, S as D, Effect as c, Fiber as A, Option as P, Array as g } from "effect-app";
+import { runtimeFiberAsPromise as K } from "./vue-components.es17.js";
+import { computed as U, onUnmounted as N, onMounted as T, onBeforeUnmount as G, watch as W, ref as z, h as k } from "vue";
+import { deepMerge as O, extractSchemaDefaults as Q } from "./vue-components.es18.js";
+import X from "./vue-components.es19.js";
+import Y from "./vue-components.es20.js";
+import Z from "./vue-components.es21.js";
+import { generateMetaFromSchema as C } from "./vue-components.es12.js";
+import ee from "./vue-components.es6.js";
+import re from "./vue-components.es8.js";
+import te from "./vue-components.es22.js";
+import { trace as R } from "./vue-components.es23.js";
+import { context as L } from "./vue-components.es24.js";
+class se extends B.TaggedError("FormErrors") {
 }
-const k = (c) => function(n) {
+const E = (l) => function(n) {
   return {
     render() {
-      return J(n, {
-        form: c,
+      return k(n, {
+        form: l,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, le = (c) => function(n) {
+}, ne = (l) => function(n) {
   return {
     setup() {
-      const { fieldMap: u, form: f } = c, l = f.useStore((S) => S.errors), d = f.useStore((S) => S.fieldMeta), w = f.useStore((S) => S.errorMap), h = V(() => {
-        const S = A.filterMap(
-          Object.entries(d.value),
-          ([M, y]) => {
-            const a = y.errors ?? [];
-            if (!a.length) return O.none();
-            const v = u.value.get(M);
-            return v ? O.some({
-              label: v.label,
-              inputId: v.id,
+      const { fieldMap: w, form: v } = l, b = v.useStore((u) => u.errors), m = v.useStore((u) => u.fieldMeta), F = v.useStore((u) => u.errorMap), _ = U(() => {
+        const u = g.filterMap(
+          Object.entries(m.value),
+          ([M, f]) => {
+            const S = f.errors ?? [];
+            if (!S.length) return P.none();
+            const a = w.value.get(M);
+            return a ? P.some({
+              label: a.label,
+              inputId: a.id,
               // Only show the first error
-              errors: [a[0]?.message].filter(Boolean)
-            }) : O.none();
+              errors: [S[0]?.message].filter(Boolean)
+            }) : P.none();
           }
-        ), F = [];
-        if (w.value.onSubmit) {
-          for (const [M, y] of Object.entries(w.value.onSubmit))
-            if (A.isArray(y) && y.length)
-              for (const a of y) {
-                const v = a;
-                if (v?.path && A.isArray(v.path) && v.path.length) {
-                  const _ = v.path.join(".");
-                  if (!u.value.has(_)) {
-                    F.push({
-                      label: _,
-                      inputId: _,
-                      errors: [v.message].filter(Boolean)
+        ), o = [];
+        if (F.value.onSubmit) {
+          for (const [M, f] of Object.entries(F.value.onSubmit))
+            if (g.isArray(f) && f.length)
+              for (const S of f) {
+                const a = S;
+                if (a?.path && g.isArray(a.path) && a.path.length) {
+                  const y = a.path.join(".");
+                  if (!w.value.has(y)) {
+                    o.push({
+                      label: y,
+                      inputId: y,
+                      errors: [a.message].filter(Boolean)
                     });
                     break;
                   }
                 }
               }
         }
-        return [...S, ...F];
+        return [...u, ...o];
       });
       return {
-        generalErrors: l,
-        errors: h
+        generalErrors: b,
+        errors: _
       };
     },
-    render({ errors: u, generalErrors: f }) {
-      return J(n, {
-        errors: u,
-        generalErrors: f,
+    render({ errors: w, generalErrors: v }) {
+      return k(n, {
+        errors: w,
+        generalErrors: v,
         ...this.$attrs
       }, this.$slots);
     }
   };
-}, _e = (c, i, n) => {
-  if (!c) throw new Error("Schema is required");
-  const u = p.standardSchemaV1(c), f = p.decode(c), { meta: l } = re(c), d = V(() => {
+}, be = (l, d, n) => {
+  if (!l) throw new Error("Schema is required");
+  const w = D.standardSchemaV1(l), v = D.decode(l), { meta: b } = C(l), m = U(() => {
     if (n?.persistency?.id)
       return n.persistency.id;
-    const e = window.location.pathname, t = Object.keys(l);
-    return `${e}-${t.join("-")}`;
-  }), w = () => {
+    const e = window.location.pathname, r = Object.keys(b);
+    return `${e}-${r.join("-")}`;
+  }), F = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(d.value);
-    const t = new URL(window.location.href);
-    t.search = e.toString(), window.history.replaceState({}, "", t.toString());
-  };
-  function h(e, t) {
-    for (const r in t)
-      A.isArray(t[r]) ? e[r] = t[r] : t[r] && Q(t[r]) ? (e[r] || (e[r] = {}), h(e[r], t[r])) : e[r] = t[r];
-    return e;
-  }
-  const S = (e) => {
-    const t = {};
-    if (e?.fields && typeof e.fields == "object")
-      for (const [r, o] of Object.entries(e.fields)) {
-        if (o?.ast?.defaultValue)
-          try {
-            const m = o.ast.defaultValue();
-            t[r] = m;
-          } catch {
-          }
-        else {
-          const m = o?.ast;
-          switch (ne(m)) {
-            case "null":
-              t[r] = null;
-              break;
-            case "undefined":
-              t[r] = void 0;
-              break;
-          }
-        }
-        const s = S(o);
-        Object.keys(s).length > 0 && (t[r] && typeof t[r] == "object" ? Object.assign(t[r], s) : t[r] || (t[r] = s));
-      }
-    else if (e?.from?.fields && typeof e?.from?.fields == "object")
-      return S(e.from);
-    return t;
-  }, F = (e = {}) => {
-    let t = {};
-    try {
-      const r = S(c);
-      t = p.encodeSync(g(c))(r);
-    } catch (r) {
-      window.location.hostname === "localhost" && console.warn("Could not extract defaults from AST:", r);
-    }
-    return h(t, e);
-  }, M = V(() => {
+    e.delete(m.value);
+    const r = new URL(window.location.href);
+    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
+  }, _ = U(() => {
     let e;
-    const t = n?.persistency;
+    const r = n?.persistency;
     if (
       // query string has higher priority than local/session storage
-      t?.policies && !e && (t.policies.includes("local") || t.policies.includes("session"))
+      r?.policies && !e && (r.policies.includes("local") || r.policies.includes("session"))
     ) {
-      const r = t.policies.includes("local") ? localStorage : sessionStorage;
-      if (r)
+      const s = r.policies.includes("local") ? localStorage : sessionStorage;
+      if (s)
         try {
-          const o = JSON.parse(
-            r.getItem(d.value) || "{}"
+          const i = JSON.parse(
+            s.getItem(m.value) || "{}"
           );
-          r.removeItem(d.value), e = o;
-        } catch (o) {
-          console.error(o);
+          s.removeItem(m.value), e = i;
+        } catch (i) {
+          console.error(i);
         }
     }
-    if (t?.policies && t.policies.includes("querystring"))
+    if (r?.policies && r.policies.includes("querystring"))
       try {
-        const o = new URLSearchParams(window.location.search).get(d.value);
-        w(), o && (e = h(e || {}, JSON.parse(o)));
-      } catch (r) {
-        console.error(r);
+        const i = new URLSearchParams(window.location.search).get(m.value);
+        F(), i && (e = O(e || {}, JSON.parse(i)));
+      } catch (s) {
+        console.error(s);
       }
-    return e ??= {}, F(
-      n?.persistency?.overrideDefaultValues ? h(i?.defaultValues || {}, e) : h(e, i?.defaultValues || {})
+    return e ??= {}, Q(
+      l,
+      n?.persistency?.overrideDefaultValues ? O(d?.defaultValues || {}, e) : O(e, d?.defaultValues || {})
     );
-  }), y = (e, t) => e ? L.with(H.setSpan(L.active(), e), t) : t(), a = K({
-    ...i,
+  }), u = (e, r) => e ? L.with(R.setSpan(L.active(), e), r) : r(), o = q({
+    ...d,
     validators: {
-      onSubmit: u,
-      ...i?.validators || {}
+      onSubmit: w,
+      ...d?.validators || {}
     },
-    onSubmit: i?.onSubmit ? ({ formApi: e, meta: t, value: r }) => y(t?.currentSpan, async () => {
-      const o = await b.runPromise(f(r)), s = i.onSubmit({
+    onSubmit: d?.onSubmit ? ({ formApi: e, meta: r, value: s }) => u(r?.currentSpan, async () => {
+      const i = await c.runPromise(v(s)), t = d.onSubmit({
         formApi: e,
-        meta: t,
-        value: o
+        meta: r,
+        value: i
       });
-      return x.isFiber(s) && x.isRuntimeFiber(s) ? await z(s) : b.isEffect(s) ? await b.runPromise(
-        s.pipe(
+      return A.isFiber(t) && A.isRuntimeFiber(t) ? await K(t) : c.isEffect(t) ? await c.runPromise(
+        t.pipe(
           // meta?.currentSpan
           //   ? Effect.withParentSpan(meta.currentSpan)
           //   : (_) => _,
-          b.flatMap((m) => x.join(m))
+          c.flatMap((p) => A.join(p))
         )
-      ) : s;
+      ) : t;
     }) : void 0,
-    defaultValues: M.value
-  }), v = () => {
-    Object.keys(l).forEach((e) => {
-      a.setFieldValue(e, void 0);
+    defaultValues: _.value
+  }), M = () => {
+    Object.keys(b).forEach((e) => {
+      o.setFieldValue(e, void 0);
     });
-  }, _ = (e) => e.reduce((t, r) => {
-    const o = r.split(".");
-    return o.reduce((s, m, U) => (U === o.length - 1 ? s[m] = a.getFieldValue(r) : s[m] = s[m] ?? {}, s[m]), t), t;
-  }, {}), D = (e) => {
+  }, f = (e) => e.reduce((r, s) => {
+    const i = s.split(".");
+    return i.reduce((t, p, x) => (x === i.length - 1 ? t[p] = o.getFieldValue(s) : t[p] = t[p] ?? {}, t[p]), r), r;
+  }, {}), S = (e) => {
     if (e) {
-      if (A.isArray(e.keys))
-        return _(e.keys);
-      if (A.isArray(e.banKeys)) {
-        const t = Object.keys(l).filter((r) => e.banKeys?.includes(r));
-        return _(t);
+      if (g.isArray(e.keys))
+        return f(e.keys);
+      if (g.isArray(e.banKeys)) {
+        const r = Object.keys(b).filter((s) => e.banKeys?.includes(s));
+        return f(r);
       }
-      return a.store.state.values;
+      return o.store.state.values;
     }
-  }, P = () => {
+  }, a = () => {
     const e = n?.persistency;
     if (!(!e?.policies || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
-      const t = e.policies.includes("local") ? localStorage : sessionStorage;
-      if (!t) return;
-      const r = D(e);
-      return t.setItem(d.value, JSON.stringify(r));
+      const r = e.policies.includes("local") ? localStorage : sessionStorage;
+      if (!r) return;
+      const s = S(e);
+      return r.setItem(m.value, JSON.stringify(s));
     }
-  }, T = () => {
+  }, y = () => {
     const e = n?.persistency;
     if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
-      const t = D(e), r = new URLSearchParams(window.location.search);
-      r.set(d.value, JSON.stringify(t));
-      const o = new URL(window.location.href);
-      o.search = r.toString(), window.history.replaceState({}, "", o.toString());
+      const r = S(e), s = new URLSearchParams(window.location.search);
+      s.set(m.value, JSON.stringify(r));
+      const i = new URL(window.location.href);
+      i.search = s.toString(), window.history.replaceState({}, "", i.toString());
     }
-  }, I = (e) => {
-    a.store.state.isDirty && e.preventDefault();
+  }, V = (e) => {
+    o.store.state.isDirty && e.preventDefault();
   };
-  if (N(P), X(() => {
-    window.addEventListener("beforeunload", P), window.addEventListener("blur", T), n?.preventWindowExit && n.preventWindowExit !== "nope" && window.addEventListener("beforeunload", I);
-  }), Y(() => {
-    window.removeEventListener("beforeunload", P), window.removeEventListener("blur", T), n?.preventWindowExit && n.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", I);
+  if (N(a), T(() => {
+    window.addEventListener("beforeunload", a), window.addEventListener("blur", y), n?.preventWindowExit && n.preventWindowExit !== "nope" && window.addEventListener("beforeunload", V);
+  }), G(() => {
+    window.removeEventListener("beforeunload", a), window.removeEventListener("blur", y), n?.preventWindowExit && n.preventWindowExit !== "nope" && window.removeEventListener("beforeunload", V);
   }), n?.preventWindowExit === "prevent-and-reset") {
-    const e = a.useStore((s) => s.isSubmitting), t = a.useStore((s) => s.submissionAttempts), r = a.useStore((s) => s.canSubmit), o = a.useStore((s) => s.values);
-    W([e, t], ([s, m], [U]) => {
-      U && !s && m > 0 && r.value && a.reset(o.value);
+    const e = o.useStore((t) => t.isSubmitting), r = o.useStore((t) => t.submissionAttempts), s = o.useStore((t) => t.canSubmit), i = o.useStore((t) => t.values);
+    W([e, r], ([t, p], [x]) => {
+      x && !t && p > 0 && s.value && o.reset(i.value);
     });
   }
-  const R = (e) => b.currentSpan.pipe(
-    b.option,
-    b.flatMap(
-      (t) => b.promise(() => a.handleSubmit(O.isSome(t) ? { currentSpan: t.value, ...e } : e))
+  const I = (e) => c.currentSpan.pipe(
+    c.option,
+    c.flatMap(
+      (r) => c.promise(() => o.handleSubmit(P.isSome(r) ? { currentSpan: r.value, ...e } : e))
     )
-  ), q = (e) => e?.checkErrors ? R(e?.meta).pipe(b.flatMap(b.fnUntraced(function* () {
-    const t = a.getAllErrors();
-    if (Object.keys(t.fields).length || t.form.errors.length)
-      return yield* new ae({ form: t.form, fields: t.fields });
-  }))) : R(e?.meta), B = a.handleSubmit, j = Z(/* @__PURE__ */ new Map()), E = Object.assign(a, {
+  ), H = (e) => e?.checkErrors ? I(e?.meta).pipe(c.flatMap(c.fnUntraced(function* () {
+    const r = o.getAllErrors();
+    if (Object.keys(r.fields).length || r.form.errors.length)
+      return yield* new se({ form: r.form, fields: r.fields });
+  }))) : I(e?.meta), J = o.handleSubmit, j = z(/* @__PURE__ */ new Map()), h = Object.assign(o, {
     i18nNamespace: n?.i18nNamespace,
     ignorePreventCloseEvents: n?.ignorePreventCloseEvents,
-    meta: l,
-    clear: v,
+    meta: b,
+    clear: M,
     handleSubmit: (e) => {
-      const t = H.getSpan(L.active());
-      return B({ currentSpan: t, ...e });
+      const r = R.getSpan(L.active());
+      return J({ currentSpan: r, ...e });
     },
     // /** @experimental */
-    handleSubmitEffect: q,
+    handleSubmitEffect: H,
     registerField: (e) => {
-      W(e, (t) => j.value.set(t.name, { label: t.label, id: t.id }), { immediate: !0 }), N(() => j.value.delete(e.value.name));
+      W(e, (r) => j.value.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), N(() => j.value.delete(e.value.name));
     }
-  }), $ = { form: E, fieldMap: j };
-  return Object.assign(E, {
+  }), $ = { form: h, fieldMap: j };
+  return Object.assign(h, {
     // Type-level properties for performance optimization (not used at runtime)
     _paths: void 0,
     _keys: void 0,
+    _schema: l,
     errorContext: $,
-    Form: k(E)(ie),
-    Input: k(E)(n?.input ?? se),
-    TaggedUnion: k(E)(oe),
-    Field: a.Field,
-    Errors: le($)(te),
-    Array: k(E)(C),
-    AutoGen: k(E)(ee)
+    Form: E(h)(te),
+    Input: E(h)(n?.input ?? ee),
+    TaggedUnion: E(h)(re),
+    Field: o.Field,
+    Errors: ne($)(Z),
+    Array: E(h)(X),
+    AutoGen: E(h)(Y)
   });
 };
 export {
-  ae as FormErrors,
-  _e as useOmegaForm
+  se as FormErrors,
+  be as useOmegaForm
 };

package/dist/vue-components.es11.js

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

package/dist/vue-components.es16.js

@@ -1,12 +1,13 @@
-import { Exit as c, Runtime as u } from "effect";
-import { dual as n, isFunction as m } from "./vue-components.es30.js";
-const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
-n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
-const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {
-  c.isSuccess(r) ? o(r.value) : s(u.makeFiberFailure(r.cause));
-}));
+import { onMounted as e, onUnmounted as u } from "vue";
+function p(t) {
+  let n;
+  e(() => {
+    const o = t();
+    o && (n = o);
+  }), u(() => {
+    n && n();
+  });
+}
 export {
-  a as clone,
-  i as cloneTrait,
-  p as runtimeFiberAsPromise
+  p as onMountedWithCleanup
 };

package/dist/vue-components.es17.js

@@ -1,7 +1,12 @@
-import { isFunction as c } from "./vue-components.es30.js";
-const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
+import { Exit as c, Runtime as u } from "effect";
+import { dual as n, isFunction as m } from "./vue-components.es30.js";
+const i = Symbol.for("clone-trait"), a = n(2, (e, t) => i in e ? e[i](t) : Object.setPrototypeOf(t, Object.getPrototypeOf(e)));
+n(2, (e, t) => a(e, { ...e, ...m(t) ? t(e) : t }));
+const p = (e, t) => new Promise((o, s) => e.addObserver((r) => {
+  c.isSuccess(r) ? o(r.value) : s(u.makeFiberFailure(r.cause));
+}));
 export {
-  s as isFunction,
-  i as isObject,
-  t as isRecordOrArray
+  a as clone,
+  i as cloneTrait,
+  p as runtimeFiberAsPromise
 };