@effect-app/vue-components 0.27.16 → 1.0.0-next.1

package/dist/vue-components.es5.js

@@ -1,72 +1,31 @@
-import { defineComponent as _, computed as O, createElementBlock as j, openBlock as M, Fragment as E, renderList as A, renderSlot as F, createVNode as g, mergeProps as h } from "vue";
-import { Order as s, pipe as k, Array as l } from "effect-app";
-import v from "./vue-components.es7.js";
-const R = /* @__PURE__ */ _({
-  __name: "OmegaAutoGen",
-  props: {
-    form: {},
-    pick: {},
-    omit: {},
-    labelMap: { type: Function },
-    filterMap: { type: Function },
-    order: {},
-    sort: {}
-  },
-  setup(p) {
-    const m = (e) => (r) => Object.fromEntries(
-      Object.entries(r).map(([t, n]) => [t, e(n, t)])
-    ), u = (e) => (r) => Object.fromEntries(
-      Object.entries(r).filter(([t, n]) => e(n, t))
-    ), a = (e) => (r) => Object.entries(r).reduce(
-      (t, [n, c]) => {
-        const i = e(c, n);
-        return i !== !1 && (t[n] = i), t;
-      },
-      {}
-    ), o = p, f = (e, r) => {
-      const t = r?.indexOf(e) ?? -1;
-      return t === -1 ? Number.MAX_SAFE_INTEGER : t;
-    }, d = s.mapInput(
-      s.number,
-      (e) => f(e.name, o.order || [])
-    ), b = O(
-      () => k(
-        o.form.meta,
-        // include / exclude
-        u(
-          (e, r) => o.pick ? o.pick.includes(r) && !o.omit?.includes(r) : !o.omit?.includes(r)
-        ),
-        (e) => e,
-        // labelMap and adding name
-        m((e, r) => ({
-          name: r,
-          label: o.labelMap?.(r) || r,
-          ...e
-        })),
-        // filterMap
-        o.filterMap ? a((e) => {
-          const r = o.filterMap?.(e.name, e);
-          return r === void 0 || r === !0 ? e : r;
-        }) : (e) => e,
-        // transform to array
-        (e) => Object.values(e),
-        // order
-        l.sort(d),
-        // sort
-        o.sort ? l.sort(o.sort) : (e) => e
-      )
-    );
-    return (e, r) => (M(!0), j(E, null, A(b.value, ({ name: t, label: n, ...c }) => F(e.$slots, "default", {
-      child: { name: t, label: n, ...c }
-    }, () => [
-      g(v, h({
-        form: o.form,
-        name: t,
-        label: n
-      }, { ref_for: !0 }, c), null, 16, ["form", "name", "label"])
-    ])), 256));
-  }
-});
+import { ref as a, computed as l, readonly as d, inject as E } from "vue";
+const f = Symbol();
+function b(o, u, t = "onSubmit") {
+  const r = a([]), n = (e) => {
+    r.value = r.value.filter((m) => m.inputId !== e);
+  }, s = (e) => {
+    n(e.inputId), r.value.push(e);
+  }, c = () => {
+    r.value = [];
+  }, i = l(() => t === "onSubmit" ? o.value > 0 : !0);
+  return {
+    errors: d(r),
+    addError: s,
+    removeError: n,
+    clearErrors: c,
+    showErrors: i,
+    generalErrors: u,
+    showErrorsOn: t ?? "onSubmit"
+  };
+}
+function g() {
+  const o = E(f);
+  if (!o)
+    throw new Error("useOmegaErrors must be used within an OmegaForm provider");
+  return o;
+}
 export {
-  R as default
+  f as OmegaErrorsKey,
+  b as buildOmegaErrors,
+  g as useOmegaErrors
 };

package/dist/vue-components.es50.js

@@ -1,4 +1,46 @@
-var r = "1.9.0";
+import { VERSION as d } from "./vue-components.es49.js";
+var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
+function s(c) {
+  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
+  if (!t)
+    return function() {
+      return !1;
+    };
+  var e = {
+    major: +t[1],
+    minor: +t[2],
+    patch: +t[3],
+    prerelease: t[4]
+  };
+  if (e.prerelease != null)
+    return function(r) {
+      return r === c;
+    };
+  function a(n) {
+    return f.add(n), !1;
+  }
+  function p(n) {
+    return m.add(n), !0;
+  }
+  return function(r) {
+    if (m.has(r))
+      return !0;
+    if (f.has(r))
+      return !1;
+    var i = r.match(h);
+    if (!i)
+      return a(r);
+    var u = {
+      major: +i[1],
+      minor: +i[2],
+      patch: +i[3],
+      prerelease: i[4]
+    };
+    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
+  };
+}
+var v = s(d);
 export {
-  r as VERSION
+  s as _makeCompatibilityCheck,
+  v as isCompatible
 };

package/dist/vue-components.es51.js

@@ -1,46 +1,4 @@
-import { VERSION as d } from "./vue-components.es50.js";
-var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
-function s(c) {
-  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
-  if (!t)
-    return function() {
-      return !1;
-    };
-  var e = {
-    major: +t[1],
-    minor: +t[2],
-    patch: +t[3],
-    prerelease: t[4]
-  };
-  if (e.prerelease != null)
-    return function(r) {
-      return r === c;
-    };
-  function a(n) {
-    return f.add(n), !1;
-  }
-  function p(n) {
-    return m.add(n), !0;
-  }
-  return function(r) {
-    if (m.has(r))
-      return !0;
-    if (f.has(r))
-      return !1;
-    var i = r.match(h);
-    if (!i)
-      return a(r);
-    var u = {
-      major: +i[1],
-      minor: +i[2],
-      patch: +i[3],
-      prerelease: i[4]
-    };
-    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
-  };
-}
-var v = s(d);
+var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
 export {
-  s as _makeCompatibilityCheck,
-  v as isCompatible
+  o as _globalThis
 };

package/dist/vue-components.es6.js

@@ -1,34 +1,212 @@
-import { defineComponent as a, inject as t, createBlock as n, openBlock as m, mergeProps as p, unref as s, withCtx as i, renderSlot as l, normalizeProps as f, guardReactiveProps as u } from "vue";
-import d from "./vue-components.es7.js";
-import { OmegaFormKey as c } from "./vue-components.es9.js";
-const w = /* @__PURE__ */ a({
-  __name: "OmegaFormInput",
-  props: {
-    name: {},
-    label: {},
-    validators: {},
-    options: {},
-    type: {}
-  },
-  setup(g) {
-    const o = t(c);
-    if (!o)
-      throw new Error("OmegaFormInput must be used within an OmegaForm context");
-    return (e, b) => (m(), n(d, p(e.$props, {
-      form: s(o),
-      name: e.name,
-      label: e.label,
-      validators: e.validators,
-      options: e.options,
-      type: e.type
-    }), {
-      default: i((r) => [
-        l(e.$slots, "default", f(u(r)))
-      ]),
-      _: 3
-    }, 16, ["form", "name", "label", "validators", "options", "type"]));
+import { useForm as D, useStore as H } from "@tanstack/vue-form";
+import { S as O, Effect as f, Fiber as y } from "effect-app";
+import { runtimeFiberAsPromise as J } from "./vue-components.es9.js";
+import { isObject as q } from "./vue-components.es10.js";
+import { computed as I, onUnmounted as K, onMounted as B, onBeforeUnmount as G, watch as W, h as $ } from "vue";
+import k from "./vue-components.es11.js";
+import z from "./vue-components.es12.js";
+import { buildOmegaErrors as Q } from "./vue-components.es5.js";
+import T from "./vue-components.es13.js";
+import { generateMetaFromSchema as X } from "./vue-components.es7.js";
+import Y from "./vue-components.es4.js";
+import Z from "./vue-components.es14.js";
+import { trace as P } from "./vue-components.es15.js";
+import { context as E } from "./vue-components.es16.js";
+const p = (c) => function(o) {
+  return {
+    render() {
+      return $(o, {
+        form: c,
+        on: this.$listeners,
+        attrs: this.$attrs
+      }, this.$slots);
+    }
+  };
+}, C = (c) => function(o) {
+  return {
+    setup() {
+      return {
+        ...c
+      };
+    },
+    render({ errors: h, generalErrors: S, showErrors: w }) {
+      return $(o, {
+        errors: h,
+        generalErrors: S,
+        showErrors: w,
+        on: this.$listeners,
+        attrs: this.$attrs,
+        scopedSlots: this.$scopedSlots
+      });
+    }
+  };
+}, pe = (c, a, o) => {
+  if (!c) throw new Error("Schema is required");
+  const h = O.standardSchemaV1(c), S = O.decode(c), { filterItems: w, meta: d } = X(c), l = I(() => {
+    if (o?.persistency?.id)
+      return o.persistency.id;
+    const e = window.location.pathname, r = Object.keys(d);
+    return `${e}-${r.join("-")}`;
+  }), A = () => {
+    const e = new URLSearchParams(window.location.search);
+    e.delete(l.value);
+    const r = new URL(window.location.href);
+    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
+  };
+  function g(e, r) {
+    for (const t in r)
+      r[t] && q(r[t]) ? (e[t] || (e[t] = {}), g(e[t], r[t])) : e[t] = r[t];
+    return e;
   }
-});
+  const U = I(() => {
+    if (a?.defaultValues && !o?.persistency?.overrideDefaultValues)
+      return a?.defaultValues;
+    let e;
+    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(l.value);
+        A(), s && (e = JSON.parse(s));
+      } catch (t) {
+        console.error(t);
+      }
+    if (
+      // query string has higher priority than local/session storage
+      !e && (r.policies.includes("local") || r.policies.includes("session"))
+    ) {
+      const t = r.policies.includes("local") ? localStorage : sessionStorage;
+      if (t)
+        try {
+          const s = JSON.parse(
+            t.getItem(l.value) || "{}"
+          );
+          t.removeItem(l.value), e = s;
+        } catch (s) {
+          console.error(s);
+        }
+    }
+    if (e ??= {}, a?.defaultValues == null)
+      return e;
+    {
+      const t = a?.defaultValues;
+      return g(t, e);
+    }
+  }), M = (e, r) => e ? E.with(P.setSpan(E.active(), e), r) : r(), u = D({
+    ...a,
+    validators: {
+      onSubmit: h,
+      ...a?.validators || {}
+    },
+    onSubmit: a?.onSubmit ? ({ formApi: e, meta: r, value: t }) => M(r?.currentSpan, async () => {
+      const s = await f.runPromise(S(t)), n = a.onSubmit({
+        formApi: e,
+        meta: r,
+        value: s
+      });
+      return y.isFiber(n) && y.isRuntimeFiber(n) ? await J(n) : f.isEffect(n) ? await f.runPromise(
+        n.pipe(
+          // meta?.currentSpan
+          //   ? Effect.withParentSpan(meta.currentSpan)
+          //   : (_) => _,
+          f.flatMap((m) => y.join(m))
+        )
+      ) : n;
+    }) : void 0,
+    defaultValues: U.value
+  }), N = () => {
+    Object.keys(d).forEach((e) => {
+      u.setFieldValue(e, void 0);
+    });
+  }, V = (e) => e.reduce((r, t) => {
+    const s = t.split(".");
+    return s.reduce((n, m, x) => (x === s.length - 1 ? n[m] = u.getFieldValue(t) : n[m] = n[m] ?? {}, n[m]), r), r;
+  }, {}), F = (e) => {
+    if (e) {
+      if (Array.isArray(e.keys))
+        return V(e.keys);
+      if (Array.isArray(e.banKeys)) {
+        const r = Object.keys(d).filter((t) => e.banKeys?.includes(t));
+        return V(r);
+      }
+      return u.store.state.values;
+    }
+  }, v = () => {
+    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 = F(e);
+      return r.setItem(l.value, JSON.stringify(t));
+    }
+  }, j = () => {
+    const e = o?.persistency;
+    if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
+      const r = F(e), t = new URLSearchParams(window.location.search);
+      t.set(l.value, JSON.stringify(r));
+      const s = new URL(window.location.href);
+      s.search = t.toString(), window.history.replaceState({}, "", s.toString());
+    }
+  };
+  K(v), B(() => {
+    window.addEventListener("beforeunload", v), window.addEventListener("blur", j);
+  }), G(() => {
+    window.removeEventListener("beforeunload", v), window.removeEventListener("blur", j);
+  });
+  const R = u.handleSubmit, i = Object.assign(u, {
+    i18nNamespace: o?.i18nNamespace,
+    meta: d,
+    filterItems: w,
+    clear: N,
+    handleSubmit: (e) => {
+      const r = P.getSpan(E.active());
+      return R({ currentSpan: r, ...e });
+    }
+    // /** @experimental */
+    // handleSubmitEffect: (meta?: Record<string, any>) =>
+    //   Effect.currentSpan.pipe(
+    //     Effect.option,
+    //     Effect
+    //       .flatMap((span) =>
+    //         Effect.promise(() => form.handleSubmit(Option.isSome(span) ? { currentSpan: span.value, ...meta } : meta))
+    //       )
+    //   )
+  }), _ = H(
+    i.store,
+    (e) => e.submissionAttempts
+  ), b = i.useStore((e) => e.errors);
+  W(
+    () => [i.filterItems, b.value],
+    () => {
+      const e = i.filterItems, r = b.value;
+      return e ? r ? (Object.values(r).filter(
+        (s) => !!s
+      ).flatMap(
+        (s) => Object.values(s).flat().map((n) => n.message)
+      ).some((s) => s === e.message) && e.items.forEach((s) => {
+        const n = i.getFieldMeta(s);
+        n && i.setFieldMeta(s, {
+          ...n,
+          errorMap: {
+            onSubmit: [
+              { path: [s], message: e.message }
+            ]
+          }
+        });
+      }), {}) : {} : {};
+    }
+  );
+  const L = Q(_, b, o?.showErrorsOn);
+  return Object.assign(i, {
+    errorContext: L,
+    Form: p(i)(Z),
+    Input: o?.input ? o.input(i) : p(i)(Y),
+    Field: u.Field,
+    Errors: C(L)(T),
+    Array: p(i)(k),
+    AutoGen: p(i)(z)
+  });
+};
 export {
-  w as default
+  pe as useOmegaForm
 };