react-store-input 0.2.6 → 0.4.0

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/use_store_controller.tsx","../src/store/create_render.tsx","../src/binding/lens.ts","../src/binding/codec.ts","../src/binding/binding.ts","../src/binding/laws.ts","../src/input/use_store_input.tsx","../src/input/dom_value.ts","../src/input/reset_coordinator.ts","../src/input/value_conversion.ts","../src/input/use_store_input_with_name.tsx","../src/form/store_components.tsx","../src/form/use_form_store.tsx","../src/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef } from \"react\";\nimport type { Draft, Immutable } from \"immer\";\nimport type { Store } from \"gw-store\";\n\nexport type StoreControllerProps<TState extends object> = {\n  onSubscribe: (state: Immutable<TState>) => void;\n  onDispatch: (state: Draft<TState>) => void;\n};\n\nexport function useStoreController<TState extends object>(\n  store: Store<TState>,\n  props: StoreControllerProps<TState>,\n) {\n  const dispatchKey = useId();\n  const propsRef = useRef(props);\n  const subscribedStoreRef = useRef<Store<TState> | null>(null);\n\n  useEffect(() => {\n    propsRef.current = props;\n  }, [props]);\n\n  useEffect(() => {\n    const isReplacement =\n      subscribedStoreRef.current !== null && subscribedStoreRef.current !== store;\n    subscribedStoreRef.current = store;\n\n    const unsubscribe = store.subscribe((state, key) => {\n      if (key !== dispatchKey) {\n        propsRef.current.onSubscribe(state);\n      }\n    });\n\n    if (isReplacement) {\n      propsRef.current.onSubscribe(store.state);\n    }\n\n    return unsubscribe;\n  }, [dispatchKey, store]);\n\n  const dispatch = useCallback(() => {\n    store.dispatch(\n      (state) => propsRef.current.onDispatch(state),\n      { key: dispatchKey },\n    );\n  }, [dispatchKey, store]);\n\n  return { dispatch };\n}\n","import type { Immutable } from \"immer\";\nimport { useSelector, type EqualityFn, type Store } from \"gw-store\";\nimport type { ReactNode } from \"react\";\n\nexport type CreateRender<TState extends object> = (\n  selector: (state: Immutable<TState>) => ReactNode,\n  compare?: EqualityFn<Immutable<TState>>,\n) => ReactNode;\n\nexport function createRender<TState extends object>(\n  store: Store<TState>,\n  selector: (state: Immutable<TState>) => ReactNode,\n  compare?: EqualityFn<Immutable<TState>>,\n) {\n  function Component() {\n    const result = useSelector(store, (state) => state, compare);\n    return <>{selector(result)}</>;\n  }\n\n  return <Component />;\n}\n\nexport function createRenderWithStore<TState extends object>(\n  store: Store<TState>,\n): CreateRender<TState> {\n  return function createRender(selector, compare) {\n    function Component() {\n      const result = useSelector(store, (state) => state, compare);\n      return <>{selector(result)}</>;\n    }\n\n    return <Component />;\n  };\n}\n","import type { Draft, Immutable } from \"immer\";\n\nexport type Lens<TState extends object, TValue> = {\n  get: (state: Immutable<TState>) => TValue;\n  set: (state: Draft<TState>, value: TValue) => void;\n};\n\nexport type LensBuilder<TState extends object, TValue> = Lens<\n  TState,\n  TValue\n> &\n  (TValue extends object\n    ? {\n        prop<TKey extends keyof TValue>(\n          key: TKey,\n        ): LensBuilder<TState, TValue[TKey]>;\n      }\n    : object);\n\nexport type StateLens<TState extends object> = {\n  prop<TKey extends keyof TState>(\n    key: TKey,\n  ): LensBuilder<TState, TState[TKey]>;\n};\n\nexport function defineLens<TState extends object, TValue>(\n  lens: Lens<TState, TValue>,\n) {\n  return lens;\n}\n\nfunction readPath(value: unknown, path: readonly PropertyKey[]) {\n  return path.reduce<unknown>(\n    (current, key) => (current as Record<PropertyKey, unknown>)[key],\n    value,\n  );\n}\n\nfunction writePath(\n  state: unknown,\n  path: readonly PropertyKey[],\n  value: unknown,\n) {\n  const parent = path\n    .slice(0, -1)\n    .reduce<Record<PropertyKey, unknown>>(\n      (current, key) => current[key] as Record<PropertyKey, unknown>,\n      state as Record<PropertyKey, unknown>,\n    );\n  parent[path.at(-1) as PropertyKey] = value;\n}\n\nfunction createPathLens<TState extends object, TValue>(\n  path: readonly PropertyKey[],\n): LensBuilder<TState, TValue> {\n  return {\n    get: (state: Immutable<TState>) => readPath(state, path) as TValue,\n    set: (state: Draft<TState>, value: TValue) => writePath(state, path, value),\n    prop: (key: PropertyKey) => createPathLens([...path, key]),\n  } as unknown as LensBuilder<TState, TValue>;\n}\n\nexport function stateLens<TState extends object>(): StateLens<TState> {\n  return {\n    prop: (key) => createPathLens<TState, TState[typeof key]>([key]),\n  };\n}\n","import type { Result } from \"gw-result\";\n\nexport type Codec<TValue, TInput, TError = never> = {\n  format: (value: TValue) => TInput;\n  parse: (input: TInput) => Result<TValue, TError>;\n  equals?: (previous: TValue, next: TValue) => boolean;\n};\n\nexport function defineCodec<TValue, TInput, TError = never>(\n  codec: Codec<TValue, TInput, TError>,\n) {\n  return codec;\n}\n","import type { Codec } from \"./codec\";\nimport type { Lens } from \"./lens\";\n\nexport type InputBinding<\n  TState extends object,\n  TValue,\n  TInput,\n  TError = never,\n> = {\n  lens: Lens<TState, TValue>;\n  codec: Codec<TValue, TInput, TError>;\n};\n\nexport function defineBinding<\n  TState extends object,\n  TValue,\n  TInput,\n  TError = never,\n>(binding: InputBinding<TState, TValue, TInput, TError>) {\n  return binding;\n}\n","import { produce, type Immutable } from \"immer\";\nimport type { Codec } from \"./codec\";\nimport type { Lens } from \"./lens\";\n\ntype Equality<TValue> = (previous: TValue, next: TValue) => boolean;\n\nfunction structuralEqual(previous: unknown, next: unknown): boolean {\n  if (Object.is(previous, next)) {\n    return true;\n  }\n\n  if (previous instanceof Date && next instanceof Date) {\n    return previous.getTime() === next.getTime();\n  }\n\n  if (Array.isArray(previous) && Array.isArray(next)) {\n    return (\n      previous.length === next.length &&\n      previous.every((value, index) => structuralEqual(value, next[index]))\n    );\n  }\n\n  if (\n    previous !== null &&\n    next !== null &&\n    typeof previous === \"object\" &&\n    typeof next === \"object\"\n  ) {\n    const previousRecord = previous as Record<PropertyKey, unknown>;\n    const nextRecord = next as Record<PropertyKey, unknown>;\n    const previousKeys = Reflect.ownKeys(previousRecord);\n    const nextKeys = Reflect.ownKeys(nextRecord);\n\n    return (\n      previousKeys.length === nextKeys.length &&\n      previousKeys.every(\n        (key) =>\n          Object.prototype.hasOwnProperty.call(nextRecord, key) &&\n          structuralEqual(previousRecord[key], nextRecord[key]),\n      )\n    );\n  }\n\n  return false;\n}\n\nexport function assertLensLaws<TState extends object, TValue>(\n  lens: Lens<TState, TValue>,\n  options: {\n    state: TState;\n    values: readonly TValue[];\n    equalsState?: Equality<TState>;\n    equalsValue?: Equality<TValue>;\n  },\n) {\n  const equalsState = options.equalsState ?? structuralEqual;\n  const equalsValue = options.equalsValue ?? structuralEqual;\n  const set = (state: TState, value: TValue) =>\n    produce(state, (draft) => lens.set(draft, value)) as TState;\n\n  if (\n    !equalsState(\n      set(options.state, lens.get(options.state as Immutable<TState>)),\n      options.state,\n    )\n  ) {\n    throw new Error(\"Lens law failed: setting the current value changed state.\");\n  }\n\n  for (const value of options.values) {\n    const updated = set(options.state, value);\n\n    if (!equalsValue(lens.get(updated as Immutable<TState>), value)) {\n      throw new Error(\"Lens law failed: get(set(state, value)) !== value.\");\n    }\n  }\n\n  for (const previous of options.values) {\n    for (const next of options.values) {\n      if (\n        !equalsState(\n          set(set(options.state, previous), next),\n          set(options.state, next),\n        )\n      ) {\n        throw new Error(\"Lens law failed: the last set did not win.\");\n      }\n    }\n  }\n}\n\nexport function assertCodecLaws<TValue, TInput, TError>(\n  codec: Codec<TValue, TInput, TError>,\n  options: {\n    values: readonly TValue[];\n    inputs?: readonly TInput[];\n    equals?: Equality<TValue>;\n    equalsInput?: Equality<TInput>;\n  },\n) {\n  const equals = options.equals ?? codec.equals ?? structuralEqual;\n  const equalsInput = options.equalsInput ?? structuralEqual;\n\n  for (const value of options.values) {\n    const result = codec.parse(codec.format(value));\n\n    if (result.isErr) {\n      throw new Error(\"Codec law failed: parse(format(value)) returned Err.\");\n    }\n\n    if (!equals(result.value, value)) {\n      throw new Error(\"Codec law failed: parse(format(value)) !== value.\");\n    }\n  }\n\n  for (const input of options.inputs ?? []) {\n    const result = codec.parse(input);\n\n    if (result.isOk && !equalsInput(codec.format(result.value), input)) {\n      throw new Error(\n        \"Codec law failed: format(parse(input).value) !== input.\",\n      );\n    }\n  }\n}\n","import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport type { Draft } from \"immer\";\nimport type { Store } from \"gw-store\";\nimport type { InputBinding } from \"../binding/binding\";\nimport { useStoreController } from \"../store/use_store_controller\";\nimport {\n  equalStateValue,\n  readElementValue,\n  writeElementValue,\n} from \"./dom_value\";\nimport { isFormResetting, registerResetBinding } from \"./reset_coordinator\";\nimport type {\n  BindingInputResult,\n  InputControlValue,\n  InputDisplayValue,\n  StoreInputDomProps,\n  StoreInputBindingOptions,\n  StoreInputMeta,\n  StoreInputOptions,\n} from \"./types\";\nimport { resolveDefaultChecked, resolveDefaultValue } from \"./value_conversion\";\n\nexport type {\n  BindingInputResult,\n  InputControlValue,\n  InputDisplayValue,\n  InputStateValue,\n  StoreInputBindingOptions,\n  StoreInputDomProps,\n  StoreInputMeta,\n  StoreInputOptions,\n} from \"./types\";\n\ntype StoreElement =\n  | HTMLInputElement\n  | HTMLTextAreaElement\n  | HTMLSelectElement;\n\nfunction isDisplayValue(value: InputControlValue): value is InputDisplayValue {\n  return (\n    typeof value === \"string\" ||\n    typeof value === \"number\" ||\n    (Array.isArray(value) && value.every((item) => typeof item === \"string\"))\n  );\n}\n\nfunction readControlValue(\n  element: StoreElement,\n  type: StoreInputOptions<StoreElement>[\"type\"],\n  radioValue: InputDisplayValue | undefined,\n): InputControlValue | undefined {\n  if (\"files\" in element && type === \"file\") {\n    return element.files?.length ? element.files : null;\n  }\n\n  if (\"checked\" in element && type === \"checkbox\") {\n    return element.checked;\n  }\n\n  if (\"checked\" in element && type === \"radio\") {\n    return element.checked ? (radioValue ?? element.value) : undefined;\n  }\n\n  return readElementValue(element);\n}\n\nexport function useStoreInput<\n  TInputElement extends StoreElement,\n  TState extends object,\n  TValue,\n  TInput extends InputControlValue,\n  TError,\n>(\n  ref: RefObject<TInputElement | null>,\n  store: Store<TState>,\n  binding: InputBinding<TState, TValue, TInput, TError>,\n  options: StoreInputBindingOptions<TInputElement, TValue> = {},\n): BindingInputResult<TInputElement, TError> {\n  const props: StoreInputOptions<TInputElement> = options;\n  const getStateValue = binding.lens.get;\n  const setStoreValue = binding.lens.set;\n  const [meta, setMeta] = useState<StoreInputMeta<TError>>({ valid: true });\n  const metaRef = useRef<StoreInputMeta<TError>>(meta);\n\n  const formatValue = useCallback(\n    (value: TValue): InputControlValue => binding.codec.format(value),\n    [binding],\n  );\n\n  const parseValue = useCallback(\n    (value: InputControlValue) => binding.codec.parse(value as TInput),\n    [binding],\n  );\n\n  const toChecked = useCallback(\n    (value: TValue) =>\n      props.type === \"radio\"\n        ? Object.is(formatValue(value), props.value)\n        : Boolean(formatValue(value)),\n    [formatValue, props.type, props.value],\n  );\n\n  const initialStateValue = getStateValue(store.state);\n  const resetValueRef = useRef(\n    Object.prototype.hasOwnProperty.call(options, \"resetValue\")\n      ? (options.resetValue as TValue)\n      : initialStateValue,\n  );\n\n  const setStateValue = useCallback(\n    (state: Draft<TState>, value: TValue) => {\n      const equals = binding.codec.equals ?? equalStateValue;\n\n      if (equals(getStateValue(store.state), value)) {\n        return;\n      }\n\n      setStoreValue(state, value);\n    },\n    [binding, getStateValue, setStoreValue, store],\n  );\n\n  const commitValue = useCallback(\n    (state: Draft<TState>, controlValue: InputControlValue) => {\n      const result = parseValue(controlValue);\n\n      if (result.isErr) {\n        const invalidMeta: StoreInputMeta<TError> = {\n          valid: false,\n          error: result.error,\n        };\n        metaRef.current = invalidMeta;\n        setMeta(invalidMeta);\n        return;\n      }\n\n      const validMeta: StoreInputMeta<TError> = { valid: true };\n      metaRef.current = validMeta;\n      setMeta((current) => (current.valid ? current : validMeta));\n      setStateValue(state, result.value);\n    },\n    [parseValue, setStateValue],\n  );\n\n  const writeValue = useCallback(\n    (element: TInputElement, value: TValue) => {\n      if (\n        \"checked\" in element &&\n        (props.type === \"checkbox\" || props.type === \"radio\")\n      ) {\n        element.checked = toChecked(value);\n        return;\n      }\n\n      if (\"files\" in element && props.type === \"file\") {\n        return;\n      }\n\n      const formatted = formatValue(value);\n\n      if (isDisplayValue(formatted)) {\n        writeElementValue(element, formatted);\n      }\n    },\n    [formatValue, props.type, toChecked],\n  );\n\n  const { dispatch } = useStoreController(store, {\n    onSubscribe: (state) => {\n      const element = ref.current;\n\n      if (\n        !element ||\n        !metaRef.current.valid ||\n        (element.form && isFormResetting(element.form)) ||\n        (props.type !== \"radio\" && props.value !== undefined)\n      ) {\n        return;\n      }\n\n      if (\n        \"checked\" in element &&\n        (props.type === \"checkbox\" || props.type === \"radio\") &&\n        props.checked !== undefined\n      ) {\n        return;\n      }\n\n      writeValue(element, getStateValue(state));\n    },\n    onDispatch: (state) => {\n      const element = ref.current;\n\n      if (!element) {\n        return;\n      }\n\n      const controlValue = readControlValue(element, props.type, props.value);\n\n      if (controlValue !== undefined) {\n        commitValue(state, controlValue);\n      }\n    },\n  });\n\n  useEffect(() => {\n    const element = ref.current;\n    const form = element?.form;\n\n    if (!element || !form) {\n      return;\n    }\n\n    return registerResetBinding(form, store.batch, () => {\n      if (!element.isConnected) {\n        return;\n      }\n\n      const resetValue = resetValueRef.current;\n      const writeResetValue = () => writeValue(element, resetValue);\n\n      writeResetValue();\n      const validMeta: StoreInputMeta<TError> = { valid: true };\n      metaRef.current = validMeta;\n      setMeta((current) => (current.valid ? current : validMeta));\n      store.dispatch((state) => setStateValue(state, resetValue));\n\n      setTimeout(() => {\n        if (element.isConnected) {\n          writeResetValue();\n        }\n      }, 0);\n    });\n  }, [ref, setStateValue, store, store.batch, writeValue]);\n\n  const inputProps: StoreInputDomProps<TInputElement> = {\n    defaultValue: resolveDefaultValue(props, initialStateValue, (value) => {\n      const formatted = formatValue(value);\n      return isDisplayValue(formatted) ? formatted : \"\";\n    }),\n    defaultChecked: resolveDefaultChecked(\n      props,\n      initialStateValue,\n      toChecked,\n    ),\n    onChange: (event) => {\n      dispatch();\n      props.onChange?.(event);\n    },\n  };\n\n  return { inputProps, meta };\n}\n","import type { InputDisplayValue, InputStateValue } from \"./types\";\n\ntype StoreElement =\n  | HTMLInputElement\n  | HTMLTextAreaElement\n  | HTMLSelectElement;\n\nfunction pad(value: number) {\n  return String(value).padStart(2, \"0\");\n}\n\nexport function formatDateTimeLocal(value: unknown) {\n  const date = new Date(value as string | number | Date);\n\n  if (Number.isNaN(date.getTime())) {\n    return \"\";\n  }\n\n  return [\n    date.getFullYear(),\n    \"-\",\n    pad(date.getMonth() + 1),\n    \"-\",\n    pad(date.getDate()),\n    \"T\",\n    pad(date.getHours()),\n    \":\",\n    pad(date.getMinutes()),\n    \":\",\n    pad(date.getSeconds()),\n  ].join(\"\");\n}\n\nexport function readElementValue(element: StoreElement): InputStateValue {\n  if (\"options\" in element && element.multiple) {\n    return Array.from(element.selectedOptions, (option) => option.value);\n  }\n\n  return element.value;\n}\n\nexport function writeElementValue(\n  element: StoreElement,\n  value: InputDisplayValue,\n) {\n  if (\"files\" in element && element.type === \"file\") {\n    return;\n  }\n\n  if (\"options\" in element && element.multiple) {\n    const selectedValues = new Set(\n      (Array.isArray(value) ? value : [value]).map(String),\n    );\n\n    for (const option of element.options) {\n      const selected = selectedValues.has(option.value);\n\n      if (option.selected !== selected) {\n        option.selected = selected;\n      }\n    }\n\n    return;\n  }\n\n  const nextValue = String(value);\n\n  if (element.value !== nextValue) {\n    element.value = nextValue;\n  }\n}\n\nexport function equalStateValue(previous: unknown, next: unknown) {\n  if (Object.is(previous, next)) {\n    return true;\n  }\n\n  if (previous instanceof Date && next instanceof Date) {\n    return Object.is(previous.getTime(), next.getTime());\n  }\n\n  if (Array.isArray(previous) && Array.isArray(next)) {\n    return (\n      previous.length === next.length &&\n      previous.every((value, index) => Object.is(value, next[index]))\n    );\n  }\n\n  return false;\n}\n","type ResetBatch = (callback: () => void) => unknown;\n\ntype ResetCoordinator = {\n  groups: Map<ResetBatch, Set<() => void>>;\n  handleReset: () => void;\n};\n\nconst resettingForms = new WeakSet<HTMLFormElement>();\nconst resetCoordinators = new WeakMap<HTMLFormElement, ResetCoordinator>();\n\nexport function isFormResetting(form: HTMLFormElement) {\n  return resettingForms.has(form);\n}\n\nexport function registerResetBinding(\n  form: HTMLFormElement,\n  batch: ResetBatch,\n  reset: () => void,\n) {\n  let coordinator = resetCoordinators.get(form);\n\n  if (!coordinator) {\n    const groups = new Map<ResetBatch, Set<() => void>>();\n    const handleReset = () => {\n      resettingForms.add(form);\n\n      // React reset handlers may render and re-register bindings before the\n      // browser completes the native reset default action.\n      const groupSnapshots = Array.from(groups, ([groupBatch, bindings]) => [\n        groupBatch,\n        [...bindings],\n      ] as const);\n\n      setTimeout(() => {\n        try {\n          for (const [groupBatch, bindings] of groupSnapshots) {\n            groupBatch(() => {\n              for (const binding of bindings) {\n                binding();\n              }\n            });\n          }\n        } finally {\n          setTimeout(() => resettingForms.delete(form), 0);\n        }\n      }, 0);\n    };\n\n    coordinator = { groups, handleReset };\n    resetCoordinators.set(form, coordinator);\n    form.addEventListener(\"reset\", handleReset);\n  }\n\n  let bindings = coordinator.groups.get(batch);\n\n  if (!bindings) {\n    bindings = new Set();\n    coordinator.groups.set(batch, bindings);\n  }\n\n  bindings.add(reset);\n\n  return () => {\n    const currentCoordinator = resetCoordinators.get(form);\n\n    if (!currentCoordinator) {\n      return;\n    }\n\n    const currentBindings = currentCoordinator.groups.get(batch);\n    currentBindings?.delete(reset);\n\n    if (currentBindings?.size === 0) {\n      currentCoordinator.groups.delete(batch);\n    }\n\n    if (currentCoordinator.groups.size === 0) {\n      form.removeEventListener(\"reset\", currentCoordinator.handleReset);\n      resetCoordinators.delete(form);\n    }\n  };\n}\n","import type { HTMLInputTypeAttribute } from \"react\";\nimport { formatDateTimeLocal } from \"./dom_value\";\nimport type {\n  InputDisplayValue,\n  InputStateValue,\n  StoreInputOptions,\n} from \"./types\";\n\nexport function convertToInputValue<TValue>(\n  value: TValue,\n  type?: HTMLInputTypeAttribute,\n): InputDisplayValue {\n  if (value === undefined || value === null) {\n    return \"\";\n  }\n\n  if (type === \"datetime-local\") {\n    return formatDateTimeLocal(value);\n  }\n\n  return Array.isArray(value) ? value.map(String) : String(value);\n}\n\nexport function convertToChecked(\n  value: unknown,\n  type?: HTMLInputTypeAttribute,\n  inputValue?: InputDisplayValue,\n) {\n  return type === \"radio\"\n    ? value !== undefined && Object.is(value, inputValue)\n    : Boolean(value);\n}\n\nexport function convertToStateValue(\n  value: InputStateValue,\n  type?: HTMLInputTypeAttribute,\n): unknown {\n  if (Array.isArray(value)) {\n    return value;\n  }\n\n  if (type === \"number\" || type === \"range\") {\n    return value === \"\" ? undefined : Number(value);\n  }\n\n  if (type === \"datetime-local\") {\n    if (value === \"\") {\n      return undefined;\n    }\n\n    const date = new Date(value);\n    return Number.isNaN(date.getTime()) ? undefined : date;\n  }\n\n  return value;\n}\n\nexport function resolveDefaultValue<TInputElement, TValue>(\n  props: StoreInputOptions<TInputElement>,\n  stateValue: TValue,\n  format: (value: TValue) => InputDisplayValue,\n) {\n  if (props.type !== \"radio\" && props.value !== undefined) {\n    return undefined;\n  }\n\n  if (props.defaultValue !== undefined) {\n    return props.defaultValue;\n  }\n\n  if (\n    props.type === \"checkbox\" ||\n    props.type === \"radio\" ||\n    props.type === \"file\"\n  ) {\n    return undefined;\n  }\n\n  return format(stateValue);\n}\n\nexport function resolveDefaultChecked<\n  TInputElement,\n  TValue,\n>(\n  props: StoreInputOptions<TInputElement>,\n  stateValue: TValue,\n  toChecked: (value: TValue) => boolean,\n) {\n  if (props.checked !== undefined) {\n    return undefined;\n  }\n\n  if (props.defaultChecked !== undefined) {\n    return props.defaultChecked;\n  }\n\n  return props.type === \"checkbox\" || props.type === \"radio\"\n    ? toChecked(stateValue)\n    : undefined;\n}\n\nexport function resolveResetStateValue<\n  TInputElement,\n  TValue,\n>(\n  props: StoreInputOptions<TInputElement>,\n  stateValue: TValue,\n  parse: (value: InputStateValue) => TValue,\n): TValue {\n  if (props.type === \"checkbox\" && props.defaultChecked !== undefined) {\n    return props.defaultChecked as TValue;\n  }\n\n  if (props.type === \"radio\" && props.defaultChecked) {\n    if (props.value !== undefined) {\n      return props.value as TValue;\n    }\n\n    return convertToStateValue(\n      String(props.defaultValue ?? \"\"),\n      props.type,\n    ) as TValue;\n  }\n\n  if (\n    props.type !== \"file\" &&\n    props.type !== \"checkbox\" &&\n    props.type !== \"radio\" &&\n    props.defaultValue !== undefined\n  ) {\n    const defaultValue = Array.isArray(props.defaultValue)\n      ? props.defaultValue.map(String)\n      : String(props.defaultValue);\n    return parse(defaultValue);\n  }\n\n  return stateValue;\n}\n","import { useMemo, type RefObject } from \"react\";\nimport { ok } from \"gw-result\";\nimport type { Store } from \"gw-store\";\nimport type { InputBinding } from \"../binding/binding\";\nimport { useStoreInput } from \"./use_store_input\";\nimport type {\n  InputControlValue,\n  InputStateValue,\n  StoreInputOptions,\n} from \"./types\";\nimport {\n  convertToInputValue,\n  convertToStateValue,\n  resolveResetStateValue,\n} from \"./value_conversion\";\n\ntype StoreElement =\n  | HTMLInputElement\n  | HTMLTextAreaElement\n  | HTMLSelectElement;\n\nexport type StoreInputWithNameProps<\n  TInputElement,\n  TState extends object,\n  TName extends keyof TState,\n> = StoreInputOptions<TInputElement> & {\n  name: TName;\n};\n\nfunction formatControlValue<TValue>(\n  value: TValue,\n  type: StoreInputOptions<StoreElement>[\"type\"],\n): InputControlValue {\n  if (type === \"checkbox\") {\n    return Boolean(value);\n  }\n\n  if (type === \"radio\" || type === \"file\") {\n    return value as InputControlValue;\n  }\n\n  return convertToInputValue(value, type);\n}\n\nfunction parseControlValue<TValue>(\n  value: InputControlValue,\n  type: StoreInputOptions<StoreElement>[\"type\"],\n): TValue {\n  if (typeof value === \"string\" || Array.isArray(value)) {\n    const stateInputValue: InputStateValue = Array.isArray(value)\n      ? [...value]\n      : value;\n    return convertToStateValue(stateInputValue, type) as TValue;\n  }\n\n  return value as TValue;\n}\n\nexport function useStoreInputWithName<\n  TInputElement extends StoreElement,\n  TState extends object,\n  TName extends keyof TState,\n>(\n  ref: RefObject<TInputElement | null>,\n  store: Store<TState>,\n  props: StoreInputWithNameProps<TInputElement, TState, TName>,\n) {\n  type TValue = TState[TName];\n\n  const binding = useMemo<\n    InputBinding<TState, TValue, InputControlValue, never>\n  >(\n    () => ({\n      lens: {\n        get: (state) =>\n          (state as Readonly<Record<PropertyKey, unknown>>)[\n            props.name as PropertyKey\n          ] as TValue,\n        set: (state, value) => {\n          (state as unknown as Record<PropertyKey, unknown>)[\n            props.name as PropertyKey\n          ] = value;\n        },\n      },\n      codec: {\n        format: (value) => formatControlValue(value, props.type),\n        parse: (value) => ok(parseControlValue<TValue>(value, props.type)),\n      },\n    }),\n    [props.name, props.type],\n  );\n  const initialStateValue = binding.lens.get(store.state);\n  const resetValue = resolveResetStateValue(\n    props,\n    initialStateValue,\n    (value) => parseControlValue<TValue>(value, props.type),\n  );\n  const { inputProps } = useStoreInput(ref, store, binding, {\n    ...props,\n    resetValue,\n  });\n\n  return {\n    ...inputProps,\n    name: String(props.name),\n  };\n}\n","import {\n  useCallback,\n  useRef,\n  type InputHTMLAttributes,\n  type SelectHTMLAttributes,\n  type TextareaHTMLAttributes,\n} from \"react\";\nimport type { Store } from \"gw-store\";\nimport {\n  useStoreInputWithName,\n  type StoreInputWithNameProps,\n} from \"../input/use_store_input_with_name\";\n\ntype StoreElement =\n  | HTMLInputElement\n  | HTMLSelectElement\n  | HTMLTextAreaElement;\n\ntype ElementAttributes<TElement extends StoreElement> =\n  TElement extends HTMLInputElement\n    ? InputHTMLAttributes<HTMLInputElement>\n    : TElement extends HTMLSelectElement\n      ? SelectHTMLAttributes<HTMLSelectElement>\n      : TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport type StoreInputWithNameComponentProps<\n  TElement extends StoreElement,\n  TState extends object,\n  TName extends keyof TState,\n> = StoreInputWithNameProps<TElement, TState, TName> &\n  Omit<\n    ElementAttributes<TElement>,\n    keyof StoreInputWithNameProps<TElement, TState, TName>\n  >;\n\nexport type StoreComponentPropsWithStore<\n  TElement extends StoreElement,\n  TState extends object,\n  TName extends keyof TState,\n> = StoreInputWithNameComponentProps<TElement, TState, TName> & {\n  store: Store<TState>;\n};\n\nexport function Input<TState extends object, TName extends keyof TState>({\n  store,\n  ...props\n}: StoreComponentPropsWithStore<HTMLInputElement, TState, TName>) {\n  const ref = useRef<HTMLInputElement | null>(null);\n  const storeProps = useStoreInputWithName(ref, store, props);\n\n  return <input ref={ref} {...props} {...storeProps} />;\n}\n\nexport function Select<TState extends object, TName extends keyof TState>({\n  store,\n  ...props\n}: StoreComponentPropsWithStore<HTMLSelectElement, TState, TName>) {\n  const ref = useRef<HTMLSelectElement | null>(null);\n  const storeProps = useStoreInputWithName(ref, store, props);\n\n  return <select ref={ref} {...props} {...storeProps} />;\n}\n\nexport function Textarea<TState extends object, TName extends keyof TState>({\n  store,\n  ...props\n}: StoreComponentPropsWithStore<HTMLTextAreaElement, TState, TName>) {\n  const ref = useRef<HTMLTextAreaElement | null>(null);\n  const storeProps = useStoreInputWithName(ref, store, props);\n\n  return <textarea ref={ref} {...props} {...storeProps} />;\n}\n\nexport function useStoreComponent<TState extends object>(store: Store<TState>) {\n  const input = useCallback(\n    function Component<TName extends keyof TState>(\n      props: StoreInputWithNameComponentProps<\n        HTMLInputElement,\n        TState,\n        TName\n      >,\n    ) {\n      return <Input store={store} {...props} />;\n    },\n    [store],\n  );\n\n  const select = useCallback(\n    function Component<TName extends keyof TState>(\n      props: StoreInputWithNameComponentProps<\n        HTMLSelectElement,\n        TState,\n        TName\n      >,\n    ) {\n      return <Select store={store} {...props} />;\n    },\n    [store],\n  );\n\n  const textarea = useCallback(\n    function Component<TName extends keyof TState>(\n      props: StoreInputWithNameComponentProps<\n        HTMLTextAreaElement,\n        TState,\n        TName\n      >,\n    ) {\n      return <Textarea store={store} {...props} />;\n    },\n    [store],\n  );\n\n  return { input, select, textarea };\n}\n","import { useStore, type Store } from \"gw-store\";\nimport {\n  createRenderWithStore,\n  type CreateRender,\n} from \"../store/create_render\";\nimport { useStoreComponent } from \"./store_components\";\n\nexport type FormStore<TState extends object> = Store<TState> &\n  ReturnType<typeof useStoreComponent<TState>> & {\n    render: CreateRender<TState>;\n  };\n\nexport function useFormStore<TState extends object>(\n  initialState: TState,\n): FormStore<TState> {\n  const store = useStore<TState>(initialState);\n  const storeComponent = useStoreComponent<TState>(store);\n\n  return {\n    get state() {\n      return store.state;\n    },\n    dispatch: store.dispatch,\n    batch: store.batch,\n    subscribe: store.subscribe,\n    render: createRenderWithStore<TState>(store),\n    ...storeComponent,\n  };\n}\n","export * from \"./store/use_store_controller\";\nexport * from \"./store/create_render\";\nexport * from \"./binding/lens\";\nexport * from \"./binding/codec\";\nexport * from \"./binding/binding\";\nexport * from \"./binding/laws\";\nexport * from \"./input/use_store_input\";\nexport * from \"./input/use_store_input_with_name\";\nexport * from \"./form/store_components\";\nexport * from \"./form/use_form_store\";\nexport { err, ok, type Result } from \"gw-result\";\nexport * from \"gw-store\";\n"],"mappings":"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","names":["createRender","useCallback","useEffect","useRef","bindings","useRef","useCallback","useEffect","useCallback","useRef","jsx","useRef","useCallback","ok"]}

package/dist/text-editor.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextEditorProps as TextEditorProps$1 } from 'gw-react-text-editor';
+import { Store } from 'gw-store';
+
+type TextEditorProps<TState extends object> = Omit<TextEditorProps$1, "name"> & {
+    store: Store<TState>;
+    name: keyof TState;
+};
+declare function TextEditor<TState extends object>({ store, name, defaultValue, ref, ...props }: TextEditorProps<TState>): react_jsx_runtime.JSX.Element;
+
+export { TextEditor, type TextEditorProps };

package/dist/text-editor.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextEditorProps as TextEditorProps$1 } from 'gw-react-text-editor';
+import { Store } from 'gw-store';
+
+type TextEditorProps<TState extends object> = Omit<TextEditorProps$1, "name"> & {
+    store: Store<TState>;
+    name: keyof TState;
+};
+declare function TextEditor<TState extends object>({ store, name, defaultValue, ref, ...props }: TextEditorProps<TState>): react_jsx_runtime.JSX.Element;
+
+export { TextEditor, type TextEditorProps };

package/dist/{text_editor.js → text-editor.js}

@@ -23,46 +23,47 @@ __export(text_editor_exports, {
   TextEditor: () => TextEditor
 });
 module.exports = __toCommonJS(text_editor_exports);
+
+// src/editor/text_editor.tsx
 var import_gw_react_text_editor = require("gw-react-text-editor");
 var import_react2 = require("react");
 
-// src/use_store_controller.tsx
+// src/store/use_store_controller.tsx
 var import_react = require("react");
 function useStoreController(store, props) {
   const dispatchKey = (0, import_react.useId)();
+  const propsRef = (0, import_react.useRef)(props);
+  const subscribedStoreRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
-    const unsub = store.subscribe((state, key) => {
-      if (key === dispatchKey) {
-        return;
+    propsRef.current = props;
+  }, [props]);
+  (0, import_react.useEffect)(() => {
+    const isReplacement = subscribedStoreRef.current !== null && subscribedStoreRef.current !== store;
+    subscribedStoreRef.current = store;
+    const unsubscribe = store.subscribe((state, key) => {
+      if (key !== dispatchKey) {
+        propsRef.current.onSubscribe(state);
       }
-      props.onSubscribe(state);
     });
-    return () => {
-      unsub();
-    };
-  }, []);
-  const dispatch = () => {
+    if (isReplacement) {
+      propsRef.current.onSubscribe(store.state);
+    }
+    return unsubscribe;
+  }, [dispatchKey, store]);
+  const dispatch = (0, import_react.useCallback)(() => {
     store.dispatch(
-      (state) => {
-        props.onDispatch(state);
-      },
-      {
-        key: dispatchKey
-      }
+      (state) => propsRef.current.onDispatch(state),
+      { key: dispatchKey }
     );
-  };
-  return {
-    dispatch
-  };
+  }, [dispatchKey, store]);
+  return { dispatch };
 }
 
-// src/text_editor.tsx
+// src/editor/text_editor.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function TextEditor({
   store,
   name,
-  getter,
-  setter,
   defaultValue,
   ref,
   ...props
@@ -79,16 +80,7 @@ function TextEditor({
       if (!controller) {
         return;
       }
-      const getResult = () => {
-        if (getter) {
-          return getter(state) || "";
-        }
-        if (name) {
-          return state[name] || "";
-        }
-        return "";
-      };
-      const result = getResult();
+      const result = state[name] || "";
       if (controller.value !== result) {
         controller.value = result;
       }
@@ -98,33 +90,20 @@ function TextEditor({
       if (!controller) {
         return;
       }
-      if (setter) {
-        setter(state, controller.value);
-        return;
-      }
-      if (name) {
-        state[name] = controller.value;
-      }
+      state[name] = controller.value;
     }
   });
-  const getDefaultValue = () => {
-    if (getter) {
-      return getter(store.state);
-    }
-    if (name) {
-      return store.state[name];
-    }
-    return void 0;
-  };
+  const getDefaultValue = () => store.state[name];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_gw_react_text_editor.TextEditor,
     {
       ...props,
       ref: controllerRef,
+      name: String(name),
       defaultValue: defaultValue ?? getDefaultValue(),
-      onChange: (e) => {
+      onChange: (event) => {
         dispatch();
-        props.onChange?.(e);
+        props.onChange?.(event);
       }
     }
   );
@@ -133,3 +112,4 @@ function TextEditor({
 0 && (module.exports = {
   TextEditor
 });
+//# sourceMappingURL=text-editor.js.map

package/dist/text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/text_editor.tsx","../src/editor/text_editor.tsx","../src/store/use_store_controller.tsx"],"sourcesContent":["export * from \"./editor/text_editor\";\n","import {\n  TextEditor as GwTextEditor,\n  TextEditorController,\n  type TextEditorProps as GwTextEditorProps,\n} from \"gw-react-text-editor\";\nimport { useImperativeHandle, useRef } from \"react\";\nimport type { Store } from \"gw-store\";\nimport { useStoreController } from \"../store/use_store_controller\";\n\nexport type TextEditorProps<TState extends object> = Omit<\n  GwTextEditorProps,\n  \"name\"\n> & {\n  store: Store<TState>;\n  name: keyof TState;\n};\n\nexport function TextEditor<TState extends object>({\n  store,\n  name,\n  defaultValue,\n  ref,\n  ...props\n}: TextEditorProps<TState>) {\n  const controllerRef = useRef<TextEditorController>(null);\n\n  useImperativeHandle(\n    ref,\n    () => controllerRef.current as TextEditorController,\n    [],\n  );\n\n  const { dispatch } = useStoreController<TState>(store, {\n    onSubscribe: (state) => {\n      const controller = controllerRef.current;\n\n      if (!controller) {\n        return;\n      }\n\n      const result = (state[name as never] as unknown as string) || \"\";\n\n      if (controller.value !== result) {\n        controller.value = result;\n      }\n    },\n    onDispatch: (state) => {\n      const controller = controllerRef.current;\n\n      if (!controller) {\n        return;\n      }\n\n      state[name as never] = controller.value as unknown as never;\n    },\n  });\n\n  const getDefaultValue = () =>\n    store.state[name as never] as unknown as string;\n\n  return (\n    <GwTextEditor\n      {...props}\n      ref={controllerRef}\n      name={String(name)}\n      defaultValue={defaultValue ?? getDefaultValue()}\n      onChange={(event) => {\n        dispatch();\n        props.onChange?.(event);\n      }}\n    />\n  );\n}\n","import { useCallback, useEffect, useId, useRef } from \"react\";\nimport type { Draft, Immutable } from \"immer\";\nimport type { Store } from \"gw-store\";\n\nexport type StoreControllerProps<TState extends object> = {\n  onSubscribe: (state: Immutable<TState>) => void;\n  onDispatch: (state: Draft<TState>) => void;\n};\n\nexport function useStoreController<TState extends object>(\n  store: Store<TState>,\n  props: StoreControllerProps<TState>,\n) {\n  const dispatchKey = useId();\n  const propsRef = useRef(props);\n  const subscribedStoreRef = useRef<Store<TState> | null>(null);\n\n  useEffect(() => {\n    propsRef.current = props;\n  }, [props]);\n\n  useEffect(() => {\n    const isReplacement =\n      subscribedStoreRef.current !== null && subscribedStoreRef.current !== store;\n    subscribedStoreRef.current = store;\n\n    const unsubscribe = store.subscribe((state, key) => {\n      if (key !== dispatchKey) {\n        propsRef.current.onSubscribe(state);\n      }\n    });\n\n    if (isReplacement) {\n      propsRef.current.onSubscribe(store.state);\n    }\n\n    return unsubscribe;\n  }, [dispatchKey, store]);\n\n  const dispatch = useCallback(() => {\n    store.dispatch(\n      (state) => propsRef.current.onDispatch(state),\n      { key: dispatchKey },\n    );\n  }, [dispatchKey, store]);\n\n  return { dispatch };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kCAIO;AACP,IAAAA,gBAA4C;;;ACL5C,mBAAsD;AAS/C,SAAS,mBACd,OACA,OACA;AACA,QAAM,kBAAc,oBAAM;AAC1B,QAAM,eAAW,qBAAO,KAAK;AAC7B,QAAM,yBAAqB,qBAA6B,IAAI;AAE5D,8BAAU,MAAM;AACd,aAAS,UAAU;AAAA,EACrB,GAAG,CAAC,KAAK,CAAC;AAEV,8BAAU,MAAM;AACd,UAAM,gBACJ,mBAAmB,YAAY,QAAQ,mBAAmB,YAAY;AACxE,uBAAmB,UAAU;AAE7B,UAAM,cAAc,MAAM,UAAU,CAAC,OAAO,QAAQ;AAClD,UAAI,QAAQ,aAAa;AACvB,iBAAS,QAAQ,YAAY,KAAK;AAAA,MACpC;AAAA,IACF,CAAC;AAED,QAAI,eAAe;AACjB,eAAS,QAAQ,YAAY,MAAM,KAAK;AAAA,IAC1C;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,KAAK,CAAC;AAEvB,QAAM,eAAW,0BAAY,MAAM;AACjC,UAAM;AAAA,MACJ,CAAC,UAAU,SAAS,QAAQ,WAAW,KAAK;AAAA,MAC5C,EAAE,KAAK,YAAY;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,CAAC;AAEvB,SAAO,EAAE,SAAS;AACpB;;;ADcI;AA5CG,SAAS,WAAkC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,QAAM,oBAAgB,sBAA6B,IAAI;AAEvD;AAAA,IACE;AAAA,IACA,MAAM,cAAc;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,QAAM,EAAE,SAAS,IAAI,mBAA2B,OAAO;AAAA,IACrD,aAAa,CAAC,UAAU;AACtB,YAAM,aAAa,cAAc;AAEjC,UAAI,CAAC,YAAY;AACf;AAAA,MACF;AAEA,YAAM,SAAU,MAAM,IAAa,KAA2B;AAE9D,UAAI,WAAW,UAAU,QAAQ;AAC/B,mBAAW,QAAQ;AAAA,MACrB;AAAA,IACF;AAAA,IACA,YAAY,CAAC,UAAU;AACrB,YAAM,aAAa,cAAc;AAEjC,UAAI,CAAC,YAAY;AACf;AAAA,MACF;AAEA,YAAM,IAAa,IAAI,WAAW;AAAA,IACpC;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,MACtB,MAAM,MAAM,IAAa;AAE3B,SACE;AAAA,IAAC,4BAAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,OAAO,IAAI;AAAA,MACjB,cAAc,gBAAgB,gBAAgB;AAAA,MAC9C,UAAU,CAAC,UAAU;AACnB,iBAAS;AACT,cAAM,WAAW,KAAK;AAAA,MACxB;AAAA;AAAA,EACF;AAEJ;","names":["import_react","GwTextEditor"]}

package/dist/text-editor.mjs

@@ -0,0 +1,90 @@
+// src/editor/text_editor.tsx
+import {
+  TextEditor as GwTextEditor
+} from "gw-react-text-editor";
+import { useImperativeHandle, useRef as useRef2 } from "react";
+
+// src/store/use_store_controller.tsx
+import { useCallback, useEffect, useId, useRef } from "react";
+function useStoreController(store, props) {
+  const dispatchKey = useId();
+  const propsRef = useRef(props);
+  const subscribedStoreRef = useRef(null);
+  useEffect(() => {
+    propsRef.current = props;
+  }, [props]);
+  useEffect(() => {
+    const isReplacement = subscribedStoreRef.current !== null && subscribedStoreRef.current !== store;
+    subscribedStoreRef.current = store;
+    const unsubscribe = store.subscribe((state, key) => {
+      if (key !== dispatchKey) {
+        propsRef.current.onSubscribe(state);
+      }
+    });
+    if (isReplacement) {
+      propsRef.current.onSubscribe(store.state);
+    }
+    return unsubscribe;
+  }, [dispatchKey, store]);
+  const dispatch = useCallback(() => {
+    store.dispatch(
+      (state) => propsRef.current.onDispatch(state),
+      { key: dispatchKey }
+    );
+  }, [dispatchKey, store]);
+  return { dispatch };
+}
+
+// src/editor/text_editor.tsx
+import { jsx } from "react/jsx-runtime";
+function TextEditor({
+  store,
+  name,
+  defaultValue,
+  ref,
+  ...props
+}) {
+  const controllerRef = useRef2(null);
+  useImperativeHandle(
+    ref,
+    () => controllerRef.current,
+    []
+  );
+  const { dispatch } = useStoreController(store, {
+    onSubscribe: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      const result = state[name] || "";
+      if (controller.value !== result) {
+        controller.value = result;
+      }
+    },
+    onDispatch: (state) => {
+      const controller = controllerRef.current;
+      if (!controller) {
+        return;
+      }
+      state[name] = controller.value;
+    }
+  });
+  const getDefaultValue = () => store.state[name];
+  return /* @__PURE__ */ jsx(
+    GwTextEditor,
+    {
+      ...props,
+      ref: controllerRef,
+      name: String(name),
+      defaultValue: defaultValue ?? getDefaultValue(),
+      onChange: (event) => {
+        dispatch();
+        props.onChange?.(event);
+      }
+    }
+  );
+}
+export {
+  TextEditor
+};
+//# sourceMappingURL=text-editor.mjs.map

package/dist/text-editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor/text_editor.tsx","../src/store/use_store_controller.tsx"],"sourcesContent":["import {\n  TextEditor as GwTextEditor,\n  TextEditorController,\n  type TextEditorProps as GwTextEditorProps,\n} from \"gw-react-text-editor\";\nimport { useImperativeHandle, useRef } from \"react\";\nimport type { Store } from \"gw-store\";\nimport { useStoreController } from \"../store/use_store_controller\";\n\nexport type TextEditorProps<TState extends object> = Omit<\n  GwTextEditorProps,\n  \"name\"\n> & {\n  store: Store<TState>;\n  name: keyof TState;\n};\n\nexport function TextEditor<TState extends object>({\n  store,\n  name,\n  defaultValue,\n  ref,\n  ...props\n}: TextEditorProps<TState>) {\n  const controllerRef = useRef<TextEditorController>(null);\n\n  useImperativeHandle(\n    ref,\n    () => controllerRef.current as TextEditorController,\n    [],\n  );\n\n  const { dispatch } = useStoreController<TState>(store, {\n    onSubscribe: (state) => {\n      const controller = controllerRef.current;\n\n      if (!controller) {\n        return;\n      }\n\n      const result = (state[name as never] as unknown as string) || \"\";\n\n      if (controller.value !== result) {\n        controller.value = result;\n      }\n    },\n    onDispatch: (state) => {\n      const controller = controllerRef.current;\n\n      if (!controller) {\n        return;\n      }\n\n      state[name as never] = controller.value as unknown as never;\n    },\n  });\n\n  const getDefaultValue = () =>\n    store.state[name as never] as unknown as string;\n\n  return (\n    <GwTextEditor\n      {...props}\n      ref={controllerRef}\n      name={String(name)}\n      defaultValue={defaultValue ?? getDefaultValue()}\n      onChange={(event) => {\n        dispatch();\n        props.onChange?.(event);\n      }}\n    />\n  );\n}\n","import { useCallback, useEffect, useId, useRef } from \"react\";\nimport type { Draft, Immutable } from \"immer\";\nimport type { Store } from \"gw-store\";\n\nexport type StoreControllerProps<TState extends object> = {\n  onSubscribe: (state: Immutable<TState>) => void;\n  onDispatch: (state: Draft<TState>) => void;\n};\n\nexport function useStoreController<TState extends object>(\n  store: Store<TState>,\n  props: StoreControllerProps<TState>,\n) {\n  const dispatchKey = useId();\n  const propsRef = useRef(props);\n  const subscribedStoreRef = useRef<Store<TState> | null>(null);\n\n  useEffect(() => {\n    propsRef.current = props;\n  }, [props]);\n\n  useEffect(() => {\n    const isReplacement =\n      subscribedStoreRef.current !== null && subscribedStoreRef.current !== store;\n    subscribedStoreRef.current = store;\n\n    const unsubscribe = store.subscribe((state, key) => {\n      if (key !== dispatchKey) {\n        propsRef.current.onSubscribe(state);\n      }\n    });\n\n    if (isReplacement) {\n      propsRef.current.onSubscribe(store.state);\n    }\n\n    return unsubscribe;\n  }, [dispatchKey, store]);\n\n  const dispatch = useCallback(() => {\n    store.dispatch(\n      (state) => propsRef.current.onDispatch(state),\n      { key: dispatchKey },\n    );\n  }, [dispatchKey, store]);\n\n  return { dispatch };\n}\n"],"mappings":";AAAA;AAAA,EACE,cAAc;AAAA,OAGT;AACP,SAAS,qBAAqB,UAAAA,eAAc;;;ACL5C,SAAS,aAAa,WAAW,OAAO,cAAc;AAS/C,SAAS,mBACd,OACA,OACA;AACA,QAAM,cAAc,MAAM;AAC1B,QAAM,WAAW,OAAO,KAAK;AAC7B,QAAM,qBAAqB,OAA6B,IAAI;AAE5D,YAAU,MAAM;AACd,aAAS,UAAU;AAAA,EACrB,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,UAAM,gBACJ,mBAAmB,YAAY,QAAQ,mBAAmB,YAAY;AACxE,uBAAmB,UAAU;AAE7B,UAAM,cAAc,MAAM,UAAU,CAAC,OAAO,QAAQ;AAClD,UAAI,QAAQ,aAAa;AACvB,iBAAS,QAAQ,YAAY,KAAK;AAAA,MACpC;AAAA,IACF,CAAC;AAED,QAAI,eAAe;AACjB,eAAS,QAAQ,YAAY,MAAM,KAAK;AAAA,IAC1C;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,KAAK,CAAC;AAEvB,QAAM,WAAW,YAAY,MAAM;AACjC,UAAM;AAAA,MACJ,CAAC,UAAU,SAAS,QAAQ,WAAW,KAAK;AAAA,MAC5C,EAAE,KAAK,YAAY;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,CAAC;AAEvB,SAAO,EAAE,SAAS;AACpB;;;ADcI;AA5CG,SAAS,WAAkC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,QAAM,gBAAgBC,QAA6B,IAAI;AAEvD;AAAA,IACE;AAAA,IACA,MAAM,cAAc;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,QAAM,EAAE,SAAS,IAAI,mBAA2B,OAAO;AAAA,IACrD,aAAa,CAAC,UAAU;AACtB,YAAM,aAAa,cAAc;AAEjC,UAAI,CAAC,YAAY;AACf;AAAA,MACF;AAEA,YAAM,SAAU,MAAM,IAAa,KAA2B;AAE9D,UAAI,WAAW,UAAU,QAAQ;AAC/B,mBAAW,QAAQ;AAAA,MACrB;AAAA,IACF;AAAA,IACA,YAAY,CAAC,UAAU;AACrB,YAAM,aAAa,cAAc;AAEjC,UAAI,CAAC,YAAY;AACf;AAAA,MACF;AAEA,YAAM,IAAa,IAAI,WAAW;AAAA,IACpC;AAAA,EACF,CAAC;AAED,QAAM,kBAAkB,MACtB,MAAM,MAAM,IAAa;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAM,OAAO,IAAI;AAAA,MACjB,cAAc,gBAAgB,gBAAgB;AAAA,MAC9C,UAAU,CAAC,UAAU;AACnB,iBAAS;AACT,cAAM,WAAW,KAAK;AAAA,MACxB;AAAA;AAAA,EACF;AAEJ;","names":["useRef","useRef"]}

package/package.json

@@ -1,47 +1,107 @@
 {
   "name": "react-store-input",
-  "version": "0.2.6",
+  "version": "0.4.0",
+  "description": "Typed React form inputs backed by a small immutable store",
+  "keywords": [
+    "react",
+    "form",
+    "input",
+    "state-management",
+    "typescript"
+  ],
+  "author": "gawonsoft",
+  "license": "MIT",
+  "type": "commonjs",
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "LICENSE",
+    "README.md"
+  ],
   "types": "./dist/index.d.ts",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./text-editor": {
+      "import": {
+        "types": "./dist/text-editor.d.mts",
+        "default": "./dist/text-editor.mjs"
+      },
+      "require": {
+        "types": "./dist/text-editor.d.ts",
+        "default": "./dist/text-editor.js"
+      }
     }
   },
   "scripts": {
-    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
-    "dev": "tsup --watch"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit",
+    "test:types": "tsc -p tests/tsconfig.json",
+    "test:runtime": "node --test tests/runtime/binding.test.cjs tests/runtime/input.test.cjs tests/runtime/reset.test.cjs",
+    "test:package": "node scripts/package-smoke.cjs",
+    "test:example": "npm --prefix example run lint && npm --prefix example run build",
+    "check": "npm run lint && npm run typecheck && npm run build && npm run test:types && npm run test:runtime && npm run test:package && npm run test:example",
+    "test": "npm run check",
+    "prepack": "npm run build",
+    "prepublishOnly": "npm run check"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gawonsoft/react-store-input.git"
   },
-  "author": "",
-  "license": "MIT",
   "bugs": {
     "url": "https://github.com/gawonsoft/react-store-input/issues"
   },
   "homepage": "https://github.com/gawonsoft/react-store-input#readme",
-  "description": "",
   "devDependencies": {
+    "@eslint/js": "^9.39.5",
     "@types/node": "^24.10.1",
     "@types/react": "^18.3.1 || ^19.2.1",
     "@types/react-dom": "^18.3.1 || ^19.2.1",
+    "eslint": "^9.39.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "gw-react-text-editor": "^0.1.6",
+    "jsdom": "^24.1.3",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "tsup": "^8.5.1",
-    "typescript": "^5.7.3"
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.65.0"
   },
   "peerDependencies": {
-    "react": "^18.3.1 || ^19.2.1",
-    "react-dom": "^18.3.1 || ^19.2.1"
+    "gw-react-text-editor": "^0.1.6",
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0"
+  },
+  "peerDependenciesMeta": {
+    "gw-react-text-editor": {
+      "optional": true
+    }
   },
   "dependencies": {
-    "date-fns": "^4.1.0",
-    "gw-react-text-editor": "^0.1.4",
-    "gw-store": "^0.1.1",
-    "immer": "^11.1.3"
+    "gw-result": "0.3.0",
+    "gw-store": "0.2.0",
+    "immer": "^11.1.4"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "registry": "https://registry.npmjs.org/"
   }
 }

package/dist/create_render.d.mts

@@ -1,9 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Store } from 'gw-store';
-import { ReactNode } from 'react';
-
-type CreateRender<TState> = (selector: (state: TState) => ReactNode, compare?: (a: TState, b: TState) => boolean) => ReactNode;
-declare function createRender<TState>(store: Store<TState>, selector: (state: TState) => ReactNode, compare?: (a: TState, b: TState) => boolean): react_jsx_runtime.JSX.Element;
-declare function createRenderWithStore<TState>(store: Store<TState>): CreateRender<TState>;
-
-export { type CreateRender, createRender, createRenderWithStore };

package/dist/create_render.d.ts

@@ -1,9 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Store } from 'gw-store';
-import { ReactNode } from 'react';
-
-type CreateRender<TState> = (selector: (state: TState) => ReactNode, compare?: (a: TState, b: TState) => boolean) => ReactNode;
-declare function createRender<TState>(store: Store<TState>, selector: (state: TState) => ReactNode, compare?: (a: TState, b: TState) => boolean): react_jsx_runtime.JSX.Element;
-declare function createRenderWithStore<TState>(store: Store<TState>): CreateRender<TState>;
-
-export { type CreateRender, createRender, createRenderWithStore };

package/dist/create_render.js

@@ -1,51 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/create_render.tsx
-var create_render_exports = {};
-__export(create_render_exports, {
-  createRender: () => createRender,
-  createRenderWithStore: () => createRenderWithStore
-});
-module.exports = __toCommonJS(create_render_exports);
-var import_gw_store = require("gw-store");
-var import_jsx_runtime = require("react/jsx-runtime");
-function createRender(store, selector, compare) {
-  function Component() {
-    const result = (0, import_gw_store.useSelector)(store, (state) => state, compare);
-    const content = selector(result);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: content });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {});
-}
-function createRenderWithStore(store) {
-  return function createRender2(selector, compare) {
-    function Component() {
-      const result = (0, import_gw_store.useSelector)(store, (state) => state, compare);
-      const content = selector(result);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: content });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {});
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createRender,
-  createRenderWithStore
-});

package/dist/create_render.mjs

@@ -1,25 +0,0 @@
-// src/create_render.tsx
-import { useSelector } from "gw-store";
-import { Fragment, jsx } from "react/jsx-runtime";
-function createRender(store, selector, compare) {
-  function Component() {
-    const result = useSelector(store, (state) => state, compare);
-    const content = selector(result);
-    return /* @__PURE__ */ jsx(Fragment, { children: content });
-  }
-  return /* @__PURE__ */ jsx(Component, {});
-}
-function createRenderWithStore(store) {
-  return function createRender2(selector, compare) {
-    function Component() {
-      const result = useSelector(store, (state) => state, compare);
-      const content = selector(result);
-      return /* @__PURE__ */ jsx(Fragment, { children: content });
-    }
-    return /* @__PURE__ */ jsx(Component, {});
-  };
-}
-export {
-  createRender,
-  createRenderWithStore
-};

package/dist/text_editor.d.mts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextEditorProps as TextEditorProps$1 } from 'gw-react-text-editor';
-import { Store } from 'gw-store';
-
-type TextEditorProps<TState> = {
-    store: Store<TState>;
-    name?: keyof TState;
-    getter?: (state: TState) => string;
-    setter?: (state: TState, value: string) => void;
-} & TextEditorProps$1;
-declare function TextEditor<TState>({ store, name, getter, setter, defaultValue, ref, ...props }: TextEditorProps<TState>): react_jsx_runtime.JSX.Element;
-
-export { TextEditor, type TextEditorProps };

package/dist/text_editor.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextEditorProps as TextEditorProps$1 } from 'gw-react-text-editor';
-import { Store } from 'gw-store';
-
-type TextEditorProps<TState> = {
-    store: Store<TState>;
-    name?: keyof TState;
-    getter?: (state: TState) => string;
-    setter?: (state: TState, value: string) => void;
-} & TextEditorProps$1;
-declare function TextEditor<TState>({ store, name, getter, setter, defaultValue, ref, ...props }: TextEditorProps<TState>): react_jsx_runtime.JSX.Element;
-
-export { TextEditor, type TextEditorProps };