@effect-app/vue-components 0.12.19 → 0.12.21

package/dist/vue-components.es8.js

@@ -1,127 +1,31 @@
-import { useForm as j } from "@tanstack/vue-form";
-import { S as E } from "effect-app";
-import { generateMetaFromSchema as O } from "./vue-components.es9.js";
-import { computed as v, onUnmounted as P, onMounted as I, onBeforeUnmount as N, provide as R } from "vue";
-import { isObject as A } from "./vue-components.es20.js";
-import D from "./vue-components.es21.js";
-const J = Symbol("OmegaForm"), $ = (d, i, o) => {
-  if (!d) throw new Error("Schema is required");
-  const S = E.standardSchemaV1(d), { filterItems: b, meta: l } = O(d), n = v(() => {
-    if (o?.persistency?.id)
-      return o.persistency.id;
-    const e = window.location.pathname, r = Object.keys(l);
-    return `${e}-${r.join("-")}`;
-  }), g = () => {
-    const e = new URLSearchParams(window.location.search);
-    e.delete(n.value);
-    const r = new URL(window.location.href);
-    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
+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"
   };
-  function m(e, r) {
-    for (const s in r)
-      r[s] && A(r[s]) ? (e[s] || (e[s] = {}), m(e[s], r[s])) : e[s] = r[s];
-    return e;
-  }
-  const V = v(() => {
-    if (i?.defaultValues && !o?.persistency?.overrideDefaultValues)
-      return i?.defaultValues;
-    let e;
-    const r = o?.persistency;
-    if (!r?.policies || r.policies.length === 0) return {};
-    if (r.policies.includes("querystring"))
-      try {
-        const t = new URLSearchParams(window.location.search).get(n.value);
-        g(), t && (e = JSON.parse(t));
-      } catch (s) {
-        console.error(s);
-      }
-    if (
-      // query string has higher priority than local/session storage
-      !e && (r.policies.includes("local") || r.policies.includes("session"))
-    ) {
-      const s = r.policies.includes("local") ? localStorage : sessionStorage;
-      if (s)
-        try {
-          const t = JSON.parse(
-            s.getItem(n.value) || "{}"
-          );
-          s.removeItem(n.value), e = t;
-        } catch (t) {
-          console.error(t);
-        }
-    }
-    if (e ??= {}, i?.defaultValues == null)
-      return e;
-    {
-      const s = i?.defaultValues;
-      return m(s, e);
-    }
-  }), a = j({
-    ...i,
-    validators: {
-      onSubmit: S,
-      ...i?.validators || {}
-    },
-    onSubmit: i?.onSubmit ? ({ formApi: e, meta: r, value: s }) => i.onSubmit?.({
-      formApi: e,
-      meta: r,
-      value: s
-    }) : void 0,
-    defaultValues: V.value
-  }), L = () => {
-    Object.keys(l).forEach((e) => {
-      a.setFieldValue(e, void 0);
-    });
-  }, p = (e) => e.reduce(
-    (r, s) => {
-      const t = s.split(".");
-      return t.reduce((c, u, U) => (U === t.length - 1 ? c[u] = a.getFieldValue(s) : c[u] = c[u] ?? {}, c[u]), r), r;
-    },
-    {}
-  ), w = (e) => {
-    if (e) {
-      if (Array.isArray(e.keys))
-        return p(e.keys);
-      if (Array.isArray(e.banKeys)) {
-        const r = Object.keys(l).filter(
-          (s) => e.banKeys?.includes(s)
-        );
-        return p(r);
-      }
-      return a.store.state.values;
-    }
-  }, f = () => {
-    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 s = w(e);
-      return r.setItem(n.value, JSON.stringify(s));
-    }
-  }, y = () => {
-    const e = o?.persistency;
-    if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
-      const r = w(e), s = new URLSearchParams(window.location.search);
-      s.set(n.value, JSON.stringify(r));
-      const t = new URL(window.location.href);
-      t.search = s.toString(), window.history.replaceState({}, "", t.toString());
-    }
-  };
-  P(f), I(() => {
-    window.addEventListener("beforeunload", f), window.addEventListener("blur", y);
-  }), N(() => {
-    window.removeEventListener("beforeunload", f), window.removeEventListener("blur", y);
-  });
-  const h = Object.assign(a, {
-    meta: l,
-    filterItems: b,
-    clear: L
-  });
-  return R(J, h), Object.assign(h, {
-    Input: D
-  });
-};
+  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;
+}
 export {
-  J as OmegaFormKey,
-  $ as useOmegaForm
+  s as OmegaErrorsKey,
+  g as provideOmegaErrors,
+  O as useOmegaErrors
 };

package/dist/vue-components.es9.js

@@ -1,248 +1,125 @@
-import { S as t, Option as g, pipe as S } from "effect-app";
-import { useIntl as v } from "./vue-components.es3.js";
-const x = t.NonEmptyArray(t.String), T = (e) => t.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === t.Null.ast), h = (e) => !e || !t.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === t.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: i = "", property: n, propertySignatures: a }, u = {}) => {
-  if (n && n._tag === "Transformation")
-    return m({
-      parent: i,
-      meta: e,
-      property: n.from
-    });
-  if (n?._tag === "TypeLiteral" && "propertySignatures" in n)
-    return m({
-      meta: e,
-      propertySignatures: n.propertySignatures
-    });
-  if (a) {
-    for (const s of a) {
-      const o = i ? `${i}.${s.name.toString()}` : s.name.toString(), r = h(s.type), l = !r, d = s.type;
-      if (t.AST.isUnion(s.type)) {
-        const p = s.type.types.filter(
-          (f) => f._tag !== "UndefinedKeyword" && f !== t.Null.ast
-        );
-        if (p.some(
-          (f) => "propertySignatures" in f
-        )) {
-          const f = m({
-            parent: o,
-            property: s.type,
-            meta: { required: l, nullableOrUndefined: r }
-          });
-          u[o] = f;
-          for (const c of p)
-            "propertySignatures" in c && Object.assign(
-              u,
-              m({
-                parent: o,
-                propertySignatures: c.propertySignatures,
-                meta: { required: l, nullableOrUndefined: r }
-              })
-            );
-        } else {
-          const f = m({
-            parent: o,
-            property: s.type,
-            meta: { required: l, nullableOrUndefined: r }
-          });
-          u[o] = f;
-        }
-      }
-      if ("propertySignatures" in d)
-        Object.assign(
-          u,
-          m({
-            parent: o,
-            propertySignatures: d.propertySignatures,
-            meta: { required: l, nullableOrUndefined: r }
-          })
-        );
-      else {
-        const p = m({
-          parent: o,
-          property: s.type,
-          meta: { required: l, nullableOrUndefined: r }
-        });
-        u[o] = p;
+import { useForm as j } from "@tanstack/vue-form";
+import { S as E } from "effect-app";
+import { generateMetaFromSchema as O } from "./vue-components.es10.js";
+import { computed as v, onUnmounted as P, onMounted as I, onBeforeUnmount as N, provide as R } from "vue";
+import { isObject as A } from "./vue-components.es22.js";
+import D from "./vue-components.es5.js";
+const F = Symbol("OmegaForm"), $ = (d, i, o) => {
+  if (!d) throw new Error("Schema is required");
+  const S = E.standardSchemaV1(d), { filterItems: b, meta: a } = O(d), n = v(() => {
+    if (o?.persistency?.id)
+      return o.persistency.id;
+    const e = window.location.pathname, r = Object.keys(a);
+    return `${e}-${r.join("-")}`;
+  }), g = () => {
+    const e = new URLSearchParams(window.location.search);
+    e.delete(n.value);
+    const r = new URL(window.location.href);
+    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
+  };
+  function m(e, r) {
+    for (const s in r)
+      r[s] && A(r[s]) ? (e[s] || (e[s] = {}), m(e[s], r[s])) : e[s] = r[s];
+    return e;
+  }
+  const V = v(() => {
+    if (i?.defaultValues && !o?.persistency?.overrideDefaultValues)
+      return i?.defaultValues;
+    let e;
+    const r = o?.persistency;
+    if (!r?.policies || r.policies.length === 0) return {};
+    if (r.policies.includes("querystring"))
+      try {
+        const t = new URLSearchParams(window.location.search).get(n.value);
+        g(), t && (e = JSON.parse(t));
+      } catch (s) {
+        console.error(s);
       }
+    if (
+      // query string has higher priority than local/session storage
+      !e && (r.policies.includes("local") || r.policies.includes("session"))
+    ) {
+      const s = r.policies.includes("local") ? localStorage : sessionStorage;
+      if (s)
+        try {
+          const t = JSON.parse(
+            s.getItem(n.value) || "{}"
+          );
+          s.removeItem(n.value), e = t;
+        } catch (t) {
+          console.error(t);
+        }
     }
-    return u;
-  }
-  if (n) {
-    const s = T(n);
-    if (Object.hasOwnProperty.call(e, "required") || (e.required = !s), t.AST.isUnion(n)) {
-      const r = n.types.find(
-        (l) => l._tag !== "UndefinedKeyword" && l !== t.Null.ast
-      );
-      return "propertySignatures" in r ? m({
-        propertySignatures: r.propertySignatures,
-        parent: i,
-        meta: e
-      }) : n.types.every(t.AST.isLiteral) ? {
-        ...e,
-        type: "select",
-        members: n.types.map((l) => l.literal)
-      } : {
-        ...e,
-        ...m({
-          parent: i,
-          meta: e,
-          property: r
-        })
-      };
+    if (e ??= {}, i?.defaultValues == null)
+      return e;
+    {
+      const s = i?.defaultValues;
+      return m(s, e);
     }
-    if (t.AST.isTupleType(n))
-      return {
-        ...e,
-        type: "multiple",
-        members: n.elements,
-        rest: n.rest
-      };
-    const o = t.AST.getAnnotation(
-      n,
-      t.AST.JSONSchemaAnnotationId
-    ).pipe(g.getOrElse(() => ({})));
-    return e = { ...e, ...o }, "from" in n ? m({
-      parent: i,
-      meta: e,
-      property: n.from
-    }) : (e.type = t.AST.getAnnotation(
-      n,
-      t.AST.TitleAnnotationId
-    ).pipe(
-      g.getOrElse(() => "unknown")
-    ), e);
-  }
-  return u;
-}, y = (e) => {
-  const i = e.ast, n = {};
-  if (i._tag === "Transformation" || i._tag === "Refinement")
-    return y(t.make(i.from));
-  if ("propertySignatures" in i) {
-    const a = m({
-      propertySignatures: i.propertySignatures
+  }), l = j({
+    ...i,
+    validators: {
+      onSubmit: S,
+      ...i?.validators || {}
+    },
+    onSubmit: i?.onSubmit ? ({ formApi: e, meta: r, value: s }) => i.onSubmit?.({
+      formApi: e,
+      meta: r,
+      value: s
+    }) : void 0,
+    defaultValues: V.value
+  }), L = () => {
+    Object.keys(a).forEach((e) => {
+      l.setFieldValue(e, void 0);
     });
-    if (Object.values(a).every((s) => s && "type" in s))
-      return a;
-    const u = (s, o = "") => {
-      for (const r in s) {
-        const l = o ? `${o}.${r}` : r;
-        s[r] && typeof s[r] == "object" && "type" in s[r] ? n[l] = s[r] : s[r] && typeof s[r] == "object" && u(s[r], l);
+  }, p = (e) => e.reduce((r, s) => {
+    const t = s.split(".");
+    return t.reduce((c, u, U) => (U === t.length - 1 ? c[u] = l.getFieldValue(s) : c[u] = c[u] ?? {}, c[u]), r), r;
+  }, {}), w = (e) => {
+    if (e) {
+      if (Array.isArray(e.keys))
+        return p(e.keys);
+      if (Array.isArray(e.banKeys)) {
+        const r = Object.keys(a).filter(
+          (s) => e.banKeys?.includes(s)
+        );
+        return p(r);
       }
-    };
-    u(a);
-  }
-  return n;
-}, M = (e) => t.extend(e, t.Struct({})), N = (e) => {
-  const i = y(e), n = S(
-    e.ast,
-    g.liftPredicate((a) => a._tag === "Refinement" && "filter" in a),
-    g.flatMap((a) => t.AST.getJSONSchemaAnnotation(a)),
-    g.filter((a) => "items" in a),
-    g.filterMap(
-      ({ items: a }) => t.decodeUnknownOption(x)(a)
-    ),
-    g.zipWith(
-      t.AST.getMessageAnnotation(e.ast),
-      (a, u) => ({
-        items: a,
-        message: u("")
-      })
-    ),
-    g.getOrUndefined
-  );
-  return { schema: e, meta: i, filterItems: n };
-}, L = (e) => {
-  const { trans: i } = v();
-  let n;
-  switch (e.type) {
-    case "string":
-      n = t.String.annotations({
-        message: () => i("validation.empty")
-      }), e.format === "email" && (n = t.compose(
-        n,
-        t.Email.annotations({
-          message: () => i("validation.email.invalid")
-        })
-      )), e.required && n.annotations({
-        message: () => i("validation.empty")
-      }), e.maxLength && (n = n.pipe(t.maxLength(e.maxLength)).annotations({
-        message: () => i("validation.string.maxLength", {
-          maxLength: e.maxLength
-        })
-      })), e.minLength && (n = n.pipe(t.minLength(e.minLength)).annotations({
-        message: () => i("validation.string.minLength", {
-          minLength: e.minLength
-        })
-      }));
-      break;
-    case "number":
-      n = t.Number.annotations({
-        message: () => i("validation.empty")
-      }), e.required && n.annotations({
-        message: () => i("validation.empty")
-      }), e.minimum && (n = n.pipe(t.greaterThanOrEqualTo(e.minimum)).annotations({
-        message: () => i("validation.number.min", {
-          minimum: e.minimum,
-          isExclusive: !0
-        })
-      })), e.maximum && (n = n.pipe(t.lessThanOrEqualTo(e.maximum)).annotations({
-        message: () => i("validation.number.max", {
-          maximum: e.maximum,
-          isExclusive: !0
-        })
-      })), e.exclusiveMinimum && (n = n.pipe(t.greaterThan(e.exclusiveMinimum)).annotations({
-        message: () => i("validation.number.min", {
-          minimum: e.exclusiveMinimum,
-          isExclusive: !1
-        })
-      })), e.exclusiveMaximum && (n = n.pipe(t.lessThan(e.exclusiveMaximum)).annotations({
-        message: () => i("validation.number.max", {
-          maximum: e.exclusiveMaximum,
-          isExclusive: !1
-        })
-      }));
-      break;
-    case "select":
-      n = t.Literal(...e.members).annotations({
-        message: () => ({
-          message: i("validation.not_a_valid", {
-            type: "select",
-            message: e.members.join(", ")
-          }),
-          override: !0
-        })
-      });
-      break;
-    case "multiple":
-      n = t.Array(t.String).annotations({
-        message: () => i("validation.not_a_valid", {
-          type: "multiple",
-          message: e.members.join(", ")
-        })
-      });
-      break;
-    case "boolean":
-      n = t.Boolean;
-      break;
-    // todo: switch must be exhaustive or have default case, otherwise falls through with schema undefined.
-    case "unknown":
-      n = t.Unknown;
-      break;
-  }
-  return e.required ? n.pipe(
-    t.annotations({
-      message: () => i("validation.empty")
-    })
-  ) : n = t.NullishOr(n), t.standardSchemaV1(n);
-}, U = (e, i) => t.NullOr(e).pipe(
-  t.transform(t.typeSchema(e), {
-    decode: (n) => n ?? i(),
-    encode: (n) => n
-  })
-);
+      return l.store.state.values;
+    }
+  }, f = () => {
+    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 s = w(e);
+      return r.setItem(n.value, JSON.stringify(s));
+    }
+  }, y = () => {
+    const e = o?.persistency;
+    if (!(!e?.policies || e.policies.length === 0) && e.policies.includes("querystring")) {
+      const r = w(e), s = new URLSearchParams(window.location.search);
+      s.set(n.value, JSON.stringify(r));
+      const t = new URL(window.location.href);
+      t.search = s.toString(), window.history.replaceState({}, "", t.toString());
+    }
+  };
+  P(f), I(() => {
+    window.addEventListener("beforeunload", f), window.addEventListener("blur", y);
+  }), N(() => {
+    window.removeEventListener("beforeunload", f), window.removeEventListener("blur", y);
+  });
+  const h = Object.assign(l, {
+    meta: a,
+    filterItems: b,
+    clear: L
+  });
+  return R(F, h), Object.assign(h, {
+    Input: D,
+    Field: l.Field
+  });
+};
 export {
-  m as createMeta,
-  M as duplicateSchema,
-  L as generateInputStandardSchemaFromFieldMeta,
-  N as generateMetaFromSchema,
-  U as nullableInput
+  F as OmegaFormKey,
+  $ as useOmegaForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.12.19",
+  "version": "0.12.21",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",
@@ -14,12 +14,8 @@
     "vuetify": "^3.9.4"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^9.1.1",
-    "@storybook/vue3-vite": "^9.1.1",
+    "@storybook/vue3": "^9.1.2",
+    "@storybook/vue3-vite": "^9.1.2",
     "@types/node": "^24.2.0",
     "@typescript-eslint/eslint-plugin": "8.39.0",
     "@typescript-eslint/parser": "8.39.0",
@@ -32,7 +28,7 @@
     "jsdom": "^26.1.0",
     "rimraf": "^6.0.1",
     "sass": "^1.90.0",
-    "storybook": "^9.1.1",
+    "storybook": "^9.1.2",
     "typescript": "~5.9.2",
     "vite": "^7.1.0",
     "vite-plugin-css-injected-by-js": "^3.5.2",
@@ -54,7 +50,7 @@
   "dependencies": {
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.51.9",
+    "@effect-app/vue": "2.51.10",
     "effect-app": "3.0.9"
   },
   "scripts": {