cross-state 0.25.1 → 0.25.2

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.
Files changed (5) hide show
  1. package/dist/cjs/react/index.cjs +10 -7
  2. package/dist/cjs/react/index.cjs.map +1 -1
  3. package/dist/es/react/index.mjs +10 -7
  4. package/dist/es/react/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/cjs/react/index.cjs CHANGED
@@ -231,7 +231,15 @@ function FormContainer({
231
231
  var _a, _b;
232
232
  event.preventDefault();
233
233
  const isValid = formInstance.validate();
234
- const errors = formInstance.getErrors();
234
+ const errors = new Map(
235
+ [...formInstance.getErrors().entries()].map(([field, errors2]) => [
236
+ field,
237
+ errors2.map((error) => {
238
+ var _a2, _b2;
239
+ return ((_b2 = (_a2 = formInstance.options).localizeError) == null ? void 0 : _b2.call(_a2, error, field)) ?? error;
240
+ })
241
+ ])
242
+ );
235
243
  for (const element of Array.from(event.currentTarget.elements)) {
236
244
  if ("name" in element && "setCustomValidity" in element) {
237
245
  element.setCustomValidity(
@@ -241,12 +249,7 @@ function FormContainer({
241
249
  }
242
250
  let button;
243
251
  if (event.nativeEvent instanceof SubmitEvent && (button = event.nativeEvent.submitter) && (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) && button.setCustomValidity) {
244
- const errorString = [...errors.entries()].flatMap(
245
- ([field, errors2]) => errors2.map((error) => {
246
- var _a2, _b2;
247
- return ((_b2 = (_a2 = formInstance.options).localizeError) == null ? void 0 : _b2.call(_a2, error, field)) ?? error;
248
- })
249
- ).join("\n");
252
+ const errorString = [...errors.values()].flat().join("\n");
250
253
  button.setCustomValidity(errorString);
251
254
  }
252
255
  event.currentTarget.reportValidity();
package/dist/cjs/react/index.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps) {\n return (\n <div\n {...props}\n style={{\n position: 'relative',\n ...props.style,\n }}\n >\n {children}\n\n <input\n name={name}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n }}\n />\n </div>\n );\n}\n","import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n if (typeof s === 'string') {\n s = castArrayPath(s);\n }\n\n if (typeof w === 'string') {\n w = castArrayPath(w);\n }\n\n return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n object: any,\n path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n const matches: Record<KeyType, any> = {};\n const [first, second, ...rest] = castArrayPath(path);\n\n if (first === undefined) {\n throw new Error('Path is empty');\n }\n\n if (!(object instanceof Object)) {\n throw new Error('Object is not an object');\n }\n\n for (const [key, value] of Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useMemo,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T> extends {\n onChange?: (update: infer U) => void;\n}\n ? U extends { target: { value: infer V } }\n ? V\n : U\n : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>> = {\n name: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n TDraft,\n TPath\n> & {\n component?: undefined;\n render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n inputFilter?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n component?: TComponent;\n render?: undefined;\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends FieldValue<TComponent>\n ? { serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }\n : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n serialize = (x) => x as FieldValue<TComponent>,\n deserialize = (x) => x as Value<TDraft, TPath>,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TPath>\n | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n) {\n type T = FieldChangeValue<TComponent>;\n\n const { value, setValue } = this.useField(name);\n const [localValue, setLocalValue] = useState<T>();\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n ...restProps,\n name,\n value: localValue ?? serialize(value as Value<TDraft, TPath>),\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(deserialize(value));\n }\n\n restProps.onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }\n\n restProps.onBlur?.apply(null, args);\n },\n };\n\n if (render) {\n return render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null;\n }\n\n if (component) {\n return createElement(component, props);\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n) {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n) {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n type FormEvent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const isValid = formInstance.validate();\n const errors = formInstance.getErrors();\n\n for (const element of Array.from(event.currentTarget.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n let button;\n\n if (\n event.nativeEvent instanceof SubmitEvent &&\n (button = event.nativeEvent.submitter) &&\n (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) &&\n button.setCustomValidity\n ) {\n const errorString = [...errors.entries()]\n .flatMap(([field, errors]) =>\n errors.map((error) => {\n return formInstance.options.localizeError?.(error, field) ?? error;\n }),\n )\n .join('\\n');\n\n button.setCustomValidity(errorString);\n }\n\n event.currentTarget.reportValidity();\n\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (value instanceof Object) {\n return Object.keys(value).map((key) => join(path, key));\n }\n\n return [];\n },\n\n add(...args: any[]) {\n this.setValue((value: any) => {\n if (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (value instanceof Object) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions,\n ) {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n return this.useFormState((form) => form.getField(path), useStoreOptions);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !!draft && !deepEqual(draft, original),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, hash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }) {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft>>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft>,\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n return Reflect.apply(FormForEach, this, [props]);\n }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n options: FormOptions<TDraft, TOriginal>,\n) {\n return new Form(options);\n}\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n const { status, value, error } = useCache(cache, options);\n\n if (status === 'value') {\n return value;\n }\n\n if (status === 'error') {\n throw error;\n }\n\n throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [hash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}) {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [hash(key), type],\n );\n}\n"],"names":["jsxs","jsx","castArrayPath","useState","useEffect","value","createElement","useCallback","Fragment","name","calcDuration","useRef","useMemo","queue","debounce","options","_a","deepEqual","errors","_b","get","join","createContext","autobind","useContext","useStore","createStore","connectUrl","hash","useCache","onChange","update","throttle","startTransition"],"mappings":"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"}
1
+ {"version":3,"file":"index.cjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps) {\n return (\n <div\n {...props}\n style={{\n position: 'relative',\n ...props.style,\n }}\n >\n {children}\n\n <input\n name={name}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n }}\n />\n </div>\n );\n}\n","import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n if (typeof s === 'string') {\n s = castArrayPath(s);\n }\n\n if (typeof w === 'string') {\n w = castArrayPath(w);\n }\n\n return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n object: any,\n path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n const matches: Record<KeyType, any> = {};\n const [first, second, ...rest] = castArrayPath(path);\n\n if (first === undefined) {\n throw new Error('Path is empty');\n }\n\n if (!(object instanceof Object)) {\n throw new Error('Object is not an object');\n }\n\n for (const [key, value] of Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useMemo,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T> extends {\n onChange?: (update: infer U) => void;\n}\n ? U extends { target: { value: infer V } }\n ? V\n : U\n : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>> = {\n name: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n TDraft,\n TPath\n> & {\n component?: undefined;\n render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n inputFilter?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n component?: TComponent;\n render?: undefined;\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends FieldValue<TComponent>\n ? { serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }\n : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n serialize = (x) => x as FieldValue<TComponent>,\n deserialize = (x) => x as Value<TDraft, TPath>,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TPath>\n | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n) {\n type T = FieldChangeValue<TComponent>;\n\n const { value, setValue } = this.useField(name);\n const [localValue, setLocalValue] = useState<T>();\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n ...restProps,\n name,\n value: localValue ?? serialize(value as Value<TDraft, TPath>),\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(deserialize(value));\n }\n\n restProps.onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }\n\n restProps.onBlur?.apply(null, args);\n },\n };\n\n if (render) {\n return render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null;\n }\n\n if (component) {\n return createElement(component, props);\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n) {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n) {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n type FormEvent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const isValid = formInstance.validate();\n const errors = new Map(\n [...formInstance.getErrors().entries()].map(([field, errors]) => [\n field,\n errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n ]),\n );\n\n for (const element of Array.from(event.currentTarget.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n let button;\n\n if (\n event.nativeEvent instanceof SubmitEvent &&\n (button = event.nativeEvent.submitter) &&\n (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) &&\n button.setCustomValidity\n ) {\n const errorString = [...errors.values()].flat().join('\\n');\n\n button.setCustomValidity(errorString);\n }\n\n event.currentTarget.reportValidity();\n\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (value instanceof Object) {\n return Object.keys(value).map((key) => join(path, key));\n }\n\n return [];\n },\n\n add(...args: any[]) {\n this.setValue((value: any) => {\n if (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (value instanceof Object) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions,\n ) {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n return this.useFormState((form) => form.getField(path), useStoreOptions);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !!draft && !deepEqual(draft, original),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, hash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }) {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft>>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft>,\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n return Reflect.apply(FormForEach, this, [props]);\n }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n options: FormOptions<TDraft, TOriginal>,\n) {\n return new Form(options);\n}\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n const { status, value, error } = useCache(cache, options);\n\n if (status === 'value') {\n return value;\n }\n\n if (status === 'error') {\n throw error;\n }\n\n throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [hash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}) {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [hash(key), type],\n );\n}\n"],"names":["jsxs","jsx","castArrayPath","useState","useEffect","value","createElement","useCallback","Fragment","name","calcDuration","useRef","useMemo","queue","debounce","options","_a","deepEqual","errors","_b","get","join","createContext","autobind","useContext","useStore","createStore","connectUrl","hash","useCache","onChange","update","throttle","startTransition"],"mappings":"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"}
package/dist/es/react/index.mjs CHANGED
@@ -230,7 +230,15 @@ function FormContainer({
230
230
  var _a, _b;
231
231
  event.preventDefault();
232
232
  const isValid = formInstance.validate();
233
- const errors = formInstance.getErrors();
233
+ const errors = new Map(
234
+ [...formInstance.getErrors().entries()].map(([field, errors2]) => [
235
+ field,
236
+ errors2.map((error) => {
237
+ var _a2, _b2;
238
+ return ((_b2 = (_a2 = formInstance.options).localizeError) == null ? void 0 : _b2.call(_a2, error, field)) ?? error;
239
+ })
240
+ ])
241
+ );
234
242
  for (const element of Array.from(event.currentTarget.elements)) {
235
243
  if ("name" in element && "setCustomValidity" in element) {
236
244
  element.setCustomValidity(
@@ -240,12 +248,7 @@ function FormContainer({
240
248
  }
241
249
  let button;
242
250
  if (event.nativeEvent instanceof SubmitEvent && (button = event.nativeEvent.submitter) && (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) && button.setCustomValidity) {
243
- const errorString = [...errors.entries()].flatMap(
244
- ([field, errors2]) => errors2.map((error) => {
245
- var _a2, _b2;
246
- return ((_b2 = (_a2 = formInstance.options).localizeError) == null ? void 0 : _b2.call(_a2, error, field)) ?? error;
247
- })
248
- ).join("\n");
251
+ const errorString = [...errors.values()].flat().join("\n");
249
252
  button.setCustomValidity(errorString);
250
253
  }
251
254
  event.currentTarget.reportValidity();
package/dist/es/react/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps) {\n return (\n <div\n {...props}\n style={{\n position: 'relative',\n ...props.style,\n }}\n >\n {children}\n\n <input\n name={name}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n }}\n />\n </div>\n );\n}\n","import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n if (typeof s === 'string') {\n s = castArrayPath(s);\n }\n\n if (typeof w === 'string') {\n w = castArrayPath(w);\n }\n\n return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n object: any,\n path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n const matches: Record<KeyType, any> = {};\n const [first, second, ...rest] = castArrayPath(path);\n\n if (first === undefined) {\n throw new Error('Path is empty');\n }\n\n if (!(object instanceof Object)) {\n throw new Error('Object is not an object');\n }\n\n for (const [key, value] of Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useMemo,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T> extends {\n onChange?: (update: infer U) => void;\n}\n ? U extends { target: { value: infer V } }\n ? V\n : U\n : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>> = {\n name: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n TDraft,\n TPath\n> & {\n component?: undefined;\n render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n inputFilter?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n component?: TComponent;\n render?: undefined;\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends FieldValue<TComponent>\n ? { serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }\n : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n serialize = (x) => x as FieldValue<TComponent>,\n deserialize = (x) => x as Value<TDraft, TPath>,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TPath>\n | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n) {\n type T = FieldChangeValue<TComponent>;\n\n const { value, setValue } = this.useField(name);\n const [localValue, setLocalValue] = useState<T>();\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n ...restProps,\n name,\n value: localValue ?? serialize(value as Value<TDraft, TPath>),\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(deserialize(value));\n }\n\n restProps.onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }\n\n restProps.onBlur?.apply(null, args);\n },\n };\n\n if (render) {\n return render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null;\n }\n\n if (component) {\n return createElement(component, props);\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n) {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n) {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n type FormEvent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const isValid = formInstance.validate();\n const errors = formInstance.getErrors();\n\n for (const element of Array.from(event.currentTarget.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n let button;\n\n if (\n event.nativeEvent instanceof SubmitEvent &&\n (button = event.nativeEvent.submitter) &&\n (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) &&\n button.setCustomValidity\n ) {\n const errorString = [...errors.entries()]\n .flatMap(([field, errors]) =>\n errors.map((error) => {\n return formInstance.options.localizeError?.(error, field) ?? error;\n }),\n )\n .join('\\n');\n\n button.setCustomValidity(errorString);\n }\n\n event.currentTarget.reportValidity();\n\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (value instanceof Object) {\n return Object.keys(value).map((key) => join(path, key));\n }\n\n return [];\n },\n\n add(...args: any[]) {\n this.setValue((value: any) => {\n if (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (value instanceof Object) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions,\n ) {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n return this.useFormState((form) => form.getField(path), useStoreOptions);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !!draft && !deepEqual(draft, original),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, hash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }) {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft>>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft>,\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n return Reflect.apply(FormForEach, this, [props]);\n }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n options: FormOptions<TDraft, TOriginal>,\n) {\n return new Form(options);\n}\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n const { status, value, error } = useCache(cache, options);\n\n if (status === 'value') {\n return value;\n }\n\n if (status === 'error') {\n throw error;\n }\n\n throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [hash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}) {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [hash(key), type],\n );\n}\n"],"names":["value","name","Fragment","options","_a","errors","_b","onChange","update"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps) {\n return (\n <div\n {...props}\n style={{\n position: 'relative',\n ...props.style,\n }}\n >\n {children}\n\n <input\n name={name}\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n opacity: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n }}\n />\n </div>\n );\n}\n","import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n if (typeof s === 'string') {\n s = castArrayPath(s);\n }\n\n if (typeof w === 'string') {\n w = castArrayPath(w);\n }\n\n return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n object: any,\n path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n const matches: Record<KeyType, any> = {};\n const [first, second, ...rest] = castArrayPath(path);\n\n if (first === undefined) {\n throw new Error('Path is empty');\n }\n\n if (!(object instanceof Object)) {\n throw new Error('Object is not an object');\n }\n\n for (const [key, value] of Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useMemo,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T> extends {\n onChange?: (update: infer U) => void;\n}\n ? U extends { target: { value: infer V } }\n ? V\n : U\n : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>> = {\n name: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n TDraft,\n TPath\n> & {\n component?: undefined;\n render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n inputFilter?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n component?: TComponent;\n render?: undefined;\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends FieldValue<TComponent>\n ? { serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }\n : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n serialize = (x) => x as FieldValue<TComponent>,\n deserialize = (x) => x as Value<TDraft, TPath>,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TPath>\n | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n) {\n type T = FieldChangeValue<TComponent>;\n\n const { value, setValue } = this.useField(name);\n const [localValue, setLocalValue] = useState<T>();\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n ...restProps,\n name,\n value: localValue ?? serialize(value as Value<TDraft, TPath>),\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(deserialize(value));\n }\n\n restProps.onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }\n\n restProps.onBlur?.apply(null, args);\n },\n };\n\n if (render) {\n return render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null;\n }\n\n if (component) {\n return createElement(component, props);\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n) {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n) {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n type FormEvent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const isValid = formInstance.validate();\n const errors = new Map(\n [...formInstance.getErrors().entries()].map(([field, errors]) => [\n field,\n errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n ]),\n );\n\n for (const element of Array.from(event.currentTarget.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n let button;\n\n if (\n event.nativeEvent instanceof SubmitEvent &&\n (button = event.nativeEvent.submitter) &&\n (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) &&\n button.setCustomValidity\n ) {\n const errorString = [...errors.values()].flat().join('\\n');\n\n button.setCustomValidity(errorString);\n }\n\n event.currentTarget.reportValidity();\n\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (value instanceof Object) {\n return Object.keys(value).map((key) => join(path, key));\n }\n\n return [];\n },\n\n add(...args: any[]) {\n this.setValue((value: any) => {\n if (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (value instanceof Object) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions,\n ) {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n return this.useFormState((form) => form.getField(path), useStoreOptions);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !!draft && !deepEqual(draft, original),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, hash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }) {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft>>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft>,\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n return Reflect.apply(FormForEach, this, [props]);\n }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n options: FormOptions<TDraft, TOriginal>,\n) {\n return new Form(options);\n}\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n const { status, value, error } = useCache(cache, options);\n\n if (status === 'value') {\n return value;\n }\n\n if (status === 'error') {\n throw error;\n }\n\n throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [hash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}) {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [hash(key), type],\n );\n}\n"],"names":["value","name","Fragment","options","_a","errors","_b","onChange","update"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cross-state",
3
- "version": "0.25.1",
3
+ "version": "0.25.2",
4
4
  "description": "(React) state library",
5
5
  "license": "ISC",
6
6
  "repository": "schummar/cross-state",