@effect-app/vue-components 0.3.2 → 0.4.1

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

@@ -2,6 +2,19 @@ import { S, type Effect } from "effect-app";
 import { type FormAsyncValidateOrFn, type FormValidateOrFn, type StandardSchemaV1, type FormApi, type VueFormApi, type FieldComponent, type FormOptions, type DeepKeys, type FieldValidateOrFn, type FieldAsyncValidateOrFn, type FormState } from "@tanstack/vue-form";
 import type { Component } from "vue";
 export type ShowErrorsOn = "onChange" | "onBlur" | "onSubmit";
+export type OmegaInputProps<From, To> = {
+    form: FormType<From, To> & {
+        meta: MetaRecord<To>;
+    };
+    name: NestedKeyOf<To>;
+    validators?: FieldValidators<From>;
+    label: string;
+    options?: {
+        title: string;
+        value: string;
+    }[];
+    type?: TypeOverride;
+};
 export type TypeOverride = "string" | "text" | "number" | "select" | "multiple" | "boolean" | "autocomplete" | "autocompletemultiple";
 export interface OmegaError {
     label: string;

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

@@ -1,19 +1,7 @@
-import { type FieldValidators, type FormType, type MetaRecord, type NestedKeyOf, type TypeOverride } from "./OmegaFormStuff";
+import { type OmegaInputProps } from "./OmegaFormStuff";
 import type { OmegaFieldInternalApi } from "./InputProps";
 declare const _default: <From, To>(__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> & {
-        form: FormType<From, To> & {
-            meta: MetaRecord<To>;
-        };
-        name: NestedKeyOf<To>;
-        validators?: FieldValidators<From>;
-        label: string;
-        options?: {
-            title: string;
-            value: string;
-        }[];
-        type?: TypeOverride;
-    } & Partial<{}>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OmegaInputProps<From, To> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

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

@@ -19,13 +19,17 @@ declare const _default: <From extends Record<PropertyKey, any>, To extends Recor
         form?: undefined;
         schema: S.Schema<From, To, never>;
     }))) & Partial<{}>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<OmegaFormReturn<To, From>>): void;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
-        default?: ((props: {
+        default(): void;
+        internalForm(props: {
             form: OmegaFormReturn<To, From>;
             subscribedValues: K[] extends undefined[] ? Record<string, never> : Pick<OmegaFormState<To, From>, K>;
-        }) => any) | undefined;
+        }): void;
+        externalForm(props: {
+            subscribedValues: K[] extends undefined[] ? Record<string, never> : Pick<OmegaFormState<To, From>, K>;
+        }): void;
     };
     emit: {};
 }>) => import("vue").VNode & {

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

@@ -6,48 +6,8 @@ export * from "./OmegaFormStuff";
 export { useOmegaForm } from "./useOmegaForm";
 export { default } from "./OmegaWrapper.vue";
 export { OmegaForm, OmegaInput, OmegaErrors };
-declare const OmegaFormCE: new <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, K extends keyof import("./OmegaFormStuff").OmegaFormState<To, From> = keyof import("./OmegaFormStuff").OmegaFormState<To, From>>(initialProps?: Record<string, any>) => import("vue").VueElement & ((({
-    omegaConfig?: import("./useOmegaForm").OmegaConfig<From> | undefined;
-    subscribe?: K[] | undefined;
-    showErrorsOn?: import("./OmegaFormStuff").ShowErrorsOn | undefined;
-    form: import("./useOmegaForm").OmegaFormReturn<To, From>;
-    schema?: undefined | undefined;
-} | {
-    omegaConfig?: import("./useOmegaForm").OmegaConfig<From> | undefined;
-    subscribe?: K[] | undefined;
-    showErrorsOn?: import("./OmegaFormStuff").ShowErrorsOn | undefined;
-    defaultValues?: To | undefined;
-    defaultState?: Partial<import("@tanstack/vue-form").FormState<To, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").StandardSchemaV1<To, From>, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined>> | undefined;
-    asyncAlways?: boolean | undefined;
-    asyncDebounceMs?: number | undefined;
-    validators?: import("@tanstack/vue-form").FormValidators<To, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").StandardSchemaV1<To, From>, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined> | undefined;
-    onSubmitMeta?: import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined;
-    onSubmitInvalid?: ((props: {
-        value: To;
-        formApi: import("@tanstack/vue-form").FormApi<To, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").StandardSchemaV1<To, From>, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined, import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined>;
-    }) => void) | undefined;
-    transform?: import("@tanstack/vue-form").FormTransform<NoInfer<To>, NoInfer<import("@tanstack/vue-form").FormValidateOrFn<To> | undefined>, NoInfer<import("@tanstack/vue-form").FormValidateOrFn<To> | undefined>, NoInfer<import("@tanstack/vue-form").StandardSchemaV1<To, From>>, NoInfer<import("@tanstack/vue-form").FormValidateOrFn<To> | undefined>, NoInfer<import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined>, NoInfer<import("@tanstack/vue-form").FormValidateOrFn<To> | undefined>, NoInfer<import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined>, NoInfer<import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined>, NoInfer<import("@tanstack/vue-form").FormAsyncValidateOrFn<To> | undefined>> | undefined;
-    onSubmit?: ((props: {
-        formApi: import("./OmegaFormStuff").OmegaFormParams<To, From>;
-        meta: any;
-        value: From;
-    }) => Promise<any> | any) | undefined;
-    form?: undefined | undefined;
-    schema: import("effect/Schema").Schema<From, To, never>;
-}) & import("vue").VNodeProps) & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps);
-declare const OmegaInputCE: new <From, To>(initialProps?: Record<string, any>) => import("vue").VueElement & {
-    form: import("./OmegaFormStuff").FormType<From, To> & {
-        meta: import("./OmegaFormStuff").MetaRecord<To>;
-    };
-    name: import("@tanstack/vue-form").DeepKeys<To>;
-    validators?: import("./OmegaFormStuff").FieldValidators<From> | undefined;
-    label: string;
-    options?: {
-        title: string;
-        value: string;
-    }[] | undefined;
-    type?: import("./OmegaFormStuff").TypeOverride | undefined;
-} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+declare const OmegaFormCE: import("vue").VueElementConstructor<unknown>;
+declare const OmegaInputCE: import("vue").VueElementConstructor<unknown>;
 declare const OmegaErrorsCE: import("vue").VueElementConstructor<unknown>;
 export { OmegaFormCE, OmegaInputCE, OmegaErrorsCE };
 export declare function registerOmegaForm(): void;

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

@@ -1,5 +1,6 @@
 import { type Record, S } from "effect-app";
-import { type NestedKeyOf, type FilterItems, type FormProps, type MetaRecord, type OmegaFormApi } from "./OmegaFormStuff";
+import { type NestedKeyOf, type FilterItems, type FormProps, type MetaRecord, type OmegaFormApi, type OmegaInputProps } from "./OmegaFormStuff";
+import { type DefineComponent } from "vue";
 type keysRule<T> = {
     keys?: NestedKeyOf<T>[];
     banKeys?: "You should only use one of banKeys or keys, not both, moron";
@@ -18,10 +19,13 @@ export type OmegaConfig<T> = {
         id?: string;
     } & keysRule<T>;
 };
-export interface OmegaFormReturn<To, From> extends OmegaFormApi<To, From> {
+interface OF<To, From> extends OmegaFormApi<To, From> {
     meta: MetaRecord<To>;
     filterItems?: FilterItems;
     clear: () => void;
 }
+export interface OmegaFormReturn<To, From> extends OF<To, From> {
+    Input: DefineComponent<Omit<OmegaInputProps<From, To>, "form">, {}, {}>;
+}
 export declare const useOmegaForm: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>>(schema: S.Schema<From, To, never>, tanstackFormOptions?: NoInfer<FormProps<To, From>>, omegaConfig?: OmegaConfig<From>) => OmegaFormReturn<To, From>;
 export {};

package/dist/vue-components.es11.js

@@ -1,9 +1,9 @@
-import { defineComponent as d, watch as b, createElementBlock as g, openBlock as S, withModifiers as v, unref as n, createElementVNode as h, renderSlot as O } from "vue";
-import { useStore as i } from "@tanstack/vue-form";
-import { getOmegaStore as M } from "./vue-components.es18.js";
-import { provideOmegaErrors as y } from "./vue-components.es4.js";
-import { useOmegaForm as E } from "./vue-components.es5.js";
-const w = ["disabled"], A = /* @__PURE__ */ d({
+import { defineComponent as h, computed as m, watch as F, createElementBlock as c, openBlock as d, withModifiers as y, createElementVNode as O, unref as i, renderSlot as l, createCommentVNode as E, Fragment as M } from "vue";
+import { useStore as p } from "@tanstack/vue-form";
+import { getOmegaStore as V } from "./vue-components.es18.js";
+import { provideOmegaErrors as w } from "./vue-components.es4.js";
+import { useOmegaForm as I } from "./vue-components.es5.js";
+const k = ["disabled"], j = /* @__PURE__ */ h({
   __name: "OmegaWrapper",
   props: {
     omegaConfig: {},
@@ -21,47 +21,57 @@ const w = ["disabled"], A = /* @__PURE__ */ d({
     transform: {},
     onSubmit: { type: Function }
   },
-  setup(u, { expose: l }) {
-    const r = u, t = r.form ?? E(r.schema, r, r.omegaConfig), f = i(t.store, (e) => e.isSubmitting);
-    l(t);
-    const c = M(
-      t,
-      r.subscribe
-    ), p = i(
-      t.store,
+  setup(b) {
+    const t = b, n = m(() => {
+      if (!(t.form || !t.schema))
+        return I(t.schema, t, t.omegaConfig);
+    }), r = m(() => t.form ?? n.value), v = p(
+      r.value.store,
+      (e) => e.isSubmitting
+    ), f = V(
+      r.value,
+      t.subscribe
+    ), g = p(
+      r.value.store,
       (e) => e.submissionAttempts
-    ), s = t.useStore((e) => e.errors);
-    return b(
-      () => [t.filterItems, s.value],
+    ), u = m(() => r.value.useStore((e) => e.errors));
+    return F(
+      () => [r.value.filterItems, u.value.value],
       () => {
-        const e = t.filterItems;
-        return e ? s.value ? (Object.values(s.value).filter(
+        const e = r.value.filterItems, s = u.value.value;
+        return e ? s ? (Object.values(s).filter(
           (o) => !!o
         ).flatMap(
-          (o) => Object.values(o).flat().map((m) => m.message)
+          (o) => Object.values(o).flat().map((a) => a.message)
         ).some((o) => o === e.message) && e.items.forEach((o) => {
-          const m = t.getFieldMeta(o);
-          t.setFieldMeta(o, {
-            ...m,
+          const a = r.value.getFieldMeta(o);
+          a && r.value.setFieldMeta(o, {
+            ...a,
             errorMap: {
-              onSubmit: [{ path: [o], message: e.message }]
+              onSubmit: [
+                { path: [o], message: e.message }
+              ]
             }
           });
         }), {}) : {} : {};
       }
-    ), y(p, s, r.showErrorsOn), (e, a) => (S(), g("form", {
+    ), w(g, u.value, t.showErrorsOn), (e, s) => (d(), c("form", {
       novalidate: "",
-      onSubmit: a[0] || (a[0] = v((o) => n(t).handleSubmit(), ["prevent", "stop"]))
+      onSubmit: s[0] || (s[0] = y((S) => r.value.handleSubmit(), ["prevent", "stop"]))
     }, [
-      h("fieldset", { disabled: n(f) }, [
-        O(e.$slots, "default", {
-          form: n(t),
-          subscribedValues: n(c)
-        }, void 0, !0)
-      ], 8, w)
+      O("fieldset", { disabled: i(v) }, [
+        t.form ? (d(), c(M, { key: 0 }, [
+          l(e.$slots, "externalForm", { subscribedValues: i(f) }, void 0, !0),
+          l(e.$slots, "default", {}, void 0, !0)
+        ], 64)) : n.value ? l(e.$slots, "internalForm", {
+          key: 1,
+          form: n.value,
+          subscribedValues: i(f)
+        }, void 0, !0) : E("", !0)
+      ], 8, k)
     ], 32));
   }
 });
 export {
-  A as default
+  j as default
 };

package/dist/vue-components.es5.js

@@ -1,125 +1,152 @@
-import { useForm as E } from "@tanstack/vue-form";
-import { S as I } from "effect-app";
+import { useForm as P } from "@tanstack/vue-form";
+import { S as A } from "effect-app";
 import { generateMetaFromSchema as N } from "./vue-components.es6.js";
-import { computed as a, onUnmounted as R, onMounted as A, onBeforeUnmount as D } from "vue";
-import { isObject as J } from "./vue-components.es15.js";
-const z = (h, u, i) => {
-  if (!h) throw new Error("Schema is required");
-  const b = I.standardSchemaV1(h), { filterItems: V, meta: t } = N(h), c = a(() => {
+import { computed as b, onUnmounted as R, onMounted as p, onBeforeUnmount as q, defineComponent as D, h as J } from "vue";
+import { isObject as K } from "./vue-components.es15.js";
+import M from "./vue-components.es8.js";
+const G = (w, s, i) => {
+  if (!w) throw new Error("Schema is required");
+  const V = A.standardSchemaV1(w), { filterItems: L, meta: t } = N(w), d = b(() => {
     var l;
     if ((l = i == null ? void 0 : i.persistency) != null && l.id)
       return i.persistency.id;
     const e = window.location.pathname, r = Object.keys(t);
     return `${e}-${r.join("-")}`;
-  }), L = () => {
+  }), U = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(c.value);
+    e.delete(d.value);
     const r = new URL(window.location.href);
     r.search = e.toString(), window.history.replaceState({}, "", r.toString());
   };
-  function f(e, r) {
+  function h(e, r) {
     for (const l in r)
-      r[l] && J(r[l]) ? (e[l] || (e[l] = {}), f(e[l], r[l])) : e[l] = r[l];
+      r[l] && K(r[l]) ? (e[l] || (e[l] = {}), h(e[l], r[l])) : e[l] = r[l];
     return e;
   }
-  const U = a(() => {
+  const j = b(() => {
     var l;
-    if (u != null && u.defaultValues && !((l = i == null ? void 0 : i.persistency) != null && l.overrideDefaultValues))
-      return u == null ? void 0 : u.defaultValues;
+    if (s != null && s.defaultValues && !((l = i == null ? void 0 : i.persistency) != null && l.overrideDefaultValues))
+      return s == null ? void 0 : s.defaultValues;
     let e;
     const r = i == null ? void 0 : i.persistency;
     if (!(r != null && r.policies) || r.policies.length === 0) return {};
     if (r.policies.includes("querystring"))
       try {
-        const d = new URLSearchParams(window.location.search).get(c.value);
-        L(), d && (e = JSON.parse(d));
-      } catch (s) {
-        console.error(s);
+        const n = new URLSearchParams(window.location.search).get(d.value);
+        U(), n && (e = JSON.parse(n));
+      } catch (u) {
+        console.error(u);
       }
     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)
+      const u = r.policies.includes("local") ? localStorage : sessionStorage;
+      if (u)
         try {
-          const d = JSON.parse(
-            s.getItem(c.value) || "{}"
+          const n = JSON.parse(
+            u.getItem(d.value) || "{}"
           );
-          s.removeItem(c.value), e = d;
-        } catch (d) {
-          console.error(d);
+          u.removeItem(d.value), e = n;
+        } catch (n) {
+          console.error(n);
         }
     }
-    if (e ?? (e = {}), (u == null ? void 0 : u.defaultValues) == null)
+    if (e ?? (e = {}), (s == null ? void 0 : s.defaultValues) == null)
       return e;
     {
-      const s = u == null ? void 0 : u.defaultValues;
-      return f(s, e);
+      const u = s == null ? void 0 : s.defaultValues;
+      return h(u, e);
     }
-  }), n = E({
-    ...u,
+  }), c = P({
+    ...s,
     validators: {
-      onSubmit: b,
-      ...(u == null ? void 0 : u.validators) || {}
+      onSubmit: V,
+      ...(s == null ? void 0 : s.validators) || {}
     },
-    onSubmit: u != null && u.onSubmit ? ({ formApi: e, meta: r, value: l }) => {
-      var s;
-      return (s = u.onSubmit) == null ? void 0 : s.call(u, {
+    onSubmit: s != null && s.onSubmit ? ({ formApi: e, meta: r, value: l }) => {
+      var u;
+      return (u = s.onSubmit) == null ? void 0 : u.call(s, {
         formApi: e,
         meta: r,
         value: l
       });
     } : void 0,
-    defaultValues: U.value
-  }), j = () => {
+    defaultValues: j.value
+  }), E = () => {
     Object.keys(t).forEach((e) => {
-      n.setFieldValue(e, void 0);
+      c.setFieldValue(e, void 0);
     });
-  }, o = (e) => e.reduce(
+  }, a = (e) => e.reduce(
     (r, l) => {
-      const s = l.split(".");
-      return s.reduce((d, w, P) => (P === s.length - 1 ? d[w] = n.getFieldValue(l) : d[w] = d[w] ?? {}, d[w]), r), r;
+      const u = l.split(".");
+      return u.reduce((n, o, I) => (I === u.length - 1 ? n[o] = c.getFieldValue(l) : n[o] = n[o] ?? {}, n[o]), r), r;
     },
     {}
-  ), v = (e) => {
+  ), S = (e) => {
     if (e) {
       if (Array.isArray(e.keys))
-        return o(e.keys);
+        return a(e.keys);
       if (Array.isArray(e.banKeys)) {
         const r = Object.keys(t).filter(
           (l) => {
-            var s;
-            return (s = e.banKeys) == null ? void 0 : s.includes(l);
+            var u;
+            return (u = e.banKeys) == null ? void 0 : u.includes(l);
           }
         );
-        return o(r);
+        return a(r);
       }
-      return n.store.state.values;
+      return c.store.state.values;
     }
-  }, S = () => {
+  }, f = () => {
     const e = i == null ? void 0 : i.persistency;
     if (!(!(e != null && 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 l = v(e);
-      return r.setItem(c.value, JSON.stringify(l));
+      const l = S(e);
+      return r.setItem(d.value, JSON.stringify(l));
     }
-  }, y = () => {
+  }, v = () => {
     const e = i == null ? void 0 : i.persistency;
     if (!(!(e != null && e.policies) || e.policies.length === 0) && e.policies.includes("querystring")) {
-      const r = v(e), l = new URLSearchParams(window.location.search);
-      l.set(c.value, JSON.stringify(r));
-      const s = new URL(window.location.href);
-      s.search = l.toString(), window.history.replaceState({}, "", s.toString());
+      const r = S(e), l = new URLSearchParams(window.location.search);
+      l.set(d.value, JSON.stringify(r));
+      const u = new URL(window.location.href);
+      u.search = l.toString(), window.history.replaceState({}, "", u.toString());
     }
   };
-  return R(S), A(() => {
-    window.addEventListener("beforeunload", S), window.addEventListener("blur", y);
-  }), D(() => {
-    window.removeEventListener("beforeunload", S), window.removeEventListener("blur", y);
-  }), Object.assign(n, { meta: t, filterItems: V, clear: j });
+  R(f), p(() => {
+    window.addEventListener("beforeunload", f), window.addEventListener("blur", v);
+  }), q(() => {
+    window.removeEventListener("beforeunload", f), window.removeEventListener("blur", v);
+  });
+  const y = Object.assign(c, {
+    meta: t,
+    filterItems: L,
+    clear: E
+  });
+  return Object.assign(y, {
+    Input: D({
+      name: "FormInput",
+      inheritAttrs: !0,
+      setup(e, { attrs: r, slots: l }) {
+        const u = r.name, n = r.label;
+        if (!u || !n)
+          throw new Error("OmegaForm.Input requires name and label props");
+        return () => J(
+          M,
+          {
+            ...r,
+            name: u,
+            label: n,
+            form: y
+          },
+          l
+        );
+      }
+    })
+  });
 };
 export {
-  z as useOmegaForm
+  G as useOmegaForm
 };

package/dist/vue-components.es6.js

@@ -14,7 +14,7 @@ const y = i.NonEmptyArray(i.String), v = (e) => i.AST.isUnion(e) && e.types.find
     });
   if (a) {
     for (const s of a) {
-      const u = t ? `${t}.${s.name.toString()}` : s.name.toString(), r = x(s.type), o = e.required ?? !r;
+      const u = t ? `${t}.${s.name.toString()}` : s.name.toString(), r = x(s.type), o = !r;
       let d = s.type;
       if (i.AST.isUnion(s.type) && (d = s.type.types.find(
         (g) => g._tag !== "UndefinedKeyword" && g !== i.Null.ast

package/dist/vue-components.es7.js

@@ -1,7 +1,7 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-fd152523]{display:contents}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const d=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(d&&d.call(this),this.shadowRoot){const o=document.createElement("style");o.appendChild(document.createTextNode("fieldset[data-v-fd152523]{display:contents}")),this.shadowRoot.appendChild(o)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode("fieldset[data-v-6833e150]{display:contents}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(i,t){const o=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(o&&o.call(this),this.shadowRoot){const d=document.createElement("style");d.appendChild(document.createTextNode("fieldset[data-v-6833e150]{display:contents}")),this.shadowRoot.appendChild(d)}},e.call(window.customElements,i,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import o from "./vue-components.es11.js";
 import m from "./vue-components.es12.js";
-const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-fd152523"]]);
+const a = /* @__PURE__ */ m(o, [["__scopeId", "data-v-6833e150"]]);
 export {
   a as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.3.2",
+  "version": "0.4.1",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",
@@ -50,6 +50,8 @@
     "./dist/vue-components.css": "./dist/vue-components.css"
   },
   "dependencies": {
+    "highlight.js": "^11.11.1",
+    "vue3-highlightjs": "^1.0.5",
     "@effect-app/vue": "2.40.1",
     "effect-app": "2.39.1"
   },

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -18,6 +18,17 @@ import { useIntl } from "../../utils"
 
 export type ShowErrorsOn = "onChange" | "onBlur" | "onSubmit"
 
+export type OmegaInputProps<From, To> = {
+  form: FormType<From, To> & {
+    meta: MetaRecord<To>
+  }
+  name: NestedKeyOf<To>
+  validators?: FieldValidators<From>
+  label: string
+  options?: { title: string; value: string }[]
+  type?: TypeOverride
+}
+
 export type TypeOverride =
   | "string"
   | "text"
@@ -241,7 +252,7 @@ const createMeta = <T = any>(
     for (const p of propertySignatures) {
       const key = parent ? `${parent}.${p.name.toString()}` : p.name.toString()
       const nullableOrUndefined = isNullableOrUndefined(p.type)
-      const isRequired = meta["required"] ?? !nullableOrUndefined
+      const isRequired = !nullableOrUndefined
 
       let typeToProcess = p.type
       if (S.AST.isUnion(p.type)) {

package/src/components/OmegaForm/OmegaInput.vue

@@ -28,25 +28,12 @@
 import { computed } from "vue"
 import {
   generateInputStandardSchemaFromFieldMeta,
-  type FieldValidators,
-  type FormType,
-  type MetaRecord,
-  type NestedKeyOf,
-  type TypeOverride,
+  type OmegaInputProps,
 } from "./OmegaFormStuff"
 import OmegaInternalInput from "./OmegaInternalInput.vue"
 import type { OmegaFieldInternalApi } from "./InputProps"
 
-const props = defineProps<{
-  form: FormType<From, To> & {
-    meta: MetaRecord<To>
-  }
-  name: NestedKeyOf<To>
-  validators?: FieldValidators<From>
-  label: string
-  options?: { title: string; value: string }[]
-  type?: TypeOverride
-}>()
+const props = defineProps<OmegaInputProps<From, To>>()
 
 defineOptions({
   inheritAttrs: false,