@effect-app/vue-components 0.27.15 → 1.0.0-next.0

package/dist/vue-components.es6.js

@@ -1,34 +1,214 @@
-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 L, 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 O, onUnmounted as K, onMounted as B, onBeforeUnmount as G, watch as W, h as I } 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 $ } from "./vue-components.es15.js";
+import { context as E } from "./vue-components.es16.js";
+const p = (c) => function(n) {
+  return {
+    setup() {
+    },
+    render() {
+      return I(n, {
+        form: c,
+        on: this.$listeners,
+        attrs: this.$attrs,
+        scopedSlots: this.$scopedSlots
+      });
+    }
+  };
+}, C = (c) => function(n) {
+  return {
+    setup() {
+      return {
+        ...c
+      };
+    },
+    render({ errors: h, generalErrors: S, showErrors: w }) {
+      return I(n, {
+        errors: h,
+        generalErrors: S,
+        showErrors: w,
+        on: this.$listeners,
+        attrs: this.$attrs,
+        scopedSlots: this.$scopedSlots
+      });
+    }
+  };
+}, pe = (c, a, n) => {
+  if (!c) throw new Error("Schema is required");
+  const h = L.standardSchemaV1(c), S = L.decode(c), { filterItems: w, meta: d } = X(c), l = O(() => {
+    if (n?.persistency?.id)
+      return n.persistency.id;
+    const e = window.location.pathname, r = Object.keys(d);
+    return `${e}-${r.join("-")}`;
+  }), P = () => {
+    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 A = O(() => {
+    if (a?.defaultValues && !n?.persistency?.overrideDefaultValues)
+      return a?.defaultValues;
+    let e;
+    const r = n?.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);
+        P(), 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);
+    }
+  }), U = (e, r) => e ? E.with($.setSpan(E.active(), e), r) : r(), u = D({
+    ...a,
+    validators: {
+      onSubmit: h,
+      ...a?.validators || {}
+    },
+    onSubmit: a?.onSubmit ? ({ formApi: e, meta: r, value: t }) => U(r?.currentSpan, async () => {
+      const s = await f.runPromise(S(t)), o = a.onSubmit({
+        formApi: e,
+        meta: r,
+        value: s
+      });
+      return y.isFiber(o) && y.isRuntimeFiber(o) ? await J(o) : f.isEffect(o) ? await f.runPromise(
+        o.pipe(
+          // meta?.currentSpan
+          //   ? Effect.withParentSpan(meta.currentSpan)
+          //   : (_) => _,
+          f.flatMap((m) => y.join(m))
+        )
+      ) : o;
+    }) : void 0,
+    defaultValues: A.value
+  }), M = () => {
+    Object.keys(d).forEach((e) => {
+      u.setFieldValue(e, void 0);
+    });
+  }, V = (e) => e.reduce((r, t) => {
+    const s = t.split(".");
+    return s.reduce((o, m, x) => (x === s.length - 1 ? o[m] = u.getFieldValue(t) : o[m] = o[m] ?? {}, o[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 = n?.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 = n?.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 N = u.handleSubmit, i = Object.assign(u, {
+    i18nNamespace: n?.i18nNamespace,
+    meta: d,
+    filterItems: w,
+    clear: M,
+    handleSubmit: (e) => {
+      const r = $.getSpan(E.active());
+      return N({ 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))
+    //       )
+    //   )
+  }), R = 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((o) => o.message)
+      ).some((s) => s === e.message) && e.items.forEach((s) => {
+        const o = i.getFieldMeta(s);
+        o && i.setFieldMeta(s, {
+          ...o,
+          errorMap: {
+            onSubmit: [
+              { path: [s], message: e.message }
+            ]
+          }
+        });
+      }), {}) : {} : {};
+    }
+  );
+  const _ = Q(R, b, n?.showErrorsOn);
+  return Object.assign(i, {
+    Form: p(i)(Z),
+    Input: n?.input ? n.input(i) : p(i)(Y),
+    Field: u.Field,
+    Errors: C(_)(T),
+    Array: p(i)(k),
+    AutoGen: p(i)(z)
+  });
+};
 export {
-  w as default
+  pe as useOmegaForm
 };

package/dist/vue-components.es7.js

@@ -1,53 +1,335 @@
-import { defineComponent as y, inject as h, computed as l, createBlock as s, openBlock as i, resolveDynamicComponent as M, withCtx as p, createCommentVNode as $, mergeProps as b, renderSlot as C, normalizeProps as k, guardReactiveProps as F } from "vue";
-import { useIntl as A } from "./vue-components.es3.js";
-import { generateInputStandardSchemaFromFieldMeta as w } from "./vue-components.es10.js";
-import I from "./vue-components.es26.js";
-const z = /* @__PURE__ */ y({
-  inheritAttrs: !1,
-  __name: "OmegaInput",
-  props: {
-    form: {},
-    name: {},
-    validators: {},
-    label: {},
-    options: {},
-    type: {}
-  },
-  setup(u) {
-    const e = u, r = h(
-      "getMetaFromArray",
-      null
-    ), t = l(() => r?.value && r.value(e.name) ? r.value(e.name) : e.form.meta[e.name]), f = l(() => {
-      if (!t.value)
-        throw console.log(e.name, Object.keys(e.form.meta), e.form.meta), new Error("Meta is undefined");
-      return w(t.value);
-    }), { formatMessage: o } = A(), d = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (m) => m.toUpperCase()).trim(), n = () => o({ id: `general.fields.${e.name}`, defaultMessage: d(e.name) }), c = () => e.form.i18nNamespace ? o({ id: `${e.form.i18nNamespace}.fields.${e.name}`, defaultMessage: n() }) : n();
-    return (a, m) => (i(), s(M(a.form.Field), {
-      name: a.name,
-      validators: {
-        onChange: f.value,
-        ...a.validators
+import { S as n, Option as c, pipe as L } from "effect-app";
+import { getTransformationFrom as U, useIntl as _ } from "./vue-components.es3.js";
+const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === n.Null.ast), g = (e) => !e || !n.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === n.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: i = "", property: t, propertySignatures: p }, o = {}) => {
+  if (t && t._tag === "Transformation")
+    return m({
+      parent: i,
+      meta: e,
+      property: t.from
+    });
+  if (t?._tag === "TypeLiteral" && "propertySignatures" in t)
+    return m({
+      meta: e,
+      propertySignatures: t.propertySignatures
+    });
+  if (p) {
+    for (const r of p) {
+      const l = i ? `${i}.${r.name.toString()}` : r.name.toString(), a = g(r.type), u = !a, A = r.type;
+      if (n.AST.isUnion(r.type)) {
+        const T = r.type.types.filter(
+          (s) => s._tag !== "UndefinedKeyword" && s !== n.Null.ast
+        ).map(U);
+        if (T.some(
+          (s) => "propertySignatures" in s
+        )) {
+          if (!a) {
+            const s = m({
+              parent: l,
+              property: r.type,
+              meta: { required: u, nullableOrUndefined: a }
+            });
+            o[l] = s;
+          }
+          for (const s of T)
+            "propertySignatures" in s && Object.assign(
+              o,
+              m({
+                parent: l,
+                propertySignatures: s.propertySignatures,
+                meta: { required: u, nullableOrUndefined: a }
+              })
+            );
+        } else {
+          const s = T.filter(n.AST.isTupleType);
+          if (s.length > 0) {
+            const f = s[0];
+            if (o[l] = {
+              type: "multiple",
+              members: f.elements,
+              rest: f.rest,
+              required: u,
+              nullableOrUndefined: a
+            }, f.rest && f.rest.length > 0) {
+              const d = f.rest[0];
+              if (d.type._tag === "TypeLiteral" && "propertySignatures" in d.type)
+                for (const y of d.type.propertySignatures) {
+                  const b = `${l}.${y.name.toString()}`, S = m({
+                    parent: b,
+                    property: y.type,
+                    meta: {
+                      required: !g(y.type),
+                      nullableOrUndefined: g(y.type)
+                    }
+                  });
+                  if (S && typeof S == "object" && "type" in S && (o[b] = S, S.type === "multiple" && n.AST.isTupleType(y.type) && y.type.rest && y.type.rest.length > 0)) {
+                    const O = y.type.rest[0];
+                    if (O.type._tag === "TypeLiteral" && "propertySignatures" in O.type)
+                      for (const v of O.type.propertySignatures) {
+                        const M = `${b}.${v.name.toString()}`, x = m({
+                          parent: M,
+                          property: v.type,
+                          meta: {
+                            required: !g(v.type),
+                            nullableOrUndefined: g(v.type)
+                          }
+                        });
+                        x && typeof x == "object" && "type" in x && (o[M] = x);
+                      }
+                  }
+                }
+            }
+          } else {
+            const f = m({
+              parent: l,
+              property: r.type,
+              meta: { required: u, nullableOrUndefined: a }
+            });
+            o[l] = f;
+          }
+        }
+      } else if ("propertySignatures" in A)
+        Object.assign(
+          o,
+          m({
+            parent: l,
+            propertySignatures: A.propertySignatures,
+            meta: { required: u, nullableOrUndefined: a }
+          })
+        );
+      else if (n.AST.isTupleType(r.type))
+        if (r.type.rest.length > 0 && r.type.rest[0].type._tag === "TypeLiteral" && "propertySignatures" in r.type.rest[0].type) {
+          const h = r.type.rest[0].type;
+          if (h._tag === "TypeLiteral" && "propertySignatures" in h)
+            for (const s of h.propertySignatures) {
+              const f = `${l}.${s.name.toString()}`;
+              if (n.AST.isTupleType(s.type) && s.type.rest.length > 0) {
+                const d = s.type.rest[0].type;
+                if (d._tag === "TypeLiteral" && "propertySignatures" in d)
+                  for (const y of d.propertySignatures) {
+                    const b = `${f}.${y.name.toString()}`, S = m({
+                      parent: b,
+                      property: y.type,
+                      meta: {
+                        required: !g(y.type),
+                        nullableOrUndefined: g(y.type)
+                      }
+                    });
+                    o[b] = S;
+                  }
+                else
+                  o[f] = {
+                    type: "multiple",
+                    members: s.type.elements,
+                    rest: s.type.rest,
+                    required: !g(s.type),
+                    nullableOrUndefined: g(s.type)
+                  };
+              } else {
+                const d = m({
+                  parent: f,
+                  property: s.type,
+                  meta: {
+                    required: !g(s.type),
+                    nullableOrUndefined: g(s.type)
+                  }
+                });
+                o[f] = d;
+              }
+            }
+        } else
+          o[l] = {
+            type: "multiple",
+            members: r.type.elements,
+            rest: r.type.rest,
+            required: u,
+            nullableOrUndefined: a
+          };
+      else {
+        const T = m({
+          parent: l,
+          property: r.type,
+          meta: { required: u, nullableOrUndefined: a }
+        });
+        o[l] = T;
       }
-    }, {
-      default: p(({ field: v }) => [
-        t.value ? (i(), s(I, b({
-          key: 0,
-          field: v,
-          label: a.label ?? c(),
-          options: a.options,
-          meta: t.value,
-          type: a.type
-        }, a.$attrs), {
-          default: p((g) => [
-            C(a.$slots, "default", k(F(g)))
-          ]),
-          _: 3
-        }, 16, ["field", "label", "options", "meta", "type"])) : $("", !0)
-      ]),
-      _: 3
-    }, 8, ["name", "validators"]));
+    }
+    return o;
   }
-});
+  if (t) {
+    const r = E(t);
+    if (Object.hasOwnProperty.call(e, "required") || (e.required = !r), n.AST.isUnion(t)) {
+      const a = t.types.find(
+        (u) => u._tag !== "UndefinedKeyword" && u !== n.Null.ast
+      );
+      return "propertySignatures" in a ? m({
+        propertySignatures: a.propertySignatures,
+        parent: i,
+        meta: e
+      }) : t.types.every(n.AST.isLiteral) ? {
+        ...e,
+        type: "select",
+        members: t.types.map((u) => u.literal)
+      } : {
+        ...e,
+        ...m({
+          parent: i,
+          meta: e,
+          property: a
+        })
+      };
+    }
+    if (n.AST.isTupleType(t))
+      return {
+        ...e,
+        type: "multiple",
+        members: t.elements,
+        rest: t.rest
+      };
+    const l = n.AST.getAnnotation(
+      t,
+      n.AST.JSONSchemaAnnotationId
+    ).pipe(c.getOrElse(() => ({})));
+    return e = { ...e, ...l }, "from" in t ? m({
+      parent: i,
+      meta: e,
+      property: t.from
+    }) : (e.type = n.AST.getAnnotation(
+      t,
+      n.AST.TitleAnnotationId
+    ).pipe(
+      c.getOrElse(() => "unknown")
+    ), e);
+  }
+  return o;
+}, q = (e) => {
+  const i = e.ast, t = {};
+  if (i._tag === "Transformation" || i._tag === "Refinement")
+    return q(n.make(i.from));
+  if ("propertySignatures" in i) {
+    const p = m({
+      propertySignatures: i.propertySignatures
+    });
+    if (Object.values(p).every((r) => r && "type" in r))
+      return p;
+    const o = (r, l = "") => {
+      for (const a in r) {
+        const u = l ? `${l}.${a}` : a;
+        r[a] && typeof r[a] == "object" && "type" in r[a] ? t[u] = r[a] : r[a] && typeof r[a] == "object" && o(r[a], u);
+      }
+    };
+    o(p);
+  }
+  return t;
+}, $ = (e) => n.extend(e, n.Struct({})), K = (e) => {
+  const i = q(e), t = L(
+    e.ast,
+    c.liftPredicate((p) => p._tag === "Refinement" && "filter" in p),
+    c.flatMap((p) => n.AST.getJSONSchemaAnnotation(p)),
+    c.filter((p) => "items" in p),
+    c.filterMap(({ items: p }) => n.decodeUnknownOption(N)(p)),
+    c.zipWith(
+      n.AST.getMessageAnnotation(e.ast),
+      (p, o) => ({
+        items: p,
+        message: o("")
+      })
+    ),
+    c.getOrUndefined
+  );
+  return { schema: e, meta: i, filterItems: t };
+}, P = (e) => {
+  const { trans: i } = _();
+  let t;
+  switch (e.type) {
+    case "string":
+      t = n.String.annotations({
+        message: () => i("validation.empty")
+      }), e.format === "email" && (t = n.compose(
+        t,
+        n.Email.annotations({
+          message: () => i("validation.email.invalid")
+        })
+      )), e.required && t.annotations({
+        message: () => i("validation.empty")
+      }), e.maxLength && (t = t.pipe(n.maxLength(e.maxLength)).annotations({
+        message: () => i("validation.string.maxLength", {
+          maxLength: e.maxLength
+        })
+      })), e.minLength && (t = t.pipe(n.minLength(e.minLength)).annotations({
+        message: () => i("validation.string.minLength", {
+          minLength: e.minLength
+        })
+      }));
+      break;
+    case "number":
+      t = n.Number.annotations({
+        message: () => i("validation.empty")
+      }), e.required && t.annotations({
+        message: () => i("validation.empty")
+      }), e.minimum && (t = t.pipe(n.greaterThanOrEqualTo(e.minimum)).annotations({
+        message: () => i("validation.number.min", {
+          minimum: e.minimum,
+          isExclusive: !0
+        })
+      })), e.maximum && (t = t.pipe(n.lessThanOrEqualTo(e.maximum)).annotations({
+        message: () => i("validation.number.max", {
+          maximum: e.maximum,
+          isExclusive: !0
+        })
+      })), e.exclusiveMinimum && (t = t.pipe(n.greaterThan(e.exclusiveMinimum)).annotations({
+        message: () => i("validation.number.min", {
+          minimum: e.exclusiveMinimum,
+          isExclusive: !1
+        })
+      })), e.exclusiveMaximum && (t = t.pipe(n.lessThan(e.exclusiveMaximum)).annotations({
+        message: () => i("validation.number.max", {
+          maximum: e.exclusiveMaximum,
+          isExclusive: !1
+        })
+      }));
+      break;
+    case "select":
+      t = n.Literal(...e.members).annotations({
+        message: () => ({
+          message: i("validation.not_a_valid", {
+            type: "select",
+            message: e.members.join(", ")
+          }),
+          override: !0
+        })
+      });
+      break;
+    case "multiple":
+      t = n.Array(n.String).annotations({
+        message: () => i("validation.not_a_valid", {
+          type: "multiple",
+          message: e.members.join(", ")
+        })
+      });
+      break;
+    case "boolean":
+      t = n.Boolean;
+      break;
+    // todo: switch must be exhaustive or have default case, otherwise falls through with schema undefined.
+    case "unknown":
+      t = n.Unknown;
+      break;
+  }
+  return e.required ? t.pipe(
+    n.annotations({
+      message: () => i("validation.empty")
+    })
+  ) : t = n.NullishOr(t), n.standardSchemaV1(t);
+}, I = (e, i) => n.NullOr(e).pipe(
+  n.transform(n.typeSchema(e), {
+    decode: (t) => t ?? i(),
+    encode: (t) => t
+  })
+);
 export {
-  z as default
+  m as createMeta,
+  $ as duplicateSchema,
+  P as generateInputStandardSchemaFromFieldMeta,
+  K as generateMetaFromSchema,
+  I as nullableInput
 };

package/dist/vue-components.es8.js

@@ -1,31 +1,4 @@
-import { ref as l, computed as p, readonly as v, provide as E, inject as f } from "vue";
-const s = Symbol();
-function g(o, i, t = "onSubmit") {
-  const r = l([]), n = (e) => {
-    r.value = r.value.filter((d) => d.inputId !== e);
-  }, c = (e) => {
-    n(e.inputId), r.value.push(e);
-  }, m = () => {
-    r.value = [];
-  }, a = p(() => t === "onSubmit" ? o.value > 0 : !0), u = {
-    errors: v(r),
-    addError: c,
-    removeError: n,
-    clearErrors: m,
-    showErrors: a,
-    generalErrors: i,
-    showErrorsOn: t ?? "onSubmit"
-  };
-  return E(s, u), u;
-}
-function O() {
-  const o = f(s);
-  if (!o)
-    throw new Error("useOmegaErrors must be used within an OmegaForm provider");
-  return o;
-}
+import f from "./vue-components.es4.js";
 export {
-  s as OmegaErrorsKey,
-  g as provideOmegaErrors,
-  O as useOmegaErrors
+  f as default
 };