@flightdev/forms 0.0.2

package/dist/frameworks/solid.js

@@ -0,0 +1,138 @@
+import { errorsToObject } from '../chunk-5LLYBEXV.js';
+import '../chunk-DGUM43GV.js';
+import { createSignal } from 'solid-js';
+
+function useForm(form, options = {}) {
+  const {
+    onSuccess,
+    onError,
+    resetOnSuccess = false,
+    validateOnBlur = true,
+    validateOnChange = false
+  } = options;
+  const [values, setValues] = createSignal({});
+  const [errors, setErrors] = createSignal({});
+  const [touched, setTouched] = createSignal(/* @__PURE__ */ new Set());
+  const [pending, setPending] = createSignal(false);
+  const [dirty, setDirty] = createSignal(false);
+  const [result, setResult] = createSignal();
+  function setValue(name, value) {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    setDirty(true);
+    if (validateOnChange) {
+      const validation = form.validate({ ...values(), [name]: value });
+      if (!validation.success && validation.errors) {
+        const fieldError = validation.errors.find((e) => e.path === name);
+        if (fieldError) {
+          setErrors((prev) => ({ ...prev, [name]: fieldError.message }));
+        } else {
+          setErrors((prev) => {
+            const next = { ...prev };
+            delete next[name];
+            return next;
+          });
+        }
+      } else {
+        setErrors((prev) => {
+          const next = { ...prev };
+          delete next[name];
+          return next;
+        });
+      }
+    }
+  }
+  function reset() {
+    setValues({});
+    setErrors({});
+    setTouched(/* @__PURE__ */ new Set());
+    setDirty(false);
+    setResult(void 0);
+  }
+  async function validate() {
+    const validation = await form.validateAsync(values());
+    if (!validation.success && validation.errors) {
+      setErrors(errorsToObject(validation.errors));
+      return false;
+    }
+    setErrors({});
+    return true;
+  }
+  function register(name) {
+    return {
+      name,
+      get value() {
+        return values()[name] ?? "";
+      },
+      onInput: (e) => {
+        const target = e.currentTarget;
+        const value = target.type === "checkbox" ? target.checked : target.value;
+        setValue(name, value);
+      },
+      onBlur: (e) => {
+        setTouched((prev) => new Set(prev).add(name));
+        if (validateOnBlur) {
+          const validation = form.validate(values());
+          if (!validation.success && validation.errors) {
+            const fieldError = validation.errors.find((e2) => e2.path === name);
+            if (fieldError) {
+              setErrors((prev) => ({ ...prev, [name]: fieldError.message }));
+            } else {
+              setErrors((prev) => {
+                const next = { ...prev };
+                delete next[name];
+                return next;
+              });
+            }
+          }
+        }
+      }
+    };
+  }
+  async function handleSubmit(e) {
+    e?.preventDefault();
+    setPending(true);
+    try {
+      const formResult = await form.execute(values());
+      setResult(formResult);
+      if (formResult.success) {
+        onSuccess?.(formResult);
+        if (resetOnSuccess) {
+          reset();
+        }
+      } else {
+        if (formResult.fieldErrors) {
+          setErrors(errorsToObject(formResult.fieldErrors));
+        }
+        onError?.(formResult);
+      }
+    } catch (error) {
+      const errorResult = {
+        success: false,
+        error: error instanceof Error ? error.message : "Unknown error"
+      };
+      setResult(errorResult);
+      onError?.(errorResult);
+    } finally {
+      setPending(false);
+    }
+  }
+  return {
+    register,
+    handleSubmit,
+    values,
+    setValues,
+    setValue,
+    reset,
+    errors,
+    touched,
+    pending,
+    dirty,
+    result,
+    validate
+  };
+}
+var solid_default = { useForm };
+
+export { solid_default as default, useForm };
+//# sourceMappingURL=solid.js.map
+//# sourceMappingURL=solid.js.map

package/dist/frameworks/solid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/frameworks/solid.ts"],"names":["e"],"mappings":"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","file":"solid.js","sourcesContent":["/**\r\n * Solid.js Primitives for @flightdev/forms\r\n * \r\n * @example\r\n * ```tsx\r\n * import { createForm } from '@flightdev/forms';\r\n * import { useForm } from '@flightdev/forms/solid';\r\n * \r\n * function LoginPage() {\r\n *   const { register, handleSubmit, errors, pending } = useForm(loginForm);\r\n * \r\n *   return (\r\n *     <form onSubmit={handleSubmit}>\r\n *       <input {...register('email')} />\r\n *       <Show when={errors().email}>\r\n *         <span>{errors().email}</span>\r\n *       </Show>\r\n *       <button disabled={pending()}>Submit</button>\r\n *     </form>\r\n *   );\r\n * }\r\n * ```\r\n */\r\n\r\nimport { createSignal, type Accessor, type Setter } from 'solid-js';\r\nimport type { FormDefinition, FormResult } from '../index.js';\r\nimport { errorsToObject } from '../index.js';\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\nexport interface UseFormOptions<TResult = unknown> {\r\n    onSuccess?: (result: FormResult<TResult>) => void;\r\n    onError?: (result: FormResult<TResult>) => void;\r\n    resetOnSuccess?: boolean;\r\n    validateOnBlur?: boolean;\r\n    validateOnChange?: boolean;\r\n}\r\n\r\nexport interface FieldBinding {\r\n    name: string;\r\n    value: unknown;\r\n    onInput: (e: InputEvent) => void;\r\n    onBlur: (e: FocusEvent) => void;\r\n}\r\n\r\nexport interface UseFormReturn<TInput, TResult = unknown> {\r\n    register: (name: keyof TInput & string) => FieldBinding;\r\n    handleSubmit: (e?: Event) => Promise<void>;\r\n    values: Accessor<Partial<TInput>>;\r\n    setValues: Setter<Partial<TInput>>;\r\n    setValue: (name: keyof TInput & string, value: unknown) => void;\r\n    reset: () => void;\r\n    errors: Accessor<Record<string, string>>;\r\n    touched: Accessor<Set<string>>;\r\n    pending: Accessor<boolean>;\r\n    dirty: Accessor<boolean>;\r\n    result: Accessor<FormResult<TResult> | undefined>;\r\n    validate: () => Promise<boolean>;\r\n}\r\n\r\n// ============================================================================\r\n// useForm\r\n// ============================================================================\r\n\r\n/**\r\n * Solid.js primitive for form handling\r\n */\r\nexport function useForm<TInput, TResult = unknown>(\r\n    form: FormDefinition<TInput, TResult>,\r\n    options: UseFormOptions<TResult> = {}\r\n): UseFormReturn<TInput, TResult> {\r\n    const {\r\n        onSuccess,\r\n        onError,\r\n        resetOnSuccess = false,\r\n        validateOnBlur = true,\r\n        validateOnChange = false,\r\n    } = options;\r\n\r\n    // Signals\r\n    const [values, setValues] = createSignal<Partial<TInput>>({});\r\n    const [errors, setErrors] = createSignal<Record<string, string>>({});\r\n    const [touched, setTouched] = createSignal<Set<string>>(new Set());\r\n    const [pending, setPending] = createSignal(false);\r\n    const [dirty, setDirty] = createSignal(false);\r\n    const [result, setResult] = createSignal<FormResult<TResult> | undefined>();\r\n\r\n    // Set a single value\r\n    function setValue(name: keyof TInput & string, value: unknown): void {\r\n        setValues(prev => ({ ...prev, [name]: value }));\r\n        setDirty(true);\r\n\r\n        if (validateOnChange) {\r\n            const validation = form.validate({ ...values(), [name]: value });\r\n            if (!validation.success && validation.errors) {\r\n                const fieldError = validation.errors.find(e => e.path === name);\r\n                if (fieldError) {\r\n                    setErrors(prev => ({ ...prev, [name]: fieldError.message }));\r\n                } else {\r\n                    setErrors(prev => {\r\n                        const next = { ...prev };\r\n                        delete next[name];\r\n                        return next;\r\n                    });\r\n                }\r\n            } else {\r\n                setErrors(prev => {\r\n                    const next = { ...prev };\r\n                    delete next[name];\r\n                    return next;\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    // Reset form\r\n    function reset(): void {\r\n        setValues({});\r\n        setErrors({});\r\n        setTouched(new Set<string>());\r\n        setDirty(false);\r\n        setResult(undefined);\r\n    }\r\n\r\n    // Validate entire form\r\n    async function validate(): Promise<boolean> {\r\n        const validation = await form.validateAsync(values());\r\n        if (!validation.success && validation.errors) {\r\n            setErrors(errorsToObject(validation.errors));\r\n            return false;\r\n        }\r\n        setErrors({});\r\n        return true;\r\n    }\r\n\r\n    // Register a field\r\n    function register(name: keyof TInput & string): FieldBinding {\r\n        return {\r\n            name,\r\n            get value() {\r\n                return (values() as Record<string, unknown>)[name] ?? '';\r\n            },\r\n            onInput: (e: InputEvent) => {\r\n                const target = e.currentTarget as HTMLInputElement;\r\n                const value = target.type === 'checkbox' ? target.checked : target.value;\r\n                setValue(name, value);\r\n            },\r\n            onBlur: (e: FocusEvent) => {\r\n                setTouched(prev => new Set<string>(prev).add(name));\r\n                if (validateOnBlur) {\r\n                    const validation = form.validate(values());\r\n                    if (!validation.success && validation.errors) {\r\n                        const fieldError = validation.errors.find(e => e.path === name);\r\n                        if (fieldError) {\r\n                            setErrors(prev => ({ ...prev, [name]: fieldError.message }));\r\n                        } else {\r\n                            setErrors(prev => {\r\n                                const next = { ...prev };\r\n                                delete next[name];\r\n                                return next;\r\n                            });\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n        };\r\n    }\r\n\r\n    // Handle form submission\r\n    async function handleSubmit(e?: Event): Promise<void> {\r\n        e?.preventDefault();\r\n        setPending(true);\r\n\r\n        try {\r\n            const formResult = await form.execute(values());\r\n            setResult(formResult);\r\n\r\n            if (formResult.success) {\r\n                onSuccess?.(formResult);\r\n                if (resetOnSuccess) {\r\n                    reset();\r\n                }\r\n            } else {\r\n                if (formResult.fieldErrors) {\r\n                    setErrors(errorsToObject(formResult.fieldErrors));\r\n                }\r\n                onError?.(formResult);\r\n            }\r\n        } catch (error) {\r\n            const errorResult: FormResult<TResult> = {\r\n                success: false,\r\n                error: error instanceof Error ? error.message : 'Unknown error',\r\n            };\r\n            setResult(errorResult);\r\n            onError?.(errorResult);\r\n        } finally {\r\n            setPending(false);\r\n        }\r\n    }\r\n\r\n    return {\r\n        register,\r\n        handleSubmit,\r\n        values,\r\n        setValues,\r\n        setValue,\r\n        reset,\r\n        errors,\r\n        touched,\r\n        pending,\r\n        dirty,\r\n        result,\r\n        validate,\r\n    };\r\n}\r\n\r\nexport default { useForm };\r\n"]}

package/dist/frameworks/svelte.d.ts

@@ -0,0 +1,61 @@
+import { FormDefinition, FormResult } from '../index.js';
+
+/**
+ * Svelte Utilities for @flightdev/forms
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { createFormStore } from '@flightdev/forms/svelte';
+ *
+ *   const form = createFormStore(loginForm);
+ *   const { values, errors, pending, register, submit } = form;
+ * </script>
+ *
+ * <form on:submit|preventDefault={submit}>
+ *   <input use:register={'email'} bind:value={$values.email} />
+ *   {#if $errors.email}<span class="error">{$errors.email}</span>{/if}
+ *   <button disabled={$pending}>Submit</button>
+ * </form>
+ * ```
+ */
+
+interface FormStoreOptions<TResult = unknown> {
+    onSuccess?: (result: FormResult<TResult>) => void;
+    onError?: (result: FormResult<TResult>) => void;
+    resetOnSuccess?: boolean;
+    validateOnBlur?: boolean;
+}
+interface Subscriber<T> {
+    (value: T): void;
+}
+interface Writable<T> {
+    subscribe: (subscriber: Subscriber<T>) => () => void;
+    set: (value: T) => void;
+    update: (updater: (value: T) => T) => void;
+}
+interface FormStore<TInput, TResult = unknown> {
+    values: Writable<Partial<TInput>>;
+    errors: Writable<Record<string, string>>;
+    touched: Writable<Set<string>>;
+    pending: Writable<boolean>;
+    dirty: Writable<boolean>;
+    result: Writable<FormResult<TResult> | undefined>;
+    setValue: (name: keyof TInput & string, value: unknown) => void;
+    setValues: (values: Partial<TInput>) => void;
+    reset: () => void;
+    validate: () => Promise<boolean>;
+    submit: () => Promise<void>;
+    register: (node: HTMLInputElement, name: keyof TInput & string) => {
+        destroy: () => void;
+    };
+}
+/**
+ * Create a Svelte form store
+ */
+declare function createFormStore<TInput, TResult = unknown>(form: FormDefinition<TInput, TResult>, options?: FormStoreOptions<TResult>): FormStore<TInput, TResult>;
+declare const _default: {
+    createFormStore: typeof createFormStore;
+};
+
+export { type FormStore, type FormStoreOptions, type Subscriber, type Writable, createFormStore, _default as default };

package/dist/frameworks/svelte.js

@@ -0,0 +1,143 @@
+import { errorsToObject } from '../chunk-5LLYBEXV.js';
+import '../chunk-DGUM43GV.js';
+
+// src/frameworks/svelte.ts
+function writable(initial) {
+  let value = initial;
+  const subscribers = /* @__PURE__ */ new Set();
+  return {
+    subscribe(subscriber) {
+      subscribers.add(subscriber);
+      subscriber(value);
+      return () => subscribers.delete(subscriber);
+    },
+    set(newValue) {
+      value = newValue;
+      subscribers.forEach((s) => s(value));
+    },
+    update(updater) {
+      value = updater(value);
+      subscribers.forEach((s) => s(value));
+    }
+  };
+}
+function createFormStore(form, options = {}) {
+  const {
+    onSuccess,
+    onError,
+    resetOnSuccess = false,
+    validateOnBlur = true
+  } = options;
+  const values = writable({});
+  const errors = writable({});
+  const touched = writable(/* @__PURE__ */ new Set());
+  const pending = writable(false);
+  const dirty = writable(false);
+  const result = writable(void 0);
+  let currentValues = {};
+  values.subscribe((v) => currentValues = v);
+  function setValue(name, value) {
+    values.update((v) => ({ ...v, [name]: value }));
+    dirty.set(true);
+  }
+  function setValues(newValues) {
+    values.update((v) => ({ ...v, ...newValues }));
+    dirty.set(true);
+  }
+  function reset() {
+    values.set({});
+    errors.set({});
+    touched.set(/* @__PURE__ */ new Set());
+    dirty.set(false);
+    result.set(void 0);
+  }
+  async function validate() {
+    const validation = await form.validateAsync(currentValues);
+    if (!validation.success && validation.errors) {
+      errors.set(errorsToObject(validation.errors));
+      return false;
+    }
+    errors.set({});
+    return true;
+  }
+  async function submit() {
+    pending.set(true);
+    try {
+      const formResult = await form.execute(currentValues);
+      result.set(formResult);
+      if (formResult.success) {
+        onSuccess?.(formResult);
+        if (resetOnSuccess) {
+          reset();
+        }
+      } else {
+        if (formResult.fieldErrors) {
+          errors.set(errorsToObject(formResult.fieldErrors));
+        }
+        onError?.(formResult);
+      }
+    } catch (error) {
+      const errorResult = {
+        success: false,
+        error: error instanceof Error ? error.message : "Unknown error"
+      };
+      result.set(errorResult);
+      onError?.(errorResult);
+    } finally {
+      pending.set(false);
+    }
+  }
+  function register(node, name) {
+    function handleInput(e) {
+      const target = e.target;
+      const value = target.type === "checkbox" ? target.checked : target.value;
+      setValue(name, value);
+    }
+    function handleBlur() {
+      touched.update((t) => new Set(t).add(name));
+      if (validateOnBlur) {
+        const validation = form.validate(currentValues);
+        if (!validation.success && validation.errors) {
+          const fieldError = validation.errors.find((e) => e.path === name);
+          if (fieldError) {
+            errors.update((e) => ({ ...e, [name]: fieldError.message }));
+          } else {
+            errors.update((e) => {
+              const next = { ...e };
+              delete next[name];
+              return next;
+            });
+          }
+        }
+      }
+    }
+    node.addEventListener("input", handleInput);
+    node.addEventListener("blur", handleBlur);
+    node.name = name;
+    return {
+      destroy() {
+        node.removeEventListener("input", handleInput);
+        node.removeEventListener("blur", handleBlur);
+      }
+    };
+  }
+  return {
+    values,
+    errors,
+    touched,
+    pending,
+    dirty,
+    result,
+    setValue,
+    setValues,
+    reset,
+    validate,
+    submit,
+    register
+  };
+}
+var svelte_default = { createFormStore };
+
+export { createFormStore, svelte_default as default };
+//# sourceMappingURL=svelte.js.map
+//# sourceMappingURL=svelte.js.map

package/dist/frameworks/svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/frameworks/svelte.ts"],"names":[],"mappings":"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","file":"svelte.js","sourcesContent":["/**\r\n * Svelte Utilities for @flightdev/forms\r\n * \r\n * @example\r\n * ```svelte\r\n * <script>\r\n *   import { createFormStore } from '@flightdev/forms/svelte';\r\n *   \r\n *   const form = createFormStore(loginForm);\r\n *   const { values, errors, pending, register, submit } = form;\r\n * </script>\r\n * \r\n * <form on:submit|preventDefault={submit}>\r\n *   <input use:register={'email'} bind:value={$values.email} />\r\n *   {#if $errors.email}<span class=\"error\">{$errors.email}</span>{/if}\r\n *   <button disabled={$pending}>Submit</button>\r\n * </form>\r\n * ```\r\n */\r\n\r\nimport type { FormDefinition, FormResult } from '../index.js';\r\nimport { errorsToObject } from '../index.js';\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\nexport interface FormStoreOptions<TResult = unknown> {\r\n    onSuccess?: (result: FormResult<TResult>) => void;\r\n    onError?: (result: FormResult<TResult>) => void;\r\n    resetOnSuccess?: boolean;\r\n    validateOnBlur?: boolean;\r\n}\r\n\r\nexport interface Subscriber<T> {\r\n    (value: T): void;\r\n}\r\n\r\nexport interface Writable<T> {\r\n    subscribe: (subscriber: Subscriber<T>) => () => void;\r\n    set: (value: T) => void;\r\n    update: (updater: (value: T) => T) => void;\r\n}\r\n\r\n// Simple writable store implementation\r\nfunction writable<T>(initial: T): Writable<T> {\r\n    let value = initial;\r\n    const subscribers = new Set<Subscriber<T>>();\r\n\r\n    return {\r\n        subscribe(subscriber: Subscriber<T>) {\r\n            subscribers.add(subscriber);\r\n            subscriber(value);\r\n            return () => subscribers.delete(subscriber);\r\n        },\r\n        set(newValue: T) {\r\n            value = newValue;\r\n            subscribers.forEach(s => s(value));\r\n        },\r\n        update(updater: (value: T) => T) {\r\n            value = updater(value);\r\n            subscribers.forEach(s => s(value));\r\n        },\r\n    };\r\n}\r\n\r\n// ============================================================================\r\n// Form Store\r\n// ============================================================================\r\n\r\nexport interface FormStore<TInput, TResult = unknown> {\r\n    values: Writable<Partial<TInput>>;\r\n    errors: Writable<Record<string, string>>;\r\n    touched: Writable<Set<string>>;\r\n    pending: Writable<boolean>;\r\n    dirty: Writable<boolean>;\r\n    result: Writable<FormResult<TResult> | undefined>;\r\n    setValue: (name: keyof TInput & string, value: unknown) => void;\r\n    setValues: (values: Partial<TInput>) => void;\r\n    reset: () => void;\r\n    validate: () => Promise<boolean>;\r\n    submit: () => Promise<void>;\r\n    register: (node: HTMLInputElement, name: keyof TInput & string) => { destroy: () => void };\r\n}\r\n\r\n/**\r\n * Create a Svelte form store\r\n */\r\nexport function createFormStore<TInput, TResult = unknown>(\r\n    form: FormDefinition<TInput, TResult>,\r\n    options: FormStoreOptions<TResult> = {}\r\n): FormStore<TInput, TResult> {\r\n    const {\r\n        onSuccess,\r\n        onError,\r\n        resetOnSuccess = false,\r\n        validateOnBlur = true,\r\n    } = options;\r\n\r\n    // Stores\r\n    const values = writable<Partial<TInput>>({});\r\n    const errors = writable<Record<string, string>>({});\r\n    const touched = writable<Set<string>>(new Set());\r\n    const pending = writable(false);\r\n    const dirty = writable(false);\r\n    const result = writable<FormResult<TResult> | undefined>(undefined);\r\n\r\n    // Current values (for reading in actions)\r\n    let currentValues: Partial<TInput> = {};\r\n    values.subscribe(v => currentValues = v);\r\n\r\n    // Set a single value\r\n    function setValue(name: keyof TInput & string, value: unknown): void {\r\n        values.update(v => ({ ...v, [name]: value }));\r\n        dirty.set(true);\r\n    }\r\n\r\n    // Set multiple values\r\n    function setValues(newValues: Partial<TInput>): void {\r\n        values.update(v => ({ ...v, ...newValues }));\r\n        dirty.set(true);\r\n    }\r\n\r\n    // Reset form\r\n    function reset(): void {\r\n        values.set({});\r\n        errors.set({});\r\n        touched.set(new Set());\r\n        dirty.set(false);\r\n        result.set(undefined);\r\n    }\r\n\r\n    // Validate entire form\r\n    async function validate(): Promise<boolean> {\r\n        const validation = await form.validateAsync(currentValues);\r\n        if (!validation.success && validation.errors) {\r\n            errors.set(errorsToObject(validation.errors));\r\n            return false;\r\n        }\r\n        errors.set({});\r\n        return true;\r\n    }\r\n\r\n    // Submit form\r\n    async function submit(): Promise<void> {\r\n        pending.set(true);\r\n\r\n        try {\r\n            const formResult = await form.execute(currentValues);\r\n            result.set(formResult);\r\n\r\n            if (formResult.success) {\r\n                onSuccess?.(formResult);\r\n                if (resetOnSuccess) {\r\n                    reset();\r\n                }\r\n            } else {\r\n                if (formResult.fieldErrors) {\r\n                    errors.set(errorsToObject(formResult.fieldErrors));\r\n                }\r\n                onError?.(formResult);\r\n            }\r\n        } catch (error) {\r\n            const errorResult: FormResult<TResult> = {\r\n                success: false,\r\n                error: error instanceof Error ? error.message : 'Unknown error',\r\n            };\r\n            result.set(errorResult);\r\n            onError?.(errorResult);\r\n        } finally {\r\n            pending.set(false);\r\n        }\r\n    }\r\n\r\n    // Svelte action for registering inputs\r\n    function register(node: HTMLInputElement, name: keyof TInput & string) {\r\n        function handleInput(e: Event) {\r\n            const target = e.target as HTMLInputElement;\r\n            const value = target.type === 'checkbox' ? target.checked : target.value;\r\n            setValue(name, value);\r\n        }\r\n\r\n        function handleBlur() {\r\n            touched.update(t => new Set(t).add(name as string));\r\n            if (validateOnBlur) {\r\n                const validation = form.validate(currentValues);\r\n                if (!validation.success && validation.errors) {\r\n                    const fieldError = validation.errors.find(e => e.path === name);\r\n                    if (fieldError) {\r\n                        errors.update(e => ({ ...e, [name]: fieldError.message }));\r\n                    } else {\r\n                        errors.update(e => {\r\n                            const next = { ...e };\r\n                            delete next[name as string];\r\n                            return next;\r\n                        });\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        node.addEventListener('input', handleInput);\r\n        node.addEventListener('blur', handleBlur);\r\n        node.name = name as string;\r\n\r\n        return {\r\n            destroy() {\r\n                node.removeEventListener('input', handleInput);\r\n                node.removeEventListener('blur', handleBlur);\r\n            },\r\n        };\r\n    }\r\n\r\n    return {\r\n        values,\r\n        errors,\r\n        touched,\r\n        pending,\r\n        dirty,\r\n        result,\r\n        setValue,\r\n        setValues,\r\n        reset,\r\n        validate,\r\n        submit,\r\n        register,\r\n    };\r\n}\r\n\r\nexport default { createFormStore };\r\n"]}

package/dist/frameworks/vue.d.ts

@@ -0,0 +1,60 @@
+import { Ref } from 'vue';
+import { FormDefinition, FormResult } from '../index.js';
+
+/**
+ * Vue Composables for @flightdev/forms
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useForm } from '@flightdev/forms/vue';
+ *
+ * const { register, handleSubmit, errors, pending } = useForm(loginForm);
+ * </script>
+ *
+ * <template>
+ *   <form @submit.prevent="handleSubmit">
+ *     <input v-bind="register('email')" />
+ *     <span v-if="errors.email">{{ errors.email }}</span>
+ *     <button :disabled="pending">Submit</button>
+ *   </form>
+ * </template>
+ * ```
+ */
+
+interface UseFormOptions<TResult = unknown> {
+    onSuccess?: (result: FormResult<TResult>) => void;
+    onError?: (result: FormResult<TResult>) => void;
+    resetOnSuccess?: boolean;
+    validateOnBlur?: boolean;
+    validateOnChange?: boolean;
+}
+interface FieldBinding {
+    name: string;
+    value: unknown;
+    onInput: (e: Event) => void;
+    onBlur: (e: Event) => void;
+}
+interface UseFormReturn<TInput, TResult = unknown> {
+    register: (name: keyof TInput & string) => FieldBinding;
+    handleSubmit: () => Promise<void>;
+    values: Ref<Partial<TInput>>;
+    setValue: (name: keyof TInput & string, value: unknown) => void;
+    setValues: (values: Partial<TInput>) => void;
+    reset: () => void;
+    errors: Ref<Record<string, string>>;
+    touched: Ref<Set<string>>;
+    pending: Ref<boolean>;
+    dirty: Ref<boolean>;
+    result: Ref<FormResult<TResult> | undefined>;
+    validate: () => Promise<boolean>;
+}
+/**
+ * Vue composable for form handling
+ */
+declare function useForm<TInput, TResult = unknown>(form: FormDefinition<TInput, TResult>, options?: UseFormOptions<TResult>): UseFormReturn<TInput, TResult>;
+declare const _default: {
+    useForm: typeof useForm;
+};
+
+export { type FieldBinding, type UseFormOptions, type UseFormReturn, _default as default, useForm };

package/dist/frameworks/vue.js

@@ -0,0 +1,127 @@
+import { errorsToObject } from '../chunk-5LLYBEXV.js';
+import '../chunk-DGUM43GV.js';
+import { ref } from 'vue';
+
+function useForm(form, options = {}) {
+  const {
+    onSuccess,
+    onError,
+    resetOnSuccess = false,
+    validateOnBlur = true,
+    validateOnChange = false
+  } = options;
+  const values = ref({});
+  const errors = ref({});
+  const touched = ref(/* @__PURE__ */ new Set());
+  const pending = ref(false);
+  const dirty = ref(false);
+  const result = ref();
+  function setValue(name, value) {
+    values.value[name] = value;
+    dirty.value = true;
+    if (validateOnChange) {
+      const validation = form.validate(values.value);
+      if (!validation.success && validation.errors) {
+        const fieldError = validation.errors.find((e) => e.path === name);
+        if (fieldError) {
+          errors.value[name] = fieldError.message;
+        } else {
+          delete errors.value[name];
+        }
+      } else {
+        delete errors.value[name];
+      }
+    }
+  }
+  function setValues(newValues) {
+    Object.assign(values.value, newValues);
+    dirty.value = true;
+  }
+  function reset() {
+    values.value = {};
+    errors.value = {};
+    touched.value = /* @__PURE__ */ new Set();
+    dirty.value = false;
+    result.value = void 0;
+  }
+  async function validate() {
+    const validation = await form.validateAsync(values.value);
+    if (!validation.success && validation.errors) {
+      errors.value = errorsToObject(validation.errors);
+      return false;
+    }
+    errors.value = {};
+    return true;
+  }
+  function register(name) {
+    return {
+      name,
+      value: values.value[name] ?? "",
+      onInput: (e) => {
+        const target = e.target;
+        const value = target.type === "checkbox" ? target.checked : target.value;
+        setValue(name, value);
+      },
+      onBlur: (e) => {
+        touched.value.add(name);
+        if (validateOnBlur) {
+          const validation = form.validate(values.value);
+          if (!validation.success && validation.errors) {
+            const fieldError = validation.errors.find((e2) => e2.path === name);
+            if (fieldError) {
+              errors.value[name] = fieldError.message;
+            } else {
+              delete errors.value[name];
+            }
+          }
+        }
+      }
+    };
+  }
+  async function handleSubmit() {
+    pending.value = true;
+    try {
+      const formResult = await form.execute(values.value);
+      result.value = formResult;
+      if (formResult.success) {
+        onSuccess?.(formResult);
+        if (resetOnSuccess) {
+          reset();
+        }
+      } else {
+        if (formResult.fieldErrors) {
+          errors.value = errorsToObject(formResult.fieldErrors);
+        }
+        onError?.(formResult);
+      }
+    } catch (error) {
+      const errorResult = {
+        success: false,
+        error: error instanceof Error ? error.message : "Unknown error"
+      };
+      result.value = errorResult;
+      onError?.(errorResult);
+    } finally {
+      pending.value = false;
+    }
+  }
+  return {
+    register,
+    handleSubmit,
+    values,
+    setValue,
+    setValues,
+    reset,
+    errors,
+    touched,
+    pending,
+    dirty,
+    result,
+    validate
+  };
+}
+var vue_default = { useForm };
+
+export { vue_default as default, useForm };
+//# sourceMappingURL=vue.js.map
+//# sourceMappingURL=vue.js.map

package/dist/frameworks/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/frameworks/vue.ts"],"names":["e"],"mappings":"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","file":"vue.js","sourcesContent":["/**\r\n * Vue Composables for @flightdev/forms\r\n * \r\n * @example\r\n * ```vue\r\n * <script setup>\r\n * import { useForm } from '@flightdev/forms/vue';\r\n * \r\n * const { register, handleSubmit, errors, pending } = useForm(loginForm);\r\n * </script>\r\n * \r\n * <template>\r\n *   <form @submit.prevent=\"handleSubmit\">\r\n *     <input v-bind=\"register('email')\" />\r\n *     <span v-if=\"errors.email\">{{ errors.email }}</span>\r\n *     <button :disabled=\"pending\">Submit</button>\r\n *   </form>\r\n * </template>\r\n * ```\r\n */\r\n\r\nimport { ref, reactive, computed, type Ref, type ComputedRef } from 'vue';\r\nimport type { FormDefinition, FormResult } from '../index.js';\r\nimport { errorsToObject } from '../index.js';\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\nexport interface UseFormOptions<TResult = unknown> {\r\n    onSuccess?: (result: FormResult<TResult>) => void;\r\n    onError?: (result: FormResult<TResult>) => void;\r\n    resetOnSuccess?: boolean;\r\n    validateOnBlur?: boolean;\r\n    validateOnChange?: boolean;\r\n}\r\n\r\nexport interface FieldBinding {\r\n    name: string;\r\n    value: unknown;\r\n    onInput: (e: Event) => void;\r\n    onBlur: (e: Event) => void;\r\n}\r\n\r\nexport interface UseFormReturn<TInput, TResult = unknown> {\r\n    register: (name: keyof TInput & string) => FieldBinding;\r\n    handleSubmit: () => Promise<void>;\r\n    values: Ref<Partial<TInput>>;\r\n    setValue: (name: keyof TInput & string, value: unknown) => void;\r\n    setValues: (values: Partial<TInput>) => void;\r\n    reset: () => void;\r\n    errors: Ref<Record<string, string>>;\r\n    touched: Ref<Set<string>>;\r\n    pending: Ref<boolean>;\r\n    dirty: Ref<boolean>;\r\n    result: Ref<FormResult<TResult> | undefined>;\r\n    validate: () => Promise<boolean>;\r\n}\r\n\r\n// ============================================================================\r\n// useForm Composable\r\n// ============================================================================\r\n\r\n/**\r\n * Vue composable for form handling\r\n */\r\nexport function useForm<TInput, TResult = unknown>(\r\n    form: FormDefinition<TInput, TResult>,\r\n    options: UseFormOptions<TResult> = {}\r\n): UseFormReturn<TInput, TResult> {\r\n    const {\r\n        onSuccess,\r\n        onError,\r\n        resetOnSuccess = false,\r\n        validateOnBlur = true,\r\n        validateOnChange = false,\r\n    } = options;\r\n\r\n    // State\r\n    const values = ref<Partial<TInput>>({}) as Ref<Partial<TInput>>;\r\n    const errors = ref<Record<string, string>>({});\r\n    const touched = ref<Set<string>>(new Set());\r\n    const pending = ref(false);\r\n    const dirty = ref(false);\r\n    const result = ref<FormResult<TResult> | undefined>();\r\n\r\n    // Set a single value\r\n    function setValue(name: keyof TInput & string, value: unknown): void {\r\n        (values.value as Record<string, unknown>)[name] = value;\r\n        dirty.value = true;\r\n\r\n        if (validateOnChange) {\r\n            const validation = form.validate(values.value);\r\n            if (!validation.success && validation.errors) {\r\n                const fieldError = validation.errors.find(e => e.path === name);\r\n                if (fieldError) {\r\n                    errors.value[name] = fieldError.message;\r\n                } else {\r\n                    delete errors.value[name];\r\n                }\r\n            } else {\r\n                delete errors.value[name];\r\n            }\r\n        }\r\n    }\r\n\r\n    // Set multiple values\r\n    function setValues(newValues: Partial<TInput>): void {\r\n        Object.assign(values.value, newValues);\r\n        dirty.value = true;\r\n    }\r\n\r\n    // Reset form\r\n    function reset(): void {\r\n        values.value = {} as Partial<TInput>;\r\n        errors.value = {};\r\n        touched.value = new Set();\r\n        dirty.value = false;\r\n        result.value = undefined;\r\n    }\r\n\r\n    // Validate entire form\r\n    async function validate(): Promise<boolean> {\r\n        const validation = await form.validateAsync(values.value);\r\n        if (!validation.success && validation.errors) {\r\n            errors.value = errorsToObject(validation.errors);\r\n            return false;\r\n        }\r\n        errors.value = {};\r\n        return true;\r\n    }\r\n\r\n    // Register a field\r\n    function register(name: keyof TInput & string): FieldBinding {\r\n        return {\r\n            name,\r\n            value: (values.value as Record<string, unknown>)[name] ?? '',\r\n            onInput: (e: Event) => {\r\n                const target = e.target as HTMLInputElement;\r\n                const value = target.type === 'checkbox' ? target.checked : target.value;\r\n                setValue(name, value);\r\n            },\r\n            onBlur: (e: Event) => {\r\n                touched.value.add(name);\r\n                if (validateOnBlur) {\r\n                    const validation = form.validate(values.value);\r\n                    if (!validation.success && validation.errors) {\r\n                        const fieldError = validation.errors.find(e => e.path === name);\r\n                        if (fieldError) {\r\n                            errors.value[name] = fieldError.message;\r\n                        } else {\r\n                            delete errors.value[name];\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n        };\r\n    }\r\n\r\n    // Handle form submission\r\n    async function handleSubmit(): Promise<void> {\r\n        pending.value = true;\r\n\r\n        try {\r\n            const formResult = await form.execute(values.value);\r\n            result.value = formResult;\r\n\r\n            if (formResult.success) {\r\n                onSuccess?.(formResult);\r\n                if (resetOnSuccess) {\r\n                    reset();\r\n                }\r\n            } else {\r\n                if (formResult.fieldErrors) {\r\n                    errors.value = errorsToObject(formResult.fieldErrors);\r\n                }\r\n                onError?.(formResult);\r\n            }\r\n        } catch (error) {\r\n            const errorResult: FormResult<TResult> = {\r\n                success: false,\r\n                error: error instanceof Error ? error.message : 'Unknown error',\r\n            };\r\n            result.value = errorResult;\r\n            onError?.(errorResult);\r\n        } finally {\r\n            pending.value = false;\r\n        }\r\n    }\r\n\r\n    return {\r\n        register,\r\n        handleSubmit,\r\n        values,\r\n        setValue,\r\n        setValues,\r\n        reset,\r\n        errors,\r\n        touched,\r\n        pending,\r\n        dirty,\r\n        result,\r\n        validate,\r\n    };\r\n}\r\n\r\nexport default { useForm };\r\n"]}