cross-state 0.37.9 → 0.37.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/mutative/register.cjs +2 -3
- package/dist/cjs/mutative/register.cjs.map +1 -1
- package/dist/cjs/patches/register.cjs +1 -2
- package/dist/cjs/patches/register.cjs.map +1 -1
- package/dist/cjs/react/index.cjs +4 -2
- package/dist/cjs/react/index.cjs.map +1 -1
- package/dist/cjs/react/register.cjs +3 -4
- package/dist/cjs/react/register.cjs.map +1 -1
- package/dist/cjs/scope.cjs +13 -7
- package/dist/cjs/scope.cjs.map +1 -1
- package/dist/cjs/store.cjs +48 -5
- package/dist/cjs/store.cjs.map +1 -1
- package/dist/es/index.mjs +5 -5
- package/dist/es/mutative/register.mjs +1 -2
- package/dist/es/mutative/register.mjs.map +1 -1
- package/dist/es/patches/register.mjs +1 -2
- package/dist/es/patches/register.mjs.map +1 -1
- package/dist/es/react/index.mjs +5 -3
- package/dist/es/react/index.mjs.map +1 -1
- package/dist/es/react/register.mjs +3 -4
- package/dist/es/react/register.mjs.map +1 -1
- package/dist/es/scope.mjs +14 -8
- package/dist/es/scope.mjs.map +1 -1
- package/dist/es/store.mjs +53 -10
- package/dist/es/store.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/autobind.cjs +0 -41
- package/dist/cjs/autobind.cjs.map +0 -1
- package/dist/es/autobind.mjs +0 -42
- package/dist/es/autobind.mjs.map +0 -1
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const autobind = require("../autobind.cjs");
|
|
3
|
-
const mutativeMethods = require("../mutativeMethods.cjs");
|
|
4
2
|
const store = require("../store.cjs");
|
|
3
|
+
const mutativeMethods = require("../mutativeMethods.cjs");
|
|
5
4
|
Object.assign(store.Store.prototype, mutativeMethods.mutativeMethods);
|
|
6
|
-
|
|
5
|
+
store.autobind(store.Store);
|
|
7
6
|
//# sourceMappingURL=register.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.cjs","sources":["../../../src/mutative/register.ts"],"sourcesContent":["import { autobind } from '@lib/autobind';\nimport { mutativeMethods } from './mutativeMethods';\nimport { Store } from '@core';\n\ntype MutativeMethods = typeof mutativeMethods;\n\ndeclare module '@core' {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Store<T> extends MutativeMethods {}\n}\n\nObject.assign(Store.prototype, mutativeMethods);\
|
|
1
|
+
{"version":3,"file":"register.cjs","sources":["../../../src/mutative/register.ts"],"sourcesContent":["import { autobind } from '@lib/autobind';\nimport { mutativeMethods } from './mutativeMethods';\nimport { Store } from '@core';\n\ntype MutativeMethods = typeof mutativeMethods;\n\ndeclare module '@core' {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Store<T> extends MutativeMethods {}\n}\n\nObject.assign(Store.prototype, mutativeMethods);\nautobind(Store);\n"],"names":["Store","mutativeMethods","autobind"],"mappings":";;;AAWA,OAAO,OAAOA,MAAAA,MAAM,WAAWC,gBAAe,eAAA;AAC9CC,MAAA,SAASF,WAAK;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const store = require("../store.cjs");
|
|
3
|
-
const autobind = require("../autobind.cjs");
|
|
4
3
|
const patches_index = require("./index.cjs");
|
|
5
4
|
Object.assign(store.Store.prototype, patches_index.patchMethods);
|
|
6
|
-
|
|
5
|
+
store.autobind(store.Store);
|
|
7
6
|
//# sourceMappingURL=register.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.cjs","sources":["../../../src/patches/register.ts"],"sourcesContent":["import { Store } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { patchMethods } from './patchMethods';\n\ntype PatchMethods = typeof patchMethods;\n\ndeclare module '@core' {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Store<T> extends PatchMethods {}\n}\n\nObject.assign(Store.prototype, patchMethods);\
|
|
1
|
+
{"version":3,"file":"register.cjs","sources":["../../../src/patches/register.ts"],"sourcesContent":["import { Store } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { patchMethods } from './patchMethods';\n\ntype PatchMethods = typeof patchMethods;\n\ndeclare module '@core' {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Store<T> extends PatchMethods {}\n}\n\nObject.assign(Store.prototype, patchMethods);\nautobind(Store);\n"],"names":["Store","patchMethods","autobind"],"mappings":";;;AAWA,OAAO,OAAOA,MAAAA,MAAM,WAAWC,cAAY,YAAA;AAC3CC,MAAA,SAASF,WAAK;"}
|
package/dist/cjs/react/index.cjs
CHANGED
|
@@ -361,7 +361,7 @@ function getErrors(draft, original, validations) {
|
|
|
361
361
|
}
|
|
362
362
|
return errors;
|
|
363
363
|
}
|
|
364
|
-
class
|
|
364
|
+
const _Form = class _Form {
|
|
365
365
|
constructor(options) {
|
|
366
366
|
this.options = options;
|
|
367
367
|
this.context = require$$0.createContext(null);
|
|
@@ -526,7 +526,9 @@ class Form {
|
|
|
526
526
|
return /* @__PURE__ */ jsxRuntime.jsx(Form2, { ...formProps, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props }) });
|
|
527
527
|
};
|
|
528
528
|
}
|
|
529
|
-
}
|
|
529
|
+
};
|
|
530
|
+
/* @__PURE__ */ store.autobind(_Form);
|
|
531
|
+
let Form = _Form;
|
|
530
532
|
function createForm(options) {
|
|
531
533
|
return new Form(options);
|
|
532
534
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps): 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 (!isObject(object) && !Array.isArray(object)) {\n throw new Error('Object is not an object');\n }\n\n for (const [key, value] of Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useMemo,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> =\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<TDraft, TPath extends PathAsString<TDraft>> = {\n name: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n TDraft,\n TPath\n> & {\n component?: undefined;\n render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n inputFilter?: undefined;\n defaultValue?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n component?: TComponent;\n render?: undefined;\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n ? {\n defaultValue?: FieldValue<TComponent>;\n serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent>;\n }\n : Value<TDraft, TPath> extends FieldValue<TComponent>\n ?\n | {\n defaultValue: FieldValue<TComponent>;\n serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent>;\n }\n | {\n defaultValue?: FieldValue<TComponent>;\n serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent>;\n }\n : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n defaultValue,\n serialize,\n deserialize = (x) => x as Value<TDraft, TPath>,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TPath>\n | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n): JSX.Element | null {\n type T = FieldChangeValue<TComponent>;\n\n const { value, setValue } = this.useField(name);\n const [localValue, setLocalValue] = useState<T>();\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n ...restProps,\n name,\n value:\n localValue ?? (serialize ? serialize(value) : value !== undefined ? value : defaultValue),\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(deserialize(value));\n }\n\n restProps.onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }\n\n restProps.onBlur?.apply(null, args);\n },\n };\n\n if (render) {\n return <>{render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null}</>;\n }\n\n if (component) {\n return createElement(component, props);\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): JSX.Element {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n): 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>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport { isObject } from '@lib/helpers';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n type Context,\n type ElementType,\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 {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const 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 const isValid = formInstance.validate();\n const errors = new Map(\n [...formInstance.getErrors().entries()].map(([field, errors]) => [\n field,\n errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n ]),\n );\n\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n const errorString = [...errors.values()].flat().join('\\n');\n\n buttonElement.setCustomValidity(errorString);\n }\n\n formElement.reportValidity();\n\n function reset() {\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity('');\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n buttonElement.setCustomValidity('');\n }\n\n formElement.removeEventListener('input', reset);\n }\n formElement.addEventListener('input', reset);\n\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (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 (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (isObject(value)) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n context: Context<FormContext<TDraft, TOriginal> | null> = createContext<FormContext<\n TDraft,\n TOriginal\n > | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {}\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.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(\n path: TPath,\n useStoreOptions?: UseStoreOptions<Field<TDraft, TOriginal, TPath>>,\n ): Field<TDraft, TOriginal, TPath> {\n return this.useFormState((form) => form.getField(path), useStoreOptions);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>): 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 };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !deepEqual(draft, original ?? options.defaultValue),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, hash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }): JSX.Element {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft>>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft>,\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>): 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\n/* @__PURE__ */ autobind(Form);\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 { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [hash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}): void {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [hash(key), type],\n );\n}\n"],"names":["jsxs","jsx","castArrayPath","isObject","useState","useEffect","value","Fragment","createElement","useCallback","name","calcDuration","useRef","useMemo","queue","debounce","options","_a","deepEqual","errors","_b","get","join","createContext","useContext","useStore","createStore","connectUrl","hash","Form","onChange","update","throttle","startTransition"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string;\n children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps): 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 (!isObject(object) && !Array.isArray(object)) {\n throw new Error('Object is not an object');\n }\n\n for (const [key, value] of Object.entries(object)) {\n if (first !== '*' && first !== key) {\n continue;\n }\n\n if (second === undefined) {\n matches[key] = value;\n continue;\n }\n\n for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n matches[`${key}.${subKey}`] = subValue;\n }\n }\n\n return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n createElement,\n useEffect,\n useMemo,\n useState,\n type Component,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n name: TPath;\n value: TValue;\n onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n | (new (props: P, context?: any) => Component<P, any>)\n | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> =\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<TDraft, TPath extends PathAsString<TDraft>> = {\n name: TPath;\n commitOnBlur?: boolean;\n commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n TDraft,\n TPath\n> & {\n component?: undefined;\n render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n inputFilter?: undefined;\n defaultValue?: undefined;\n serialize?: undefined;\n deserialize?: undefined;\n onChange?: undefined;\n onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n component?: TComponent;\n render?: undefined;\n inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value' | 'defaultValue'>,\n 'onChange' | 'onBlur'\n > &\n (Value<TDraft, TPath> extends Exclude<FieldValue<TComponent>, undefined>\n ? {\n defaultValue?: FieldValue<TComponent>;\n serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent>;\n }\n : Value<TDraft, TPath> extends FieldValue<TComponent>\n ?\n | {\n defaultValue: FieldValue<TComponent>;\n serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent>;\n }\n | {\n defaultValue?: FieldValue<TComponent>;\n serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent>;\n }\n : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n TDraft,\n TPath extends PathAsString<TDraft>,\n TComponent extends FormFieldComponent,\n>(\n this: Form<TDraft, any>,\n {\n // id,\n name,\n component,\n commitOnBlur,\n commitDebounce,\n render,\n inputFilter,\n defaultValue,\n serialize,\n deserialize = (x) => x as Value<TDraft, TPath>,\n ...restProps\n }:\n | FormFieldPropsWithRender<TDraft, TPath>\n | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n): JSX.Element | null {\n type T = FieldChangeValue<TComponent>;\n\n const { value, setValue } = this.useField(name);\n const [localValue, setLocalValue] = useState<T>();\n\n useEffect(() => {\n if (localValue === undefined || !commitDebounce) {\n return;\n }\n\n const timeout = setTimeout(() => {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }, commitDebounce);\n\n return () => clearTimeout(timeout);\n }, [localValue, commitDebounce]);\n\n const props = {\n ...restProps,\n name,\n value:\n localValue ?? (serialize ? serialize(value) : value !== undefined ? value : defaultValue),\n onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n const value =\n typeof event === 'object' && event !== null && 'target' in event\n ? event.target.value\n : event;\n\n if (inputFilter && !inputFilter(value)) {\n return;\n }\n\n if (commitOnBlur || commitDebounce) {\n setLocalValue(value);\n } else {\n setValue(deserialize(value));\n }\n\n restProps.onChange?.(event, ...moreArgs);\n },\n onBlur(...args: any[]) {\n if (localValue !== undefined) {\n setValue(deserialize(localValue));\n setLocalValue(undefined);\n }\n\n restProps.onBlur?.apply(null, args);\n },\n };\n\n if (render) {\n return <>{render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null}</>;\n }\n\n if (component) {\n return createElement(component, props);\n }\n\n return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n TPath,\n GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n name: TPath;\n renderElement?: (props: {\n name: ElementName<TDraft, TPath>;\n key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n index: number;\n remove: () => void;\n }) => ReactNode;\n children?: (\n props: {\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n } & FieldHelperMethods<TDraft, TPath>,\n ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n this: Form<TDraft, any>,\n { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n): JSX.Element {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n): 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>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport { isObject } from '@lib/helpers';\nimport {\n type Path,\n type PathAsString,\n type Value,\n type WildcardPathAsString,\n type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n createContext,\n useContext,\n useEffect,\n useMemo,\n type Context,\n type ElementType,\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 {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const 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 const isValid = formInstance.validate();\n const errors = new Map(\n [...formInstance.getErrors().entries()].map(([field, errors]) => [\n field,\n errors.map((error) => formInstance.options.localizeError?.(error, field) ?? error),\n ]),\n );\n\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity(\n errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n );\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n const errorString = [...errors.values()].flat().join('\\n');\n\n buttonElement.setCustomValidity(errorString);\n }\n\n formElement.reportValidity();\n\n function reset() {\n for (const element of Array.from(formElement.elements)) {\n if ('name' in element && 'setCustomValidity' in element) {\n (element as HTMLObjectElement).setCustomValidity('');\n }\n }\n\n if (buttonElement && 'setCustomValidity' in buttonElement) {\n buttonElement.setCustomValidity('');\n }\n\n formElement.removeEventListener('input', reset);\n }\n formElement.addEventListener('input', reset);\n\n if (isValid) {\n formProps.onSubmit?.(event, {\n ...formInstance,\n ...formInstance.derivedState.get(),\n });\n }\n }}\n />\n );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n derivedState: Store<FormDerivedState<TDraft>>,\n original: TOriginal | undefined,\n path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n return {\n get originalValue() {\n return original !== undefined ? get(original as any, path as any) : undefined;\n },\n\n get value() {\n const { draft } = derivedState.get();\n return get(draft, path);\n },\n\n setValue(update: any) {\n derivedState.set(join('draft', path) as any, update);\n },\n\n get hasChange() {\n return !deepEqual(this.originalValue, this.value);\n },\n\n get errors() {\n const { errors } = derivedState.get();\n return errors.get(path) ?? [];\n },\n\n get names(): any {\n const { value } = this;\n\n if (Array.isArray(value)) {\n return value.map((_, index) => join(path, String(index)));\n }\n\n if (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 (args.length === 1) {\n return [...(value ?? []), args[0]];\n }\n\n return {\n ...value,\n [args[0]]: args[1],\n };\n });\n },\n\n remove(key: any) {\n this.setValue((value: any) => {\n if (!value) {\n return value;\n }\n\n if (Array.isArray(value)) {\n return value.filter((_, index) => index !== key);\n }\n\n if (isObject(value)) {\n const { [key]: _, ...rest } = value;\n return rest;\n }\n\n return value;\n });\n },\n } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n draft: TDraft,\n original: TOriginal | undefined,\n validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n const errors = new Map<string, string[]>();\n\n for (const [path, block] of Object.entries(validations ?? {})) {\n for (const [validationName, validate] of Object.entries(\n block as Record<string, Validation<any, any, any>>,\n )) {\n let matched = false;\n\n for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n matched = true;\n if (!validate(value, { draft, original, field })) {\n const fieldErrors = errors.get(field) ?? [];\n fieldErrors.push(validationName);\n errors.set(field, fieldErrors);\n }\n }\n\n if (!matched && !path.includes('*')) {\n if (!validate(undefined, { draft, original, field: path })) {\n const fieldErrors = errors.get(path) ?? [];\n fieldErrors.push(validationName);\n errors.set(path, fieldErrors);\n }\n }\n }\n }\n\n return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n static {\n /* @__PURE__ */ autobind(Form);\n }\n\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\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.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(\n path: TPath,\n useStoreOptions?: UseStoreOptions<Field<TDraft, TOriginal, TPath>>,\n ): Field<TDraft, TOriginal, TPath> {\n return this.useFormState((form) => form.getField(path), useStoreOptions);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>): 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 };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !deepEqual(draft, original ?? options.defaultValue),\n errors,\n isValid: errors.size === 0,\n };\n },\n (newState) => ({\n draft: newState.draft,\n hasTriggeredValidations: newState.hasTriggeredValidations,\n saveScheduled: newState.saveScheduled,\n saveInProgress: newState.saveInProgress,\n }),\n );\n }, [formState, original, options.validations, options.defaultValue]);\n\n const context = useMemo(() => {\n return {\n formState,\n derivedState,\n options,\n original,\n\n getField(path) {\n return getField(derivedState, original, path);\n },\n\n getDraft() {\n return formState.get().draft ?? original ?? options.defaultValue;\n },\n\n hasTriggeredValidations() {\n return formState.get().hasTriggeredValidations;\n },\n\n hasChanges() {\n return derivedState.get().hasChanges;\n },\n\n getErrors() {\n return derivedState.get().errors;\n },\n\n isValid() {\n return derivedState.get().isValid;\n },\n\n validate() {\n formState.set('hasTriggeredValidations', true);\n return derivedState.get().isValid;\n },\n\n reset() {\n formState.set('draft', undefined);\n formState.set('hasTriggeredValidations', false);\n },\n } satisfies FormContext<TDraft, TOriginal>;\n }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n useEffect(() => {\n if (urlState) {\n return connectUrl(\n formState.map('draft'),\n typeof urlState === 'object' ? urlState : { key: 'form' },\n );\n }\n\n return undefined;\n }, [formState, hash(urlState)]);\n\n useEffect(() => {\n const handles = options.transform?.map(({ trigger, update }) => {\n const draft = derivedState.map('draft');\n const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n return triggerStore.subscribe(() => {\n const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n const result = update(value as any, draft);\n\n if (result !== undefined) {\n draft.set(result);\n }\n });\n });\n\n return () => {\n handles?.forEach((handle) => handle());\n };\n }, [options.transform]);\n\n useFormAutosave(context);\n\n return (\n <this.context.Provider value={context}>\n <FormContainer {...formProps} form={this} />\n </this.context.Provider>\n );\n }\n\n FormState<S>({\n selector,\n children,\n }: {\n selector: (form: FormInstance<TDraft, TOriginal>) => S;\n children: (selectedState: S) => ReactNode;\n }): JSX.Element {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft>>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft>,\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>): 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 { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n debounce?: Duration;\n throttle?: Duration;\n onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n value: T,\n onChange: (value: T) => void,\n options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n const [dirty, setDirty] = useState<{ v: T }>();\n const ref = useRef({ onChange, onCommit: options.onCommit });\n\n useEffect(() => {\n ref.current = { onChange, onCommit: options.onCommit };\n }, [onChange]);\n\n const update = useMemo(() => {\n const { onChange, onCommit } = ref.current;\n\n const update = (value: T) => {\n onChange(value);\n setDirty(undefined);\n onCommit?.(value);\n };\n\n let delayedUpdate: (value: T) => void;\n\n if (options.debounce) {\n delayedUpdate = debounce(update, options.debounce);\n } else if (options.throttle) {\n delayedUpdate = throttle(update, options.throttle);\n } else {\n delayedUpdate = (value) => startTransition(() => update(value));\n }\n\n return (value: T) => {\n setDirty({ v: value });\n delayedUpdate(value);\n };\n }, [hash([options.debounce, options.throttle])]);\n\n return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n key,\n type = 'search',\n}: {\n key: string | string[];\n type?: 'search' | 'hash';\n}): void {\n useEffect(\n () => () => {\n const url = new URL(window.location.href);\n const parameters = new URLSearchParams(url[type].slice(1));\n\n for (const _key of castArray(key)) {\n parameters.delete(_key);\n }\n\n url[type] = parameters.toString();\n window.history.replaceState(null, '', url.toString());\n },\n [hash(key), type],\n );\n}\n"],"names":["jsxs","jsx","castArrayPath","isObject","useState","useEffect","value","Fragment","createElement","useCallback","name","calcDuration","useRef","useMemo","queue","debounce","options","_a","deepEqual","errors","_b","get","join","createContext","useContext","useStore","createStore","connectUrl","hash","Form","autobind","onChange","update","throttle","startTransition"],"mappings":"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"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const scope = require("../scope.cjs");
|
|
3
3
|
const store = require("../store.cjs");
|
|
4
|
-
const autobind = require("../autobind.cjs");
|
|
5
4
|
const storeMethods = require("../storeMethods.cjs");
|
|
6
5
|
Object.assign(store.Store.prototype, storeMethods.storeMethods);
|
|
6
|
+
store.autobind(store.Store);
|
|
7
7
|
Object.assign(scope.Cache.prototype, storeMethods.cacheMethods);
|
|
8
|
+
store.autobind(scope.Cache);
|
|
8
9
|
Object.assign(scope.Scope.prototype, storeMethods.scopeMethods);
|
|
9
|
-
|
|
10
|
-
autobind.autobind(scope.Cache);
|
|
11
|
-
autobind.autobind(scope.Scope);
|
|
10
|
+
store.autobind(scope.Scope);
|
|
12
11
|
//# sourceMappingURL=register.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.cjs","sources":["../../../src/react/register.ts"],"sourcesContent":["import { Cache, Scope, Store } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { cacheMethods } from '@react/cacheMethods';\nimport { scopeMethods } from '@react/scopeMethods';\nimport { storeMethods } from './storeMethods';\n\ntype StoreMethods = typeof storeMethods;\ntype CacheMethods = typeof cacheMethods;\ntype ScopeMethods = typeof scopeMethods;\n\ndeclare module '@core' {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Store<T> extends StoreMethods {}\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Cache<T> extends CacheMethods {}\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Scope<T> extends ScopeMethods {}\n}\n\nObject.assign(Store.prototype, storeMethods);\nObject.assign(Cache.prototype, cacheMethods);\nObject.assign(Scope.prototype, scopeMethods);\
|
|
1
|
+
{"version":3,"file":"register.cjs","sources":["../../../src/react/register.ts"],"sourcesContent":["import { Cache, Scope, Store } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { cacheMethods } from '@react/cacheMethods';\nimport { scopeMethods } from '@react/scopeMethods';\nimport { storeMethods } from './storeMethods';\n\ntype StoreMethods = typeof storeMethods;\ntype CacheMethods = typeof cacheMethods;\ntype ScopeMethods = typeof scopeMethods;\n\ndeclare module '@core' {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Store<T> extends StoreMethods {}\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Cache<T> extends CacheMethods {}\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Scope<T> extends ScopeMethods {}\n}\n\nObject.assign(Store.prototype, storeMethods);\nautobind(Store);\n\nObject.assign(Cache.prototype, cacheMethods);\nautobind(Cache);\n\nObject.assign(Scope.prototype, scopeMethods);\nautobind(Scope);\n"],"names":["Store","storeMethods","autobind","Cache","cacheMethods","Scope","scopeMethods"],"mappings":";;;;AAqBA,OAAO,OAAOA,MAAAA,MAAM,WAAWC,aAAY,YAAA;AAC3CC,MAAA,SAASF,MAAK,KAAA;AAEd,OAAO,OAAOG,MAAAA,MAAM,WAAWC,aAAY,YAAA;AAC3CF,MAAA,SAASC,MAAK,KAAA;AAEd,OAAO,OAAOE,MAAAA,MAAM,WAAWC,aAAY,YAAA;AAC3CJ,MAAA,SAASG,WAAK;"}
|
package/dist/cjs/scope.cjs
CHANGED
|
@@ -65,7 +65,7 @@ class InstanceCache {
|
|
|
65
65
|
return performance.now();
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
class
|
|
68
|
+
const _ResourceGroup = class _ResourceGroup {
|
|
69
69
|
constructor(name) {
|
|
70
70
|
this.name = name;
|
|
71
71
|
this.refMap = /* @__PURE__ */ new WeakMap();
|
|
@@ -103,12 +103,14 @@ class ResourceGroup {
|
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
|
-
}
|
|
106
|
+
};
|
|
107
|
+
/* @__PURE__ */ store.autobind(_ResourceGroup);
|
|
108
|
+
let ResourceGroup = _ResourceGroup;
|
|
107
109
|
const allResources = /* @__PURE__ */ new ResourceGroup();
|
|
108
110
|
function createResourceGroup(name) {
|
|
109
111
|
return new ResourceGroup(name);
|
|
110
112
|
}
|
|
111
|
-
class
|
|
113
|
+
const _Cache = class _Cache extends store.Store {
|
|
112
114
|
constructor(getter, options = {}, derivedFromCache, _call) {
|
|
113
115
|
super(getter, options, void 0, _call);
|
|
114
116
|
this.options = options;
|
|
@@ -183,7 +185,7 @@ class Cache extends store.Store {
|
|
|
183
185
|
cache: this.derivedFromCache ? this.derivedFromCache.cache : this,
|
|
184
186
|
selectors: this.derivedFromCache ? [...this.derivedFromCache.selectors, _selector] : [_selector]
|
|
185
187
|
};
|
|
186
|
-
return new
|
|
188
|
+
return new _Cache(
|
|
187
189
|
async ({ use }) => {
|
|
188
190
|
const value = await use(this);
|
|
189
191
|
return selector(value);
|
|
@@ -288,7 +290,9 @@ class Cache extends store.Store {
|
|
|
288
290
|
};
|
|
289
291
|
document.addEventListener("visibilitychange", onFocus);
|
|
290
292
|
}
|
|
291
|
-
}
|
|
293
|
+
};
|
|
294
|
+
/* @__PURE__ */ store.autobind(_Cache);
|
|
295
|
+
let Cache = _Cache;
|
|
292
296
|
function create(cacheFunction, options) {
|
|
293
297
|
options = { ...createCache.defaultOptions, ...options };
|
|
294
298
|
const { clearUnusedAfter, resourceGroup } = options ?? {};
|
|
@@ -355,11 +359,13 @@ const createCache = /* @__PURE__ */ Object.assign(create, {
|
|
|
355
359
|
equals: propAccess.deepEqual
|
|
356
360
|
}
|
|
357
361
|
});
|
|
358
|
-
class
|
|
362
|
+
const _Scope = class _Scope {
|
|
359
363
|
constructor(defaultValue) {
|
|
360
364
|
this.defaultValue = defaultValue;
|
|
361
365
|
}
|
|
362
|
-
}
|
|
366
|
+
};
|
|
367
|
+
/* @__PURE__ */ store.autobind(_Scope);
|
|
368
|
+
let Scope = _Scope;
|
|
363
369
|
function createScope(defaultValue) {
|
|
364
370
|
return new Scope(defaultValue);
|
|
365
371
|
}
|
package/dist/cjs/scope.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scope.cjs","sources":["../../src/lib/instanceCache.ts","../../src/core/resourceGroup.ts","../../src/core/cache.ts","../../src/core/scope.ts"],"sourcesContent":["import { hash } 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 const key = hash(args);\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\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\n/* @__PURE__ */ autobind(ResourceGroup);\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 { InstanceCache } from '@lib/instanceCache';\nimport { makeSelector } from '@lib/makeSelector';\nimport { type MaybePromise } from '@lib/maybePromise';\nimport type { 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';\nimport { deepEqual } from '@lib/equals';\n\nexport interface CacheGetOptions {\n update?: 'whenMissing' | 'whenStale' | 'force';\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> extends StoreOptions {\n invalidateAfter?: Duration | ((state: ValueState<T> | ErrorState) => Duration | null) | null;\n invalidateOnWindowFocus?: boolean;\n invalidateOnActivation?: boolean;\n clearOnInvalidate?: boolean;\n clearUnusedAfter?: Duration | null;\n resourceGroup?: ResourceGroup | ResourceGroup[];\n}\n\nexport class Cache<T> 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 options: CacheOptions<T> = {},\n public readonly derivedFromCache?: {\n cache: Cache<any>;\n selectors: (Selector<any, any> | Path<any>)[];\n },\n _call?: (...args: any[]) => any,\n ) {\n super(getter, options, undefined, _call);\n\n this.watchPromise();\n this.watchFocus();\n\n this.state.addEffect(() => this.subscribe(() => undefined));\n }\n\n get({ update = 'whenStale', backgroundUpdate = false }: CacheGetOptions = {}): Promise<T> {\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?.stop();\n this.calculatedValue = calculatedValue(this, this.notify);\n this.notify();\n\n if ((!promise && !stalePromise) || !backgroundUpdate) {\n return super.get();\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) => T)): void {\n if (value instanceof Function) {\n this.set(this.get().then((v) => value(v)));\n } else {\n this.set(PromiseWithState.resolve(value));\n }\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>;\n\n mapValue<P extends Path<T>>(selector: P): Cache<Value<T, P>>;\n\n mapValue<S>(_selector: Selector<T, S> | Path<any>): Cache<S> {\n const selector = makeSelector(_selector);\n const derivedFromCache = {\n cache: this.derivedFromCache ? this.derivedFromCache.cache : this,\n selectors: this.derivedFromCache\n ? [...this.derivedFromCache.selectors, _selector]\n : [_selector],\n };\n\n return new Cache(\n async ({ use }) => {\n const value = await use(this);\n return selector(value);\n },\n {\n equals: this.options.equals,\n },\n derivedFromCache,\n );\n }\n\n protected watchPromise(): void {\n this.subscribe(\n async (promise) => {\n if (promise instanceof PromiseWithState && promise.state.status !== 'pending') {\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\n/* @__PURE__ */ autobind(Cache);\n\ntype CreateReturnType<T, Args extends any[]> = {\n (...args: Args): Cache<T>;\n invalidateAll: () => void;\n clearAll: () => void;\n} & ([] extends Args ? Cache<T> : {});\n\nfunction create<T, Args extends any[] = []>(\n cacheFunction: CacheFunction<T, Args>,\n options?: CacheOptions<T>,\n): CreateReturnType<T, Args> {\n options = { ...createCache.defaultOptions, ...options };\n const { clearUnusedAfter, resourceGroup } = options ?? {};\n\n let baseInstance: CreateReturnType<T, Args> & Cache<T>;\n\n const instanceCache = new InstanceCache<Args, Cache<T>>(\n (...args: Args): Cache<T> => {\n if (args.length === 0 && baseInstance) {\n return baseInstance;\n }\n\n return new Cache((helpers) => {\n const result = cacheFunction.apply(helpers, args);\n\n if (result instanceof Function) {\n return result(helpers);\n }\n\n return result;\n }, options);\n },\n clearUnusedAfter ? calcDuration(clearUnusedAfter) : undefined,\n );\n\n const get = (...args: Args) => {\n return instanceCache.get(...args);\n };\n\n const invalidateAll = () => {\n for (const instance of instanceCache.values()) {\n instance.invalidate();\n }\n };\n\n const clearAll = () => {\n for (const instance of instanceCache.values()) {\n instance.clear();\n }\n };\n\n baseInstance = Object.assign(\n new Cache(\n (helpers) => {\n const result = cacheFunction.apply(helpers);\n\n if (result instanceof Function) {\n return result(helpers);\n }\n\n return result;\n },\n options,\n undefined,\n get,\n ),\n {\n invalidateAll,\n clearAll,\n },\n ) as CreateReturnType<T, Args> & Cache<T>;\n\n const groups = Array.isArray(resourceGroup)\n ? resourceGroup\n : resourceGroup\n ? [resourceGroup]\n : [];\n for (const group of groups.concat(allResources)) {\n group.add(baseInstance);\n }\n\n get(...([] as any));\n\n return baseInstance;\n}\n\nexport const createCache: typeof create & { defaultOptions: CacheOptions<unknown> } =\n /* @__PURE__ */ Object.assign(create, {\n defaultOptions: {\n invalidateOnWindowFocus: true,\n invalidateOnActivation: true,\n clearUnusedAfter: { days: 1 },\n retain: { milliseconds: 1 },\n equals: deepEqual,\n } as CacheOptions<unknown>,\n });\n","import { autobind } from '@lib/autobind';\n\nexport class Scope<T> {\n constructor(public readonly defaultValue: T) {}\n}\n\n/* @__PURE__ */ autobind(Scope);\n\nexport function createScope<T>(defaultValue: T): Scope<T> {\n return new Scope(defaultValue);\n}\n"],"names":["hash","Store","createStore","calculatedValue","PromiseWithState","makeSelector","calcDuration","deepEqual"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"scope.cjs","sources":["../../src/lib/instanceCache.ts","../../src/core/resourceGroup.ts","../../src/core/cache.ts","../../src/core/scope.ts"],"sourcesContent":["import { hash } 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 const key = hash(args);\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 static {\n /* @__PURE__ */ autobind(ResourceGroup);\n }\n\n private refMap = new WeakMap<Resource, WeakRef<Resource>>();\n\n private refSet = new Set<WeakRef<Resource>>();\n\n constructor(public readonly name?: string) {}\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 { InstanceCache } from '@lib/instanceCache';\nimport { makeSelector } from '@lib/makeSelector';\nimport { type MaybePromise } from '@lib/maybePromise';\nimport type { 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';\nimport { deepEqual } from '@lib/equals';\n\nexport interface CacheGetOptions {\n update?: 'whenMissing' | 'whenStale' | 'force';\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> extends StoreOptions {\n invalidateAfter?: Duration | ((state: ValueState<T> | ErrorState) => Duration | null) | null;\n invalidateOnWindowFocus?: boolean;\n invalidateOnActivation?: boolean;\n clearOnInvalidate?: boolean;\n clearUnusedAfter?: Duration | null;\n resourceGroup?: ResourceGroup | ResourceGroup[];\n}\n\nexport class Cache<T> extends Store<Promise<T>> {\n static {\n /* @__PURE__ */ autobind(Cache);\n }\n\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 options: CacheOptions<T> = {},\n public readonly derivedFromCache?: {\n cache: Cache<any>;\n selectors: (Selector<any, any> | Path<any>)[];\n },\n _call?: (...args: any[]) => any,\n ) {\n super(getter, options, undefined, _call);\n\n this.watchPromise();\n this.watchFocus();\n\n this.state.addEffect(() => this.subscribe(() => undefined));\n }\n\n get({ update = 'whenStale', backgroundUpdate = false }: CacheGetOptions = {}): Promise<T> {\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?.stop();\n this.calculatedValue = calculatedValue(this, this.notify);\n this.notify();\n\n if ((!promise && !stalePromise) || !backgroundUpdate) {\n return super.get();\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) => T)): void {\n if (value instanceof Function) {\n this.set(this.get().then((v) => value(v)));\n } else {\n this.set(PromiseWithState.resolve(value));\n }\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>;\n\n mapValue<P extends Path<T>>(selector: P): Cache<Value<T, P>>;\n\n mapValue<S>(_selector: Selector<T, S> | Path<any>): Cache<S> {\n const selector = makeSelector(_selector);\n const derivedFromCache = {\n cache: this.derivedFromCache ? this.derivedFromCache.cache : this,\n selectors: this.derivedFromCache\n ? [...this.derivedFromCache.selectors, _selector]\n : [_selector],\n };\n\n return new Cache(\n async ({ use }) => {\n const value = await use(this);\n return selector(value);\n },\n {\n equals: this.options.equals,\n },\n derivedFromCache,\n );\n }\n\n protected watchPromise(): void {\n this.subscribe(\n async (promise) => {\n if (promise instanceof PromiseWithState && promise.state.status !== 'pending') {\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\ntype CreateReturnType<T, Args extends any[]> = {\n (...args: Args): Cache<T>;\n invalidateAll: () => void;\n clearAll: () => void;\n} & ([] extends Args ? Cache<T> : {});\n\nfunction create<T, Args extends any[] = []>(\n cacheFunction: CacheFunction<T, Args>,\n options?: CacheOptions<T>,\n): CreateReturnType<T, Args> {\n options = { ...createCache.defaultOptions, ...options };\n const { clearUnusedAfter, resourceGroup } = options ?? {};\n\n let baseInstance: CreateReturnType<T, Args> & Cache<T>;\n\n const instanceCache = new InstanceCache<Args, Cache<T>>(\n (...args: Args): Cache<T> => {\n if (args.length === 0 && baseInstance) {\n return baseInstance;\n }\n\n return new Cache((helpers) => {\n const result = cacheFunction.apply(helpers, args);\n\n if (result instanceof Function) {\n return result(helpers);\n }\n\n return result;\n }, options);\n },\n clearUnusedAfter ? calcDuration(clearUnusedAfter) : undefined,\n );\n\n const get = (...args: Args) => {\n return instanceCache.get(...args);\n };\n\n const invalidateAll = () => {\n for (const instance of instanceCache.values()) {\n instance.invalidate();\n }\n };\n\n const clearAll = () => {\n for (const instance of instanceCache.values()) {\n instance.clear();\n }\n };\n\n baseInstance = Object.assign(\n new Cache(\n (helpers) => {\n const result = cacheFunction.apply(helpers);\n\n if (result instanceof Function) {\n return result(helpers);\n }\n\n return result;\n },\n options,\n undefined,\n get,\n ),\n {\n invalidateAll,\n clearAll,\n },\n ) as CreateReturnType<T, Args> & Cache<T>;\n\n const groups = Array.isArray(resourceGroup)\n ? resourceGroup\n : resourceGroup\n ? [resourceGroup]\n : [];\n for (const group of groups.concat(allResources)) {\n group.add(baseInstance);\n }\n\n get(...([] as any));\n\n return baseInstance;\n}\n\nexport const createCache: typeof create & { defaultOptions: CacheOptions<unknown> } =\n /* @__PURE__ */ Object.assign(create, {\n defaultOptions: {\n invalidateOnWindowFocus: true,\n invalidateOnActivation: true,\n clearUnusedAfter: { days: 1 },\n retain: { milliseconds: 1 },\n equals: deepEqual,\n } as CacheOptions<unknown>,\n });\n","import { autobind } from '@lib/autobind';\n\nexport class Scope<T> {\n static {\n /* @__PURE__ */ autobind(Scope);\n }\n\n constructor(public readonly defaultValue: T) {}\n}\n\nexport function createScope<T>(defaultValue: T): Scope<T> {\n return new Scope(defaultValue);\n}\n"],"names":["hash","autobind","Store","createStore","calculatedValue","PromiseWithState","makeSelector","calcDuration","deepEqual"],"mappings":"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"}
|
package/dist/cjs/store.cjs
CHANGED
|
@@ -1,5 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const propAccess = require("./propAccess.cjs");
|
|
3
|
+
const marker = Symbol("autobind");
|
|
4
|
+
const autobind = (_class) => {
|
|
5
|
+
var _a;
|
|
6
|
+
for (const key of Reflect.ownKeys(_class.prototype)) {
|
|
7
|
+
if (key === "constructor") {
|
|
8
|
+
continue;
|
|
9
|
+
}
|
|
10
|
+
const descriptor = Reflect.getOwnPropertyDescriptor(_class.prototype, key);
|
|
11
|
+
let method = ((_a = descriptor == null ? void 0 : descriptor.get) == null ? void 0 : _a.call(descriptor)) ?? (descriptor == null ? void 0 : descriptor.value);
|
|
12
|
+
let isBinding = false;
|
|
13
|
+
if (typeof method !== "function" || method[marker]) {
|
|
14
|
+
continue;
|
|
15
|
+
}
|
|
16
|
+
Reflect.defineProperty(_class.prototype, key, {
|
|
17
|
+
configurable: true,
|
|
18
|
+
get() {
|
|
19
|
+
if (isBinding || this === _class.prototype || Object.prototype.hasOwnProperty.call(this, key) || typeof method !== "function") {
|
|
20
|
+
return method;
|
|
21
|
+
}
|
|
22
|
+
const boundMethod = (...args) => Reflect.apply(method, this, args);
|
|
23
|
+
boundMethod[marker] = true;
|
|
24
|
+
isBinding = true;
|
|
25
|
+
Object.defineProperty(this, key, {
|
|
26
|
+
configurable: true,
|
|
27
|
+
get() {
|
|
28
|
+
return boundMethod;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
isBinding = false;
|
|
32
|
+
return boundMethod;
|
|
33
|
+
},
|
|
34
|
+
set(v) {
|
|
35
|
+
method = v;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
return _class;
|
|
40
|
+
};
|
|
3
41
|
function calcDuration(t) {
|
|
4
42
|
if (typeof t === "number")
|
|
5
43
|
return t;
|
|
@@ -346,7 +384,7 @@ class PromiseCancelError extends Error {
|
|
|
346
384
|
super("cancelled");
|
|
347
385
|
}
|
|
348
386
|
}
|
|
349
|
-
class
|
|
387
|
+
const _PromiseWithCancel = class _PromiseWithCancel extends Promise {
|
|
350
388
|
constructor(executor) {
|
|
351
389
|
const abortController = new AbortController();
|
|
352
390
|
super((resolve, reject) => {
|
|
@@ -360,7 +398,9 @@ class PromiseWithCancel extends Promise {
|
|
|
360
398
|
cancel(reason = new PromiseCancelError()) {
|
|
361
399
|
this.abortController.abort(reason);
|
|
362
400
|
}
|
|
363
|
-
}
|
|
401
|
+
};
|
|
402
|
+
/* @__PURE__ */ autobind(_PromiseWithCancel);
|
|
403
|
+
let PromiseWithCancel = _PromiseWithCancel;
|
|
364
404
|
function createArrayAction(prop) {
|
|
365
405
|
return function arrayAction(...args) {
|
|
366
406
|
const newArray = this.get().slice();
|
|
@@ -437,7 +477,7 @@ function throttle(action, duration) {
|
|
|
437
477
|
function noop() {
|
|
438
478
|
return void 0;
|
|
439
479
|
}
|
|
440
|
-
class
|
|
480
|
+
const _Store = class _Store extends Callable {
|
|
441
481
|
constructor(getter, options = {}, derivedFrom, _call = () => void 0) {
|
|
442
482
|
super(_call);
|
|
443
483
|
this.getter = getter;
|
|
@@ -601,7 +641,7 @@ class Store extends Callable {
|
|
|
601
641
|
}
|
|
602
642
|
}
|
|
603
643
|
};
|
|
604
|
-
return new
|
|
644
|
+
return new _Store(
|
|
605
645
|
({ use }) => {
|
|
606
646
|
return selector(use(this));
|
|
607
647
|
},
|
|
@@ -692,7 +732,9 @@ class Store extends Callable {
|
|
|
692
732
|
break;
|
|
693
733
|
}
|
|
694
734
|
}
|
|
695
|
-
}
|
|
735
|
+
};
|
|
736
|
+
/* @__PURE__ */ autobind(_Store);
|
|
737
|
+
let Store = _Store;
|
|
696
738
|
function create(initialState, options) {
|
|
697
739
|
options = { ...createStore.defaultOptions, ...options };
|
|
698
740
|
const store = new Store(initialState, options);
|
|
@@ -722,6 +764,7 @@ const createStore = /* @__PURE__ */ Object.assign(create, {
|
|
|
722
764
|
exports.PromiseWithState = PromiseWithState;
|
|
723
765
|
exports.Store = Store;
|
|
724
766
|
exports.arrayMethods = arrayMethods;
|
|
767
|
+
exports.autobind = autobind;
|
|
725
768
|
exports.calcDuration = calcDuration;
|
|
726
769
|
exports.calculatedValue = calculatedValue;
|
|
727
770
|
exports.createStore = createStore;
|