@effect-app/vue-components 1.8.26 → 1.9.0

package/dist/vue-components.es8.js

@@ -1,32 +1,201 @@
-import r from "./vue-components.es22.js";
-import { inject as c, provide as l } from "vue";
-import { onMountedWithCleanup as u } from "./vue-components.es23.js";
-const f = () => r(), i = Symbol("DialogBus"), p = () => c(i, null), g = () => {
-  const e = f();
-  return l(i, e), e;
-}, d = (e) => {
-  const o = p();
-  if (!o)
-    return;
-  const s = e();
-  u(() => {
-    const n = (t) => {
-      s.value && (confirm("Es sind ungespeicherte Änderungen vorhanden. Wirklich schließen?") || (t.prevent = !0));
-    };
-    return o.on("dialog-closing", n), () => o.off("dialog-closing", n);
-  });
-}, h = (e) => {
-  const o = g();
-  return () => {
-    const n = {};
-    o.emit("dialog-closing", n), n.prevent ? typeof n.prevent == "object" && "then" in n.prevent && n.prevent.then((t) => {
-      t !== !1 && e();
-    }) : e();
+import { useForm as q } from "@tanstack/vue-form";
+import { Data as K, S as I, Effect as l, Fiber as F, Option as M, Array as P } from "effect-app";
+import { runtimeFiberAsPromise as B } from "./vue-components.es14.js";
+import { isObject as G } from "./vue-components.es15.js";
+import { computed as j, onUnmounted as N, onMounted as T, onBeforeUnmount as W, ref as k, watch as z, h as D } from "vue";
+import { usePreventClose as Q } from "./vue-components.es9.js";
+import X from "./vue-components.es16.js";
+import Y from "./vue-components.es17.js";
+import Z from "./vue-components.es18.js";
+import { generateMetaFromSchema as C } from "./vue-components.es10.js";
+import ee from "./vue-components.es6.js";
+import re from "./vue-components.es19.js";
+import { trace as _ } from "./vue-components.es20.js";
+import { context as V } from "./vue-components.es21.js";
+class te extends K.TaggedError("FormErrors") {
+}
+const w = (c) => function(n) {
+  return {
+    render() {
+      return D(n, {
+        form: c,
+        ...this.$attrs
+      }, this.$slots);
+    }
+  };
+}, se = (c) => function(n) {
+  return {
+    setup() {
+      const { fieldMap: f, form: p } = c, h = p.useStore((a) => a.errors), u = p.useStore((a) => a.fieldMeta), b = j(
+        () => P.filterMap(
+          Object.entries(u.value),
+          ([a, v]) => (v.errors ?? []).length && f.value.get(a)?.id ? M.some({
+            label: f.value.get(a).label,
+            inputId: f.value.get(a).id,
+            errors: (v.errors ?? []).map((y) => y.message).filter(Boolean)
+          }) : M.none()
+        )
+      );
+      return {
+        generalErrors: h,
+        errors: b
+      };
+    },
+    render({ errors: f, generalErrors: p }) {
+      return D(n, {
+        errors: f,
+        generalErrors: p,
+        ...this.$attrs
+      }, this.$slots);
+    }
+  };
+}, we = (c, i, n) => {
+  if (!c) throw new Error("Schema is required");
+  const f = I.standardSchemaV1(c), p = I.decode(c), { meta: h } = C(c), u = j(() => {
+    if (n?.persistency?.id)
+      return n.persistency.id;
+    const e = window.location.pathname, r = Object.keys(h);
+    return `${e}-${r.join("-")}`;
+  }), b = () => {
+    const e = new URLSearchParams(window.location.search);
+    e.delete(u.value);
+    const r = new URL(window.location.href);
+    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
   };
+  function a(e, r) {
+    for (const t in r)
+      r[t] && G(r[t]) ? (e[t] || (e[t] = {}), a(e[t], r[t])) : e[t] = r[t];
+    return e;
+  }
+  const v = j(() => {
+    if (i?.defaultValues && !n?.persistency?.overrideDefaultValues)
+      return i?.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(u.value);
+        b(), 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(u.value) || "{}"
+          );
+          t.removeItem(u.value), e = s;
+        } catch (s) {
+          console.error(s);
+        }
+    }
+    if (e ??= {}, i?.defaultValues == null)
+      return e;
+    {
+      const t = i?.defaultValues;
+      return a(t, e);
+    }
+  }), y = (e, r) => e ? V.with(_.setSpan(V.active(), e), r) : r(), d = q({
+    ...i,
+    validators: {
+      onSubmit: f,
+      ...i?.validators || {}
+    },
+    onSubmit: i?.onSubmit ? ({ formApi: e, meta: r, value: t }) => y(r?.currentSpan, async () => {
+      const s = await l.runPromise(p(t)), o = i.onSubmit({
+        formApi: e,
+        meta: r,
+        value: s
+      });
+      return F.isFiber(o) && F.isRuntimeFiber(o) ? await B(o) : l.isEffect(o) ? await l.runPromise(
+        o.pipe(
+          // meta?.currentSpan
+          //   ? Effect.withParentSpan(meta.currentSpan)
+          //   : (_) => _,
+          l.flatMap((S) => F.join(S))
+        )
+      ) : o;
+    }) : void 0,
+    defaultValues: v.value
+  }), R = () => {
+    Object.keys(h).forEach((e) => {
+      d.setFieldValue(e, void 0);
+    });
+  }, O = (e) => e.reduce((r, t) => {
+    const s = t.split(".");
+    return s.reduce((o, S, J) => (J === s.length - 1 ? o[S] = d.getFieldValue(t) : o[S] = o[S] ?? {}, o[S]), r), r;
+  }, {}), U = (e) => {
+    if (e) {
+      if (P.isArray(e.keys))
+        return O(e.keys);
+      if (P.isArray(e.banKeys)) {
+        const r = Object.keys(h).filter((t) => e.banKeys?.includes(t));
+        return O(r);
+      }
+      return d.store.state.values;
+    }
+  }, g = () => {
+    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 = U(e);
+      return r.setItem(u.value, JSON.stringify(t));
+    }
+  }, L = () => {
+    const e = n?.persistency;
+    if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
+      const r = U(e), t = new URLSearchParams(window.location.search);
+      t.set(u.value, JSON.stringify(r));
+      const s = new URL(window.location.href);
+      s.search = t.toString(), window.history.replaceState({}, "", s.toString());
+    }
+  };
+  N(g), T(() => {
+    window.addEventListener("beforeunload", g), window.addEventListener("blur", L);
+  }), W(() => {
+    window.removeEventListener("beforeunload", g), window.removeEventListener("blur", L);
+  });
+  const $ = (e) => l.currentSpan.pipe(
+    l.option,
+    l.flatMap(
+      (r) => l.promise(() => d.handleSubmit(M.isSome(r) ? { currentSpan: r.value, ...e } : e))
+    )
+  ), x = (e) => e?.checkErrors ? $(e?.meta).pipe(l.flatMap(l.fnUntraced(function* () {
+    const r = d.getAllErrors();
+    if (Object.keys(r.fields).length || r.form.errors.length)
+      return yield* new te({ form: r.form, fields: r.fields });
+  }))) : $(e?.meta), H = d.handleSubmit, E = k(/* @__PURE__ */ new Map()), m = Object.assign(d, {
+    i18nNamespace: n?.i18nNamespace,
+    meta: h,
+    clear: R,
+    handleSubmit: (e) => {
+      const r = _.getSpan(V.active());
+      return H({ currentSpan: r, ...e });
+    },
+    // /** @experimental */
+    handleSubmitEffect: x,
+    registerField: (e) => {
+      z(e, (r) => E.value.set(r.name, { label: r.label, id: r.id }), { immediate: !0 }), N(() => E.value.delete(e.value.name));
+    }
+  }), A = { form: m, fieldMap: E };
+  return n?.ignorePreventCloseEvents || Q(() => m.useStore((e) => e.isDirty)), Object.assign(m, {
+    errorContext: A,
+    Form: w(m)(re),
+    Input: w(m)(n?.input ?? ee),
+    Field: d.Field,
+    Errors: se(A)(Z),
+    Array: w(m)(X),
+    AutoGen: w(m)(Y)
+  });
 };
 export {
-  p as injectBus,
-  g as provideBus,
-  h as useOnClose,
-  d as usePreventClose
+  te as FormErrors,
+  we as useOmegaForm
 };

package/dist/vue-components.es9.js

@@ -1,344 +1,32 @@
-import { S as n, Option as q } from "effect-app";
-import { getMetadataFromSchema as M } from "@effect-app/vue/form";
-import { useIntl as U, getTransformationFrom as _ } from "./vue-components.es3.js";
-const w = (e) => n.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === n.Null.ast), f = (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, u = ({ meta: e = {}, parent: i = "", property: t, propertySignatures: g }, o = {}) => {
-  if (t && t._tag === "Transformation")
-    return u({
-      parent: i,
-      meta: e,
-      property: t.from
-    });
-  if (t?._tag === "TypeLiteral" && "propertySignatures" in t)
-    return u({
-      meta: e,
-      propertySignatures: t.propertySignatures
-    });
-  if (g) {
-    for (const r of g) {
-      const p = i ? `${i}.${r.name.toString()}` : r.name.toString(), a = f(r.type), l = !a, O = r.type;
-      if (n.AST.isUnion(r.type)) {
-        const S = r.type.types.filter(
-          (s) => s._tag !== "UndefinedKeyword" && s !== n.Null.ast
-        ).map(_);
-        if (S.some(
-          (s) => "propertySignatures" in s
-        )) {
-          if (!a) {
-            const s = u({
-              parent: p,
-              property: r.type,
-              meta: { required: l, nullableOrUndefined: a }
-            });
-            o[p] = s;
-          }
-          for (const s of S)
-            "propertySignatures" in s && Object.assign(
-              o,
-              u({
-                parent: p,
-                propertySignatures: s.propertySignatures,
-                meta: { required: l, nullableOrUndefined: a }
-              })
-            );
-        } else {
-          const s = S.filter(n.AST.isTupleType);
-          if (s.length > 0) {
-            const y = s[0];
-            if (o[p] = {
-              type: "multiple",
-              members: y.elements,
-              rest: y.rest,
-              required: l,
-              nullableOrUndefined: a
-            }, y.rest && y.rest.length > 0) {
-              const d = y.rest[0];
-              if (d.type._tag === "TypeLiteral" && "propertySignatures" in d.type)
-                for (const m of d.type.propertySignatures) {
-                  const T = `${p}.${m.name.toString()}`, c = u({
-                    parent: T,
-                    property: m.type,
-                    meta: {
-                      required: !f(m.type),
-                      nullableOrUndefined: f(m.type)
-                    }
-                  });
-                  if (c && typeof c == "object" && "type" in c && (o[T] = c, c.type === "multiple" && n.AST.isTupleType(m.type) && m.type.rest && m.type.rest.length > 0)) {
-                    const v = m.type.rest[0];
-                    if (v.type._tag === "TypeLiteral" && "propertySignatures" in v.type)
-                      for (const h of v.type.propertySignatures) {
-                        const L = `${T}.${h.name.toString()}`, x = u({
-                          parent: L,
-                          property: h.type,
-                          meta: {
-                            required: !f(h.type),
-                            nullableOrUndefined: f(h.type)
-                          }
-                        });
-                        x && typeof x == "object" && "type" in x && (o[L] = x);
-                      }
-                  }
-                }
-            }
-          } else {
-            const y = u({
-              parent: p,
-              property: r.type,
-              meta: { required: l, nullableOrUndefined: a }
-            });
-            o[p] = y;
-          }
-        }
-      } else if ("propertySignatures" in O)
-        Object.assign(
-          o,
-          u({
-            parent: p,
-            propertySignatures: O.propertySignatures,
-            meta: { required: l, 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 b = r.type.rest[0].type;
-          if (b._tag === "TypeLiteral" && "propertySignatures" in b)
-            for (const s of b.propertySignatures) {
-              const y = `${p}.${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 m of d.propertySignatures) {
-                    const T = `${y}.${m.name.toString()}`, c = u({
-                      parent: T,
-                      property: m.type,
-                      meta: {
-                        required: !f(m.type),
-                        nullableOrUndefined: f(m.type)
-                      }
-                    });
-                    o[T] = c;
-                  }
-                else
-                  o[y] = {
-                    type: "multiple",
-                    members: s.type.elements,
-                    rest: s.type.rest,
-                    required: !f(s.type),
-                    nullableOrUndefined: f(s.type)
-                  };
-              } else {
-                const d = u({
-                  parent: y,
-                  property: s.type,
-                  meta: {
-                    required: !f(s.type),
-                    nullableOrUndefined: f(s.type)
-                  }
-                });
-                o[y] = d;
-              }
-            }
-        } else
-          o[p] = {
-            type: "multiple",
-            members: r.type.elements,
-            rest: r.type.rest,
-            required: l,
-            nullableOrUndefined: a
-          };
-      else {
-        const S = u({
-          parent: p,
-          property: r.type,
-          meta: {
-            // an empty string is valid for a S.String field, so we should not mark it as required
-            // TODO: handle this better via the createMeta minLength parsing
-            required: l && (r.type._tag !== "StringKeyword" || M(r.type).minLength),
-            nullableOrUndefined: a
-          }
-        });
-        o[p] = S;
-      }
-    }
-    return o;
-  }
-  if (t) {
-    const r = w(t);
-    if (Object.hasOwnProperty.call(e, "required") || (e.required = !r), n.AST.isUnion(t)) {
-      const a = t.types.find(
-        (l) => l._tag !== "UndefinedKeyword" && l !== n.Null.ast
-      );
-      return "propertySignatures" in a ? u({
-        propertySignatures: a.propertySignatures,
-        parent: i,
-        meta: e
-      }) : t.types.every(n.AST.isLiteral) ? {
-        ...e,
-        type: "select",
-        members: t.types.map((l) => l.literal)
-      } : {
-        ...e,
-        ...u({
-          parent: i,
-          meta: e,
-          property: a
-        })
-      };
-    }
-    if (n.AST.isTupleType(t))
-      return {
-        ...e,
-        type: "multiple",
-        members: t.elements,
-        rest: t.rest
-      };
-    const p = n.AST.getAnnotation(
-      t,
-      n.AST.JSONSchemaAnnotationId
-    ).pipe(q.getOrElse(() => ({})));
-    return e = { ...e, ...p }, "from" in t ? u({
-      parent: i,
-      meta: e,
-      property: t.from
-    }) : (e.type = n.AST.getAnnotation(
-      t,
-      n.AST.TitleAnnotationId
-    ).pipe(
-      q.getOrElse(() => "unknown")
-    ), e);
-  }
-  return o;
-}, A = (e) => {
-  const i = e.ast, t = {};
-  if (i._tag === "Transformation" || i._tag === "Refinement")
-    return A(n.make(i.from));
-  if ("propertySignatures" in i) {
-    const g = u({
-      propertySignatures: i.propertySignatures
-    });
-    if (Object.values(g).every((r) => r && "type" in r))
-      return g;
-    const o = (r, p = "") => {
-      for (const a in r) {
-        const l = p ? `${p}.${a}` : a;
-        r[a] && typeof r[a] == "object" && "type" in r[a] ? t[l] = r[a] : r[a] && typeof r[a] == "object" && o(r[a], l);
-      }
+import r from "./vue-components.es24.js";
+import { inject as c, provide as l } from "vue";
+import { onMountedWithCleanup as u } from "./vue-components.es25.js";
+const f = () => r(), i = Symbol("DialogBus"), p = () => c(i, null), g = () => {
+  const e = f();
+  return l(i, e), e;
+}, d = (e) => {
+  const o = p();
+  if (!o)
+    return;
+  const s = e();
+  u(() => {
+    const n = (t) => {
+      s.value && (confirm("Es sind ungespeicherte Änderungen vorhanden. Wirklich schließen?") || (t.prevent = !0));
     };
-    o(g);
-  }
-  return t;
-}, K = (e) => n.extend(e, n.Struct({})), I = (e) => {
-  const i = A(e);
-  return { schema: e, meta: i };
-}, P = (e) => {
-  const { trans: i } = U();
-  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);
-}, F = (e, i) => n.NullOr(e).pipe(
-  n.transform(n.typeSchema(e), {
-    decode: (t) => t ?? i(),
-    encode: (t) => t
-  })
-), E = [
-  "button",
-  "checkbox",
-  "color",
-  "date",
-  "email",
-  "number",
-  "password",
-  "radio",
-  "range",
-  "search",
-  "submit",
-  "tel",
-  "text",
-  "time",
-  "url"
-], j = (e) => E.includes(e) ? e : "text";
+    return o.on("dialog-closing", n), () => o.off("dialog-closing", n);
+  });
+}, h = (e) => {
+  const o = g();
+  return () => {
+    const n = {};
+    o.emit("dialog-closing", n), n.prevent ? typeof n.prevent == "object" && "then" in n.prevent && n.prevent.then((t) => {
+      t !== !1 && e();
+    }) : e();
+  };
+};
 export {
-  u as createMeta,
-  K as duplicateSchema,
-  P as generateInputStandardSchemaFromFieldMeta,
-  I as generateMetaFromSchema,
-  j as getInputType,
-  F as nullableInput
+  p as injectBus,
+  g as provideBus,
+  h as useOnClose,
+  d as usePreventClose
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "1.8.26",
+  "version": "1.9.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.18.0",
@@ -30,7 +30,9 @@
     "vitepress": "^1.6.4",
     "vitest": "^3.2.4",
     "vue-router": "^4.5.1",
+    "vue-toastification": "^2.0.0-rc.5",
     "vue-tsc": "^3.1.0",
+    "vuetify": "^3.10.3",
     "@effect-app/eslint-shared-config": "0.3.4"
   },
   "files": [
@@ -51,8 +53,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "effect-app": "3.11.0",
-    "@effect-app/vue": "2.88.3"
+    "@effect-app/vue": "2.89.0",
+    "effect-app": "3.11.0"
   },
   "scripts": {
     "build": "pnpm build:run",