@pyreon/form 0.3.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
5386
5386
  </script>
5387
5387
  <script>
5388
5388
  /*<!--*/
5389
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"23a8bc3b-1","name":"use-form.ts"},{"uid":"23a8bc3b-3","name":"use-field-array.ts"},{"uid":"23a8bc3b-5","name":"use-field.ts"},{"uid":"23a8bc3b-7","name":"use-watch.ts"},{"uid":"23a8bc3b-9","name":"use-form-state.ts"},{"uid":"23a8bc3b-11","name":"context.ts"},{"uid":"23a8bc3b-13","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"23a8bc3b-1":{"renderedLength":8356,"gzipLength":2404,"brotliLength":0,"metaUid":"23a8bc3b-0"},"23a8bc3b-3":{"renderedLength":1575,"gzipLength":630,"brotliLength":0,"metaUid":"23a8bc3b-2"},"23a8bc3b-5":{"renderedLength":939,"gzipLength":460,"brotliLength":0,"metaUid":"23a8bc3b-4"},"23a8bc3b-7":{"renderedLength":395,"gzipLength":240,"brotliLength":0,"metaUid":"23a8bc3b-6"},"23a8bc3b-9":{"renderedLength":813,"gzipLength":365,"brotliLength":0,"metaUid":"23a8bc3b-8"},"23a8bc3b-11":{"renderedLength":1028,"gzipLength":531,"brotliLength":0,"metaUid":"23a8bc3b-10"},"23a8bc3b-13":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"23a8bc3b-12"}},"nodeMetas":{"23a8bc3b-0":{"id":"/src/use-form.ts","moduleParts":{"index.js":"23a8bc3b-1"},"imported":[{"uid":"23a8bc3b-14"},{"uid":"23a8bc3b-15"}],"importedBy":[{"uid":"23a8bc3b-12"}]},"23a8bc3b-2":{"id":"/src/use-field-array.ts","moduleParts":{"index.js":"23a8bc3b-3"},"imported":[{"uid":"23a8bc3b-15"}],"importedBy":[{"uid":"23a8bc3b-12"}]},"23a8bc3b-4":{"id":"/src/use-field.ts","moduleParts":{"index.js":"23a8bc3b-5"},"imported":[{"uid":"23a8bc3b-15"}],"importedBy":[{"uid":"23a8bc3b-12"}]},"23a8bc3b-6":{"id":"/src/use-watch.ts","moduleParts":{"index.js":"23a8bc3b-7"},"imported":[{"uid":"23a8bc3b-15"}],"importedBy":[{"uid":"23a8bc3b-12"}]},"23a8bc3b-8":{"id":"/src/use-form-state.ts","moduleParts":{"index.js":"23a8bc3b-9"},"imported":[{"uid":"23a8bc3b-15"}],"importedBy":[{"uid":"23a8bc3b-12"}]},"23a8bc3b-10":{"id":"/src/context.ts","moduleParts":{"index.js":"23a8bc3b-11"},"imported":[{"uid":"23a8bc3b-14"}],"importedBy":[{"uid":"23a8bc3b-12"}]},"23a8bc3b-12":{"id":"/src/index.ts","moduleParts":{"index.js":"23a8bc3b-13"},"imported":[{"uid":"23a8bc3b-0"},{"uid":"23a8bc3b-2"},{"uid":"23a8bc3b-4"},{"uid":"23a8bc3b-6"},{"uid":"23a8bc3b-8"},{"uid":"23a8bc3b-10"}],"importedBy":[],"isEntry":true},"23a8bc3b-14":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"23a8bc3b-0"},{"uid":"23a8bc3b-10"}]},"23a8bc3b-15":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"23a8bc3b-0"},{"uid":"23a8bc3b-2"},{"uid":"23a8bc3b-4"},{"uid":"23a8bc3b-6"},{"uid":"23a8bc3b-8"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
5389
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"e3045384-1","name":"context.ts"},{"uid":"e3045384-3","name":"use-field.ts"},{"uid":"e3045384-5","name":"use-field-array.ts"},{"uid":"e3045384-7","name":"use-form.ts"},{"uid":"e3045384-9","name":"use-form-state.ts"},{"uid":"e3045384-11","name":"use-watch.ts"},{"uid":"e3045384-13","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"e3045384-1":{"renderedLength":976,"gzipLength":500,"brotliLength":0,"metaUid":"e3045384-0"},"e3045384-3":{"renderedLength":939,"gzipLength":460,"brotliLength":0,"metaUid":"e3045384-2"},"e3045384-5":{"renderedLength":1575,"gzipLength":630,"brotliLength":0,"metaUid":"e3045384-4"},"e3045384-7":{"renderedLength":8356,"gzipLength":2404,"brotliLength":0,"metaUid":"e3045384-6"},"e3045384-9":{"renderedLength":813,"gzipLength":365,"brotliLength":0,"metaUid":"e3045384-8"},"e3045384-11":{"renderedLength":395,"gzipLength":240,"brotliLength":0,"metaUid":"e3045384-10"},"e3045384-13":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"e3045384-12"}},"nodeMetas":{"e3045384-0":{"id":"/src/context.ts","moduleParts":{"index.js":"e3045384-1"},"imported":[{"uid":"e3045384-14"}],"importedBy":[{"uid":"e3045384-12"}]},"e3045384-2":{"id":"/src/use-field.ts","moduleParts":{"index.js":"e3045384-3"},"imported":[{"uid":"e3045384-15"}],"importedBy":[{"uid":"e3045384-12"}]},"e3045384-4":{"id":"/src/use-field-array.ts","moduleParts":{"index.js":"e3045384-5"},"imported":[{"uid":"e3045384-15"}],"importedBy":[{"uid":"e3045384-12"}]},"e3045384-6":{"id":"/src/use-form.ts","moduleParts":{"index.js":"e3045384-7"},"imported":[{"uid":"e3045384-14"},{"uid":"e3045384-15"}],"importedBy":[{"uid":"e3045384-12"}]},"e3045384-8":{"id":"/src/use-form-state.ts","moduleParts":{"index.js":"e3045384-9"},"imported":[{"uid":"e3045384-15"}],"importedBy":[{"uid":"e3045384-12"}]},"e3045384-10":{"id":"/src/use-watch.ts","moduleParts":{"index.js":"e3045384-11"},"imported":[{"uid":"e3045384-15"}],"importedBy":[{"uid":"e3045384-12"}]},"e3045384-12":{"id":"/src/index.ts","moduleParts":{"index.js":"e3045384-13"},"imported":[{"uid":"e3045384-0"},{"uid":"e3045384-2"},{"uid":"e3045384-4"},{"uid":"e3045384-6"},{"uid":"e3045384-8"},{"uid":"e3045384-10"}],"importedBy":[],"isEntry":true},"e3045384-14":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"e3045384-0"},{"uid":"e3045384-6"}]},"e3045384-15":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"e3045384-2"},{"uid":"e3045384-4"},{"uid":"e3045384-6"},{"uid":"e3045384-8"},{"uid":"e3045384-10"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
5390
5390
 
5391
5391
  const run = () => {
5392
5392
  const width = window.innerWidth;
package/lib/index.js CHANGED
@@ -1,6 +1,147 @@
1
- import { createContext, onUnmount, popContext, pushContext, useContext } from "@pyreon/core";
1
+ import { createContext, onUnmount, provide, useContext } from "@pyreon/core";
2
2
  import { computed, effect, signal } from "@pyreon/reactivity";
3
3
 
4
+ //#region src/context.ts
5
+ const FormContext = createContext(null);
6
+ /**
7
+ * Provide a form instance to the component tree so nested components
8
+ * can access it via `useFormContext()`.
9
+ *
10
+ * @example
11
+ * const form = useForm({ initialValues: { email: '' }, onSubmit: ... })
12
+ *
13
+ * <FormProvider form={form}>
14
+ * <EmailField />
15
+ * <SubmitButton />
16
+ * </FormProvider>
17
+ */
18
+ function FormProvider(props) {
19
+ provide(FormContext, props.form);
20
+ const ch = props.children;
21
+ return typeof ch === "function" ? ch() : ch;
22
+ }
23
+ /**
24
+ * Access the form instance from the nearest `FormProvider`.
25
+ * Must be called within a component tree wrapped by `FormProvider`.
26
+ *
27
+ * @example
28
+ * function EmailField() {
29
+ * const form = useFormContext<{ email: string }>()
30
+ * return <input {...form.register('email')} />
31
+ * }
32
+ */
33
+ function useFormContext() {
34
+ const form = useContext(FormContext);
35
+ if (!form) throw new Error("[@pyreon/form] useFormContext() must be used within a <FormProvider>.");
36
+ return form;
37
+ }
38
+
39
+ //#endregion
40
+ //#region src/use-field.ts
41
+ /**
42
+ * Extract a single field's state and helpers from a form instance.
43
+ * Useful for building isolated field components.
44
+ *
45
+ * @example
46
+ * function EmailField({ form }: { form: FormState<{ email: string }> }) {
47
+ * const field = useField(form, 'email')
48
+ * return (
49
+ * <>
50
+ * <input {...field.register()} />
51
+ * {field.showError() && <span>{field.error()}</span>}
52
+ * </>
53
+ * )
54
+ * }
55
+ */
56
+ function useField(form, name) {
57
+ const fieldState = form.fields[name];
58
+ const hasError = computed(() => fieldState.error() !== void 0);
59
+ const showError = computed(() => fieldState.touched() && hasError());
60
+ return {
61
+ value: fieldState.value,
62
+ error: fieldState.error,
63
+ touched: fieldState.touched,
64
+ dirty: fieldState.dirty,
65
+ setValue: fieldState.setValue,
66
+ setTouched: fieldState.setTouched,
67
+ reset: fieldState.reset,
68
+ register: (opts) => form.register(name, opts),
69
+ hasError,
70
+ showError
71
+ };
72
+ }
73
+
74
+ //#endregion
75
+ //#region src/use-field-array.ts
76
+ /**
77
+ * Manage a dynamic array of form fields with stable keys.
78
+ *
79
+ * @example
80
+ * const tags = useFieldArray<string>([])
81
+ * tags.append('typescript')
82
+ * tags.append('pyreon')
83
+ * // tags.items() — array of { key, value } for keyed rendering
84
+ */
85
+ function useFieldArray(initial = []) {
86
+ let nextKey = 0;
87
+ const makeItem = (value) => ({
88
+ key: nextKey++,
89
+ value: signal(value)
90
+ });
91
+ const items = signal(initial.map(makeItem));
92
+ return {
93
+ items,
94
+ length: computed(() => items().length),
95
+ append(value) {
96
+ items.update((arr) => [...arr, makeItem(value)]);
97
+ },
98
+ prepend(value) {
99
+ items.update((arr) => [makeItem(value), ...arr]);
100
+ },
101
+ insert(index, value) {
102
+ items.update((arr) => {
103
+ const next = [...arr];
104
+ next.splice(index, 0, makeItem(value));
105
+ return next;
106
+ });
107
+ },
108
+ remove(index) {
109
+ items.update((arr) => arr.filter((_, i) => i !== index));
110
+ },
111
+ update(index, value) {
112
+ const item = items.peek()[index];
113
+ if (item) item.value.set(value);
114
+ },
115
+ move(from, to) {
116
+ items.update((arr) => {
117
+ const next = [...arr];
118
+ const [item] = next.splice(from, 1);
119
+ if (item) next.splice(to, 0, item);
120
+ return next;
121
+ });
122
+ },
123
+ swap(indexA, indexB) {
124
+ items.update((arr) => {
125
+ const next = [...arr];
126
+ const a = next[indexA];
127
+ const b = next[indexB];
128
+ if (a && b) {
129
+ next[indexA] = b;
130
+ next[indexB] = a;
131
+ }
132
+ return next;
133
+ });
134
+ },
135
+ replace(values) {
136
+ items.set(values.map(makeItem));
137
+ },
138
+ values() {
139
+ return items.peek().map((item) => item.value.peek());
140
+ }
141
+ };
142
+ }
143
+
144
+ //#endregion
4
145
  //#region src/use-form.ts
5
146
  /**
6
147
  * Create a signal-based form. Returns reactive field states, form-level
@@ -262,123 +403,6 @@ function structuredEqual(a, b, depth = 0) {
262
403
  return false;
263
404
  }
264
405
 
265
- //#endregion
266
- //#region src/use-field-array.ts
267
- /**
268
- * Manage a dynamic array of form fields with stable keys.
269
- *
270
- * @example
271
- * const tags = useFieldArray<string>([])
272
- * tags.append('typescript')
273
- * tags.append('pyreon')
274
- * // tags.items() — array of { key, value } for keyed rendering
275
- */
276
- function useFieldArray(initial = []) {
277
- let nextKey = 0;
278
- const makeItem = (value) => ({
279
- key: nextKey++,
280
- value: signal(value)
281
- });
282
- const items = signal(initial.map(makeItem));
283
- return {
284
- items,
285
- length: computed(() => items().length),
286
- append(value) {
287
- items.update((arr) => [...arr, makeItem(value)]);
288
- },
289
- prepend(value) {
290
- items.update((arr) => [makeItem(value), ...arr]);
291
- },
292
- insert(index, value) {
293
- items.update((arr) => {
294
- const next = [...arr];
295
- next.splice(index, 0, makeItem(value));
296
- return next;
297
- });
298
- },
299
- remove(index) {
300
- items.update((arr) => arr.filter((_, i) => i !== index));
301
- },
302
- update(index, value) {
303
- const item = items.peek()[index];
304
- if (item) item.value.set(value);
305
- },
306
- move(from, to) {
307
- items.update((arr) => {
308
- const next = [...arr];
309
- const [item] = next.splice(from, 1);
310
- if (item) next.splice(to, 0, item);
311
- return next;
312
- });
313
- },
314
- swap(indexA, indexB) {
315
- items.update((arr) => {
316
- const next = [...arr];
317
- const a = next[indexA];
318
- const b = next[indexB];
319
- if (a && b) {
320
- next[indexA] = b;
321
- next[indexB] = a;
322
- }
323
- return next;
324
- });
325
- },
326
- replace(values) {
327
- items.set(values.map(makeItem));
328
- },
329
- values() {
330
- return items.peek().map((item) => item.value.peek());
331
- }
332
- };
333
- }
334
-
335
- //#endregion
336
- //#region src/use-field.ts
337
- /**
338
- * Extract a single field's state and helpers from a form instance.
339
- * Useful for building isolated field components.
340
- *
341
- * @example
342
- * function EmailField({ form }: { form: FormState<{ email: string }> }) {
343
- * const field = useField(form, 'email')
344
- * return (
345
- * <>
346
- * <input {...field.register()} />
347
- * {field.showError() && <span>{field.error()}</span>}
348
- * </>
349
- * )
350
- * }
351
- */
352
- function useField(form, name) {
353
- const fieldState = form.fields[name];
354
- const hasError = computed(() => fieldState.error() !== void 0);
355
- const showError = computed(() => fieldState.touched() && hasError());
356
- return {
357
- value: fieldState.value,
358
- error: fieldState.error,
359
- touched: fieldState.touched,
360
- dirty: fieldState.dirty,
361
- setValue: fieldState.setValue,
362
- setTouched: fieldState.setTouched,
363
- reset: fieldState.reset,
364
- register: (opts) => form.register(name, opts),
365
- hasError,
366
- showError
367
- };
368
- }
369
-
370
- //#endregion
371
- //#region src/use-watch.ts
372
- function useWatch(form, nameOrNames) {
373
- if (nameOrNames === void 0) return computed(() => {
374
- const result = {};
375
- for (const key of Object.keys(form.fields)) result[key] = form.fields[key].value();
376
- return result;
377
- });
378
- if (Array.isArray(nameOrNames)) return nameOrNames.map((name) => form.fields[name].value);
379
- return form.fields[nameOrNames].value;
380
- }
381
-
382
406
  //#endregion
383
407
  //#region src/use-form-state.ts
384
408
  function useFormState(form, selector) {
@@ -410,40 +434,15 @@ function useFormState(form, selector) {
410
434
  }
411
435
 
412
436
  //#endregion
413
- //#region src/context.ts
414
- const FormContext = createContext(null);
415
- /**
416
- * Provide a form instance to the component tree so nested components
417
- * can access it via `useFormContext()`.
418
- *
419
- * @example
420
- * const form = useForm({ initialValues: { email: '' }, onSubmit: ... })
421
- *
422
- * <FormProvider form={form}>
423
- * <EmailField />
424
- * <SubmitButton />
425
- * </FormProvider>
426
- */
427
- function FormProvider(props) {
428
- pushContext(new Map([[FormContext.id, props.form]]));
429
- onUnmount(() => popContext());
430
- const ch = props.children;
431
- return typeof ch === "function" ? ch() : ch;
432
- }
433
- /**
434
- * Access the form instance from the nearest `FormProvider`.
435
- * Must be called within a component tree wrapped by `FormProvider`.
436
- *
437
- * @example
438
- * function EmailField() {
439
- * const form = useFormContext<{ email: string }>()
440
- * return <input {...form.register('email')} />
441
- * }
442
- */
443
- function useFormContext() {
444
- const form = useContext(FormContext);
445
- if (!form) throw new Error("[@pyreon/form] useFormContext() must be used within a <FormProvider>.");
446
- return form;
437
+ //#region src/use-watch.ts
438
+ function useWatch(form, nameOrNames) {
439
+ if (nameOrNames === void 0) return computed(() => {
440
+ const result = {};
441
+ for (const key of Object.keys(form.fields)) result[key] = form.fields[key].value();
442
+ return result;
443
+ });
444
+ if (Array.isArray(nameOrNames)) return nameOrNames.map((name) => form.fields[name].value);
445
+ return form.fields[nameOrNames].value;
447
446
  }
448
447
 
449
448
  //#endregion
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../src/use-form.ts","../src/use-field-array.ts","../src/use-field.ts","../src/use-watch.ts","../src/use-form-state.ts","../src/context.ts"],"sourcesContent":["import { onUnmount } from '@pyreon/core'\nimport { signal, computed, effect } from '@pyreon/reactivity'\nimport type { Signal } from '@pyreon/reactivity'\nimport type {\n FieldRegisterProps,\n FieldState,\n FormState,\n UseFormOptions,\n ValidationError,\n} from './types'\n\n/**\n * Create a signal-based form. Returns reactive field states, form-level\n * signals, and handlers for submit/reset/validate.\n *\n * @example\n * const form = useForm({\n * initialValues: { email: '', password: '', remember: false },\n * validators: {\n * email: (v) => (!v ? 'Required' : undefined),\n * password: (v, all) => (v.length < 8 ? 'Too short' : undefined),\n * },\n * onSubmit: async (values) => { await login(values) },\n * })\n *\n * // Bind with register():\n * // h('input', form.register('email'))\n * // h('input', { type: 'checkbox', ...form.register('remember', { type: 'checkbox' }) })\n */\nexport function useForm<TValues extends Record<string, unknown>>(\n options: UseFormOptions<TValues>,\n): FormState<TValues> {\n const {\n initialValues,\n onSubmit,\n validators,\n schema,\n validateOn = 'blur',\n debounceMs,\n } = options\n\n // Build field states\n const fieldEntries = Object.entries(initialValues) as [\n keyof TValues & string,\n TValues[keyof TValues],\n ][]\n\n const fields = {} as { [K in keyof TValues]: FieldState<TValues[K]> }\n\n // Debounce timers per field (only allocated when debounceMs is set)\n const debounceTimers: Partial<\n Record<keyof TValues, ReturnType<typeof setTimeout>>\n > = {}\n\n // Validation version per field — used to discard stale async results\n const validationVersions: Partial<Record<keyof TValues, number>> = {}\n\n // Helper to get all current values (used by cross-field validators)\n const getValues = (): TValues => {\n const values = {} as TValues\n for (const [name] of fieldEntries) {\n ;(values as Record<string, unknown>)[name] =\n fields[name]?.value.peek() ??\n (initialValues as Record<string, unknown>)[name]\n }\n return values\n }\n\n // Clear all pending debounce timers\n const clearAllTimers = () => {\n for (const key of Object.keys(debounceTimers)) {\n clearTimeout(debounceTimers[key as keyof TValues])\n delete debounceTimers[key as keyof TValues]\n }\n }\n\n const isValidating = signal(false)\n const submitError = signal<unknown>(undefined)\n\n // Track whether the form has been disposed (unmounted)\n let disposed = false\n\n for (const [name, initial] of fieldEntries) {\n const valueSig = signal(initial) as Signal<TValues[typeof name]>\n const errorSig = signal<ValidationError>(undefined)\n const touchedSig = signal(false)\n const dirtySig = signal(false)\n\n // Initialize validation version\n validationVersions[name] = 0\n\n const runValidation = async (value: TValues[typeof name]) => {\n const fieldValidator = validators?.[name]\n if (fieldValidator) {\n // Bump version to track this validation run\n validationVersions[name] = (validationVersions[name] ?? 0) + 1\n const currentVersion = validationVersions[name]\n try {\n const result = await fieldValidator(value, getValues())\n // Only apply result if this is still the latest validation and not disposed\n if (!disposed && validationVersions[name] === currentVersion) {\n errorSig.set(result)\n }\n return result\n } catch (err) {\n // Validator threw — treat as error string if possible\n if (!disposed && validationVersions[name] === currentVersion) {\n const message = err instanceof Error ? err.message : String(err)\n errorSig.set(message)\n }\n return err instanceof Error ? err.message : String(err)\n }\n }\n errorSig.set(undefined)\n return undefined\n }\n\n const validateField = debounceMs\n ? (value: TValues[typeof name]) => {\n clearTimeout(debounceTimers[name])\n return new Promise<ValidationError>((resolve) => {\n debounceTimers[name] = setTimeout(async () => {\n resolve(await runValidation(value))\n }, debounceMs)\n })\n }\n : runValidation\n\n // Auto-validate on change if configured\n if (validateOn === 'change') {\n effect(() => {\n const v = valueSig()\n validateField(v)\n })\n }\n\n fields[name] = {\n value: valueSig,\n error: errorSig,\n touched: touchedSig,\n dirty: dirtySig,\n setValue: (value: TValues[typeof name]) => {\n valueSig.set(value)\n // Deep comparison for objects/arrays, reference for primitives\n dirtySig.set(!structuredEqual(value, initial))\n },\n setTouched: () => {\n touchedSig.set(true)\n if (validateOn === 'blur') {\n validateField(valueSig.peek())\n }\n },\n reset: () => {\n valueSig.set(initial as TValues[typeof name])\n errorSig.set(undefined)\n touchedSig.set(false)\n dirtySig.set(false)\n clearTimeout(debounceTimers[name])\n },\n } as FieldState<TValues[typeof name]>\n }\n\n // Clean up debounce timers and cancel in-flight validators on unmount\n onUnmount(() => {\n disposed = true\n clearAllTimers()\n })\n\n const isSubmitting = signal(false)\n const submitCount = signal(0)\n\n // Form-level computed signals\n const isValid = computed(() => {\n for (const name of fieldEntries.map(([n]) => n)) {\n if (fields[name].error() !== undefined) return false\n }\n return true\n })\n\n const isDirty = computed(() => {\n for (const name of fieldEntries.map(([n]) => n)) {\n if (fields[name].dirty()) return true\n }\n return false\n })\n\n const getErrors = (): Partial<Record<keyof TValues, ValidationError>> => {\n const errors = {} as Partial<Record<keyof TValues, ValidationError>>\n for (const [name] of fieldEntries) {\n const err = fields[name].error.peek()\n if (err !== undefined) errors[name] = err\n }\n return errors\n }\n\n const validate = async (): Promise<boolean> => {\n // Cancel any pending debounced validations\n clearAllTimers()\n\n isValidating.set(true)\n\n try {\n const allValues = getValues()\n\n // Clear all errors before re-validating\n for (const [name] of fieldEntries) {\n fields[name].error.set(undefined)\n }\n\n // Run field-level validators with all values for cross-field support\n await Promise.all(\n fieldEntries.map(async ([name]) => {\n const fieldValidator = validators?.[name]\n if (fieldValidator) {\n // Bump version so any in-flight debounced validation is discarded\n validationVersions[name] = (validationVersions[name] ?? 0) + 1\n const currentVersion = validationVersions[name]\n try {\n const error = await fieldValidator(\n fields[name].value.peek(),\n allValues,\n )\n if (validationVersions[name] === currentVersion) {\n fields[name].error.set(error)\n }\n } catch (err) {\n if (validationVersions[name] === currentVersion) {\n fields[name].error.set(\n err instanceof Error ? err.message : String(err),\n )\n }\n }\n }\n }),\n )\n\n // Run schema-level validator — only set schema errors for fields\n // that don't already have a field-level error (field-level wins)\n if (schema) {\n try {\n const schemaErrors = await schema(allValues)\n for (const [name] of fieldEntries) {\n const schemaError = schemaErrors[name]\n if (\n schemaError !== undefined &&\n fields[name].error.peek() === undefined\n ) {\n fields[name].error.set(schemaError)\n }\n }\n } catch (err) {\n // Schema validator threw — set as submitError rather than losing it\n submitError.set(err)\n return false\n }\n }\n\n // Re-check: any field with an error means invalid\n for (const [name] of fieldEntries) {\n if (fields[name].error.peek() !== undefined) return false\n }\n return true\n } finally {\n isValidating.set(false)\n }\n }\n\n const handleSubmit = async (e?: Event) => {\n if (e && typeof e.preventDefault === 'function') {\n e.preventDefault()\n }\n\n submitError.set(undefined)\n submitCount.update((n) => n + 1)\n\n // Mark all fields as touched\n for (const [name] of fieldEntries) {\n fields[name].touched.set(true)\n }\n\n const valid = await validate()\n if (!valid) return\n\n isSubmitting.set(true)\n try {\n await onSubmit(getValues())\n } catch (err) {\n submitError.set(err)\n throw err\n } finally {\n isSubmitting.set(false)\n }\n }\n\n const reset = () => {\n clearAllTimers()\n for (const [name] of fieldEntries) {\n fields[name].reset()\n }\n submitCount.set(0)\n submitError.set(undefined)\n }\n\n const setFieldValue = <K extends keyof TValues>(\n field: K,\n value: TValues[K],\n ) => {\n if (!fields[field]) {\n throw new Error(\n `[@pyreon/form] Field \"${String(field)}\" does not exist. Available fields: ${fieldEntries.map(([n]) => n).join(', ')}`,\n )\n }\n fields[field].setValue(value)\n }\n\n const setFieldError = (field: keyof TValues, error: ValidationError) => {\n if (!fields[field]) {\n throw new Error(\n `[@pyreon/form] Field \"${String(field)}\" does not exist. Available fields: ${fieldEntries.map(([n]) => n).join(', ')}`,\n )\n }\n fields[field].error.set(error)\n }\n\n const setErrors = (\n errors: Partial<Record<keyof TValues, ValidationError>>,\n ) => {\n for (const [name, error] of Object.entries(errors)) {\n setFieldError(name as keyof TValues, error as ValidationError)\n }\n }\n\n const clearErrors = () => {\n for (const [name] of fieldEntries) {\n fields[name].error.set(undefined)\n }\n }\n\n const resetField = (field: keyof TValues) => {\n if (fields[field]) {\n fields[field].reset()\n }\n }\n\n // Memoized register props per field+type combo\n const registerCache = new Map<string, FieldRegisterProps<unknown>>()\n\n const register = <K extends keyof TValues & string>(\n field: K,\n opts?: { type?: 'checkbox' | 'number' },\n ): FieldRegisterProps<TValues[K]> => {\n const cacheKey = `${field}:${opts?.type ?? 'text'}`\n const cached = registerCache.get(cacheKey)\n if (cached) return cached as FieldRegisterProps<TValues[K]>\n\n const fieldState = fields[field]\n const props: FieldRegisterProps<TValues[K]> = {\n value: fieldState.value,\n onInput: (e: Event) => {\n const target = e.target as HTMLInputElement\n if (opts?.type === 'checkbox') {\n fieldState.setValue(target.checked as TValues[K])\n } else if (opts?.type === 'number') {\n const num = target.valueAsNumber\n fieldState.setValue(\n (Number.isNaN(num) ? target.value : num) as TValues[K],\n )\n } else {\n fieldState.setValue(target.value as TValues[K])\n }\n },\n onBlur: () => {\n fieldState.setTouched()\n },\n }\n\n if (opts?.type === 'checkbox') {\n props.checked = computed(() => Boolean(fieldState.value()))\n }\n\n registerCache.set(cacheKey, props as FieldRegisterProps<unknown>)\n return props\n }\n\n return {\n fields,\n isSubmitting,\n isValidating,\n isValid,\n isDirty,\n submitCount,\n submitError,\n values: getValues,\n errors: getErrors,\n setFieldValue,\n setFieldError,\n setErrors,\n clearErrors,\n resetField,\n register,\n handleSubmit,\n reset,\n validate,\n }\n}\n\n/** Deep structural equality with depth limit to guard against circular references. */\nfunction structuredEqual(a: unknown, b: unknown, depth = 0): boolean {\n if (Object.is(a, b)) return true\n if (a == null || b == null) return false\n if (typeof a !== typeof b) return false\n // Bail at depth 10 — treat as not equal to avoid infinite recursion\n if (depth > 10) return false\n\n if (Array.isArray(a) && Array.isArray(b)) {\n if (a.length !== b.length) return false\n for (let i = 0; i < a.length; i++) {\n if (!structuredEqual(a[i], b[i], depth + 1)) return false\n }\n return true\n }\n\n if (typeof a === 'object' && typeof b === 'object') {\n const aObj = a as Record<string, unknown>\n const bObj = b as Record<string, unknown>\n const aKeys = Object.keys(aObj)\n const bKeys = Object.keys(bObj)\n if (aKeys.length !== bKeys.length) return false\n for (const key of aKeys) {\n if (!structuredEqual(aObj[key], bObj[key], depth + 1)) return false\n }\n return true\n }\n\n return false\n}\n","import { signal, computed } from '@pyreon/reactivity'\nimport type { Signal, Computed } from '@pyreon/reactivity'\n\nexport interface FieldArrayItem<T> {\n /** Stable key for keyed rendering. */\n key: number\n /** Reactive value for this item. */\n value: Signal<T>\n}\n\nexport interface UseFieldArrayResult<T> {\n /** Reactive list of items with stable keys. */\n items: Signal<FieldArrayItem<T>[]>\n /** Number of items. */\n length: Computed<number>\n /** Append a new item to the end. */\n append: (value: T) => void\n /** Prepend a new item to the start. */\n prepend: (value: T) => void\n /** Insert an item at the given index. */\n insert: (index: number, value: T) => void\n /** Remove the item at the given index. */\n remove: (index: number) => void\n /** Update the value of an item at the given index. */\n update: (index: number, value: T) => void\n /** Move an item from one index to another. */\n move: (from: number, to: number) => void\n /** Swap two items by index. */\n swap: (indexA: number, indexB: number) => void\n /** Replace all items. */\n replace: (values: T[]) => void\n /** Get all current values as a plain array. */\n values: () => T[]\n}\n\n/**\n * Manage a dynamic array of form fields with stable keys.\n *\n * @example\n * const tags = useFieldArray<string>([])\n * tags.append('typescript')\n * tags.append('pyreon')\n * // tags.items() — array of { key, value } for keyed rendering\n */\nexport function useFieldArray<T>(initial: T[] = []): UseFieldArrayResult<T> {\n let nextKey = 0\n const makeItem = (value: T): FieldArrayItem<T> => ({\n key: nextKey++,\n value: signal(value),\n })\n\n const items = signal<FieldArrayItem<T>[]>(initial.map(makeItem))\n const length = computed(() => items().length)\n\n return {\n items,\n length,\n\n append(value: T) {\n items.update((arr) => [...arr, makeItem(value)])\n },\n\n prepend(value: T) {\n items.update((arr) => [makeItem(value), ...arr])\n },\n\n insert(index: number, value: T) {\n items.update((arr) => {\n const next = [...arr]\n next.splice(index, 0, makeItem(value))\n return next\n })\n },\n\n remove(index: number) {\n items.update((arr) => arr.filter((_, i) => i !== index))\n },\n\n update(index: number, value: T) {\n const current = items.peek()\n const item = current[index]\n if (item) {\n item.value.set(value)\n }\n },\n\n move(from: number, to: number) {\n items.update((arr) => {\n const next = [...arr]\n const [item] = next.splice(from, 1)\n if (item) next.splice(to, 0, item)\n return next\n })\n },\n\n swap(indexA: number, indexB: number) {\n items.update((arr) => {\n const next = [...arr]\n const a = next[indexA]\n const b = next[indexB]\n if (a && b) {\n next[indexA] = b\n next[indexB] = a\n }\n return next\n })\n },\n\n replace(values: T[]) {\n items.set(values.map(makeItem))\n },\n\n values() {\n return items.peek().map((item) => item.value.peek())\n },\n }\n}\n","import { computed } from '@pyreon/reactivity'\nimport type { Signal, Computed } from '@pyreon/reactivity'\nimport type {\n FieldState,\n FormState,\n ValidationError,\n FieldRegisterProps,\n} from './types'\n\nexport interface UseFieldResult<T> {\n /** Current field value (reactive signal). */\n value: Signal<T>\n /** Field error message (reactive signal). */\n error: Signal<ValidationError>\n /** Whether the field has been touched (reactive signal). */\n touched: Signal<boolean>\n /** Whether the field value differs from initial (reactive signal). */\n dirty: Signal<boolean>\n /** Set the field value. */\n setValue: (value: T) => void\n /** Mark the field as touched. */\n setTouched: () => void\n /** Reset the field to its initial value. */\n reset: () => void\n /** Register props for input binding. */\n register: (opts?: { type?: 'checkbox' }) => FieldRegisterProps<T>\n /** Whether the field has an error (computed). */\n hasError: Computed<boolean>\n /** Whether the field should show its error (touched + has error). */\n showError: Computed<boolean>\n}\n\n/**\n * Extract a single field's state and helpers from a form instance.\n * Useful for building isolated field components.\n *\n * @example\n * function EmailField({ form }: { form: FormState<{ email: string }> }) {\n * const field = useField(form, 'email')\n * return (\n * <>\n * <input {...field.register()} />\n * {field.showError() && <span>{field.error()}</span>}\n * </>\n * )\n * }\n */\nexport function useField<\n TValues extends Record<string, unknown>,\n K extends keyof TValues & string,\n>(form: FormState<TValues>, name: K): UseFieldResult<TValues[K]> {\n const fieldState: FieldState<TValues[K]> = form.fields[name]\n\n const hasError = computed(() => fieldState.error() !== undefined)\n const showError = computed(() => fieldState.touched() && hasError())\n\n return {\n value: fieldState.value,\n error: fieldState.error,\n touched: fieldState.touched,\n dirty: fieldState.dirty,\n setValue: fieldState.setValue,\n setTouched: fieldState.setTouched,\n reset: fieldState.reset,\n register: (opts?) => form.register(name, opts),\n hasError,\n showError,\n }\n}\n","import { computed } from '@pyreon/reactivity'\nimport type { Signal, Computed } from '@pyreon/reactivity'\nimport type { FormState } from './types'\n\n/**\n * Watch specific field values reactively. Returns a computed signal\n * that re-evaluates when any of the watched fields change.\n *\n * @example\n * // Watch a single field\n * const email = useWatch(form, 'email')\n * // email() => current email value\n *\n * @example\n * // Watch multiple fields\n * const [first, last] = useWatch(form, ['firstName', 'lastName'])\n * // first() => firstName value, last() => lastName value\n *\n * @example\n * // Watch all fields\n * const all = useWatch(form)\n * // all() => { email: '...', password: '...' }\n */\nexport function useWatch<\n TValues extends Record<string, unknown>,\n K extends keyof TValues & string,\n>(form: FormState<TValues>, name: K): Signal<TValues[K]>\n\nexport function useWatch<\n TValues extends Record<string, unknown>,\n K extends (keyof TValues & string)[],\n>(\n form: FormState<TValues>,\n names: K,\n): { [I in keyof K]: Signal<TValues[K[I] & keyof TValues]> }\n\nexport function useWatch<TValues extends Record<string, unknown>>(\n form: FormState<TValues>,\n): Computed<TValues>\n\nexport function useWatch<\n TValues extends Record<string, unknown>,\n K extends keyof TValues & string,\n>(\n form: FormState<TValues>,\n nameOrNames?: K | K[],\n): Signal<TValues[K]> | Signal<TValues[K]>[] | Computed<TValues> {\n // Watch all fields\n if (nameOrNames === undefined) {\n return computed(() => {\n const result = {} as TValues\n for (const key of Object.keys(form.fields) as (keyof TValues &\n string)[]) {\n ;(result as Record<string, unknown>)[key] = form.fields[key].value()\n }\n return result\n })\n }\n\n // Watch multiple fields\n if (Array.isArray(nameOrNames)) {\n return nameOrNames.map((name) => form.fields[name].value) as Signal<\n TValues[K]\n >[]\n }\n\n // Watch single field\n return form.fields[nameOrNames].value\n}\n","import { computed } from '@pyreon/reactivity'\nimport type { Computed } from '@pyreon/reactivity'\nimport type { FormState, ValidationError } from './types'\n\nexport interface FormStateSummary<TValues extends Record<string, unknown>> {\n isSubmitting: boolean\n isValidating: boolean\n isValid: boolean\n isDirty: boolean\n submitCount: number\n submitError: unknown\n touchedFields: Partial<Record<keyof TValues, boolean>>\n dirtyFields: Partial<Record<keyof TValues, boolean>>\n errors: Partial<Record<keyof TValues, ValidationError>>\n}\n\n/**\n * Subscribe to the full form state as a single computed signal.\n * Useful for rendering form-level UI (submit button disabled state,\n * error summaries, progress indicators).\n *\n * @example\n * const state = useFormState(form)\n * // state() => { isSubmitting, isValid, isDirty, errors, ... }\n *\n * @example\n * // Use a selector for fine-grained reactivity\n * const canSubmit = useFormState(form, (s) => s.isValid && !s.isSubmitting)\n */\nexport function useFormState<TValues extends Record<string, unknown>>(\n form: FormState<TValues>,\n): Computed<FormStateSummary<TValues>>\n\nexport function useFormState<TValues extends Record<string, unknown>, R>(\n form: FormState<TValues>,\n selector: (state: FormStateSummary<TValues>) => R,\n): Computed<R>\n\nexport function useFormState<TValues extends Record<string, unknown>, R>(\n form: FormState<TValues>,\n selector?: (state: FormStateSummary<TValues>) => R,\n): Computed<FormStateSummary<TValues>> | Computed<R> {\n const buildSummary = (): FormStateSummary<TValues> => {\n const touchedFields = {} as Partial<Record<keyof TValues, boolean>>\n const dirtyFields = {} as Partial<Record<keyof TValues, boolean>>\n const errors = {} as Partial<Record<keyof TValues, ValidationError>>\n\n for (const key of Object.keys(form.fields) as (keyof TValues & string)[]) {\n const field = form.fields[key]\n if (field.touched()) touchedFields[key] = true\n if (field.dirty()) dirtyFields[key] = true\n const err = field.error()\n if (err !== undefined) errors[key] = err\n }\n\n return {\n isSubmitting: form.isSubmitting(),\n isValidating: form.isValidating(),\n isValid: form.isValid(),\n isDirty: form.isDirty(),\n submitCount: form.submitCount(),\n submitError: form.submitError(),\n touchedFields,\n dirtyFields,\n errors,\n }\n }\n\n if (selector) {\n return computed(() => selector(buildSummary()))\n }\n\n return computed(buildSummary)\n}\n","import {\n createContext,\n pushContext,\n popContext,\n onUnmount,\n useContext,\n} from '@pyreon/core'\nimport type { VNodeChild, VNode, Props } from '@pyreon/core'\nimport type { FormState } from './types'\n\nconst FormContext = createContext<FormState<Record<string, unknown>> | null>(\n null,\n)\n\nexport interface FormProviderProps<TValues extends Record<string, unknown>>\n extends Props {\n form: FormState<TValues>\n children?: VNodeChild\n}\n\n/**\n * Provide a form instance to the component tree so nested components\n * can access it via `useFormContext()`.\n *\n * @example\n * const form = useForm({ initialValues: { email: '' }, onSubmit: ... })\n *\n * <FormProvider form={form}>\n * <EmailField />\n * <SubmitButton />\n * </FormProvider>\n */\nexport function FormProvider<TValues extends Record<string, unknown>>(\n props: FormProviderProps<TValues>,\n): VNode {\n const frame = new Map([[FormContext.id, props.form]])\n pushContext(frame)\n\n onUnmount(() => popContext())\n\n const ch = props.children\n return (typeof ch === 'function' ? (ch as () => VNodeChild)() : ch) as VNode\n}\n\n/**\n * Access the form instance from the nearest `FormProvider`.\n * Must be called within a component tree wrapped by `FormProvider`.\n *\n * @example\n * function EmailField() {\n * const form = useFormContext<{ email: string }>()\n * return <input {...form.register('email')} />\n * }\n */\nexport function useFormContext<\n TValues extends Record<string, unknown> = Record<string, unknown>,\n>(): FormState<TValues> {\n const form = useContext(FormContext)\n if (!form) {\n throw new Error(\n '[@pyreon/form] useFormContext() must be used within a <FormProvider>.',\n )\n }\n // Generic narrowing: context stores FormState<Record<string, unknown>>\n // but callers narrow to their specific TValues at the call site.\n return form as FormState<TValues>\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../src/context.ts","../src/use-field.ts","../src/use-field-array.ts","../src/use-form.ts","../src/use-form-state.ts","../src/use-watch.ts"],"sourcesContent":["import type { Props, VNode, VNodeChild } from '@pyreon/core'\nimport { createContext, provide, useContext } from '@pyreon/core'\nimport type { FormState } from './types'\n\nconst FormContext = createContext<FormState<Record<string, unknown>> | null>(\n null,\n)\n\nexport interface FormProviderProps<TValues extends Record<string, unknown>>\n extends Props {\n form: FormState<TValues>\n children?: VNodeChild\n}\n\n/**\n * Provide a form instance to the component tree so nested components\n * can access it via `useFormContext()`.\n *\n * @example\n * const form = useForm({ initialValues: { email: '' }, onSubmit: ... })\n *\n * <FormProvider form={form}>\n * <EmailField />\n * <SubmitButton />\n * </FormProvider>\n */\nexport function FormProvider<TValues extends Record<string, unknown>>(\n props: FormProviderProps<TValues>,\n): VNode {\n provide(FormContext, props.form as FormState<Record<string, unknown>>)\n\n const ch = props.children\n return (typeof ch === 'function' ? (ch as () => VNodeChild)() : ch) as VNode\n}\n\n/**\n * Access the form instance from the nearest `FormProvider`.\n * Must be called within a component tree wrapped by `FormProvider`.\n *\n * @example\n * function EmailField() {\n * const form = useFormContext<{ email: string }>()\n * return <input {...form.register('email')} />\n * }\n */\nexport function useFormContext<\n TValues extends Record<string, unknown> = Record<string, unknown>,\n>(): FormState<TValues> {\n const form = useContext(FormContext)\n if (!form) {\n throw new Error(\n '[@pyreon/form] useFormContext() must be used within a <FormProvider>.',\n )\n }\n // Generic narrowing: context stores FormState<Record<string, unknown>>\n // but callers narrow to their specific TValues at the call site.\n return form as FormState<TValues>\n}\n","import type { Computed, Signal } from '@pyreon/reactivity'\nimport { computed } from '@pyreon/reactivity'\nimport type {\n FieldRegisterProps,\n FieldState,\n FormState,\n ValidationError,\n} from './types'\n\nexport interface UseFieldResult<T> {\n /** Current field value (reactive signal). */\n value: Signal<T>\n /** Field error message (reactive signal). */\n error: Signal<ValidationError>\n /** Whether the field has been touched (reactive signal). */\n touched: Signal<boolean>\n /** Whether the field value differs from initial (reactive signal). */\n dirty: Signal<boolean>\n /** Set the field value. */\n setValue: (value: T) => void\n /** Mark the field as touched. */\n setTouched: () => void\n /** Reset the field to its initial value. */\n reset: () => void\n /** Register props for input binding. */\n register: (opts?: { type?: 'checkbox' }) => FieldRegisterProps<T>\n /** Whether the field has an error (computed). */\n hasError: Computed<boolean>\n /** Whether the field should show its error (touched + has error). */\n showError: Computed<boolean>\n}\n\n/**\n * Extract a single field's state and helpers from a form instance.\n * Useful for building isolated field components.\n *\n * @example\n * function EmailField({ form }: { form: FormState<{ email: string }> }) {\n * const field = useField(form, 'email')\n * return (\n * <>\n * <input {...field.register()} />\n * {field.showError() && <span>{field.error()}</span>}\n * </>\n * )\n * }\n */\nexport function useField<\n TValues extends Record<string, unknown>,\n K extends keyof TValues & string,\n>(form: FormState<TValues>, name: K): UseFieldResult<TValues[K]> {\n const fieldState: FieldState<TValues[K]> = form.fields[name]\n\n const hasError = computed(() => fieldState.error() !== undefined)\n const showError = computed(() => fieldState.touched() && hasError())\n\n return {\n value: fieldState.value,\n error: fieldState.error,\n touched: fieldState.touched,\n dirty: fieldState.dirty,\n setValue: fieldState.setValue,\n setTouched: fieldState.setTouched,\n reset: fieldState.reset,\n register: (opts?) => form.register(name, opts),\n hasError,\n showError,\n }\n}\n","import type { Computed, Signal } from '@pyreon/reactivity'\nimport { computed, signal } from '@pyreon/reactivity'\n\nexport interface FieldArrayItem<T> {\n /** Stable key for keyed rendering. */\n key: number\n /** Reactive value for this item. */\n value: Signal<T>\n}\n\nexport interface UseFieldArrayResult<T> {\n /** Reactive list of items with stable keys. */\n items: Signal<FieldArrayItem<T>[]>\n /** Number of items. */\n length: Computed<number>\n /** Append a new item to the end. */\n append: (value: T) => void\n /** Prepend a new item to the start. */\n prepend: (value: T) => void\n /** Insert an item at the given index. */\n insert: (index: number, value: T) => void\n /** Remove the item at the given index. */\n remove: (index: number) => void\n /** Update the value of an item at the given index. */\n update: (index: number, value: T) => void\n /** Move an item from one index to another. */\n move: (from: number, to: number) => void\n /** Swap two items by index. */\n swap: (indexA: number, indexB: number) => void\n /** Replace all items. */\n replace: (values: T[]) => void\n /** Get all current values as a plain array. */\n values: () => T[]\n}\n\n/**\n * Manage a dynamic array of form fields with stable keys.\n *\n * @example\n * const tags = useFieldArray<string>([])\n * tags.append('typescript')\n * tags.append('pyreon')\n * // tags.items() — array of { key, value } for keyed rendering\n */\nexport function useFieldArray<T>(initial: T[] = []): UseFieldArrayResult<T> {\n let nextKey = 0\n const makeItem = (value: T): FieldArrayItem<T> => ({\n key: nextKey++,\n value: signal(value),\n })\n\n const items = signal<FieldArrayItem<T>[]>(initial.map(makeItem))\n const length = computed(() => items().length)\n\n return {\n items,\n length,\n\n append(value: T) {\n items.update((arr) => [...arr, makeItem(value)])\n },\n\n prepend(value: T) {\n items.update((arr) => [makeItem(value), ...arr])\n },\n\n insert(index: number, value: T) {\n items.update((arr) => {\n const next = [...arr]\n next.splice(index, 0, makeItem(value))\n return next\n })\n },\n\n remove(index: number) {\n items.update((arr) => arr.filter((_, i) => i !== index))\n },\n\n update(index: number, value: T) {\n const current = items.peek()\n const item = current[index]\n if (item) {\n item.value.set(value)\n }\n },\n\n move(from: number, to: number) {\n items.update((arr) => {\n const next = [...arr]\n const [item] = next.splice(from, 1)\n if (item) next.splice(to, 0, item)\n return next\n })\n },\n\n swap(indexA: number, indexB: number) {\n items.update((arr) => {\n const next = [...arr]\n const a = next[indexA]\n const b = next[indexB]\n if (a && b) {\n next[indexA] = b\n next[indexB] = a\n }\n return next\n })\n },\n\n replace(values: T[]) {\n items.set(values.map(makeItem))\n },\n\n values() {\n return items.peek().map((item) => item.value.peek())\n },\n }\n}\n","import { onUnmount } from '@pyreon/core'\nimport type { Signal } from '@pyreon/reactivity'\nimport { computed, effect, signal } from '@pyreon/reactivity'\nimport type {\n FieldRegisterProps,\n FieldState,\n FormState,\n UseFormOptions,\n ValidationError,\n} from './types'\n\n/**\n * Create a signal-based form. Returns reactive field states, form-level\n * signals, and handlers for submit/reset/validate.\n *\n * @example\n * const form = useForm({\n * initialValues: { email: '', password: '', remember: false },\n * validators: {\n * email: (v) => (!v ? 'Required' : undefined),\n * password: (v, all) => (v.length < 8 ? 'Too short' : undefined),\n * },\n * onSubmit: async (values) => { await login(values) },\n * })\n *\n * // Bind with register():\n * // h('input', form.register('email'))\n * // h('input', { type: 'checkbox', ...form.register('remember', { type: 'checkbox' }) })\n */\nexport function useForm<TValues extends Record<string, unknown>>(\n options: UseFormOptions<TValues>,\n): FormState<TValues> {\n const {\n initialValues,\n onSubmit,\n validators,\n schema,\n validateOn = 'blur',\n debounceMs,\n } = options\n\n // Build field states\n const fieldEntries = Object.entries(initialValues) as [\n keyof TValues & string,\n TValues[keyof TValues],\n ][]\n\n const fields = {} as { [K in keyof TValues]: FieldState<TValues[K]> }\n\n // Debounce timers per field (only allocated when debounceMs is set)\n const debounceTimers: Partial<\n Record<keyof TValues, ReturnType<typeof setTimeout>>\n > = {}\n\n // Validation version per field — used to discard stale async results\n const validationVersions: Partial<Record<keyof TValues, number>> = {}\n\n // Helper to get all current values (used by cross-field validators)\n const getValues = (): TValues => {\n const values = {} as TValues\n for (const [name] of fieldEntries) {\n ;(values as Record<string, unknown>)[name] =\n fields[name]?.value.peek() ??\n (initialValues as Record<string, unknown>)[name]\n }\n return values\n }\n\n // Clear all pending debounce timers\n const clearAllTimers = () => {\n for (const key of Object.keys(debounceTimers)) {\n clearTimeout(debounceTimers[key as keyof TValues])\n delete debounceTimers[key as keyof TValues]\n }\n }\n\n const isValidating = signal(false)\n const submitError = signal<unknown>(undefined)\n\n // Track whether the form has been disposed (unmounted)\n let disposed = false\n\n for (const [name, initial] of fieldEntries) {\n const valueSig = signal(initial) as Signal<TValues[typeof name]>\n const errorSig = signal<ValidationError>(undefined)\n const touchedSig = signal(false)\n const dirtySig = signal(false)\n\n // Initialize validation version\n validationVersions[name] = 0\n\n const runValidation = async (value: TValues[typeof name]) => {\n const fieldValidator = validators?.[name]\n if (fieldValidator) {\n // Bump version to track this validation run\n validationVersions[name] = (validationVersions[name] ?? 0) + 1\n const currentVersion = validationVersions[name]\n try {\n const result = await fieldValidator(value, getValues())\n // Only apply result if this is still the latest validation and not disposed\n if (!disposed && validationVersions[name] === currentVersion) {\n errorSig.set(result)\n }\n return result\n } catch (err) {\n // Validator threw — treat as error string if possible\n if (!disposed && validationVersions[name] === currentVersion) {\n const message = err instanceof Error ? err.message : String(err)\n errorSig.set(message)\n }\n return err instanceof Error ? err.message : String(err)\n }\n }\n errorSig.set(undefined)\n return undefined\n }\n\n const validateField = debounceMs\n ? (value: TValues[typeof name]) => {\n clearTimeout(debounceTimers[name])\n return new Promise<ValidationError>((resolve) => {\n debounceTimers[name] = setTimeout(async () => {\n resolve(await runValidation(value))\n }, debounceMs)\n })\n }\n : runValidation\n\n // Auto-validate on change if configured\n if (validateOn === 'change') {\n effect(() => {\n const v = valueSig()\n validateField(v)\n })\n }\n\n fields[name] = {\n value: valueSig,\n error: errorSig,\n touched: touchedSig,\n dirty: dirtySig,\n setValue: (value: TValues[typeof name]) => {\n valueSig.set(value)\n // Deep comparison for objects/arrays, reference for primitives\n dirtySig.set(!structuredEqual(value, initial))\n },\n setTouched: () => {\n touchedSig.set(true)\n if (validateOn === 'blur') {\n validateField(valueSig.peek())\n }\n },\n reset: () => {\n valueSig.set(initial as TValues[typeof name])\n errorSig.set(undefined)\n touchedSig.set(false)\n dirtySig.set(false)\n clearTimeout(debounceTimers[name])\n },\n } as FieldState<TValues[typeof name]>\n }\n\n // Clean up debounce timers and cancel in-flight validators on unmount\n onUnmount(() => {\n disposed = true\n clearAllTimers()\n })\n\n const isSubmitting = signal(false)\n const submitCount = signal(0)\n\n // Form-level computed signals\n const isValid = computed(() => {\n for (const name of fieldEntries.map(([n]) => n)) {\n if (fields[name].error() !== undefined) return false\n }\n return true\n })\n\n const isDirty = computed(() => {\n for (const name of fieldEntries.map(([n]) => n)) {\n if (fields[name].dirty()) return true\n }\n return false\n })\n\n const getErrors = (): Partial<Record<keyof TValues, ValidationError>> => {\n const errors = {} as Partial<Record<keyof TValues, ValidationError>>\n for (const [name] of fieldEntries) {\n const err = fields[name].error.peek()\n if (err !== undefined) errors[name] = err\n }\n return errors\n }\n\n const validate = async (): Promise<boolean> => {\n // Cancel any pending debounced validations\n clearAllTimers()\n\n isValidating.set(true)\n\n try {\n const allValues = getValues()\n\n // Clear all errors before re-validating\n for (const [name] of fieldEntries) {\n fields[name].error.set(undefined)\n }\n\n // Run field-level validators with all values for cross-field support\n await Promise.all(\n fieldEntries.map(async ([name]) => {\n const fieldValidator = validators?.[name]\n if (fieldValidator) {\n // Bump version so any in-flight debounced validation is discarded\n validationVersions[name] = (validationVersions[name] ?? 0) + 1\n const currentVersion = validationVersions[name]\n try {\n const error = await fieldValidator(\n fields[name].value.peek(),\n allValues,\n )\n if (validationVersions[name] === currentVersion) {\n fields[name].error.set(error)\n }\n } catch (err) {\n if (validationVersions[name] === currentVersion) {\n fields[name].error.set(\n err instanceof Error ? err.message : String(err),\n )\n }\n }\n }\n }),\n )\n\n // Run schema-level validator — only set schema errors for fields\n // that don't already have a field-level error (field-level wins)\n if (schema) {\n try {\n const schemaErrors = await schema(allValues)\n for (const [name] of fieldEntries) {\n const schemaError = schemaErrors[name]\n if (\n schemaError !== undefined &&\n fields[name].error.peek() === undefined\n ) {\n fields[name].error.set(schemaError)\n }\n }\n } catch (err) {\n // Schema validator threw — set as submitError rather than losing it\n submitError.set(err)\n return false\n }\n }\n\n // Re-check: any field with an error means invalid\n for (const [name] of fieldEntries) {\n if (fields[name].error.peek() !== undefined) return false\n }\n return true\n } finally {\n isValidating.set(false)\n }\n }\n\n const handleSubmit = async (e?: Event) => {\n if (e && typeof e.preventDefault === 'function') {\n e.preventDefault()\n }\n\n submitError.set(undefined)\n submitCount.update((n) => n + 1)\n\n // Mark all fields as touched\n for (const [name] of fieldEntries) {\n fields[name].touched.set(true)\n }\n\n const valid = await validate()\n if (!valid) return\n\n isSubmitting.set(true)\n try {\n await onSubmit(getValues())\n } catch (err) {\n submitError.set(err)\n throw err\n } finally {\n isSubmitting.set(false)\n }\n }\n\n const reset = () => {\n clearAllTimers()\n for (const [name] of fieldEntries) {\n fields[name].reset()\n }\n submitCount.set(0)\n submitError.set(undefined)\n }\n\n const setFieldValue = <K extends keyof TValues>(\n field: K,\n value: TValues[K],\n ) => {\n if (!fields[field]) {\n throw new Error(\n `[@pyreon/form] Field \"${String(field)}\" does not exist. Available fields: ${fieldEntries.map(([n]) => n).join(', ')}`,\n )\n }\n fields[field].setValue(value)\n }\n\n const setFieldError = (field: keyof TValues, error: ValidationError) => {\n if (!fields[field]) {\n throw new Error(\n `[@pyreon/form] Field \"${String(field)}\" does not exist. Available fields: ${fieldEntries.map(([n]) => n).join(', ')}`,\n )\n }\n fields[field].error.set(error)\n }\n\n const setErrors = (\n errors: Partial<Record<keyof TValues, ValidationError>>,\n ) => {\n for (const [name, error] of Object.entries(errors)) {\n setFieldError(name as keyof TValues, error as ValidationError)\n }\n }\n\n const clearErrors = () => {\n for (const [name] of fieldEntries) {\n fields[name].error.set(undefined)\n }\n }\n\n const resetField = (field: keyof TValues) => {\n if (fields[field]) {\n fields[field].reset()\n }\n }\n\n // Memoized register props per field+type combo\n const registerCache = new Map<string, FieldRegisterProps<unknown>>()\n\n const register = <K extends keyof TValues & string>(\n field: K,\n opts?: { type?: 'checkbox' | 'number' },\n ): FieldRegisterProps<TValues[K]> => {\n const cacheKey = `${field}:${opts?.type ?? 'text'}`\n const cached = registerCache.get(cacheKey)\n if (cached) return cached as FieldRegisterProps<TValues[K]>\n\n const fieldState = fields[field]\n const props: FieldRegisterProps<TValues[K]> = {\n value: fieldState.value,\n onInput: (e: Event) => {\n const target = e.target as HTMLInputElement\n if (opts?.type === 'checkbox') {\n fieldState.setValue(target.checked as TValues[K])\n } else if (opts?.type === 'number') {\n const num = target.valueAsNumber\n fieldState.setValue(\n (Number.isNaN(num) ? target.value : num) as TValues[K],\n )\n } else {\n fieldState.setValue(target.value as TValues[K])\n }\n },\n onBlur: () => {\n fieldState.setTouched()\n },\n }\n\n if (opts?.type === 'checkbox') {\n props.checked = computed(() => Boolean(fieldState.value()))\n }\n\n registerCache.set(cacheKey, props as FieldRegisterProps<unknown>)\n return props\n }\n\n return {\n fields,\n isSubmitting,\n isValidating,\n isValid,\n isDirty,\n submitCount,\n submitError,\n values: getValues,\n errors: getErrors,\n setFieldValue,\n setFieldError,\n setErrors,\n clearErrors,\n resetField,\n register,\n handleSubmit,\n reset,\n validate,\n }\n}\n\n/** Deep structural equality with depth limit to guard against circular references. */\nfunction structuredEqual(a: unknown, b: unknown, depth = 0): boolean {\n if (Object.is(a, b)) return true\n if (a == null || b == null) return false\n if (typeof a !== typeof b) return false\n // Bail at depth 10 — treat as not equal to avoid infinite recursion\n if (depth > 10) return false\n\n if (Array.isArray(a) && Array.isArray(b)) {\n if (a.length !== b.length) return false\n for (let i = 0; i < a.length; i++) {\n if (!structuredEqual(a[i], b[i], depth + 1)) return false\n }\n return true\n }\n\n if (typeof a === 'object' && typeof b === 'object') {\n const aObj = a as Record<string, unknown>\n const bObj = b as Record<string, unknown>\n const aKeys = Object.keys(aObj)\n const bKeys = Object.keys(bObj)\n if (aKeys.length !== bKeys.length) return false\n for (const key of aKeys) {\n if (!structuredEqual(aObj[key], bObj[key], depth + 1)) return false\n }\n return true\n }\n\n return false\n}\n","import type { Computed } from '@pyreon/reactivity'\nimport { computed } from '@pyreon/reactivity'\nimport type { FormState, ValidationError } from './types'\n\nexport interface FormStateSummary<TValues extends Record<string, unknown>> {\n isSubmitting: boolean\n isValidating: boolean\n isValid: boolean\n isDirty: boolean\n submitCount: number\n submitError: unknown\n touchedFields: Partial<Record<keyof TValues, boolean>>\n dirtyFields: Partial<Record<keyof TValues, boolean>>\n errors: Partial<Record<keyof TValues, ValidationError>>\n}\n\n/**\n * Subscribe to the full form state as a single computed signal.\n * Useful for rendering form-level UI (submit button disabled state,\n * error summaries, progress indicators).\n *\n * @example\n * const state = useFormState(form)\n * // state() => { isSubmitting, isValid, isDirty, errors, ... }\n *\n * @example\n * // Use a selector for fine-grained reactivity\n * const canSubmit = useFormState(form, (s) => s.isValid && !s.isSubmitting)\n */\nexport function useFormState<TValues extends Record<string, unknown>>(\n form: FormState<TValues>,\n): Computed<FormStateSummary<TValues>>\n\nexport function useFormState<TValues extends Record<string, unknown>, R>(\n form: FormState<TValues>,\n selector: (state: FormStateSummary<TValues>) => R,\n): Computed<R>\n\nexport function useFormState<TValues extends Record<string, unknown>, R>(\n form: FormState<TValues>,\n selector?: (state: FormStateSummary<TValues>) => R,\n): Computed<FormStateSummary<TValues>> | Computed<R> {\n const buildSummary = (): FormStateSummary<TValues> => {\n const touchedFields = {} as Partial<Record<keyof TValues, boolean>>\n const dirtyFields = {} as Partial<Record<keyof TValues, boolean>>\n const errors = {} as Partial<Record<keyof TValues, ValidationError>>\n\n for (const key of Object.keys(form.fields) as (keyof TValues & string)[]) {\n const field = form.fields[key]\n if (field.touched()) touchedFields[key] = true\n if (field.dirty()) dirtyFields[key] = true\n const err = field.error()\n if (err !== undefined) errors[key] = err\n }\n\n return {\n isSubmitting: form.isSubmitting(),\n isValidating: form.isValidating(),\n isValid: form.isValid(),\n isDirty: form.isDirty(),\n submitCount: form.submitCount(),\n submitError: form.submitError(),\n touchedFields,\n dirtyFields,\n errors,\n }\n }\n\n if (selector) {\n return computed(() => selector(buildSummary()))\n }\n\n return computed(buildSummary)\n}\n","import type { Computed, Signal } from '@pyreon/reactivity'\nimport { computed } from '@pyreon/reactivity'\nimport type { FormState } from './types'\n\n/**\n * Watch specific field values reactively. Returns a computed signal\n * that re-evaluates when any of the watched fields change.\n *\n * @example\n * // Watch a single field\n * const email = useWatch(form, 'email')\n * // email() => current email value\n *\n * @example\n * // Watch multiple fields\n * const [first, last] = useWatch(form, ['firstName', 'lastName'])\n * // first() => firstName value, last() => lastName value\n *\n * @example\n * // Watch all fields\n * const all = useWatch(form)\n * // all() => { email: '...', password: '...' }\n */\nexport function useWatch<\n TValues extends Record<string, unknown>,\n K extends keyof TValues & string,\n>(form: FormState<TValues>, name: K): Signal<TValues[K]>\n\nexport function useWatch<\n TValues extends Record<string, unknown>,\n K extends (keyof TValues & string)[],\n>(\n form: FormState<TValues>,\n names: K,\n): { [I in keyof K]: Signal<TValues[K[I] & keyof TValues]> }\n\nexport function useWatch<TValues extends Record<string, unknown>>(\n form: FormState<TValues>,\n): Computed<TValues>\n\nexport function useWatch<\n TValues extends Record<string, unknown>,\n K extends keyof TValues & string,\n>(\n form: FormState<TValues>,\n nameOrNames?: K | K[],\n): Signal<TValues[K]> | Signal<TValues[K]>[] | Computed<TValues> {\n // Watch all fields\n if (nameOrNames === undefined) {\n return computed(() => {\n const result = {} as TValues\n for (const key of Object.keys(form.fields) as (keyof TValues &\n string)[]) {\n ;(result as Record<string, unknown>)[key] = form.fields[key].value()\n }\n return result\n })\n }\n\n // Watch multiple fields\n if (Array.isArray(nameOrNames)) {\n return nameOrNames.map((name) => form.fields[name].value) as Signal<\n TValues[K]\n >[]\n }\n\n // Watch single field\n return form.fields[nameOrNames].value\n}\n"],"mappings":"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"}