cross-state 0.55.5 → 0.56.0

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["matches: Record<KeyType, any>","value","form","name","options","errors","options: FormOptions<TDraft, TOriginal>","form","lastDraft: TDraft | undefined","context: FormContext<TDraft, TOriginal>","transform","Form","Component","UrlContext: Context<UrlContextType | undefined>","value","url","location","params","update","options: Required<UrlOptions<T>>","update","value","delayedUpdate: (value: T) => void"],"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/url/urlContext.tsx","../../src/react/url/urlHelpers.ts","../../src/react/url/urlOptions.ts","../../src/react/url/useUrlParam.ts","../../src/react/url/urlStore.ts","../../src/react/useDecoupledState.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): React.JSX.Element {\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 { isObject } from '@lib/helpers';\nimport { 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 (!Array.isArray(object) && !isObject(object)) {\n    object = {};\n  }\n\n  for (const [key, value] of first !== '*' ? [[first, object[first]]] : 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, type Value } from '@lib/path';\nimport {\n  createElement,\n  useEffect,\n  useState,\n  type Component,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport {\n  getDerivedState,\n  type Field,\n  type Form,\n  type FormContext,\n  type FormInstance,\n} 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\nexport type FormFieldInfos<TDraft, TOriginal, TPath extends string> = Field<\n  TDraft,\n  TOriginal,\n  TPath\n> & {\n  hasTriggeredValidations: boolean;\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> =\n  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<TPath, TDraft> = {\n  name: TPath & PathAsString<TDraft>;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TOriginal, TPath extends string> = FormFieldProps<\n  TPath,\n  TDraft\n> &\n  NoInfer<{\n    component?: undefined;\n    render: (\n      props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>,\n      info: FormFieldInfos<TDraft, TOriginal, TPath>,\n      form: FormContext<TDraft, TOriginal>,\n    ) => ReactNode;\n    inputFilter?: undefined;\n    defaultValue?: undefined;\n    serialize?: undefined;\n    deserialize?: undefined;\n    onChange?: undefined;\n    onBlur?: undefined;\n  }>;\n\ntype Serialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n  value: Value<TDraft, TPath>,\n  formState: FormInstance<TDraft, TOriginal>,\n) => FieldValue<TComponent>;\n\ntype Deserialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n  value: FieldChangeValue<TComponent>,\n  formState: FormInstance<TDraft, TOriginal>,\n) => Value<TDraft, TPath>;\n\nexport type FormFieldPropsWithComponent<\n  TDraft,\n  TOriginal,\n  TPath extends string,\n  TComponent extends FormFieldComponent,\n> = FormFieldProps<TPath, TDraft> & {\n  component?: TComponent;\n  render?: undefined;\n} & NoInfer<\n    {\n      inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n    } & MakeOptional<\n      Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n      'onChange' | 'onBlur'\n    > &\n      (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n        ? {\n            defaultValue?: FieldValue<TComponent>;\n            serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n          }\n        : Value<TDraft, TPath> extends FieldValue<TComponent>\n          ?\n              | {\n                  defaultValue: FieldValue<TComponent>;\n                  serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n                }\n              | {\n                  defaultValue?: FieldValue<TComponent>;\n                  serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n                }\n          : {\n              serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n            }) &\n      (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n        ? {\n            deserialize?: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n          }\n        : {\n            deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n          })\n  >;\n\nexport function FormField<\n  TDraft,\n  TOriginal,\n  TPath extends string,\n  TComponent extends FormFieldComponent,\n>(\n  this: Form<TDraft, any>,\n  {\n    // id,\n    name = '' as any,\n    component,\n    commitOnBlur,\n    commitDebounce,\n    render,\n    inputFilter,\n    defaultValue,\n    serialize,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    onChange,\n    onBlur,\n    ...restProps\n  }:\n    | FormFieldPropsWithRender<TDraft, TOriginal, TPath>\n    | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n): React.JSX.Element | null {\n  type T = FieldChangeValue<TComponent>;\n\n  const form = this.useForm();\n  const getFormState = () => ({ ...form, ...getDerivedState(form) });\n  const [localValue, setLocalValue] = useState<T>();\n\n  const value = this.useFormState((form) => {\n    const value = form.getField(name as any).value;\n    if (serialize) {\n      return serialize(value as any, getFormState());\n    }\n    if (value !== undefined) {\n      return value;\n    }\n    return defaultValue;\n  });\n\n  const setValue = (x: FieldChangeValue<TComponent>) =>\n    form.getField(name as any).setValue(deserialize(x, getFormState()));\n\n  const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(localValue);\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n  }, [localValue, commitDebounce]);\n\n  const props = {\n    name,\n    value: localValue ?? value,\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(value);\n      }\n\n      onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(localValue);\n        setLocalValue(undefined);\n      }\n\n      onBlur?.(...args);\n    },\n  } as FormFieldComponentProps<Value<TDraft, TPath>, TPath>;\n\n  if (render) {\n    return (\n      <>\n        {render(props, { ...form.getField(name as any), hasTriggeredValidations } as any, form) ??\n          null}\n      </>\n    );\n  }\n\n  if (component) {\n    return createElement(component, { ...restProps, ...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 ElementName<TDraft, TPath extends string> = keyof {\n  [Path in TPath as Join<Path, GetKeys<NonNullable<Value<TDraft, Path>>> & (string | number)>]: 1;\n};\n\nexport interface FormForEachProps<TDraft, TPath extends string> {\n  name: TPath & PathAsString<TDraft>;\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 string>(\n  this: Form<TDraft, any>,\n  { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): React.JSX.Element {\n  const form = this.useForm();\n\n  const names = this.useFormState(() => {\n    const field = form.getField(name as any) 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) 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) 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) 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(key),\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 { deepEqual } from '@lib/equals';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { FormContext } from './form';\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): void {\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 | undefined>(undefined);\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 { createStore, type Store, type Update } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { isObject } from '@lib/helpers';\nimport {\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get, join, set } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type Context,\n  type FormEvent,\n  type FunctionComponent,\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 { FormForEach, type ElementName, type FormForEachProps } from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport interface Transform<TDraft> {\n  (value: TDraft, store: Store<TDraft>): void | TDraft;\n}\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n  localizeError?: (error: string, field: string) => string | undefined;\n  autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n  transform?: Transform<TDraft>;\n  validatedClass?: string;\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 string> = {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (value: Update<Value<TDraft, TPath>>) => void;\n  removeValue: () => void;\n  hasChange: boolean;\n  errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends string> = {\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  options: FormOptions<TDraft, TOriginal>;\n  original: TOriginal | undefined;\n  getField: <TPath extends string>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n  getDraft: () => TDraft;\n  hasTriggeredValidations: () => boolean;\n  saveScheduled: () => boolean;\n  saveInProgress: () => 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<\n      FormContext<TDraft, TOriginal>,\n      'options' | 'original' | 'getField' | 'validate' | 'reset'\n    > {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n  form,\n  ...formProps\n}: {\n  form: Form<any, any>;\n  onSubmit?: (\n    event: FormEvent<HTMLFormElement>,\n    form: FormInstance<any, any>,\n  ) => void | Promise<void>;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n  const formInstance = form.useForm();\n  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n  const formRef = useRef<HTMLFormElement>(null);\n\n  function updateValidity(errors: Map<string, string[]>, buttonElement?: HTMLButtonElement) {\n    const formElement = formRef.current;\n    if (!formElement) {\n      return;\n    }\n\n    const localizedErrors = new Map(\n      [...errors.entries()].map(\n        ([field, errors]) =>\n          [\n            field,\n            errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n          ] as const,\n      ),\n    );\n\n    for (const element of Array.from(formElement.elements)) {\n      if ('name' in element && 'setCustomValidity' in element) {\n        (element as HTMLObjectElement).setCustomValidity(\n          localizedErrors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n        );\n      }\n    }\n\n    if (buttonElement && 'setCustomValidity' in buttonElement) {\n      const errorString = [...errors.values()].flat().join('\\n');\n\n      buttonElement.setCustomValidity(errorString);\n    }\n  }\n\n  useEffect(() => {\n    return formInstance.formState\n      .map(() => formInstance.getErrors())\n      .subscribe((errors) => updateValidity(errors));\n  }, []);\n\n  return (\n    <form\n      ref={formRef}\n      noValidate\n      {...formProps}\n      className={[\n        formProps.className,\n        hasTriggeredValidations ? (formInstance.options.validatedClass ?? 'validated') : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onSubmit={async (event) => {\n        if (formInstance.saveInProgress()) {\n          return;\n        }\n\n        try {\n          formInstance.formState.set('saveInProgress', true);\n          event.preventDefault();\n\n          const formElement = event.currentTarget;\n          const buttonElement =\n            event.nativeEvent instanceof SubmitEvent &&\n            event.nativeEvent.submitter instanceof HTMLButtonElement\n              ? event.nativeEvent.submitter\n              : undefined;\n\n          updateValidity(formInstance.getErrors(), buttonElement);\n\n          formElement.reportValidity();\n\n          const isValid = formInstance.validate();\n          if (isValid) {\n            await formProps.onSubmit?.(event, {\n              ...formInstance,\n              ...getDerivedState(formInstance),\n            });\n          }\n        } finally {\n          formInstance.formState.set('saveInProgress', false);\n        }\n      }}\n    />\n  );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends string>(\n  form: FormContext<TDraft, TOriginal>,\n  path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n  const field = {\n    get originalValue() {\n      return form.original !== undefined ? get(form.original as any, path as any) : undefined;\n    },\n\n    get value() {\n      const draft = form.getDraft();\n      return get(draft ?? form.original ?? form.options.defaultValue, path as any);\n    },\n\n    setValue(update: Update<Value<TDraft, TPath>>) {\n      form.formState.set('draft', (draft = form.original ?? form.options.defaultValue) => {\n        if (update instanceof Function) {\n          update = update(get(draft, path as any) as Value<TDraft, TPath>);\n        }\n\n        return set(draft, path as any, update as any);\n      });\n    },\n\n    get hasChange() {\n      return !deepEqual(this.originalValue, this.value, { undefinedEqualsAbsent: true });\n    },\n\n    get errors() {\n      const errors = form.getErrors();\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 (isObject(value)) {\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 (!value) {\n          throw new Error(`Cannot add element to ${JSON.stringify(value)}`);\n        }\n\n        if (Array.isArray(value)) {\n          return [...(value ?? []), args[0]];\n        }\n\n        if (isObject(value)) {\n          return {\n            ...value,\n            [args[0]]: args[1],\n          };\n        }\n\n        throw new Error(`Cannot add element to ${JSON.stringify(value)}`);\n      });\n    },\n\n    remove(key: string | number) {\n      this.setValue((value): any => {\n        if (!value) {\n          throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);\n        }\n\n        if (Array.isArray(value)) {\n          return value.filter((_, index) => index !== Number(key));\n        }\n\n        if (isObject(value)) {\n          const { [key]: _, ...rest } = value as Record<string | number, unknown>;\n          return rest;\n        }\n\n        throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);\n      });\n    },\n  };\n\n  return field 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 function getDerivedState<TDraft>(\n  instance: FormContext<TDraft, any>,\n): FormDerivedState<TDraft> {\n  return {\n    draft: instance.getDraft(),\n    hasTriggeredValidations: instance.hasTriggeredValidations(),\n    saveScheduled: instance.saveScheduled(),\n    saveInProgress: instance.saveInProgress(),\n    hasChanges: instance.hasChanges(),\n    errors: instance.getErrors(),\n    isValid: instance.isValid(),\n  };\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n    TDraft,\n    TOriginal\n  > | 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<S>,\n  ): S {\n    const form = this.useForm();\n\n    return useStore(\n      form.formState,\n      () =>\n        selector({\n          ...form,\n          ...getDerivedState(form),\n        }),\n\n      useStoreOptions,\n    );\n  }\n\n  useField<TPath extends string>(\n    path: TPath,\n    useStoreOptions?: UseStoreOptions<any>,\n  ): Field<TDraft, TOriginal, TPath> {\n    const form = this.useForm();\n    this.useFormState((form) => [form.getField(path).value, form.original], useStoreOptions);\n    return form.getField(path);\n  }\n\n  // ///////////////////////////////////////////////////////////////////////////\n  // React Components\n  // ///////////////////////////////////////////////////////////////////////////\n\n  Form({\n    original,\n    defaultValue,\n    validations,\n    localizeError,\n    autoSave,\n    transform,\n    validatedClass,\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'>): React.JSX.Element {\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      validatedClass: validatedClass ?? this.options.validatedClass,\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    let lastDraft: TDraft | undefined;\n    const cache = new Map<string, unknown>();\n    function lazy<T>(key: string, fn: () => T): T {\n      if (lastDraft !== formState.get().draft) {\n        cache.clear();\n        lastDraft = formState.get().draft;\n      }\n\n      let value = cache.get(key);\n      if (!cache.has(key)) {\n        value = fn();\n        cache.set(key, value);\n      }\n\n      return value as T;\n    }\n\n    const context: FormContext<TDraft, TOriginal> = {\n      formState,\n      options,\n      original,\n\n      getField() {\n        throw new Error('Not implemented');\n      },\n\n      getDraft() {\n        return formState.get().draft ?? original ?? options.defaultValue;\n      },\n\n      hasTriggeredValidations() {\n        return formState.get().hasTriggeredValidations;\n      },\n\n      saveScheduled() {\n        return formState.get().saveScheduled;\n      },\n\n      saveInProgress() {\n        return formState.get().saveInProgress;\n      },\n\n      hasChanges() {\n        return lazy(\n          'hasChanges',\n          () =>\n            !deepEqual(this.getDraft(), original ?? options.defaultValue, {\n              undefinedEqualsAbsent: true,\n            }),\n        );\n      },\n\n      getErrors() {\n        return lazy('getErrors', () => getErrors(this.getDraft(), original, options.validations));\n      },\n\n      isValid() {\n        return lazy('isValid', () => this.getErrors().size === 0);\n      },\n\n      validate() {\n        formState.set('hasTriggeredValidations', true);\n        return this.isValid();\n      },\n\n      reset() {\n        formState.set('draft', undefined);\n        formState.set('hasTriggeredValidations', false);\n      },\n    };\n\n    context.getField = (path) => lazy(path, () => getField(context, path));\n\n    useEffect(() => {\n      const transform = options.transform;\n      if (!transform) {\n        return;\n      }\n\n      const store = formState.map(\n        (state) => state.draft ?? original ?? options.defaultValue,\n        (draft) => (state) => ({ ...state, draft }),\n      );\n\n      return store.subscribe((value) => {\n        const result = transform(value, store);\n\n        if (result !== undefined && !deepEqual(result, value)) {\n          store.set(result);\n        }\n      });\n    }, [original, defaultValue, 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  }): React.JSX.Element {\n    const selectedState = this.useFormState(selector);\n    return <>{children(selectedState)}</>;\n  }\n\n  Field<const TPath extends string>(\n    props: FormFieldPropsWithRender<TDraft, TOriginal, TPath>,\n  ): React.JSX.Element;\n\n  Field<const TPath extends string, const TComponent extends FormFieldComponent = 'input'>(\n    props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n  ): React.JSX.Element;\n\n  Field(props: any): React.JSX.Element {\n    return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n  }\n\n  ForEach<const TPath extends string>(props: FormForEachProps<TDraft, TPath>): React.JSX.Element {\n    return Reflect.apply(FormForEach, this, [props]);\n  }\n\n  withForm<TProps extends Record<string, unknown>>(\n    Component: React.ComponentType<TProps>,\n    formProps?: Parameters<this['Form']>[0],\n  ): FunctionComponent<TProps> {\n    const { Form } = this;\n    return function FormWrapper(props: TProps) {\n      return (\n        <Form {...formProps}>\n          <Component {...props} />\n        </Form>\n      );\n    };\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n): Form<TDraft, TOriginal> {\n  return new Form(options);\n}\n","import React, { createContext, useContext, type Context, type ReactNode } from 'react';\n\nexport type Location = string | { pathname: string; search: string; hash: string };\n\nexport interface UrlContextType {\n  location: Location;\n  navigate: (navigate: (from: Location) => string) => void;\n}\n\nexport type UrlContextProviderProps = { children?: ReactNode } & (\n  | { location: UrlContextType['location'] }\n  | { locationHook: () => UrlContextType['location'] }\n) &\n  ({ navigate: UrlContextType['navigate'] } | { navigateHook: () => UrlContextType['navigate'] });\n\nexport const UrlContext: Context<UrlContextType | undefined> = createContext<\n  UrlContextType | undefined\n>(undefined);\n\nexport function UrlProvider({ children, ...props }: UrlContextProviderProps): React.JSX.Element {\n  const location = 'location' in props ? props.location : props.locationHook();\n  const navigate = 'navigate' in props ? props.navigate : props.navigateHook();\n\n  return <UrlContext.Provider value={{ location, navigate }}>{children}</UrlContext.Provider>;\n}\n\nexport function useUrlContext(): UrlContextType {\n  const context = useContext(UrlContext);\n  if (!context) {\n    throw new Error('useUrlContext must be used within a UrlContextProvider');\n  }\n  return context;\n}\n","import { fromExtendedJsonString, toExtendedJsonString } from '@lib/extendedJson';\nimport type { Location } from '@react/url/urlContext';\n\nexport function defaultDeserializer<T>(value: string): T {\n  if (value === undefined) {\n    return undefined as T;\n  }\n\n  try {\n    return fromExtendedJsonString(value) as T;\n  } catch {\n    return undefined as T;\n  }\n}\n\nexport function defaultSerializer<T>(value: T): string {\n  return toExtendedJsonString(value);\n}\n\nexport function parseLocation(location: Location): URL {\n  if (typeof location !== 'string') {\n    location = `${location.pathname}${location.search}${location.hash}`;\n  }\n\n  return new URL(location, window.location.origin);\n}\n\nexport function createStorageKey(id: string, key: string) {\n  return `cross-state:url:${id}:${key}`;\n}\n","import { defaultDeserializer, defaultSerializer } from '@react/url/urlHelpers';\n\nexport interface UrlOptions<T> {\n  key: string;\n  type?: 'search' | 'hash';\n  serialize?: (value: T) => string;\n  deserialize?: (value: string) => T;\n  defaultValue: T;\n  writeDefaultValue?: boolean;\n  onCommit?: (value: T) => void;\n  persist?: { id: string } | null;\n}\n\nexport interface UrlOptionsWithoutDefaults<T>\n  extends Omit<UrlOptions<T | undefined>, 'defaultValue'> {\n  defaultValue?: T | undefined;\n}\n\nexport function createUrlOptions<T>(options: UrlOptions<T>): Required<UrlOptions<T>>;\nexport function createUrlOptions<T>(\n  options: UrlOptionsWithoutDefaults<T>,\n): Required<UrlOptions<T | undefined>>;\nexport function createUrlOptions<T>({\n  key,\n  type = 'hash',\n  serialize = defaultSerializer,\n  deserialize = defaultDeserializer,\n  defaultValue = undefined as T,\n  writeDefaultValue = false,\n  onCommit = () => undefined,\n  persist = null,\n}: UrlOptionsWithoutDefaults<T>): Required<UrlOptionsWithoutDefaults<T>> {\n  return {\n    key,\n    type,\n    serialize,\n    deserialize,\n    defaultValue,\n    writeDefaultValue,\n    onCommit,\n    persist,\n  };\n}\n","import type { Update, UpdateFunction } from '@core';\nimport { useUrlContext } from '@react/url/urlContext';\nimport { createStorageKey, parseLocation } from '@react/url/urlHelpers';\nimport {\n  createUrlOptions,\n  type UrlOptions,\n  type UrlOptionsWithoutDefaults,\n} from '@react/url/urlOptions';\nimport type { UrlStore } from '@react/url/urlStore';\nimport { useEffect, useMemo } from 'react';\n\nexport function useUrlParam<T>(store: UrlStore<T>): [T, update: UpdateFunction<T>];\nexport function useUrlParam<T>(options: UrlOptions<T>): [T, update: UpdateFunction<T>];\nexport function useUrlParam<T>(\n  options: UrlOptionsWithoutDefaults<T>,\n): [T | undefined, update: UpdateFunction<T | undefined>];\nexport function useUrlParam<T>(\n  input: UrlStore<T> | UrlOptionsWithoutDefaults<T>,\n): [T, update: UpdateFunction<T>] {\n  const { key, type, serialize, deserialize, defaultValue, writeDefaultValue, onCommit, persist } =\n    createUrlOptions('options' in input ? input.options : (input as UrlOptions<T>));\n\n  const { location, navigate } = useUrlContext();\n  const url = parseLocation(location);\n  const params = new URLSearchParams(url[type].slice(1));\n  const urlValue = params.get(key);\n\n  const storageKey = persist && createStorageKey(persist.id, key);\n  const storageValue = storageKey ? localStorage.getItem(storageKey) : null;\n\n  const value = useMemo(\n    () =>\n      urlValue !== null\n        ? deserialize(urlValue)\n        : storageValue !== null\n          ? deserialize(storageValue)\n          : defaultValue,\n    [urlValue],\n  );\n\n  function commit(value: T) {\n    const serializedValue = serialize(value);\n\n    navigate((location) => {\n      const url = parseLocation(location);\n      const params = new URLSearchParams(url[type].slice(1));\n\n      if (!writeDefaultValue && serializedValue === serialize(defaultValue)) {\n        params.delete(key);\n      } else {\n        params.set(key, serializedValue);\n      }\n\n      url[type] = params.toString();\n      return url.toString().replace(window.location.origin, '');\n    });\n\n    if (storageKey) {\n      localStorage.setItem(storageKey, serializedValue);\n    }\n\n    onCommit?.(value);\n  }\n\n  function update(update: Update<T>) {\n    if (update instanceof Function) {\n      update = update(value);\n    }\n\n    commit(update);\n  }\n\n  useEffect(() => {\n    if (urlValue !== null) {\n      commit(deserialize(urlValue));\n    }\n  }, [urlValue]);\n\n  useEffect(() => {\n    if (urlValue === null && storageValue !== null) {\n      commit(deserialize(storageValue));\n    } else if (urlValue === null && writeDefaultValue) {\n      commit(defaultValue);\n    }\n  }, []);\n\n  return [value, update];\n}\n","import type { UpdateFunction } from '@core';\nimport type { Location } from '@react/url/urlContext';\nimport { parseLocation } from '@react/url/urlHelpers';\nimport {\n  createUrlOptions,\n  type UrlOptions,\n  type UrlOptionsWithoutDefaults,\n} from '@react/url/urlOptions';\nimport { useUrlParam } from '@react/url/useUrlParam';\n\nexport class UrlStore<T> {\n  constructor(public readonly options: Required<UrlOptions<T>>) {}\n\n  useStore(): T {\n    return useUrlParam(this)[0];\n  }\n\n  useProp(): [T, update: UpdateFunction<T>] {\n    return useUrlParam(this);\n  }\n\n  parse(location: Location): T | undefined {\n    const url = parseLocation(location);\n    const params = new URLSearchParams(url[this.options.type].slice(1));\n    const urlValue = params.get(this.options.key);\n    return urlValue !== null ? this.options.deserialize(urlValue) : undefined;\n  }\n}\nexport function createUrlStore<T>(options: UrlOptions<T>): UrlStore<T>;\nexport function createUrlStore<T>(options: UrlOptionsWithoutDefaults<T>): UrlStore<T | undefined>;\nexport function createUrlStore<T>(options: UrlOptionsWithoutDefaults<T>) {\n  return new UrlStore(createUrlOptions(options));\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { simpleHash } 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  }, [simpleHash([options.debounce, options.throttle])]);\n\n  return [dirty ? dirty.v : value, update];\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["matches: Record<KeyType, any>","value","form","name","options","errors","options: FormOptions<TDraft, TOriginal>","form","lastDraft: TDraft | undefined","context: FormContext<TDraft, TOriginal>","transform","Form","Component","urlStore: Store<string>","urlOptions: Required<UrlOptions<T>>","path: any","update: Update<any>","update","value","delayedUpdate: (value: T) => void"],"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/lib/castArray.ts","../../src/react/url/urlHelpers.ts","../../src/react/url/urlOptions.ts","../../src/react/url/urlParamStore.ts","../../src/react/useDecoupledState.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): React.JSX.Element {\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 { isObject } from '@lib/helpers';\nimport { 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 (!Array.isArray(object) && !isObject(object)) {\n    object = {};\n  }\n\n  for (const [key, value] of first !== '*' ? [[first, object[first]]] : 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, type Value } from '@lib/path';\nimport {\n  createElement,\n  useEffect,\n  useState,\n  type Component,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport {\n  getDerivedState,\n  type Field,\n  type Form,\n  type FormContext,\n  type FormInstance,\n} 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\nexport type FormFieldInfos<TDraft, TOriginal, TPath extends string> = Field<\n  TDraft,\n  TOriginal,\n  TPath\n> & {\n  hasTriggeredValidations: boolean;\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> =\n  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<TPath, TDraft> = {\n  name: TPath & PathAsString<TDraft>;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TOriginal, TPath extends string> = FormFieldProps<\n  TPath,\n  TDraft\n> &\n  NoInfer<{\n    component?: undefined;\n    render: (\n      props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>,\n      info: FormFieldInfos<TDraft, TOriginal, TPath>,\n      form: FormContext<TDraft, TOriginal>,\n    ) => ReactNode;\n    inputFilter?: undefined;\n    defaultValue?: undefined;\n    serialize?: undefined;\n    deserialize?: undefined;\n    onChange?: undefined;\n    onBlur?: undefined;\n  }>;\n\ntype Serialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n  value: Value<TDraft, TPath>,\n  formState: FormInstance<TDraft, TOriginal>,\n) => FieldValue<TComponent>;\n\ntype Deserialize<TDraft, TOriginal, TPath, TComponent extends FormFieldComponent> = (\n  value: FieldChangeValue<TComponent>,\n  formState: FormInstance<TDraft, TOriginal>,\n) => Value<TDraft, TPath>;\n\nexport type FormFieldPropsWithComponent<\n  TDraft,\n  TOriginal,\n  TPath extends string,\n  TComponent extends FormFieldComponent,\n> = FormFieldProps<TPath, TDraft> & {\n  component?: TComponent;\n  render?: undefined;\n} & NoInfer<\n    {\n      inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n    } & MakeOptional<\n      Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n      'onChange' | 'onBlur'\n    > &\n      (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n        ? {\n            defaultValue?: FieldValue<TComponent>;\n            serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n          }\n        : Value<TDraft, TPath> extends FieldValue<TComponent>\n          ?\n              | {\n                  defaultValue: FieldValue<TComponent>;\n                  serialize?: Serialize<TDraft, TOriginal, TPath, TComponent>;\n                }\n              | {\n                  defaultValue?: FieldValue<TComponent>;\n                  serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n                }\n          : {\n              serialize: Serialize<TDraft, TOriginal, TPath, TComponent>;\n            }) &\n      (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n        ? {\n            deserialize?: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n          }\n        : {\n            deserialize: Deserialize<TDraft, TOriginal, TPath, TComponent>;\n          })\n  >;\n\nexport function FormField<\n  TDraft,\n  TOriginal,\n  TPath extends string,\n  TComponent extends FormFieldComponent,\n>(\n  this: Form<TDraft, any>,\n  {\n    // id,\n    name = '' as any,\n    component,\n    commitOnBlur,\n    commitDebounce,\n    render,\n    inputFilter,\n    defaultValue,\n    serialize,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    onChange,\n    onBlur,\n    ...restProps\n  }:\n    | FormFieldPropsWithRender<TDraft, TOriginal, TPath>\n    | FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n): React.JSX.Element | null {\n  type T = FieldChangeValue<TComponent>;\n\n  const form = this.useForm();\n  const getFormState = () => ({ ...form, ...getDerivedState(form) });\n  const [localValue, setLocalValue] = useState<T>();\n\n  const value = this.useFormState((form) => {\n    const value = form.getField(name as any).value;\n    if (serialize) {\n      return serialize(value as any, getFormState());\n    }\n    if (value !== undefined) {\n      return value;\n    }\n    return defaultValue;\n  });\n\n  const setValue = (x: FieldChangeValue<TComponent>) =>\n    form.getField(name as any).setValue(deserialize(x, getFormState()));\n\n  const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(localValue);\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n  }, [localValue, commitDebounce]);\n\n  const props = {\n    name,\n    value: localValue ?? value,\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(value);\n      }\n\n      onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(localValue);\n        setLocalValue(undefined);\n      }\n\n      onBlur?.(...args);\n    },\n  } as FormFieldComponentProps<Value<TDraft, TPath>, TPath>;\n\n  if (render) {\n    return (\n      <>\n        {render(props, { ...form.getField(name as any), hasTriggeredValidations } as any, form) ??\n          null}\n      </>\n    );\n  }\n\n  if (component) {\n    return createElement(component, { ...restProps, ...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 ElementName<TDraft, TPath extends string> = keyof {\n  [Path in TPath as Join<Path, GetKeys<NonNullable<Value<TDraft, Path>>> & (string | number)>]: 1;\n};\n\nexport interface FormForEachProps<TDraft, TPath extends string> {\n  name: TPath & PathAsString<TDraft>;\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 string>(\n  this: Form<TDraft, any>,\n  { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): React.JSX.Element {\n  const form = this.useForm();\n\n  const names = this.useFormState(() => {\n    const field = form.getField(name as any) 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) 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) 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) 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(key),\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 { deepEqual } from '@lib/equals';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef } from 'react';\nimport type { FormContext } from './form';\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): void {\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 | undefined>(undefined);\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 { createStore, type Store, type Update } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { isObject } from '@lib/helpers';\nimport {\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get, join, set } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type Context,\n  type FormEvent,\n  type FunctionComponent,\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 { FormForEach, type ElementName, type FormForEachProps } from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport interface Transform<TDraft> {\n  (value: TDraft, store: Store<TDraft>): void | TDraft;\n}\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n  localizeError?: (error: string, field: string) => string | undefined;\n  autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n  transform?: Transform<TDraft>;\n  validatedClass?: string;\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 string> = {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (value: Update<Value<TDraft, TPath>>) => void;\n  removeValue: () => void;\n  hasChange: boolean;\n  errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends string> = {\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  options: FormOptions<TDraft, TOriginal>;\n  original: TOriginal | undefined;\n  getField: <TPath extends string>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n  getDraft: () => TDraft;\n  hasTriggeredValidations: () => boolean;\n  saveScheduled: () => boolean;\n  saveInProgress: () => 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<\n      FormContext<TDraft, TOriginal>,\n      'options' | 'original' | 'getField' | 'validate' | 'reset'\n    > {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n  form,\n  ...formProps\n}: {\n  form: Form<any, any>;\n  onSubmit?: (\n    event: FormEvent<HTMLFormElement>,\n    form: FormInstance<any, any>,\n  ) => void | Promise<void>;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n  const formInstance = form.useForm();\n  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n  const formRef = useRef<HTMLFormElement>(null);\n\n  function updateValidity(errors: Map<string, string[]>, buttonElement?: HTMLButtonElement) {\n    const formElement = formRef.current;\n    if (!formElement) {\n      return;\n    }\n\n    const localizedErrors = new Map(\n      [...errors.entries()].map(\n        ([field, errors]) =>\n          [\n            field,\n            errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n          ] as const,\n      ),\n    );\n\n    for (const element of Array.from(formElement.elements)) {\n      if ('name' in element && 'setCustomValidity' in element) {\n        (element as HTMLObjectElement).setCustomValidity(\n          localizedErrors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n        );\n      }\n    }\n\n    if (buttonElement && 'setCustomValidity' in buttonElement) {\n      const errorString = [...errors.values()].flat().join('\\n');\n\n      buttonElement.setCustomValidity(errorString);\n    }\n  }\n\n  useEffect(() => {\n    return formInstance.formState\n      .map(() => formInstance.getErrors())\n      .subscribe((errors) => updateValidity(errors));\n  }, []);\n\n  return (\n    <form\n      ref={formRef}\n      noValidate\n      {...formProps}\n      className={[\n        formProps.className,\n        hasTriggeredValidations ? (formInstance.options.validatedClass ?? 'validated') : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onSubmit={async (event) => {\n        if (formInstance.saveInProgress()) {\n          return;\n        }\n\n        try {\n          formInstance.formState.set('saveInProgress', true);\n          event.preventDefault();\n\n          const formElement = event.currentTarget;\n          const buttonElement =\n            event.nativeEvent instanceof SubmitEvent &&\n            event.nativeEvent.submitter instanceof HTMLButtonElement\n              ? event.nativeEvent.submitter\n              : undefined;\n\n          updateValidity(formInstance.getErrors(), buttonElement);\n\n          formElement.reportValidity();\n\n          const isValid = formInstance.validate();\n          if (isValid) {\n            await formProps.onSubmit?.(event, {\n              ...formInstance,\n              ...getDerivedState(formInstance),\n            });\n          }\n        } finally {\n          formInstance.formState.set('saveInProgress', false);\n        }\n      }}\n    />\n  );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends string>(\n  form: FormContext<TDraft, TOriginal>,\n  path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n  const field = {\n    get originalValue() {\n      return form.original !== undefined ? get(form.original as any, path as any) : undefined;\n    },\n\n    get value() {\n      const draft = form.getDraft();\n      return get(draft ?? form.original ?? form.options.defaultValue, path as any);\n    },\n\n    setValue(update: Update<Value<TDraft, TPath>>) {\n      form.formState.set('draft', (draft = form.original ?? form.options.defaultValue) => {\n        if (update instanceof Function) {\n          update = update(get(draft, path as any) as Value<TDraft, TPath>);\n        }\n\n        return set(draft, path as any, update as any);\n      });\n    },\n\n    get hasChange() {\n      return !deepEqual(this.originalValue, this.value, { undefinedEqualsAbsent: true });\n    },\n\n    get errors() {\n      const errors = form.getErrors();\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 (isObject(value)) {\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 (!value) {\n          throw new Error(`Cannot add element to ${JSON.stringify(value)}`);\n        }\n\n        if (Array.isArray(value)) {\n          return [...(value ?? []), args[0]];\n        }\n\n        if (isObject(value)) {\n          return {\n            ...value,\n            [args[0]]: args[1],\n          };\n        }\n\n        throw new Error(`Cannot add element to ${JSON.stringify(value)}`);\n      });\n    },\n\n    remove(key: string | number) {\n      this.setValue((value): any => {\n        if (!value) {\n          throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);\n        }\n\n        if (Array.isArray(value)) {\n          return value.filter((_, index) => index !== Number(key));\n        }\n\n        if (isObject(value)) {\n          const { [key]: _, ...rest } = value as Record<string | number, unknown>;\n          return rest;\n        }\n\n        throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);\n      });\n    },\n  };\n\n  return field 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 function getDerivedState<TDraft>(\n  instance: FormContext<TDraft, any>,\n): FormDerivedState<TDraft> {\n  return {\n    draft: instance.getDraft(),\n    hasTriggeredValidations: instance.hasTriggeredValidations(),\n    saveScheduled: instance.saveScheduled(),\n    saveInProgress: instance.saveInProgress(),\n    hasChanges: instance.hasChanges(),\n    errors: instance.getErrors(),\n    isValid: instance.isValid(),\n  };\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n    TDraft,\n    TOriginal\n  > | 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<S>,\n  ): S {\n    const form = this.useForm();\n\n    return useStore(\n      form.formState,\n      () =>\n        selector({\n          ...form,\n          ...getDerivedState(form),\n        }),\n\n      useStoreOptions,\n    );\n  }\n\n  useField<TPath extends string>(\n    path: TPath,\n    useStoreOptions?: UseStoreOptions<any>,\n  ): Field<TDraft, TOriginal, TPath> {\n    const form = this.useForm();\n    this.useFormState((form) => [form.getField(path).value, form.original], useStoreOptions);\n    return form.getField(path);\n  }\n\n  // ///////////////////////////////////////////////////////////////////////////\n  // React Components\n  // ///////////////////////////////////////////////////////////////////////////\n\n  Form({\n    original,\n    defaultValue,\n    validations,\n    localizeError,\n    autoSave,\n    transform,\n    validatedClass,\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'>): React.JSX.Element {\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      validatedClass: validatedClass ?? this.options.validatedClass,\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    let lastDraft: TDraft | undefined;\n    const cache = new Map<string, unknown>();\n    function lazy<T>(key: string, fn: () => T): T {\n      if (lastDraft !== formState.get().draft) {\n        cache.clear();\n        lastDraft = formState.get().draft;\n      }\n\n      let value = cache.get(key);\n      if (!cache.has(key)) {\n        value = fn();\n        cache.set(key, value);\n      }\n\n      return value as T;\n    }\n\n    const context: FormContext<TDraft, TOriginal> = {\n      formState,\n      options,\n      original,\n\n      getField() {\n        throw new Error('Not implemented');\n      },\n\n      getDraft() {\n        return formState.get().draft ?? original ?? options.defaultValue;\n      },\n\n      hasTriggeredValidations() {\n        return formState.get().hasTriggeredValidations;\n      },\n\n      saveScheduled() {\n        return formState.get().saveScheduled;\n      },\n\n      saveInProgress() {\n        return formState.get().saveInProgress;\n      },\n\n      hasChanges() {\n        return lazy(\n          'hasChanges',\n          () =>\n            !deepEqual(this.getDraft(), original ?? options.defaultValue, {\n              undefinedEqualsAbsent: true,\n            }),\n        );\n      },\n\n      getErrors() {\n        return lazy('getErrors', () => getErrors(this.getDraft(), original, options.validations));\n      },\n\n      isValid() {\n        return lazy('isValid', () => this.getErrors().size === 0);\n      },\n\n      validate() {\n        formState.set('hasTriggeredValidations', true);\n        return this.isValid();\n      },\n\n      reset() {\n        formState.set('draft', undefined);\n        formState.set('hasTriggeredValidations', false);\n      },\n    };\n\n    context.getField = (path) => lazy(path, () => getField(context, path));\n\n    useEffect(() => {\n      const transform = options.transform;\n      if (!transform) {\n        return;\n      }\n\n      const store = formState.map(\n        (state) => state.draft ?? original ?? options.defaultValue,\n        (draft) => (state) => ({ ...state, draft }),\n      );\n\n      return store.subscribe((value) => {\n        const result = transform(value, store);\n\n        if (result !== undefined && !deepEqual(result, value)) {\n          store.set(result);\n        }\n      });\n    }, [original, defaultValue, 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  }): React.JSX.Element {\n    const selectedState = this.useFormState(selector);\n    return <>{children(selectedState)}</>;\n  }\n\n  Field<const TPath extends string>(\n    props: FormFieldPropsWithRender<TDraft, TOriginal, TPath>,\n  ): React.JSX.Element;\n\n  Field<const TPath extends string, const TComponent extends FormFieldComponent = 'input'>(\n    props: FormFieldPropsWithComponent<TDraft, TOriginal, TPath, TComponent>,\n  ): React.JSX.Element;\n\n  Field(props: any): React.JSX.Element {\n    return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n  }\n\n  ForEach<const TPath extends string>(props: FormForEachProps<TDraft, TPath>): React.JSX.Element {\n    return Reflect.apply(FormForEach, this, [props]);\n  }\n\n  withForm<TProps extends Record<string, unknown>>(\n    Component: React.ComponentType<TProps>,\n    formProps?: Parameters<this['Form']>[0],\n  ): FunctionComponent<TProps> {\n    const { Form } = this;\n    return function FormWrapper(props: TProps) {\n      return (\n        <Form {...formProps}>\n          <Component {...props} />\n        </Form>\n      );\n    };\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n): Form<TDraft, TOriginal> {\n  return new Form(options);\n}\n","export function castArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n","import { fromExtendedJsonString, toExtendedJsonString } from '@lib/extendedJson';\n\nexport function defaultDeserializer<T>(value: string): T {\n  if (value === undefined) {\n    return undefined as T;\n  }\n\n  try {\n    return fromExtendedJsonString(value) as T;\n  } catch {\n    return undefined as T;\n  }\n}\n\nexport function defaultSerializer<T>(value: T): string {\n  return toExtendedJsonString(value);\n}\n\nexport function normalizePath<T>(path: string | T): string | T {\n  if (typeof path === 'string') {\n    return path.replace(/^\\//g, '').replace(/\\/$/g, '');\n  }\n  return path;\n}\n","import { castArray } from '@lib/castArray';\nimport { defaultDeserializer, defaultSerializer, normalizePath } from '@react/url/urlHelpers';\n\nexport interface UrlOptions<T> {\n  key: string;\n  type?: 'search' | 'hash';\n  serialize?: (value: T) => string;\n  deserialize?: (value: string) => T;\n  defaultValue: T;\n  writeDefaultValue?: boolean;\n  onCommit?: (value: T) => void;\n  persist?: { id: string } | null;\n  path?: string | RegExp | (string | RegExp)[] | null;\n}\n\nexport interface UrlOptionsWithoutDefaults<T>\n  extends Omit<UrlOptions<T | undefined>, 'defaultValue'> {\n  defaultValue?: T | undefined;\n}\n\nexport function createUrlOptions<T>(options: UrlOptions<T>): Required<UrlOptions<T>>;\nexport function createUrlOptions<T>(\n  options: UrlOptionsWithoutDefaults<T>,\n): Required<UrlOptions<T | undefined>>;\nexport function createUrlOptions<T>({\n  key,\n  type = 'hash',\n  serialize = defaultSerializer,\n  deserialize = defaultDeserializer,\n  defaultValue = undefined as T,\n  writeDefaultValue = false,\n  onCommit = () => undefined,\n  persist = null,\n  path = null,\n}: UrlOptionsWithoutDefaults<T>): Required<UrlOptionsWithoutDefaults<T>> {\n  return {\n    key,\n    type,\n    serialize,\n    deserialize,\n    defaultValue,\n    writeDefaultValue,\n    onCommit,\n    persist,\n    path: path === null ? null : castArray(path).map(normalizePath),\n  };\n}\n","import { createStore, Store, type Update } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { castArray } from '@lib/castArray';\nimport type { Constrain } from '@lib/constrain';\nimport type { Path, Value } from '@lib/path';\nimport { get, set } from '@lib/propAccess';\nimport { normalizePath } from '@react/url/urlHelpers';\nimport {\n  createUrlOptions,\n  type UrlOptions,\n  type UrlOptionsWithoutDefaults,\n} from '@react/url/urlOptions';\n\nexport const urlStore: Store<string> = createStore(() => window.location.href, {\n  cacheValue: false,\n  effect() {\n    const update = () => {\n      if (window.location.href !== this.calculatedValue?.value) {\n        this.invalidate();\n      }\n    };\n\n    const interval = setInterval(update, 1);\n    window.addEventListener('popstate', update);\n\n    return () => {\n      clearInterval(interval);\n      window.removeEventListener('popstate', update);\n    };\n  },\n});\n\nexport class UrlParamStore<T> extends Store<T> {\n  private lastHref?: string;\n  private lastStorageValue?: string | null;\n  private lastValue?: T;\n  private storageKey: string | null;\n\n  constructor(public readonly urlOptions: Required<UrlOptions<T>>) {\n    super(() => this.calc(), { cacheValue: false });\n    autobind(UrlParamStore);\n\n    this.storageKey = urlOptions.persist && createStorageKey(urlOptions.persist.id, urlOptions.key);\n\n    this.addEffect(() => {\n      let isActive = false;\n      let urlValue = this.getUrlValue();\n      let storageValue = this.getStorageValue();\n\n      const update = () => {\n        const oldIsActive = isActive;\n        isActive = this.isPathActive();\n        const oldUrlValue = urlValue;\n        urlValue = this.getUrlValue();\n        const oldStorageValue = storageValue;\n        storageValue = this.getStorageValue();\n\n        // If inactive => ignore changes\n        if (!isActive) {\n          return;\n        }\n\n        // No changes => ignore\n        if (\n          isActive === oldIsActive &&\n          urlValue === oldUrlValue &&\n          storageValue === oldStorageValue\n        ) {\n          return;\n        }\n\n        this.invalidate();\n\n        if (!oldIsActive) {\n          // Became active =>\n          // - if url has value => update storage\n          // - else if storage has value or writeDefaultValue => update url\n          if (urlValue !== null) {\n            this.updateStorage(this.urlOptions.deserialize(urlValue));\n          } else if (storageValue !== null) {\n            this.updateUrl(this.urlOptions.deserialize(storageValue));\n          } else if (this.urlOptions.writeDefaultValue) {\n            this.updateUrl(this.urlOptions.defaultValue);\n            this.updateStorage(this.urlOptions.defaultValue);\n          }\n        } else {\n          // Change while active =>\n          // - if url changed => update storage\n          // - else if storage changed => update url\n          if (urlValue !== oldUrlValue) {\n            if (urlValue === null && this.urlOptions.writeDefaultValue) {\n              this.updateUrl(this.urlOptions.defaultValue);\n            }\n            this.updateStorage();\n          } else if (storageValue !== null) {\n            if (storageValue === null && this.urlOptions.writeDefaultValue) {\n              this.updateUrl(this.urlOptions.defaultValue);\n            }\n            this.updateUrl(this.urlOptions.deserialize(storageValue));\n          }\n        }\n      };\n\n      const cancel = urlStore.subscribe(update);\n      window.addEventListener('storage', update);\n\n      return () => {\n        cancel();\n        window.removeEventListener('storage', update);\n      };\n    });\n  }\n\n  private getUrlValue() {\n    const href = urlStore.get();\n    const url = new URL(href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1) || '');\n    return params.get(this.urlOptions.key);\n  }\n\n  private getStorageValue() {\n    return this.storageKey !== null ? localStorage.getItem(this.storageKey) : null;\n  }\n\n  private isPathActive() {\n    if (this.urlOptions.path === null) {\n      return true;\n    }\n\n    const path = normalizePath(window.location.pathname);\n\n    return castArray(this.urlOptions.path).some((p) => {\n      if (typeof p === 'string') {\n        return !p || p === path || path.startsWith(p + '/');\n      }\n\n      return p.test(path);\n    });\n  }\n\n  private calc() {\n    let href = window.location.href;\n    const storageValue = this.storageKey !== null ? localStorage.getItem(this.storageKey) : null;\n\n    if (!this.isPathActive() && this.lastHref !== undefined) {\n      href = this.lastHref;\n    }\n\n    if (this.lastHref === href && this.lastStorageValue === storageValue) {\n      return this.lastValue as T;\n    }\n\n    const url = new URL(href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1));\n    const urlValue = params.get(this.urlOptions.key);\n\n    const value =\n      urlValue !== null\n        ? this.urlOptions.deserialize(urlValue)\n        : this.storageKey !== null && storageValue !== null\n          ? this.urlOptions.deserialize(storageValue)\n          : this.urlOptions.defaultValue;\n\n    this.lastHref = href;\n    this.lastStorageValue = storageValue;\n    this.lastValue = value;\n    return value;\n  }\n\n  private updateUrl(value = this.calc()) {\n    const serializedValue = this.urlOptions.serialize(value);\n\n    const url = new URL(window.location.href);\n    const params = new URLSearchParams(url[this.urlOptions.type].slice(1));\n\n    if (\n      !this.urlOptions.writeDefaultValue &&\n      serializedValue === this.urlOptions.serialize(this.urlOptions.defaultValue)\n    ) {\n      params.delete(this.urlOptions.key);\n    } else {\n      params.set(this.urlOptions.key, serializedValue);\n    }\n\n    url[this.urlOptions.type] = params.toString();\n    window.history.replaceState(window.history.state, '', url.toString());\n    window.dispatchEvent(new PopStateEvent('popstate'));\n  }\n\n  private updateStorage(value = this.calc()) {\n    if (this.storageKey === null) {\n      return;\n    }\n\n    const serializedValue = this.urlOptions.serialize(value);\n    localStorage.setItem(this.storageKey, serializedValue);\n  }\n\n  set(update: Update<T>): void;\n  set<const P>(path: Constrain<P, Path<T>>, update: Update<Value<T, P>>): void;\n  set(...args: any[]): void {\n    const path: any = args.length > 1 ? args[0] : [];\n    let update: Update<any> = args.length > 1 ? args[1] : args[0];\n\n    if (update instanceof Function) {\n      const before = this.get();\n      const valueBefore = get(before, path);\n      const valueAfter = update(valueBefore);\n      update = set(before, path, valueAfter);\n    } else if (path.length > 0) {\n      update = set(this.get(), path, update);\n    }\n\n    if (this.isPathActive()) {\n      this.updateUrl(update);\n    } else {\n      this.updateStorage(update);\n    }\n  }\n}\n\nexport function createUrlParam<T>(options: UrlOptions<T>): UrlParamStore<T>;\nexport function createUrlParam<T>(\n  options: UrlOptionsWithoutDefaults<T>,\n): UrlParamStore<T | undefined>;\nexport function createUrlParam<T>(options: UrlOptionsWithoutDefaults<T>) {\n  return new UrlParamStore(createUrlOptions(options));\n}\n\nexport function createStorageKey(id: string, key: string) {\n  return `cross-state:url:${id}:${key}`;\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { simpleHash } 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  }, [simpleHash([options.debounce, options.throttle])]);\n\n  return [dirty ? dirty.v : value, update];\n}\n"],"mappings":"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"}

package/dist/react/register.cjs

@@ -1,8 +1,8 @@
-const require_store = require('../store-1TGlSyq4.cjs');
+const require_store = require('../store-DQcFfgKD.cjs');
 require('../propAccess-BdLsqViO.cjs');
 require('../hash-Dv3XlmHn.cjs');
-const require_scope = require('../scope-CoDFmhxK.cjs');
-const require_storeMethods = require('../storeMethods-C_RzHBQL.cjs');
+const require_scope = require('../scope-C9JXWddv.cjs');
+const require_storeMethods = require('../storeMethods-YDnpa-6-.cjs');
 
 //#region src/react/register.ts
 Object.assign(require_store.Store.prototype, require_storeMethods.storeMethods);

package/dist/react/register.d.cts

@@ -1,6 +1,6 @@
-import "../scope-6B7-8lwa.cjs";
-import "../store-BEsiS8y7.cjs";
-import { cacheMethods, scopeMethods, storeMethods } from "../storeMethods-Bg8nMBrf.cjs";
+import "../scope-DkO-RIMy.cjs";
+import "../store-B3PWCx63.cjs";
+import { cacheMethods, scopeMethods, storeMethods } from "../storeMethods-Dt_mJTe3.cjs";
 
 //#region src/react/register.d.ts
 type StoreMethods = typeof storeMethods;

package/dist/react/register.d.ts

@@ -1,6 +1,6 @@
-import "../scope-BbUXgNW_.js";
-import "../store-DKaeE840.js";
-import { cacheMethods, scopeMethods, storeMethods } from "../storeMethods-DWKSveN0.js";
+import "../scope-ByLCVzKk.js";
+import "../store-BJWoRQIs.js";
+import { cacheMethods, scopeMethods, storeMethods } from "../storeMethods-wsbbfJzY.js";
 
 //#region src/react/register.d.ts
 type StoreMethods = typeof storeMethods;

package/dist/react/register.js

@@ -1,8 +1,8 @@
-import { Store, autobind } from "../store-BpMJxIHt.js";
+import { Store, autobind } from "../store-DOEc60aP.js";
 import "../propAccess-B260LXN1.js";
 import "../hash-DNFM5y_h.js";
-import { Cache, Scope } from "../scope-CKXL9xoi.js";
-import { cacheMethods, scopeMethods, storeMethods } from "../storeMethods-CkvcMFoL.js";
+import { Cache, Scope } from "../scope-Mhr133F_.js";
+import { cacheMethods, scopeMethods, storeMethods } from "../storeMethods-C7bswcgj.js";
 
 //#region src/react/register.ts
 Object.assign(Store.prototype, storeMethods);

package/dist/{scope-BbUXgNW_.d.ts → scope-ByLCVzKk.d.ts}

@@ -1,4 +1,4 @@
-import { AnyPath, Calculate, Constrain, Duration, MaybePromise, Path, Selector, Store, StoreOptions, Value } from "./store-DKaeE840.js";
+import { AnyPath, Calculate, Constrain, Duration, MaybePromise, Path, Selector, Store, StoreOptions, Value } from "./store-BJWoRQIs.js";
 
 //#region src/lib/cacheState.d.ts
 type ValueState<T> = {
@@ -164,4 +164,4 @@ declare class Scope<T> {
 declare function createScope<T>(defaultValue: T): Scope<T>;
 //#endregion
 export { Cache, CacheBundle, CacheFunction, CacheGetOptions, CacheOptions, CacheState, CreateCacheResult, ErrorState, PendingState, Resource, ResourceGroup, Scope, ValueState, allResources, createCache, createResourceGroup, createScope };
-//# sourceMappingURL=scope-BbUXgNW_.d.ts.map
+//# sourceMappingURL=scope-ByLCVzKk.d.ts.map

package/dist/{scope-CoDFmhxK.cjs → scope-C9JXWddv.cjs}

@@ -1,4 +1,4 @@
-const require_store = require('./store-1TGlSyq4.cjs');
+const require_store = require('./store-DQcFfgKD.cjs');
 const require_propAccess = require('./propAccess-BdLsqViO.cjs');
 const require_hash = require('./hash-Dv3XlmHn.cjs');
 
@@ -116,7 +116,10 @@ var Cache = class Cache extends require_store.Store {
 		this.watchFocus();
 	}
 	get({ update = "whenStale", backgroundUpdate = false } = {}) {
-		this.calculatedValue?.check();
+		if (!this.calculatedValue?.check()) {
+			this.calculatedValue?.stop();
+			this.calculatedValue = void 0;
+		}
 		const promise = this.calculatedValue?.value;
 		const stalePromise = this.stalePromise;
 		if (update === "whenMissing" && !promise && !stalePromise || update === "whenStale" && !promise || update === "force") {
@@ -373,4 +376,4 @@ Object.defineProperty(exports, 'internalCreate', {
     return internalCreate;
   }
 });
-//# sourceMappingURL=scope-CoDFmhxK.cjs.map
+//# sourceMappingURL=scope-C9JXWddv.cjs.map

package/dist/scope-C9JXWddv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope-C9JXWddv.cjs","names":["factory: (...args: Args) => T","cacheTime?: number","simpleHash","name?: string","allResources: ResourceGroup","Store","args: Args","options: CacheOptions<T, Args>","derivedFromCache?: {\n      cache: Cache<any, any>;\n      selectors: (Selector<any, any> | AnyPath)[];\n    }","createStore","calculatedValue","PromiseWithState","calcDuration","makeSelector","options","baseInstance: CacheBundle<T, Args, TCache> & TCache","defaultCacheOptions: CacheOptions<any, any>","deepEqual","createCache: typeof create & { defaultOptions: CacheOptions<any, any> }","defaultValue: T"],"sources":["../src/lib/instanceCache.ts","../src/core/resourceGroup.ts","../src/core/cache.ts","../src/core/scope.ts"],"sourcesContent":["import { simpleHash } from './hash';\n\nexport class InstanceCache<Args extends any[], T extends object> {\n  private cache = new Map<string, { t: number; ref?: T; weakRef: WeakRef<T> }>();\n\n  private interval = this.cacheTime\n    ? setInterval(() => this.cleanup(), Math.max(this.cacheTime / 10, 1))\n    : undefined;\n\n  constructor(\n    public readonly factory: (...args: Args) => T,\n    public readonly cacheTime?: number,\n  ) {}\n\n  cleanup(): void {\n    const cutoff = this.now() - (this.cacheTime ?? 0);\n\n    for (const [key, entry] of this.cache.entries()) {\n      if (entry.ref && entry.t <= cutoff) {\n        delete entry.ref;\n      }\n\n      if (!entry.ref && !entry.weakRef?.deref()) {\n        this.cache.delete(key);\n      }\n    }\n  }\n\n  get(...args: Args): T {\n    return this.getWithKey(args, args);\n  }\n\n  getWithKey(args: Args, cacheKey: unknown): T {\n    const key = simpleHash(cacheKey);\n    let entry = this.cache.get(key);\n    let value = entry?.ref ?? entry?.weakRef?.deref();\n\n    if (!entry || !value) {\n      value = this.factory(...args);\n      entry = {\n        t: this.now(),\n        ref: value,\n        weakRef: new WeakRef(value),\n      };\n\n      this.cache.set(key, entry);\n    } else {\n      entry.t = this.now();\n      entry.ref ??= value;\n    }\n\n    return value;\n  }\n\n  values(): T[] {\n    return [...this.cache.values()]\n      .map((entry) => entry.ref ?? entry.weakRef?.deref())\n      .filter((value): value is T => !!value);\n  }\n\n  stop(): void {\n    if (this.interval) {\n      clearInterval(this.interval);\n    }\n  }\n\n  stats(): { count: number; withRef: number; withWeakRef: number } {\n    return {\n      count: this.cache.size,\n      withRef: [...this.cache.values()].filter((x) => !!x.ref).length,\n      withWeakRef: [...this.cache.values()].filter((x) => !!x.weakRef?.deref()).length,\n    };\n  }\n\n  private now() {\n    return performance.now();\n  }\n}\n","import { autobind } from '@lib/autobind';\n\nexport interface Resource {\n  invalidateAll(): void;\n  clearAll(): void;\n}\n\nexport class ResourceGroup {\n  private refMap = new WeakMap<Resource, WeakRef<Resource>>();\n\n  private refSet = new Set<WeakRef<Resource>>();\n\n  constructor(public readonly name?: string) {\n    autobind(ResourceGroup);\n  }\n\n  add(resource: Resource): void {\n    const ref = new WeakRef(resource);\n    this.refMap.set(resource, ref);\n    this.refSet.add(ref);\n  }\n\n  delete(resource: Resource): void {\n    const ref = this.refMap.get(resource);\n    if (ref) {\n      this.refMap.delete(resource);\n      this.refSet.delete(ref);\n    }\n  }\n\n  invalidateAll(): void {\n    for (const ref of this.refSet) {\n      const resource = ref.deref();\n      if (resource) {\n        resource.invalidateAll();\n      } else {\n        this.refSet.delete(ref);\n      }\n    }\n  }\n\n  clearAll(): void {\n    for (const ref of this.refSet) {\n      const resource = ref.deref();\n      if (resource) {\n        resource.clearAll();\n      } else {\n        this.refSet.delete(ref);\n      }\n    }\n  }\n}\n\nexport const allResources: ResourceGroup = /* @__PURE__ */ new ResourceGroup();\n\nexport function createResourceGroup(name?: string): ResourceGroup {\n  return new ResourceGroup(name);\n}\n","import { autobind } from '@lib/autobind';\nimport type { CacheState, ErrorState, ValueState } from '@lib/cacheState';\nimport { calcDuration } from '@lib/calcDuration';\nimport { calculatedValue } from '@lib/calculatedValue';\nimport type { Constrain } from '@lib/constrain';\nimport { deepEqual } from '@lib/equals';\nimport { InstanceCache } from '@lib/instanceCache';\nimport { makeSelector } from '@lib/makeSelector';\nimport { type MaybePromise } from '@lib/maybePromise';\nimport type { AnyPath, Path, Value } from '@lib/path';\nimport { PromiseWithState } from '@lib/promiseWithState';\nimport type { Duration, Selector } from './commonTypes';\nimport { allResources, type ResourceGroup } from './resourceGroup';\nimport { Store, createStore, type Calculate, type StoreOptions } from './store';\n\nexport interface CacheGetOptions {\n  /**\n   * How to handle the cache when getting the value.\n   * - `whenMissing`: Only fetch a new value if there is no cached value.\n   * - `whenStale`: Fetch a new value if there is no cached value or if the cached value is stale.\n   * - `force`: Always fetch a new value, regardless of the cache state.\n   */\n  update?: 'whenMissing' | 'whenStale' | 'force';\n\n  /**\n   * If set to `true`, the cache will be updated in the background.\n   * This means that a stale value will be returned immediately, if available, while the new value is being fetched.\n   */\n  backgroundUpdate?: boolean;\n}\n\nexport interface CacheFunction<T, Args extends any[] = []> {\n  (...args: Args): Promise<T> | Calculate<Promise<T>>;\n}\n\nexport interface CacheOptions<T, Args extends any[]> extends StoreOptions<Promise<T>> {\n  /**\n   * How long to keep the cache entry before it is considered stale.\n   * If set to `undefined` or `null`, the cache entry will never be invalidated automatically.\n   *\n   * @example\n   * ```typescript\n   * createCache(fetchData, {\n   *   invalidateAfter: { seconds: 10 },\n   * });\n   * ```\n   */\n  invalidateAfter?: Duration | ((state: ValueState<T> | ErrorState) => Duration | null) | null;\n\n  /**\n   * If set, the cache will be invalidated when the window gets focused.\n   * This is useful for caches that are used in a browser environment and might become stale when the user switches tabs.\n   */\n  invalidateOnWindowFocus?: boolean;\n\n  /**\n   * If set, the cached value will be cleared when the cache is invalidated.\n   * Without this option, the cache will keep the last value as stale until a new value becomes available.\n   */\n  clearOnInvalidate?: boolean;\n\n  /**\n   * If set, cache entries will be cleared after approximately the specified duration.\n   * This is useful for long lived pages or applications and helps to prevent memory leaks.\n   * The exact time when the entry is cleared is not guaranteed, since it will be cleared during garbage collection.\n   */\n  clearUnusedAfter?: Duration | null;\n\n  /**\n   * Add the cache to the specified resource group(s).\n   * This allows you to invalidate or clear multiple caches that belong to the same group.\n   * All caches are always added to the `allResources` group.\n   */\n  resourceGroup?: ResourceGroup | ResourceGroup[];\n\n  /**\n   * Function to generate a custom cache key based on the provided arguments.\n   * This allows you to control how cache entries are identified and reused.\n   * By default, the arguments array is used as the cache key.\n   *\n   * @example\n   * ```typescript\n   * // Will use the same instance when provided with `undefined`, `{ num: 0 }`, `{ bool: false }`, etc.\n   * createCache((filter?: { num?: number, bool?: boolean }) => fetchData(filter), {\n   *   getCacheKey: (filter?) => ({\n   *     num: filter?.num ?? 0,\n   *     bool: filter?.bool ?? false,\n   *   }),\n   * });\n   * ```\n   */\n  getCacheKey?: (...args: NoInfer<Args>) => unknown;\n}\n\nexport class Cache<T, Args extends any[] = []> extends Store<Promise<T>> {\n  readonly state: Store<CacheState<T>> = createStore<CacheState<T>>({\n    status: 'pending',\n    isStale: true,\n    isUpdating: false,\n    isConnected: false,\n  });\n\n  protected stalePromise?: Promise<T>;\n\n  protected invalidationTimer?: ReturnType<typeof setTimeout>;\n\n  constructor(\n    getter: Calculate<Promise<T>>,\n    public readonly args: Args,\n    public readonly options: CacheOptions<T, Args> = {},\n    public readonly derivedFromCache?: {\n      cache: Cache<any, any>;\n      selectors: (Selector<any, any> | AnyPath)[];\n    },\n  ) {\n    super(getter, options, undefined);\n    autobind(Cache);\n\n    this.watchPromise();\n    this.watchFocus();\n  }\n\n  get({ update = 'whenStale', backgroundUpdate = false }: CacheGetOptions = {}): Promise<T> {\n    if (!this.calculatedValue?.check()) {\n      this.calculatedValue?.stop();\n      this.calculatedValue = undefined;\n    }\n\n    const promise = this.calculatedValue?.value;\n    const stalePromise = this.stalePromise;\n\n    if (\n      (update === 'whenMissing' && !promise && !stalePromise) ||\n      (update === 'whenStale' && !promise) ||\n      update === 'force'\n    ) {\n      this.calculatedValue = calculatedValue(this, this.notify);\n      this.notify();\n\n      if ((!promise && !stalePromise) || !backgroundUpdate) {\n        return this.calculatedValue.value;\n      }\n    }\n\n    if (!promise || (stalePromise && backgroundUpdate)) {\n      return stalePromise!;\n    }\n\n    return promise;\n  }\n\n  updateValue(value: MaybePromise<T> | ((value: T | undefined) => T)): void {\n    if (value instanceof Function) {\n      value = value(this.state.get().value);\n    }\n    this.set(PromiseWithState.resolve(value));\n  }\n\n  updateError(error: unknown): void {\n    this.set(PromiseWithState.reject(error));\n  }\n\n  invalidate(recursive?: boolean): void {\n    const { clearOnInvalidate } = this.options;\n\n    if (clearOnInvalidate) {\n      return this.clear(recursive);\n    }\n\n    const { status, isStale, isUpdating } = this.state.get();\n    if (status !== 'pending' && !isStale && !isUpdating) {\n      this.stalePromise = this.calculatedValue?.value;\n    }\n\n    this.state.set((state) => ({\n      ...state,\n      isStale: true,\n      isUpdating: false,\n    }));\n\n    super.invalidate(recursive);\n  }\n\n  clear(recursive?: boolean): void {\n    this.state.set({\n      status: 'pending',\n      isStale: true,\n      isUpdating: false,\n      isConnected: false,\n    });\n    delete this.stalePromise;\n\n    super.invalidate(recursive);\n  }\n\n  mapValue<S>(selector: Selector<T, S>): Cache<S, Args>;\n\n  mapValue<const P extends AnyPath>(\n    selector: P extends Path<T> ? P : Path<T>,\n  ): Cache<Value<T, P>, Args>;\n\n  mapValue(selector: Selector<any, any> | AnyPath) {\n    return mapValue(this, selector);\n  }\n\n  protected watchPromise(): void {\n    this.subscribe(\n      async (promise) => {\n        if (promise instanceof PromiseWithState && promise.state.status !== 'pending') {\n          promise.catch(() => undefined);\n\n          this.state.set((state) => ({\n            ...promise.state,\n            isStale: false,\n            isUpdating: false,\n            isConnected: state.isConnected,\n          }));\n\n          delete this.stalePromise;\n          this.setTimers();\n          return;\n        }\n\n        this.state.set((state) => ({\n          ...state,\n          isUpdating: true,\n        }));\n\n        this.setTimers();\n\n        try {\n          const value = await promise;\n\n          if (promise !== this.calculatedValue?.value) {\n            return;\n          }\n\n          this.state.set((state) => ({\n            status: 'value',\n            value,\n            isStale: false,\n            isUpdating: false,\n            isConnected: state.isConnected,\n          }));\n          delete this.stalePromise;\n          this.setTimers();\n        } catch (error) {\n          if (promise !== this.calculatedValue?.value) {\n            return;\n          }\n\n          this.state.set((state) => ({\n            status: 'error',\n            error,\n            isStale: false,\n            isUpdating: false,\n            isConnected: state.isConnected,\n          }));\n          delete this.stalePromise;\n          this.setTimers();\n        }\n      },\n      { passive: true },\n    );\n  }\n\n  protected setTimers(): void {\n    if (this.invalidationTimer) {\n      clearTimeout(this.invalidationTimer);\n    }\n    this.invalidationTimer = undefined;\n\n    const state = this.state.get();\n    let { invalidateAfter } = this.options;\n    const ref = new WeakRef(this);\n\n    if (state.status === 'pending') {\n      return;\n    }\n\n    if (invalidateAfter instanceof Function) {\n      invalidateAfter = invalidateAfter(state);\n    }\n\n    if (invalidateAfter !== null && invalidateAfter !== undefined) {\n      this.invalidationTimer = setTimeout(\n        () => ref?.deref()?.invalidate(),\n        calcDuration(invalidateAfter),\n      );\n    }\n  }\n\n  protected watchFocus(): void {\n    const { invalidateOnWindowFocus } = this.options;\n\n    if (\n      !invalidateOnWindowFocus ||\n      typeof document === 'undefined' ||\n      typeof document.addEventListener === 'undefined'\n    ) {\n      return;\n    }\n\n    const ref = new WeakRef(this);\n\n    const onFocus = () => {\n      const that = ref?.deref();\n      if (!that) {\n        document.removeEventListener('visibilitychange', onFocus);\n        return;\n      }\n\n      if (!document.hidden && !that.state.get().isConnected) {\n        that.invalidate();\n      }\n    };\n\n    document.addEventListener('visibilitychange', onFocus);\n  }\n}\n\nfunction mapValue<T, S, Args extends any[]>(\n  cache: Cache<T, Args>,\n  _selector: Selector<T, S> | AnyPath,\n): Cache<S, Args> {\n  const selector = makeSelector(_selector);\n  const derivedFromCache = {\n    cache: cache.derivedFromCache ? cache.derivedFromCache.cache : cache,\n    selectors: cache.derivedFromCache\n      ? [...cache.derivedFromCache.selectors, _selector]\n      : [_selector],\n  };\n\n  return new Cache<S, Args>(\n    async ({ use }) => {\n      const value = await use(cache);\n      return selector(value);\n    },\n    cache.args,\n    {\n      equals: cache.options.equals,\n    },\n    derivedFromCache,\n  );\n}\n\nexport type CreateCacheResult<\n  T,\n  Args extends any[],\n  TCache extends Cache<T, Args>,\n> = [] extends Args ? CacheBundle<T, Args, TCache> & TCache : CacheBundle<T, Args, TCache>;\n\nexport interface InvalidationOptions<T, Args extends any[], TCache extends Cache<T, Args>> {\n  filter?: (cache: TCache) => boolean;\n}\n\nexport type CacheBundle<T, Args extends any[], TCache extends Cache<T, Args>> = {\n  (...args: Args): TCache;\n  mapCache<S>(selector: Selector<T, S>): CreateCacheResult<S, Args, Cache<S, Args>>;\n  mapValue<const P>(\n    selector: Constrain<P, Path<T>>,\n  ): CreateCacheResult<Value<T, P>, Args, Cache<Value<T, P>, Args>>;\n  invalidateAll: (options?: InvalidationOptions<T, Args, TCache>) => void;\n  clearAll: (options?: InvalidationOptions<T, Args, TCache>) => void;\n  getInstances: () => TCache[];\n};\n\nfunction create<T, Args extends any[] = []>(\n  cacheFunction: CacheFunction<T, Args>,\n  options?: CacheOptions<T, Args>,\n): CreateCacheResult<T, Args, Cache<T, Args>> {\n  return internalCreate<T, Args, Cache<T, Args>>(\n    (args, options) =>\n      new Cache(\n        (helpers) => {\n          const result = cacheFunction.apply(helpers, args);\n\n          if (result instanceof Function) {\n            return result(helpers);\n          }\n\n          return result;\n        },\n        args,\n        options,\n        undefined,\n      ),\n    options,\n  );\n}\n\nexport function internalCreate<T, Args extends any[], TCache extends Cache<T, Args>>(\n  factory: (args: Args, options: CacheOptions<T, Args>) => TCache,\n  options?: CacheOptions<T, Args>,\n): CreateCacheResult<T, Args, TCache> {\n  options = { ...createCache.defaultOptions, ...options };\n  const { clearUnusedAfter, resourceGroup } = options ?? {};\n\n  let baseInstance: CacheBundle<T, Args, TCache> & TCache;\n\n  const instanceCache = new InstanceCache<Args, TCache>(\n    (...args) => factory(args, options),\n    clearUnusedAfter ? calcDuration(clearUnusedAfter) : undefined,\n  );\n\n  function get(...args: Args) {\n    const sliceAfter = args.lastIndexOf(undefined);\n    if (sliceAfter !== -1) {\n      args = args.slice(0, sliceAfter) as Args;\n    }\n\n    const cacheKey = options?.getCacheKey ? options.getCacheKey(...args) : args;\n    return instanceCache.getWithKey(args, cacheKey);\n  }\n\n  const mapCache = (selector: any) => {\n    return internalCreate<any, Args, Cache<any, Args>>((args: Args) =>\n      mapValue(baseInstance(...args), selector),\n    );\n  };\n\n  const invalidateAll = ({ filter = () => true }: InvalidationOptions<T, Args, TCache> = {}) => {\n    for (const instance of instanceCache.values()) {\n      if (filter(instance)) {\n        instance.invalidate();\n      }\n    }\n  };\n\n  const clearAll = ({ filter = () => true }: InvalidationOptions<T, Args, TCache> = {}) => {\n    for (const instance of instanceCache.values()) {\n      if (filter(instance)) {\n        instance.clear();\n      }\n    }\n  };\n\n  const getInstances = () => {\n    return instanceCache.values();\n  };\n\n  baseInstance = new Proxy(\n    Object.assign(() => undefined, {\n      mapCache,\n      invalidateAll,\n      clearAll,\n      getInstances,\n    }),\n    {\n      apply(_target, _thisArg, argArray) {\n        return get(...(argArray as unknown as Args));\n      },\n      get(target, p, receiver) {\n        if (Reflect.has(target, p)) {\n          return Reflect.get(target, p, receiver);\n        }\n\n        const baseCache = get(...([] as unknown as Args));\n        return Reflect.get(baseCache, p, baseCache);\n      },\n    },\n  ) as unknown as CacheBundle<T, Args, TCache> & TCache;\n\n  const groups = Array.isArray(resourceGroup)\n    ? resourceGroup\n    : resourceGroup\n      ? [resourceGroup]\n      : [];\n\n  for (const group of groups.concat(allResources)) {\n    group.add(baseInstance);\n  }\n\n  return baseInstance;\n}\n\nexport const defaultCacheOptions: CacheOptions<any, any> = {\n  invalidateOnWindowFocus: true,\n  clearUnusedAfter: { days: 1 },\n  retain: { milliseconds: 1 },\n  equals: deepEqual,\n};\n\nexport const createCache: typeof create & { defaultOptions: CacheOptions<any, any> } =\n  /* @__PURE__ */ Object.assign(create, {\n    defaultOptions: defaultCacheOptions,\n  });\n","import { autobind } from '@lib/autobind';\n\nexport class Scope<T> {\n  constructor(public readonly defaultValue: T) {\n    autobind(Scope);\n  }\n}\n\nexport function createScope<T>(defaultValue: T): Scope<T> {\n  return new Scope(defaultValue);\n}\n"],"mappings":"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"}

package/dist/{scope-6B7-8lwa.d.cts → scope-DkO-RIMy.d.cts}

@@ -1,4 +1,4 @@
-import { AnyPath, Calculate, Constrain, Duration, MaybePromise, Path, Selector, Store, StoreOptions, Value } from "./store-BEsiS8y7.cjs";
+import { AnyPath, Calculate, Constrain, Duration, MaybePromise, Path, Selector, Store, StoreOptions, Value } from "./store-B3PWCx63.cjs";
 
 //#region src/lib/cacheState.d.ts
 type ValueState<T> = {
@@ -164,4 +164,4 @@ declare class Scope<T> {
 declare function createScope<T>(defaultValue: T): Scope<T>;
 //#endregion
 export { Cache, CacheBundle, CacheFunction, CacheGetOptions, CacheOptions, CacheState, CreateCacheResult, ErrorState, PendingState, Resource, ResourceGroup, Scope, ValueState, allResources, createCache, createResourceGroup, createScope };
-//# sourceMappingURL=scope-6B7-8lwa.d.cts.map
+//# sourceMappingURL=scope-DkO-RIMy.d.cts.map

package/dist/{scope-CKXL9xoi.js → scope-Mhr133F_.js}

@@ -1,4 +1,4 @@
-import { PromiseWithState, Store, autobind, calcDuration, calculatedValue, createStore, makeSelector } from "./store-BpMJxIHt.js";
+import { PromiseWithState, Store, autobind, calcDuration, calculatedValue, createStore, makeSelector } from "./store-DOEc60aP.js";
 import { deepEqual } from "./propAccess-B260LXN1.js";
 import { simpleHash } from "./hash-DNFM5y_h.js";
 
@@ -116,7 +116,10 @@ var Cache = class Cache extends Store {
 		this.watchFocus();
 	}
 	get({ update = "whenStale", backgroundUpdate = false } = {}) {
-		this.calculatedValue?.check();
+		if (!this.calculatedValue?.check()) {
+			this.calculatedValue?.stop();
+			this.calculatedValue = void 0;
+		}
 		const promise = this.calculatedValue?.value;
 		const stalePromise = this.stalePromise;
 		if (update === "whenMissing" && !promise && !stalePromise || update === "whenStale" && !promise || update === "force") {
@@ -314,4 +317,4 @@ function createScope(defaultValue) {
 
 //#endregion
 export { Cache, InstanceCache, ResourceGroup, Scope, allResources, createCache, createResourceGroup, createScope, defaultCacheOptions, internalCreate };
-//# sourceMappingURL=scope-CKXL9xoi.js.map
+//# sourceMappingURL=scope-Mhr133F_.js.map

package/dist/scope-Mhr133F_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope-Mhr133F_.js","names":["factory: (...args: Args) => T","cacheTime?: number","name?: string","allResources: ResourceGroup","args: Args","options: CacheOptions<T, Args>","derivedFromCache?: {\n      cache: Cache<any, any>;\n      selectors: (Selector<any, any> | AnyPath)[];\n    }","options","baseInstance: CacheBundle<T, Args, TCache> & TCache","defaultCacheOptions: CacheOptions<any, any>","createCache: typeof create & { defaultOptions: CacheOptions<any, any> }","defaultValue: T"],"sources":["../src/lib/instanceCache.ts","../src/core/resourceGroup.ts","../src/core/cache.ts","../src/core/scope.ts"],"sourcesContent":["import { simpleHash } from './hash';\n\nexport class InstanceCache<Args extends any[], T extends object> {\n  private cache = new Map<string, { t: number; ref?: T; weakRef: WeakRef<T> }>();\n\n  private interval = this.cacheTime\n    ? setInterval(() => this.cleanup(), Math.max(this.cacheTime / 10, 1))\n    : undefined;\n\n  constructor(\n    public readonly factory: (...args: Args) => T,\n    public readonly cacheTime?: number,\n  ) {}\n\n  cleanup(): void {\n    const cutoff = this.now() - (this.cacheTime ?? 0);\n\n    for (const [key, entry] of this.cache.entries()) {\n      if (entry.ref && entry.t <= cutoff) {\n        delete entry.ref;\n      }\n\n      if (!entry.ref && !entry.weakRef?.deref()) {\n        this.cache.delete(key);\n      }\n    }\n  }\n\n  get(...args: Args): T {\n    return this.getWithKey(args, args);\n  }\n\n  getWithKey(args: Args, cacheKey: unknown): T {\n    const key = simpleHash(cacheKey);\n    let entry = this.cache.get(key);\n    let value = entry?.ref ?? entry?.weakRef?.deref();\n\n    if (!entry || !value) {\n      value = this.factory(...args);\n      entry = {\n        t: this.now(),\n        ref: value,\n        weakRef: new WeakRef(value),\n      };\n\n      this.cache.set(key, entry);\n    } else {\n      entry.t = this.now();\n      entry.ref ??= value;\n    }\n\n    return value;\n  }\n\n  values(): T[] {\n    return [...this.cache.values()]\n      .map((entry) => entry.ref ?? entry.weakRef?.deref())\n      .filter((value): value is T => !!value);\n  }\n\n  stop(): void {\n    if (this.interval) {\n      clearInterval(this.interval);\n    }\n  }\n\n  stats(): { count: number; withRef: number; withWeakRef: number } {\n    return {\n      count: this.cache.size,\n      withRef: [...this.cache.values()].filter((x) => !!x.ref).length,\n      withWeakRef: [...this.cache.values()].filter((x) => !!x.weakRef?.deref()).length,\n    };\n  }\n\n  private now() {\n    return performance.now();\n  }\n}\n","import { autobind } from '@lib/autobind';\n\nexport interface Resource {\n  invalidateAll(): void;\n  clearAll(): void;\n}\n\nexport class ResourceGroup {\n  private refMap = new WeakMap<Resource, WeakRef<Resource>>();\n\n  private refSet = new Set<WeakRef<Resource>>();\n\n  constructor(public readonly name?: string) {\n    autobind(ResourceGroup);\n  }\n\n  add(resource: Resource): void {\n    const ref = new WeakRef(resource);\n    this.refMap.set(resource, ref);\n    this.refSet.add(ref);\n  }\n\n  delete(resource: Resource): void {\n    const ref = this.refMap.get(resource);\n    if (ref) {\n      this.refMap.delete(resource);\n      this.refSet.delete(ref);\n    }\n  }\n\n  invalidateAll(): void {\n    for (const ref of this.refSet) {\n      const resource = ref.deref();\n      if (resource) {\n        resource.invalidateAll();\n      } else {\n        this.refSet.delete(ref);\n      }\n    }\n  }\n\n  clearAll(): void {\n    for (const ref of this.refSet) {\n      const resource = ref.deref();\n      if (resource) {\n        resource.clearAll();\n      } else {\n        this.refSet.delete(ref);\n      }\n    }\n  }\n}\n\nexport const allResources: ResourceGroup = /* @__PURE__ */ new ResourceGroup();\n\nexport function createResourceGroup(name?: string): ResourceGroup {\n  return new ResourceGroup(name);\n}\n","import { autobind } from '@lib/autobind';\nimport type { CacheState, ErrorState, ValueState } from '@lib/cacheState';\nimport { calcDuration } from '@lib/calcDuration';\nimport { calculatedValue } from '@lib/calculatedValue';\nimport type { Constrain } from '@lib/constrain';\nimport { deepEqual } from '@lib/equals';\nimport { InstanceCache } from '@lib/instanceCache';\nimport { makeSelector } from '@lib/makeSelector';\nimport { type MaybePromise } from '@lib/maybePromise';\nimport type { AnyPath, Path, Value } from '@lib/path';\nimport { PromiseWithState } from '@lib/promiseWithState';\nimport type { Duration, Selector } from './commonTypes';\nimport { allResources, type ResourceGroup } from './resourceGroup';\nimport { Store, createStore, type Calculate, type StoreOptions } from './store';\n\nexport interface CacheGetOptions {\n  /**\n   * How to handle the cache when getting the value.\n   * - `whenMissing`: Only fetch a new value if there is no cached value.\n   * - `whenStale`: Fetch a new value if there is no cached value or if the cached value is stale.\n   * - `force`: Always fetch a new value, regardless of the cache state.\n   */\n  update?: 'whenMissing' | 'whenStale' | 'force';\n\n  /**\n   * If set to `true`, the cache will be updated in the background.\n   * This means that a stale value will be returned immediately, if available, while the new value is being fetched.\n   */\n  backgroundUpdate?: boolean;\n}\n\nexport interface CacheFunction<T, Args extends any[] = []> {\n  (...args: Args): Promise<T> | Calculate<Promise<T>>;\n}\n\nexport interface CacheOptions<T, Args extends any[]> extends StoreOptions<Promise<T>> {\n  /**\n   * How long to keep the cache entry before it is considered stale.\n   * If set to `undefined` or `null`, the cache entry will never be invalidated automatically.\n   *\n   * @example\n   * ```typescript\n   * createCache(fetchData, {\n   *   invalidateAfter: { seconds: 10 },\n   * });\n   * ```\n   */\n  invalidateAfter?: Duration | ((state: ValueState<T> | ErrorState) => Duration | null) | null;\n\n  /**\n   * If set, the cache will be invalidated when the window gets focused.\n   * This is useful for caches that are used in a browser environment and might become stale when the user switches tabs.\n   */\n  invalidateOnWindowFocus?: boolean;\n\n  /**\n   * If set, the cached value will be cleared when the cache is invalidated.\n   * Without this option, the cache will keep the last value as stale until a new value becomes available.\n   */\n  clearOnInvalidate?: boolean;\n\n  /**\n   * If set, cache entries will be cleared after approximately the specified duration.\n   * This is useful for long lived pages or applications and helps to prevent memory leaks.\n   * The exact time when the entry is cleared is not guaranteed, since it will be cleared during garbage collection.\n   */\n  clearUnusedAfter?: Duration | null;\n\n  /**\n   * Add the cache to the specified resource group(s).\n   * This allows you to invalidate or clear multiple caches that belong to the same group.\n   * All caches are always added to the `allResources` group.\n   */\n  resourceGroup?: ResourceGroup | ResourceGroup[];\n\n  /**\n   * Function to generate a custom cache key based on the provided arguments.\n   * This allows you to control how cache entries are identified and reused.\n   * By default, the arguments array is used as the cache key.\n   *\n   * @example\n   * ```typescript\n   * // Will use the same instance when provided with `undefined`, `{ num: 0 }`, `{ bool: false }`, etc.\n   * createCache((filter?: { num?: number, bool?: boolean }) => fetchData(filter), {\n   *   getCacheKey: (filter?) => ({\n   *     num: filter?.num ?? 0,\n   *     bool: filter?.bool ?? false,\n   *   }),\n   * });\n   * ```\n   */\n  getCacheKey?: (...args: NoInfer<Args>) => unknown;\n}\n\nexport class Cache<T, Args extends any[] = []> extends Store<Promise<T>> {\n  readonly state: Store<CacheState<T>> = createStore<CacheState<T>>({\n    status: 'pending',\n    isStale: true,\n    isUpdating: false,\n    isConnected: false,\n  });\n\n  protected stalePromise?: Promise<T>;\n\n  protected invalidationTimer?: ReturnType<typeof setTimeout>;\n\n  constructor(\n    getter: Calculate<Promise<T>>,\n    public readonly args: Args,\n    public readonly options: CacheOptions<T, Args> = {},\n    public readonly derivedFromCache?: {\n      cache: Cache<any, any>;\n      selectors: (Selector<any, any> | AnyPath)[];\n    },\n  ) {\n    super(getter, options, undefined);\n    autobind(Cache);\n\n    this.watchPromise();\n    this.watchFocus();\n  }\n\n  get({ update = 'whenStale', backgroundUpdate = false }: CacheGetOptions = {}): Promise<T> {\n    if (!this.calculatedValue?.check()) {\n      this.calculatedValue?.stop();\n      this.calculatedValue = undefined;\n    }\n\n    const promise = this.calculatedValue?.value;\n    const stalePromise = this.stalePromise;\n\n    if (\n      (update === 'whenMissing' && !promise && !stalePromise) ||\n      (update === 'whenStale' && !promise) ||\n      update === 'force'\n    ) {\n      this.calculatedValue = calculatedValue(this, this.notify);\n      this.notify();\n\n      if ((!promise && !stalePromise) || !backgroundUpdate) {\n        return this.calculatedValue.value;\n      }\n    }\n\n    if (!promise || (stalePromise && backgroundUpdate)) {\n      return stalePromise!;\n    }\n\n    return promise;\n  }\n\n  updateValue(value: MaybePromise<T> | ((value: T | undefined) => T)): void {\n    if (value instanceof Function) {\n      value = value(this.state.get().value);\n    }\n    this.set(PromiseWithState.resolve(value));\n  }\n\n  updateError(error: unknown): void {\n    this.set(PromiseWithState.reject(error));\n  }\n\n  invalidate(recursive?: boolean): void {\n    const { clearOnInvalidate } = this.options;\n\n    if (clearOnInvalidate) {\n      return this.clear(recursive);\n    }\n\n    const { status, isStale, isUpdating } = this.state.get();\n    if (status !== 'pending' && !isStale && !isUpdating) {\n      this.stalePromise = this.calculatedValue?.value;\n    }\n\n    this.state.set((state) => ({\n      ...state,\n      isStale: true,\n      isUpdating: false,\n    }));\n\n    super.invalidate(recursive);\n  }\n\n  clear(recursive?: boolean): void {\n    this.state.set({\n      status: 'pending',\n      isStale: true,\n      isUpdating: false,\n      isConnected: false,\n    });\n    delete this.stalePromise;\n\n    super.invalidate(recursive);\n  }\n\n  mapValue<S>(selector: Selector<T, S>): Cache<S, Args>;\n\n  mapValue<const P extends AnyPath>(\n    selector: P extends Path<T> ? P : Path<T>,\n  ): Cache<Value<T, P>, Args>;\n\n  mapValue(selector: Selector<any, any> | AnyPath) {\n    return mapValue(this, selector);\n  }\n\n  protected watchPromise(): void {\n    this.subscribe(\n      async (promise) => {\n        if (promise instanceof PromiseWithState && promise.state.status !== 'pending') {\n          promise.catch(() => undefined);\n\n          this.state.set((state) => ({\n            ...promise.state,\n            isStale: false,\n            isUpdating: false,\n            isConnected: state.isConnected,\n          }));\n\n          delete this.stalePromise;\n          this.setTimers();\n          return;\n        }\n\n        this.state.set((state) => ({\n          ...state,\n          isUpdating: true,\n        }));\n\n        this.setTimers();\n\n        try {\n          const value = await promise;\n\n          if (promise !== this.calculatedValue?.value) {\n            return;\n          }\n\n          this.state.set((state) => ({\n            status: 'value',\n            value,\n            isStale: false,\n            isUpdating: false,\n            isConnected: state.isConnected,\n          }));\n          delete this.stalePromise;\n          this.setTimers();\n        } catch (error) {\n          if (promise !== this.calculatedValue?.value) {\n            return;\n          }\n\n          this.state.set((state) => ({\n            status: 'error',\n            error,\n            isStale: false,\n            isUpdating: false,\n            isConnected: state.isConnected,\n          }));\n          delete this.stalePromise;\n          this.setTimers();\n        }\n      },\n      { passive: true },\n    );\n  }\n\n  protected setTimers(): void {\n    if (this.invalidationTimer) {\n      clearTimeout(this.invalidationTimer);\n    }\n    this.invalidationTimer = undefined;\n\n    const state = this.state.get();\n    let { invalidateAfter } = this.options;\n    const ref = new WeakRef(this);\n\n    if (state.status === 'pending') {\n      return;\n    }\n\n    if (invalidateAfter instanceof Function) {\n      invalidateAfter = invalidateAfter(state);\n    }\n\n    if (invalidateAfter !== null && invalidateAfter !== undefined) {\n      this.invalidationTimer = setTimeout(\n        () => ref?.deref()?.invalidate(),\n        calcDuration(invalidateAfter),\n      );\n    }\n  }\n\n  protected watchFocus(): void {\n    const { invalidateOnWindowFocus } = this.options;\n\n    if (\n      !invalidateOnWindowFocus ||\n      typeof document === 'undefined' ||\n      typeof document.addEventListener === 'undefined'\n    ) {\n      return;\n    }\n\n    const ref = new WeakRef(this);\n\n    const onFocus = () => {\n      const that = ref?.deref();\n      if (!that) {\n        document.removeEventListener('visibilitychange', onFocus);\n        return;\n      }\n\n      if (!document.hidden && !that.state.get().isConnected) {\n        that.invalidate();\n      }\n    };\n\n    document.addEventListener('visibilitychange', onFocus);\n  }\n}\n\nfunction mapValue<T, S, Args extends any[]>(\n  cache: Cache<T, Args>,\n  _selector: Selector<T, S> | AnyPath,\n): Cache<S, Args> {\n  const selector = makeSelector(_selector);\n  const derivedFromCache = {\n    cache: cache.derivedFromCache ? cache.derivedFromCache.cache : cache,\n    selectors: cache.derivedFromCache\n      ? [...cache.derivedFromCache.selectors, _selector]\n      : [_selector],\n  };\n\n  return new Cache<S, Args>(\n    async ({ use }) => {\n      const value = await use(cache);\n      return selector(value);\n    },\n    cache.args,\n    {\n      equals: cache.options.equals,\n    },\n    derivedFromCache,\n  );\n}\n\nexport type CreateCacheResult<\n  T,\n  Args extends any[],\n  TCache extends Cache<T, Args>,\n> = [] extends Args ? CacheBundle<T, Args, TCache> & TCache : CacheBundle<T, Args, TCache>;\n\nexport interface InvalidationOptions<T, Args extends any[], TCache extends Cache<T, Args>> {\n  filter?: (cache: TCache) => boolean;\n}\n\nexport type CacheBundle<T, Args extends any[], TCache extends Cache<T, Args>> = {\n  (...args: Args): TCache;\n  mapCache<S>(selector: Selector<T, S>): CreateCacheResult<S, Args, Cache<S, Args>>;\n  mapValue<const P>(\n    selector: Constrain<P, Path<T>>,\n  ): CreateCacheResult<Value<T, P>, Args, Cache<Value<T, P>, Args>>;\n  invalidateAll: (options?: InvalidationOptions<T, Args, TCache>) => void;\n  clearAll: (options?: InvalidationOptions<T, Args, TCache>) => void;\n  getInstances: () => TCache[];\n};\n\nfunction create<T, Args extends any[] = []>(\n  cacheFunction: CacheFunction<T, Args>,\n  options?: CacheOptions<T, Args>,\n): CreateCacheResult<T, Args, Cache<T, Args>> {\n  return internalCreate<T, Args, Cache<T, Args>>(\n    (args, options) =>\n      new Cache(\n        (helpers) => {\n          const result = cacheFunction.apply(helpers, args);\n\n          if (result instanceof Function) {\n            return result(helpers);\n          }\n\n          return result;\n        },\n        args,\n        options,\n        undefined,\n      ),\n    options,\n  );\n}\n\nexport function internalCreate<T, Args extends any[], TCache extends Cache<T, Args>>(\n  factory: (args: Args, options: CacheOptions<T, Args>) => TCache,\n  options?: CacheOptions<T, Args>,\n): CreateCacheResult<T, Args, TCache> {\n  options = { ...createCache.defaultOptions, ...options };\n  const { clearUnusedAfter, resourceGroup } = options ?? {};\n\n  let baseInstance: CacheBundle<T, Args, TCache> & TCache;\n\n  const instanceCache = new InstanceCache<Args, TCache>(\n    (...args) => factory(args, options),\n    clearUnusedAfter ? calcDuration(clearUnusedAfter) : undefined,\n  );\n\n  function get(...args: Args) {\n    const sliceAfter = args.lastIndexOf(undefined);\n    if (sliceAfter !== -1) {\n      args = args.slice(0, sliceAfter) as Args;\n    }\n\n    const cacheKey = options?.getCacheKey ? options.getCacheKey(...args) : args;\n    return instanceCache.getWithKey(args, cacheKey);\n  }\n\n  const mapCache = (selector: any) => {\n    return internalCreate<any, Args, Cache<any, Args>>((args: Args) =>\n      mapValue(baseInstance(...args), selector),\n    );\n  };\n\n  const invalidateAll = ({ filter = () => true }: InvalidationOptions<T, Args, TCache> = {}) => {\n    for (const instance of instanceCache.values()) {\n      if (filter(instance)) {\n        instance.invalidate();\n      }\n    }\n  };\n\n  const clearAll = ({ filter = () => true }: InvalidationOptions<T, Args, TCache> = {}) => {\n    for (const instance of instanceCache.values()) {\n      if (filter(instance)) {\n        instance.clear();\n      }\n    }\n  };\n\n  const getInstances = () => {\n    return instanceCache.values();\n  };\n\n  baseInstance = new Proxy(\n    Object.assign(() => undefined, {\n      mapCache,\n      invalidateAll,\n      clearAll,\n      getInstances,\n    }),\n    {\n      apply(_target, _thisArg, argArray) {\n        return get(...(argArray as unknown as Args));\n      },\n      get(target, p, receiver) {\n        if (Reflect.has(target, p)) {\n          return Reflect.get(target, p, receiver);\n        }\n\n        const baseCache = get(...([] as unknown as Args));\n        return Reflect.get(baseCache, p, baseCache);\n      },\n    },\n  ) as unknown as CacheBundle<T, Args, TCache> & TCache;\n\n  const groups = Array.isArray(resourceGroup)\n    ? resourceGroup\n    : resourceGroup\n      ? [resourceGroup]\n      : [];\n\n  for (const group of groups.concat(allResources)) {\n    group.add(baseInstance);\n  }\n\n  return baseInstance;\n}\n\nexport const defaultCacheOptions: CacheOptions<any, any> = {\n  invalidateOnWindowFocus: true,\n  clearUnusedAfter: { days: 1 },\n  retain: { milliseconds: 1 },\n  equals: deepEqual,\n};\n\nexport const createCache: typeof create & { defaultOptions: CacheOptions<any, any> } =\n  /* @__PURE__ */ Object.assign(create, {\n    defaultOptions: defaultCacheOptions,\n  });\n","import { autobind } from '@lib/autobind';\n\nexport class Scope<T> {\n  constructor(public readonly defaultValue: T) {\n    autobind(Scope);\n  }\n}\n\nexport function createScope<T>(defaultValue: T): Scope<T> {\n  return new Scope(defaultValue);\n}\n"],"mappings":"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"}

package/dist/{store-DKaeE840.d.ts → store-B3PWCx63.d.cts}

@@ -167,6 +167,7 @@ interface StoreOptions<T> {
     effect: Effect<Store<T>>;
     retain?: Duration;
   };
+  cacheValue?: boolean;
 }
 interface StoreOptionsWithMethods<T, Methods extends StoreMethods> extends StoreOptions<T> {
   methods?: Methods & ThisType<Store<T> & Methods & StandardMethods<T>>;
@@ -239,4 +240,4 @@ declare const createStore: typeof create & {
 };
 //#endregion
 export { AnyPath, AsyncConnectionActions, AsyncUpdateFunction, BaseConnectionActions, BoundStoreMethods, Calculate, CalculationActions, Cancel, Connection, ConnectionActions, Constrain, DisposableCancel, Duration, Effect, GetKeys, Join, KeyType, Listener, MaybePromise, Object_, Path, PathAsArray, PathAsString, Selector, SettablePath, SettablePathAsArray, SettablePathAsString, SettableValue, Store, StoreMethods, StoreOptions, StoreOptionsWithMethods, SubscribeOptions, Update, UpdateFrom, UpdateFunction, Use, Value$1 as Value, WildcardPath, WildcardPathAsString, WildcardValue, arrayMethods, createStore, mapMethods, recordMethods, setMethods };
-//# sourceMappingURL=store-DKaeE840.d.ts.map
+//# sourceMappingURL=store-B3PWCx63.d.cts.map

package/dist/{store-BEsiS8y7.d.cts → store-BJWoRQIs.d.ts}

@@ -167,6 +167,7 @@ interface StoreOptions<T> {
     effect: Effect<Store<T>>;
     retain?: Duration;
   };
+  cacheValue?: boolean;
 }
 interface StoreOptionsWithMethods<T, Methods extends StoreMethods> extends StoreOptions<T> {
   methods?: Methods & ThisType<Store<T> & Methods & StandardMethods<T>>;
@@ -239,4 +240,4 @@ declare const createStore: typeof create & {
 };
 //#endregion
 export { AnyPath, AsyncConnectionActions, AsyncUpdateFunction, BaseConnectionActions, BoundStoreMethods, Calculate, CalculationActions, Cancel, Connection, ConnectionActions, Constrain, DisposableCancel, Duration, Effect, GetKeys, Join, KeyType, Listener, MaybePromise, Object_, Path, PathAsArray, PathAsString, Selector, SettablePath, SettablePathAsArray, SettablePathAsString, SettableValue, Store, StoreMethods, StoreOptions, StoreOptionsWithMethods, SubscribeOptions, Update, UpdateFrom, UpdateFunction, Use, Value$1 as Value, WildcardPath, WildcardPathAsString, WildcardValue, arrayMethods, createStore, mapMethods, recordMethods, setMethods };
-//# sourceMappingURL=store-BEsiS8y7.d.cts.map
+//# sourceMappingURL=store-BJWoRQIs.d.ts.map

package/dist/{store-BpMJxIHt.js → store-DOEc60aP.js}

@@ -292,10 +292,9 @@ function calculatedValue(store, notify) {
 	if (isPromise(value)) value.finally(() => whenExecuted.resolve()).catch(() => void 0);
 	else whenExecuted.resolve();
 	function check() {
-		for (const dep of deps) if (!deepEqual(dep.store.get(), dep.value)) {
-			store.invalidate();
-			return;
-		}
+		if (store.options.cacheValue === false) return false;
+		for (const dep of deps) if (!deepEqual(dep.store.get(), dep.value)) return false;
+		return true;
 	}
 	function stop() {
 		cancelEffect();
@@ -323,7 +322,7 @@ function calculatedValue(store, notify) {
 function staticValue(value) {
 	return {
 		value,
-		check: () => void 0,
+		check: () => true,
 		stop: () => void 0,
 		invalidateDependencies: () => void 0
 	};
@@ -518,7 +517,10 @@ var Store = class Store {
 		else if (options.effect) this.addEffect(options.effect.effect, options.effect.retain);
 	}
 	get() {
-		this.calculatedValue?.check();
+		if (!this.calculatedValue?.check()) {
+			this.calculatedValue?.stop();
+			this.calculatedValue = void 0;
+		}
 		if (!this.calculatedValue) this.calculatedValue = calculatedValue(this, this.notify);
 		return this.calculatedValue.value;
 	}
@@ -727,4 +729,4 @@ const createStore = /* @__PURE__ */ Object.assign(create, { defaultOptions: { eq
 
 //#endregion
 export { PromiseWithState, Store, arrayMethods, autobind, calcDuration, calculatedValue, createStore, debounce, isPromise, makeSelector, mapMethods, queue, recordMethods, setMethods, throttle };
-//# sourceMappingURL=store-BpMJxIHt.js.map
+//# sourceMappingURL=store-DOEc60aP.js.map