@effect-app/vue-components 0.15.23 → 0.15.25

package/src/components/OmegaForm/OmegaAutoGen.vue

@@ -1,41 +1,49 @@
 <template>
   <slot
-    v-for="{ name, label, ...attrs } in children"
+    v-for="({ name, label, ...attrs }) in children"
     :child="{ name, label, ...attrs }"
   >
-    <OmegaInput :form="props.form" :name="name" :label="label" v-bind="attrs" />
+    <OmegaInput
+      :form="props.form"
+      :name="name"
+      :label="label"
+      v-bind="attrs"
+    />
   </slot>
 </template>
 
-<script setup lang="ts" generic="From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>">
+<script
+  setup
+  lang="ts"
+  generic="
+  From extends Record<PropertyKey, string>,
+  To extends Record<PropertyKey, string>
+"
+>
+import { type DeepKeys } from "@tanstack/vue-form"
+import { Array as A, Order, pipe } from "effect-app"
 import { computed } from "vue"
-import {
-  type NestedKeyOf,
-  type MetaRecord,
-  type FormType,
-  type FieldMeta,
-  type OmegaInputProps,
-} from "./OmegaFormStuff"
-import { pipe, Order, Array as A } from "effect-app"
+import { type FieldMeta, type OmegaInputProps } from "./OmegaFormStuff"
 import OmegaInput from "./OmegaInput.vue"
-import { DeepKeys } from "@tanstack/vue-form"
-import { OmegaFormReturn } from "./useOmegaForm"
 
-export type OmegaAutoGenMeta<From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>> = Omit<OmegaInputProps<From, To>, "form">
+export type OmegaAutoGenMeta<
+  From extends Record<PropertyKey, string>,
+  To extends Record<PropertyKey, string>
+> = Omit<OmegaInputProps<From, To>, "form">
 type NewMeta = OmegaAutoGenMeta<From, To>
 
 const mapObject =
   <K extends string, A, B>(fn: (value: A, key: K) => B) =>
   (obj: Record<K, A>): Record<K, B> =>
     Object.fromEntries(
-      (Object.entries(obj) as [K, A][]).map(([k, v]) => [k, fn(v, k)]),
+      (Object.entries(obj) as [K, A][]).map(([k, v]) => [k, fn(v, k)])
     ) as Record<K, B> // Cast needed for Object.fromEntries
 
 const filterRecord =
   <K extends string, V>(predicate: (value: V, key: K) => boolean) =>
   (obj: Record<K, V>): Record<K, V> =>
     Object.fromEntries(
-      (Object.entries(obj) as [K, V][]).filter(([k, v]) => predicate(v, k)),
+      (Object.entries(obj) as [K, V][]).filter(([k, v]) => predicate(v, k))
     ) as Record<K, V>
 
 const filterMapRecord =
@@ -49,11 +57,11 @@ const filterMapRecord =
         }
         return acc
       },
-      {} as Record<K, B>,
+      {} as Record<K, B>
     )
 
 const props = defineProps<{
-  form: OmegaInputProps<From, To>['form']
+  form: OmegaInputProps<From, To>["form"]
   pick?: DeepKeys<From>[]
   omit?: DeepKeys<From>[]
   labelMap?: (key: DeepKeys<From>) => string | undefined
@@ -69,7 +77,7 @@ const namePosition = (name: DeepKeys<From>, order: DeepKeys<From>[]) => {
 
 const orderBy: Order.Order<NewMeta> = Order.mapInput(
   Order.number,
-  (x: NewMeta) => namePosition(x.name, props.order || []),
+  (x: NewMeta) => namePosition(x.name, props.order || [])
 )
 
 const children = computed<NewMeta[]>(() =>
@@ -79,29 +87,29 @@ const children = computed<NewMeta[]>(() =>
     filterRecord((_, metaKey) =>
       props.pick
         ? props.pick.includes(metaKey) && !props.omit?.includes(metaKey)
-        : !props.omit?.includes(metaKey),
+        : !props.omit?.includes(metaKey)
     ),
-    x => x,
+    (x) => x,
     // labelMap and adding name
     mapObject((metaValue, metaKey) => ({
       name: metaKey,
       label: props.labelMap?.(metaKey) || metaKey,
-      ...metaValue,
+      ...metaValue
     })),
     // filterMap
     props.filterMap
-      ? filterMapRecord(m => {
-          const result = props.filterMap?.(m.name!, m as NewMeta)
-          return result === undefined || result === true ? m : result
-        })
-      : x => x,
+      ? filterMapRecord((m) => {
+        const result = props.filterMap?.(m.name!, m as NewMeta)
+        return result === undefined || result === true ? m : result
+      })
+      : (x) => x,
     // transform to array
-    obj => Object.values(obj) as NewMeta[],
+    (obj) => Object.values(obj) as NewMeta[],
     // order
     A.sort(orderBy),
     // sort
-    props.sort ? A.sort(props.sort) : x => x,
-  ),
+    props.sort ? A.sort(props.sort) : (x) => x
+  )
 )
 
 defineSlots<{

package/src/components/OmegaForm/OmegaErrors.vue

@@ -14,7 +14,9 @@
           aria-live="polite"
           class="mb-4"
         >
-          <div class="text-h6 mb-3">{{ trans("form.includes_error") }}:</div>
+          <div class="text-h6 mb-3">
+            {{ trans("form.includes_error") }}:
+          </div>
           <component
             :is="errors.length > 1 ? 'ul' : 'div'"
             v-if="errors.length"
@@ -26,14 +28,18 @@
               :key="error.inputId"
               class="error-item"
             >
-              <div class="font-weight-medium">{{ error.label }}</div>
+              <div class="font-weight-medium">
+                {{ error.label }}
+              </div>
               <div class="error-message">
                 <component
                   :is="error.errors.length > 1 ? 'ul' : 'div'"
                   class="error-list"
                 >
                   <component
-                    :is="error.errors.length > 1 ? 'li' : 'span'"
+                    :is="error.errors.length > 1
+                    ? 'li'
+                    : 'span'"
                     v-for="e in error.errors"
                     :key="e"
                   >
@@ -41,7 +47,10 @@
                   </component>
                 </component>
               </div>
-              <a :href="`#${error.inputId}`" class="error-link">
+              <a
+                :href="`#${error.inputId}`"
+                class="error-link"
+              >
                 <component
                   :is="vuetified ? 'v-icon' : 'i'"
                   :icon="mdiLink"
@@ -63,11 +72,11 @@
 </template>
 
 <script setup lang="ts">
-import { useOmegaErrors } from "./OmegaErrorsContext"
 import { mdiLink } from "@mdi/js"
-import { useIntl } from "../../utils"
 import type { StandardSchemaV1Issue } from "@tanstack/vue-form"
 import { computed, getCurrentInstance } from "vue"
+import { useIntl } from "../../utils"
+import { useOmegaErrors } from "./OmegaErrorsContext"
 
 const instance = getCurrentInstance()
 const vuetified = instance?.appContext.components["VAlert"]
@@ -79,21 +88,23 @@ const { trans } = useIntl()
 const showedGeneralErrors = computed(() => {
   if (!generalErrors.value) return []
 
-  return generalErrors.value
+  return generalErrors
+    .value
     .filter((record): record is Record<string, StandardSchemaV1Issue[]> =>
-      Boolean(record),
+      Boolean(record)
     )
-    .flatMap(errorRecord =>
-      Object.values(errorRecord)
+    .flatMap((errorRecord) =>
+      Object
+        .values(errorRecord)
         .filter((issues): issues is StandardSchemaV1Issue[] => Boolean(issues))
-        .flatMap(issues =>
+        .flatMap((issues) =>
           issues
             .filter(
               (issue): issue is StandardSchemaV1Issue & { message: string } =>
-                Boolean(issue?.message),
+                Boolean(issue?.message)
             )
-            .map(issue => issue.message),
-        ),
+            .map((issue) => issue.message)
+        )
     )
 })
 </script>

package/src/components/OmegaForm/OmegaErrorsContext.ts

@@ -1,14 +1,6 @@
-import {
-  type InjectionKey,
-  provide,
-  inject,
-  ref,
-  readonly,
-  type Ref,
-  computed,
-} from "vue"
-import { type OmegaError, type ShowErrorsOn } from "./OmegaFormStuff"
 import type { StandardSchemaV1Issue } from "@tanstack/vue-form"
+import { computed, inject, type InjectionKey, provide, readonly, type Ref, ref } from "vue"
+import { type OmegaError, type ShowErrorsOn } from "./OmegaFormStuff"
 
 export const OmegaErrorsKey = Symbol() as InjectionKey<{
   errors: Ref<readonly OmegaError[]>
@@ -27,12 +19,12 @@ export function provideOmegaErrors(
   generalErrors: Ref<
     (Record<string, StandardSchemaV1Issue[]> | undefined)[] | undefined
   >,
-  showErrorsOn: ShowErrorsOn = "onSubmit",
+  showErrorsOn: ShowErrorsOn = "onSubmit"
 ) {
   const errors = ref<OmegaError[]>([])
 
   const removeError = (inputId: string) => {
-    errors.value = errors.value.filter(error => error.inputId !== inputId)
+    errors.value = errors.value.filter((error) => error.inputId !== inputId)
   }
 
   const addError = (error: OmegaError) => {
@@ -56,7 +48,7 @@ export function provideOmegaErrors(
     clearErrors,
     showErrors,
     generalErrors,
-    showErrorsOn: showErrorsOn ?? "onSubmit",
+    showErrorsOn: showErrorsOn ?? "onSubmit"
   }
 
   provide(OmegaErrorsKey, context)

package/src/components/OmegaForm/OmegaFormInput.vue

@@ -9,25 +9,32 @@
     :type="type"
   >
     <template #default="slotProps">
-      <slot v-bind="slotProps"></slot>
+      <slot v-bind="slotProps" />
     </template>
   </OmegaInput>
 </template>
 
-<script setup lang="ts" generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>">
+<script
+  setup
+  lang="ts"
+  generic="
+  From extends Record<PropertyKey, any>,
+  To extends Record<PropertyKey, any>,
+  Name extends DeepKeys<From>
+"
+>
+import { type DeepKeys } from "@tanstack/vue-form"
 import { inject } from "vue"
-import type {
-  FieldValidators,
-  TypeOverride,
-  OmegaInputProps,
-} from "./OmegaFormStuff"
 import type { InputProps } from "./InputProps"
+import type { FieldValidators, OmegaInputProps, TypeOverride } from "./OmegaFormStuff"
 import OmegaInput from "./OmegaInput.vue"
 import { OmegaFormKey } from "./useOmegaForm"
-import { DeepKeys } from "@tanstack/vue-form"
 
-const form = inject(OmegaFormKey) as unknown as OmegaInputProps<From, To>['form']
- 
+const form = inject(OmegaFormKey) as unknown as OmegaInputProps<
+  From,
+  To
+>["form"]
+
 if (!form) {
   throw new Error("OmegaFormInput must be used within an OmegaForm context")
 }