@samline/forms 0.1.0

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/vue/index.ts","../../src/vue/use-form.ts","../../src/core/serialize.ts","../../src/core/state.ts","../../src/core/validation.ts","../../src/internal/dom.ts","../../src/internal/controller.ts"],"sourcesContent":["export { useForm } from './use-form'","import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  type ComputedRef,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\nimport { createEmptyFormState, type FormController, type FormControllerOptions, type FormStateSnapshot, type FormTarget } from '../core'\nimport { createFormController } from '../internal/controller'\nimport { resolveFormElement } from '../internal/dom'\n\nexport interface VueUseFormResult {\n  controller: ShallowRef<FormController | null>\n  state: Ref<FormStateSnapshot>\n  ready: ComputedRef<boolean>\n  mount: () => void\n  destroy: () => void\n}\n\nexport const useForm = (\n  target: FormTarget,\n  options: FormControllerOptions = {}\n): VueUseFormResult => {\n  const controller = shallowRef<FormController | null>(null)\n  const state = ref<FormStateSnapshot>(createEmptyFormState())\n  let unsubscribe: (() => void) | null = null\n\n  const mount = () => {\n    if (controller.value) {\n      return\n    }\n\n    const element = resolveFormElement(target)\n    if (!element) {\n      return\n    }\n\n    const nextController = createFormController(element, options)\n    controller.value = nextController\n    state.value = nextController.getState()\n    unsubscribe = nextController.subscribe(nextState => {\n      state.value = nextState\n    })\n  }\n\n  const destroy = () => {\n    unsubscribe?.()\n    unsubscribe = null\n    controller.value?.destroy()\n    controller.value = null\n    state.value = createEmptyFormState()\n  }\n\n  onMounted(mount)\n  onBeforeUnmount(destroy)\n\n  return {\n    controller,\n    state,\n    ready: computed(() => controller.value !== null),\n    mount,\n    destroy\n  }\n}","import type { SerializedFormResult, SerializedFormValue } from './types'\n\nconst isEmptyFile = (value: FormDataEntryValue): value is File =>\n  value instanceof File && value.size === 0 && value.name === ''\n\nconst appendValue = (\n  data: Record<string, SerializedFormValue>,\n  key: string,\n  value: FormDataEntryValue\n) => {\n  const current = data[key]\n\n  if (current === undefined) {\n    data[key] = value\n    return\n  }\n\n  if (Array.isArray(current)) {\n    current.push(value)\n    return\n  }\n\n  data[key] = [current, value]\n}\n\nexport const parseFormData = (\n  formElement: HTMLFormElement\n): SerializedFormResult => {\n  const rawFormData = new FormData(formElement)\n  const formData = new FormData()\n  const data: Record<string, SerializedFormValue> = {}\n\n  rawFormData.forEach((value, key) => {\n    if (isEmptyFile(value)) {\n      return\n    }\n\n    formData.append(key, value)\n    appendValue(data, key, value)\n  })\n\n  return { data, formData }\n}","import type { FormStateSnapshot } from './types'\n\nexport const createEmptyFormState = (): FormStateSnapshot => ({\n  values: {},\n  errors: {},\n  filledFields: [],\n  isValid: true,\n  isValidated: false,\n  autoSubmit: false,\n  submitCount: 0\n})","import type {\n  FieldValidationContext,\n  FieldValidationRules,\n  FormErrors,\n  FormFieldValue,\n  FormValues,\n  RuleConfig,\n  ValidationResult,\n  ValidationSchema\n} from './types'\n\nconst resolveRule = <T>(rule: RuleConfig<T> | undefined) => {\n  if (rule === undefined) {\n    return { value: undefined as T | undefined, message: undefined as string | undefined }\n  }\n\n  if (typeof rule === 'object' && rule !== null && 'value' in rule) {\n    return { value: rule.value, message: rule.message }\n  }\n\n  return { value: rule, message: undefined as string | undefined }\n}\n\nconst hasValue = (value: FormFieldValue) => {\n  if (Array.isArray(value)) {\n    return value.length > 0\n  }\n\n  return typeof value === 'string' ? value.trim().length > 0 : value !== undefined\n}\n\nconst getValueLength = (value: FormFieldValue) => {\n  if (Array.isArray(value)) {\n    return value.length\n  }\n\n  if (typeof value === 'string') {\n    return value.length\n  }\n\n  return 0\n}\n\nconst toPatternTarget = (value: FormFieldValue) => {\n  if (typeof value === 'string') {\n    return value\n  }\n\n  if (Array.isArray(value)) {\n    return value\n      .map(entry => (typeof entry === 'string' ? entry : entry.name))\n      .join(',')\n  }\n\n  return ''\n}\n\nexport const validateFieldValue = (\n  field: string,\n  value: FormFieldValue,\n  rules: FieldValidationRules,\n  values: FormValues\n) => {\n  const errors: string[] = []\n  const context: FieldValidationContext = { field, value, values }\n  const required = resolveRule(rules.required)\n  const minLength = resolveRule(rules.minLength)\n  const maxLength = resolveRule(rules.maxLength)\n  const pattern = resolveRule(rules.pattern)\n\n  if (required.value && !hasValue(value)) {\n    errors.push(required.message ?? 'This field is required.')\n  }\n\n  if (minLength.value !== undefined && getValueLength(value) < minLength.value) {\n    errors.push(minLength.message ?? `Minimum length is ${minLength.value}.`)\n  }\n\n  if (maxLength.value !== undefined && getValueLength(value) > maxLength.value) {\n    errors.push(maxLength.message ?? `Maximum length is ${maxLength.value}.`)\n  }\n\n  if (pattern.value && hasValue(value) && !pattern.value.test(toPatternTarget(value))) {\n    errors.push(pattern.message ?? 'Value does not match the required pattern.')\n  }\n\n  const customValidators = rules.validate\n    ? Array.isArray(rules.validate)\n      ? rules.validate\n      : [rules.validate]\n    : []\n\n  for (const validator of customValidators) {\n    const result = validator(context)\n\n    if (typeof result === 'string' && result.length > 0) {\n      errors.push(result)\n    }\n\n    if (result === false) {\n      errors.push('Validation failed.')\n    }\n  }\n\n  return errors\n}\n\nexport const validateValues = (\n  values: FormValues,\n  schema: ValidationSchema\n): ValidationResult => {\n  const errors: FormErrors = {}\n\n  for (const [field, rules] of Object.entries(schema)) {\n    const messages = validateFieldValue(field, values[field], rules, values)\n    if (messages.length > 0) {\n      errors[field] = messages\n    }\n  }\n\n  return {\n    isValid: Object.keys(errors).length === 0,\n    errors\n  }\n}","import type { FormFieldElement, FormFieldValue, FormTarget } from '../core/types'\n\nconst isFormFieldElement = (value: Element): value is FormFieldElement =>\n  value instanceof HTMLInputElement ||\n  value instanceof HTMLSelectElement ||\n  value instanceof HTMLTextAreaElement\n\nexport const resolveFormElement = (target: FormTarget): HTMLFormElement | null => {\n  if (!target) {\n    return null\n  }\n\n  if (target instanceof HTMLFormElement) {\n    return target\n  }\n\n  if (typeof target === 'string') {\n    const element = document.getElementById(target)\n    return element instanceof HTMLFormElement ? element : null\n  }\n\n  if ('current' in target) {\n    return target.current instanceof HTMLFormElement ? target.current : null\n  }\n\n  return null\n}\n\nexport const getNamedFields = (form: HTMLFormElement): FormFieldElement[] =>\n  Array.from(form.querySelectorAll('input[name], select[name], textarea[name]')).filter(\n    isFormFieldElement\n  )\n\nexport const queryNamedFields = (\n  form: HTMLFormElement,\n  name: string\n): FormFieldElement[] => getNamedFields(form).filter(field => field.name === name)\n\nexport const isFieldFilled = (field: FormFieldElement) => {\n  if (field instanceof HTMLInputElement) {\n    if (field.type === 'checkbox' || field.type === 'radio') {\n      return field.checked\n    }\n\n    if (field.type === 'file') {\n      return Boolean(field.files && field.files.length > 0)\n    }\n\n    return field.value.trim() !== ''\n  }\n\n  return field.value !== ''\n}\n\nexport const applyBooleanAttribute = (\n  field: FormFieldElement,\n  attribute: string,\n  enabled: boolean\n) => {\n  if (enabled) {\n    field.setAttribute(attribute, '')\n    return\n  }\n\n  field.removeAttribute(attribute)\n}\n\nexport const readFieldValue = (\n  fields: FormFieldElement[]\n): FormFieldValue => {\n  if (fields.length === 0) {\n    return undefined\n  }\n\n  const firstField = fields[0]\n  if (!firstField) {\n    return undefined\n  }\n\n  if (firstField instanceof HTMLSelectElement || firstField instanceof HTMLTextAreaElement) {\n    return firstField.value\n  }\n\n  if (firstField.type === 'radio') {\n    const checked = fields.find(\n      field => field instanceof HTMLInputElement && field.checked\n    ) as HTMLInputElement | undefined\n\n    return checked?.value ?? ''\n  }\n\n  if (firstField.type === 'checkbox') {\n    const values = fields\n      .filter(field => field instanceof HTMLInputElement && field.checked)\n      .map(field => (field as HTMLInputElement).value)\n\n    return values.length > 1 ? values : (values[0] ?? '')\n  }\n\n  if (firstField.type === 'file') {\n    return firstField.files ? Array.from(firstField.files) : []\n  }\n\n  return firstField.value\n}\n\nexport const writeFieldValue = (\n  fields: FormFieldElement[],\n  value: unknown\n) => {\n  const normalizedArray = Array.isArray(value)\n    ? value.map(item => String(item))\n    : null\n  const normalizedValue = value === undefined || value === null ? '' : String(value)\n\n  for (const field of fields) {\n    if (field instanceof HTMLInputElement) {\n      if (field.type === 'checkbox') {\n        field.checked = normalizedArray\n          ? normalizedArray.includes(field.value)\n          : normalizedValue === field.value\n        continue\n      }\n\n      if (field.type === 'radio') {\n        field.checked = field.value === normalizedValue\n        continue\n      }\n\n      if (field.type === 'file') {\n        if (Array.isArray(value) && value.length === 0) {\n          field.value = ''\n        }\n        continue\n      }\n\n      field.value = normalizedValue\n      continue\n    }\n\n    field.value = normalizedValue\n  }\n}\n\nexport const clearAttributes = (\n  form: HTMLFormElement,\n  attributes: string[]\n) => {\n  for (const attribute of attributes) {\n    form.querySelectorAll(`[${attribute}]`).forEach(element => {\n      element.removeAttribute(attribute)\n    })\n  }\n}\n\nexport const submitForm = (form: HTMLFormElement) => {\n  if (typeof form.requestSubmit === 'function') {\n    form.requestSubmit()\n    return\n  }\n\n  const submitButton = form.querySelector(\n    'button[type=\"submit\"], input[type=\"submit\"]'\n  ) as HTMLButtonElement | HTMLInputElement | null\n\n  if (submitButton) {\n    submitButton.click()\n    return\n  }\n\n  form.submit()\n}","import { createEmptyFormState, parseFormData, validateFieldValue } from '../core'\nimport type {\n  AppendContentOptions,\n  AutoSubmitOptions,\n  FormController,\n  FormControllerOptions,\n  FormErrors,\n  FormFieldElement,\n  FormFieldWatcher,\n  FormSubmitHandler,\n  FormStateListener,\n  FormStateSnapshot,\n  FormTarget,\n  ValidationResult,\n  VisualAttributes\n} from '../core/types'\nimport {\n  applyBooleanAttribute,\n  clearAttributes,\n  getNamedFields,\n  isFieldFilled,\n  queryNamedFields,\n  readFieldValue,\n  resolveFormElement,\n  submitForm,\n  writeFieldValue\n} from './dom'\n\nconst DEFAULT_ATTRIBUTES: VisualAttributes = {\n  filled: 'css-filled',\n  error: 'css-error'\n}\n\nconst DEFAULT_OPTIONS: Required<\n  Pick<FormControllerOptions, 'autoValidate' | 'clearErrorsOnSubmit'>\n> = {\n  autoValidate: true,\n  clearErrorsOnSubmit: true\n}\n\nconst mergeErrors = (left: FormErrors, right: FormErrors) => {\n  const merged: FormErrors = { ...left }\n\n  for (const [field, messages] of Object.entries(right)) {\n    merged[field] = merged[field] ? [...merged[field], ...messages] : [...messages]\n  }\n\n  return merged\n}\n\nconst cloneErrors = (errors: FormErrors) =>\n  Object.fromEntries(\n    Object.entries(errors).map(([field, messages]) => [field, [...messages]])\n  )\n\nexport const createFormController = (\n  target: FormTarget,\n  options: FormControllerOptions = {}\n): FormController => {\n  const element = resolveFormElement(target)\n  const attributes = { ...DEFAULT_ATTRIBUTES, ...options.attributes }\n  const normalizedOptions: FormControllerOptions = {\n    ...DEFAULT_OPTIONS,\n    ...options,\n    attributes\n  }\n\n  const validators = normalizedOptions.validators ?? {}\n  const watchedFields = new Map<string, Set<FormFieldWatcher>>()\n  const listeners: Array<{\n    element: EventTarget\n    type: string\n    handler: EventListenerOrEventListenerObject\n  }> = []\n  const subscribers = new Set<FormStateListener>()\n  const submitHandlers = new Set<{\n    callback: FormSubmitHandler\n    preventDefault: boolean\n  }>()\n  const fieldCache = new Map<string, FormFieldElement[]>()\n\n  let manualErrors: FormErrors = {}\n  let validationErrors: FormErrors = {}\n  let isValidated = Boolean(normalizedOptions.autoValidate)\n  let autoSubmitEnabled = false\n  let autoSubmitDebounce = 0\n  let submitCount = 0\n  let autoSubmitTimer: ReturnType<typeof setTimeout> | null = null\n  let mutationObserver: MutationObserver | null = null\n  let isDestroyed = false\n\n  const notifySubscribers = () => {\n    const state = api.getState()\n    subscribers.forEach(listener => listener(state))\n  }\n\n  const addListener = (\n    listenerTarget: EventTarget,\n    type: string,\n    handler: EventListenerOrEventListenerObject\n  ) => {\n    listenerTarget.addEventListener(type, handler)\n    listeners.push({ element: listenerTarget, type, handler })\n  }\n\n  const clearFieldCache = () => {\n    fieldCache.clear()\n  }\n\n  const getFieldsByName = (name: string) => {\n    if (!element) {\n      return []\n    }\n\n    if (!fieldCache.has(name)) {\n      fieldCache.set(name, queryNamedFields(element, name))\n    }\n\n    return fieldCache.get(name) ?? []\n  }\n\n  const getTrackedFieldNames = () => {\n    if (!element) {\n      return Object.keys(validators)\n    }\n\n    const names = new Set<string>(Object.keys(validators))\n    for (const field of getNamedFields(element)) {\n      names.add(field.name)\n    }\n\n    return Array.from(names)\n  }\n\n  const getValues = () => {\n    const values: FormStateSnapshot['values'] = {}\n    for (const name of getTrackedFieldNames()) {\n      values[name] = api.getValue(name)\n    }\n    return values\n  }\n\n  const getMergedErrors = () => mergeErrors(validationErrors, manualErrors)\n\n  const syncVisualState = (names?: string[]) => {\n    if (!element) {\n      return\n    }\n\n    const targetNames = names ?? getTrackedFieldNames()\n    const errors = getMergedErrors()\n\n    for (const name of targetNames) {\n      const fields = getFieldsByName(name)\n      const hasError = Boolean(errors[name]?.length)\n      for (const field of fields) {\n        applyBooleanAttribute(field, attributes.filled, isFieldFilled(field))\n        applyBooleanAttribute(field, attributes.error, hasError)\n      }\n    }\n  }\n\n  const validateNames = (names?: string[]) => {\n    const targetNames = names ?? Object.keys(validators)\n    const values = getValues()\n    const nextValidationErrors = names ? cloneErrors(validationErrors) : {}\n\n    for (const name of targetNames) {\n      const rules = validators[name]\n\n      if (!rules) {\n        delete nextValidationErrors[name]\n        continue\n      }\n\n      const errors = validateFieldValue(name, values[name], rules, values)\n      if (errors.length > 0) {\n        nextValidationErrors[name] = errors\n      } else {\n        delete nextValidationErrors[name]\n      }\n    }\n\n    validationErrors = nextValidationErrors\n    syncVisualState(names)\n\n    return {\n      isValid: Object.keys(getMergedErrors()).length === 0,\n      errors: cloneErrors(getMergedErrors())\n    } satisfies ValidationResult\n  }\n\n  const emitFieldWatchers = (name: string) => {\n    if (!element) {\n      return\n    }\n\n    const callbacks = watchedFields.get(name)\n    if (!callbacks || callbacks.size === 0) {\n      return\n    }\n\n    const value = api.getValue(name)\n    const state = api.getState()\n    callbacks.forEach(callback => callback(value, element, state))\n  }\n\n  const scheduleAutoSubmit = () => {\n    if (!element || !autoSubmitEnabled) {\n      return\n    }\n\n    if (autoSubmitTimer) {\n      clearTimeout(autoSubmitTimer)\n    }\n\n    if (autoSubmitDebounce > 0) {\n      autoSubmitTimer = setTimeout(() => submitForm(element), autoSubmitDebounce)\n      return\n    }\n\n    submitForm(element)\n  }\n\n  const handleDelegatedEvent = (event: Event) => {\n    const target = event.target\n    if (!(target instanceof Element) || !isFieldElement(target)) {\n      return\n    }\n\n    const name = target.name\n    if (!name) {\n      return\n    }\n\n    clearFieldCache()\n    syncVisualState([name])\n\n    if (isValidated && validators[name]) {\n      validateNames([name])\n    }\n\n    emitFieldWatchers(name)\n    notifySubscribers()\n    scheduleAutoSubmit()\n  }\n\n  const handleSubmitEvent = (event: Event) => {\n    if (!element || isDestroyed) {\n      return\n    }\n\n    if (normalizedOptions.clearErrorsOnSubmit) {\n      manualErrors = {}\n    }\n\n    const validation = api.validate()\n    const handlers = Array.from(submitHandlers)\n    const shouldPrevent = validation.isValid\n      ? handlers.some(handler => handler.preventDefault)\n      : true\n\n    if (shouldPrevent) {\n      event.preventDefault()\n    }\n\n    submitCount += 1\n    notifySubscribers()\n\n    if (!validation.isValid) {\n      return\n    }\n\n    const { data, formData } = api.getData()\n    const state = api.getState()\n    handlers.forEach(handler => handler.callback(element, data, formData, state))\n  }\n\n  const startMutationObserver = () => {\n    if (!element || typeof MutationObserver === 'undefined') {\n      return\n    }\n\n    mutationObserver = new MutationObserver(() => {\n      clearFieldCache()\n      if (isValidated) {\n        syncVisualState()\n        validateNames()\n      }\n      notifySubscribers()\n    })\n\n    mutationObserver.observe(element, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['name', 'type']\n    })\n  }\n\n  const isFieldElement = (value: Element): value is FormFieldElement =>\n    value instanceof HTMLInputElement ||\n    value instanceof HTMLSelectElement ||\n    value instanceof HTMLTextAreaElement\n\n  const api: FormController = {\n    element,\n    options: normalizedOptions,\n    onSubmit(callback, preventDefault = true) {\n      submitHandlers.add({ callback, preventDefault })\n      return api\n    },\n    watch(field, callback) {\n      api.observe(field, callback)\n      return api\n    },\n    observe(field, callback) {\n      const callbacks = watchedFields.get(field) ?? new Set<FormFieldWatcher>()\n      callbacks.add(callback)\n      watchedFields.set(field, callbacks)\n\n      if (element) {\n        callback(api.getValue(field), element, api.getState())\n      }\n\n      return () => {\n        const currentCallbacks = watchedFields.get(field)\n        currentCallbacks?.delete(callback)\n        if (currentCallbacks && currentCallbacks.size === 0) {\n          watchedFields.delete(field)\n        }\n      }\n    },\n    unwatch(field, callback) {\n      if (!field) {\n        watchedFields.clear()\n        return api\n      }\n\n      if (!callback) {\n        watchedFields.delete(field)\n        return api\n      }\n\n      const callbacks = watchedFields.get(field)\n      callbacks?.delete(callback)\n      if (callbacks && callbacks.size === 0) {\n        watchedFields.delete(field)\n      }\n      return api\n    },\n    subscribe(listener) {\n      subscribers.add(listener)\n      listener(api.getState())\n      return () => {\n        subscribers.delete(listener)\n      }\n    },\n    prefill(fieldName) {\n      if (!element) {\n        return api\n      }\n\n      const queryParams = new URLSearchParams(window.location.search)\n      queryParams.forEach((value, key) => {\n        if (fieldName && fieldName !== key) {\n          return\n        }\n\n        api.setValue(key, value)\n      })\n      return api\n    },\n    append({ tag, content, class: className, atStart = false }: AppendContentOptions) {\n      if (!element) {\n        return null\n      }\n\n      clearFieldCache()\n      if (className) {\n        const classSelector = className.trim().split(/\\s+/)[0]\n        element.querySelector(`.${classSelector}`)?.remove()\n      }\n\n      const node = document.createElement(tag)\n      if (className) {\n        node.className = className\n      }\n      node.innerHTML = content\n\n      if (atStart && element.firstChild) {\n        element.insertBefore(node, element.firstChild)\n      } else {\n        element.appendChild(node)\n      }\n\n      return node\n    },\n    setErrors(fields) {\n      if (Array.isArray(fields)) {\n        manualErrors = {\n          ...manualErrors,\n          ...Object.fromEntries(fields.map(field => [field, ['Invalid value.']]))\n        }\n      } else {\n        manualErrors = {\n          ...manualErrors,\n          ...cloneErrors(fields)\n        }\n      }\n\n      syncVisualState(Array.isArray(fields) ? fields : Object.keys(fields))\n      notifySubscribers()\n      return api\n    },\n    clearErrors(fields) {\n      if (!fields) {\n        manualErrors = {}\n        syncVisualState()\n        notifySubscribers()\n        return api\n      }\n\n      for (const field of fields) {\n        delete manualErrors[field]\n      }\n\n      syncVisualState(fields)\n      notifySubscribers()\n      return api\n    },\n    setValue(name, value) {\n      const fields = getFieldsByName(name)\n      if (fields.length === 0) {\n        return api\n      }\n\n      writeFieldValue(fields, value)\n      const firstField = fields[0]\n      if (!firstField) {\n        return api\n      }\n\n      const eventType =\n        firstField instanceof HTMLSelectElement ||\n        (firstField instanceof HTMLInputElement &&\n          (firstField.type === 'checkbox' || firstField.type === 'radio'))\n          ? 'change'\n          : 'input'\n\n      firstField.dispatchEvent(new Event(eventType, { bubbles: true }))\n      return api\n    },\n    validate(fields) {\n      isValidated = true\n      syncVisualState(fields)\n      return validateNames(fields)\n    },\n    revalidate(fields) {\n      return api.validate(fields)\n    },\n    reset() {\n      if (!element) {\n        return api\n      }\n\n      element.reset()\n      manualErrors = {}\n      validationErrors = {}\n      clearAttributes(element, [attributes.error, attributes.filled])\n      if (isValidated) {\n        syncVisualState()\n      }\n      notifySubscribers()\n      return api\n    },\n    autoSubmit(nextOptions = true) {\n      autoSubmitEnabled = nextOptions !== false\n      autoSubmitDebounce =\n        typeof nextOptions === 'object' && nextOptions\n          ? nextOptions.debounce ?? 0\n          : 0\n      notifySubscribers()\n      return api\n    },\n    disableAutoSubmit() {\n      autoSubmitEnabled = false\n      if (autoSubmitTimer) {\n        clearTimeout(autoSubmitTimer)\n        autoSubmitTimer = null\n      }\n      notifySubscribers()\n      return api\n    },\n    getValue(name) {\n      return readFieldValue(getFieldsByName(name))\n    },\n    getField(name) {\n      const fields = getFieldsByName(name)\n      if (fields.length === 0) {\n        return null\n      }\n      const [firstField] = fields\n      if (!firstField) {\n        return null\n      }\n      return fields.length === 1 ? firstField : fields\n    },\n    getData() {\n      if (!element) {\n        return { data: {}, formData: new FormData() }\n      }\n      return parseFormData(element)\n    },\n    getState() {\n      const values = getValues()\n      const errors = cloneErrors(getMergedErrors())\n      const filledFields = getTrackedFieldNames().filter(name => {\n        const value = values[name]\n        return Array.isArray(value)\n          ? value.length > 0\n          : typeof value === 'string'\n            ? value.trim().length > 0\n            : value !== undefined\n      })\n\n      return {\n        ...createEmptyFormState(),\n        values,\n        errors,\n        filledFields,\n        isValid: Object.keys(errors).length === 0,\n        isValidated,\n        autoSubmit: autoSubmitEnabled,\n        submitCount\n      }\n    },\n    destroy() {\n      if (isDestroyed) {\n        return\n      }\n\n      isDestroyed = true\n      for (const listener of listeners) {\n        listener.element.removeEventListener(listener.type, listener.handler)\n      }\n      listeners.length = 0\n\n      if (autoSubmitTimer) {\n        clearTimeout(autoSubmitTimer)\n        autoSubmitTimer = null\n      }\n\n      mutationObserver?.disconnect()\n      mutationObserver = null\n      watchedFields.clear()\n      subscribers.clear()\n      submitHandlers.clear()\n      clearFieldCache()\n      manualErrors = {}\n      validationErrors = {}\n    }\n  }\n\n  if (element) {\n    addListener(element, 'input', handleDelegatedEvent)\n    addListener(element, 'change', handleDelegatedEvent)\n    addListener(element, 'submit', handleSubmitEvent)\n    startMutationObserver()\n  }\n\n  if (normalizedOptions.autoSubmit) {\n    const autoSubmitOption = normalizedOptions.autoSubmit as boolean | AutoSubmitOptions\n    api.autoSubmit(autoSubmitOption)\n  }\n\n  if (isValidated) {\n    syncVisualState()\n    validateNames()\n  }\n\n  return api\n}"],"mappings":"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","names":["target"]}

package/dist/vue/index.d.cts

@@ -0,0 +1,13 @@
+import { ShallowRef, Ref, ComputedRef } from 'vue';
+import { n as FormTarget, e as FormControllerOptions, d as FormController, l as FormStateSnapshot } from '../types-gvovPPPU.cjs';
+
+interface VueUseFormResult {
+    controller: ShallowRef<FormController | null>;
+    state: Ref<FormStateSnapshot>;
+    ready: ComputedRef<boolean>;
+    mount: () => void;
+    destroy: () => void;
+}
+declare const useForm: (target: FormTarget, options?: FormControllerOptions) => VueUseFormResult;
+
+export { useForm };

package/dist/vue/index.d.ts

@@ -0,0 +1,13 @@
+import { ShallowRef, Ref, ComputedRef } from 'vue';
+import { n as FormTarget, e as FormControllerOptions, d as FormController, l as FormStateSnapshot } from '../types-gvovPPPU.js';
+
+interface VueUseFormResult {
+    controller: ShallowRef<FormController | null>;
+    state: Ref<FormStateSnapshot>;
+    ready: ComputedRef<boolean>;
+    mount: () => void;
+    destroy: () => void;
+}
+declare const useForm: (target: FormTarget, options?: FormControllerOptions) => VueUseFormResult;
+
+export { useForm };

package/dist/vue/index.js

@@ -0,0 +1,56 @@
+import {
+  createFormController,
+  resolveFormElement
+} from "../chunk-D3J67V3G.js";
+import {
+  createEmptyFormState
+} from "../chunk-4NEGCRY2.js";
+
+// src/vue/use-form.ts
+import {
+  computed,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  shallowRef
+} from "vue";
+var useForm = (target, options = {}) => {
+  const controller = shallowRef(null);
+  const state = ref(createEmptyFormState());
+  let unsubscribe = null;
+  const mount = () => {
+    if (controller.value) {
+      return;
+    }
+    const element = resolveFormElement(target);
+    if (!element) {
+      return;
+    }
+    const nextController = createFormController(element, options);
+    controller.value = nextController;
+    state.value = nextController.getState();
+    unsubscribe = nextController.subscribe((nextState) => {
+      state.value = nextState;
+    });
+  };
+  const destroy = () => {
+    unsubscribe?.();
+    unsubscribe = null;
+    controller.value?.destroy();
+    controller.value = null;
+    state.value = createEmptyFormState();
+  };
+  onMounted(mount);
+  onBeforeUnmount(destroy);
+  return {
+    controller,
+    state,
+    ready: computed(() => controller.value !== null),
+    mount,
+    destroy
+  };
+};
+export {
+  useForm
+};
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/vue/use-form.ts"],"sourcesContent":["import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  type ComputedRef,\n  type Ref,\n  type ShallowRef\n} from 'vue'\n\nimport { createEmptyFormState, type FormController, type FormControllerOptions, type FormStateSnapshot, type FormTarget } from '../core'\nimport { createFormController } from '../internal/controller'\nimport { resolveFormElement } from '../internal/dom'\n\nexport interface VueUseFormResult {\n  controller: ShallowRef<FormController | null>\n  state: Ref<FormStateSnapshot>\n  ready: ComputedRef<boolean>\n  mount: () => void\n  destroy: () => void\n}\n\nexport const useForm = (\n  target: FormTarget,\n  options: FormControllerOptions = {}\n): VueUseFormResult => {\n  const controller = shallowRef<FormController | null>(null)\n  const state = ref<FormStateSnapshot>(createEmptyFormState())\n  let unsubscribe: (() => void) | null = null\n\n  const mount = () => {\n    if (controller.value) {\n      return\n    }\n\n    const element = resolveFormElement(target)\n    if (!element) {\n      return\n    }\n\n    const nextController = createFormController(element, options)\n    controller.value = nextController\n    state.value = nextController.getState()\n    unsubscribe = nextController.subscribe(nextState => {\n      state.value = nextState\n    })\n  }\n\n  const destroy = () => {\n    unsubscribe?.()\n    unsubscribe = null\n    controller.value?.destroy()\n    controller.value = null\n    state.value = createEmptyFormState()\n  }\n\n  onMounted(mount)\n  onBeforeUnmount(destroy)\n\n  return {\n    controller,\n    state,\n    ready: computed(() => controller.value !== null),\n    mount,\n    destroy\n  }\n}"],"mappings":";;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAcA,IAAM,UAAU,CACrB,QACA,UAAiC,CAAC,MACb;AACrB,QAAM,aAAa,WAAkC,IAAI;AACzD,QAAM,QAAQ,IAAuB,qBAAqB,CAAC;AAC3D,MAAI,cAAmC;AAEvC,QAAM,QAAQ,MAAM;AAClB,QAAI,WAAW,OAAO;AACpB;AAAA,IACF;AAEA,UAAM,UAAU,mBAAmB,MAAM;AACzC,QAAI,CAAC,SAAS;AACZ;AAAA,IACF;AAEA,UAAM,iBAAiB,qBAAqB,SAAS,OAAO;AAC5D,eAAW,QAAQ;AACnB,UAAM,QAAQ,eAAe,SAAS;AACtC,kBAAc,eAAe,UAAU,eAAa;AAClD,YAAM,QAAQ;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,MAAM;AACpB,kBAAc;AACd,kBAAc;AACd,eAAW,OAAO,QAAQ;AAC1B,eAAW,QAAQ;AACnB,UAAM,QAAQ,qBAAqB;AAAA,EACrC;AAEA,YAAU,KAAK;AACf,kBAAgB,OAAO;AAEvB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,SAAS,MAAM,WAAW,UAAU,IAAI;AAAA,IAC/C;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@samline/forms",
+  "version": "0.1.0",
+  "description": "Form controller for vanilla JS, React, Vue, Svelte and browser globals.",
+  "type": "module",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/index.js",
+      "require": "./dist/core/index.cjs"
+    },
+    "./vanilla": {
+      "types": "./dist/vanilla/index.d.ts",
+      "import": "./dist/vanilla/index.js",
+      "require": "./dist/vanilla/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js",
+      "require": "./dist/vue/index.cjs"
+    },
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "import": "./dist/svelte/index.js",
+      "require": "./dist/svelte/index.cjs"
+    },
+    "./browser": {
+      "types": "./dist/browser/global.d.ts",
+      "default": "./dist/browser/global.global.js"
+    }
+  },
+  "scripts": {
+    "clean": "rm -rf dist coverage",
+    "build": "tsup --config tsup.config.ts",
+    "dev": "tsup --config tsup.config.ts --watch",
+    "pack:check": "npm pack --dry-run",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "npm run clean && npm run build && npm run typecheck && npm test"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "vue": ">=3.4",
+    "svelte": ">=5"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "@types/react": "^19.1.2",
+    "jsdom": "^26.1.0",
+    "react": "^19.1.0",
+    "svelte": "^5.28.2",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.1.1",
+    "vue": "^3.5.13"
+  }
+}