cross-state 0.37.8 → 0.37.9
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/autobind.cjs +41 -0
- package/dist/cjs/autobind.cjs.map +1 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/mutative/register.cjs +2 -0
- package/dist/cjs/mutative/register.cjs.map +1 -1
- package/dist/cjs/mutativeMethods.cjs.map +1 -1
- package/dist/cjs/patches/index.cjs.map +1 -1
- package/dist/cjs/patches/register.cjs +4 -31
- package/dist/cjs/patches/register.cjs.map +1 -1
- package/dist/cjs/propAccess.cjs.map +1 -1
- package/dist/cjs/react/index.cjs +13 -12
- package/dist/cjs/react/index.cjs.map +1 -1
- package/dist/cjs/react/register.cjs +8 -23
- package/dist/cjs/react/register.cjs.map +1 -1
- package/dist/cjs/scope.cjs +0 -3
- package/dist/cjs/scope.cjs.map +1 -1
- package/dist/cjs/store.cjs +0 -44
- package/dist/cjs/store.cjs.map +1 -1
- package/dist/cjs/{useCache.cjs → storeMethods.cjs} +73 -50
- package/dist/cjs/storeMethods.cjs.map +1 -0
- package/dist/cjs/urlStore.cjs.map +1 -1
- package/dist/es/autobind.mjs +42 -0
- package/dist/es/autobind.mjs.map +1 -0
- package/dist/es/index.mjs +5 -5
- package/dist/es/index.mjs.map +1 -1
- package/dist/es/mutative/register.mjs +2 -0
- package/dist/es/mutative/register.mjs.map +1 -1
- package/dist/es/mutativeMethods.mjs.map +1 -1
- package/dist/es/patches/index.mjs.map +1 -1
- package/dist/es/patches/register.mjs +4 -32
- package/dist/es/patches/register.mjs.map +1 -1
- package/dist/es/propAccess.mjs.map +1 -1
- package/dist/es/react/index.mjs +10 -9
- package/dist/es/react/index.mjs.map +1 -1
- package/dist/es/react/register.mjs +6 -21
- package/dist/es/react/register.mjs.map +1 -1
- package/dist/es/scope.mjs +1 -4
- package/dist/es/scope.mjs.map +1 -1
- package/dist/es/store.mjs +5 -49
- package/dist/es/store.mjs.map +1 -1
- package/dist/es/{useCache.mjs → storeMethods.mjs} +77 -54
- package/dist/es/storeMethods.mjs.map +1 -0
- package/dist/es/urlStore.mjs.map +1 -1
- package/dist/types/core/cache.d.ts +1 -4
- package/dist/types/core/store.d.ts +5 -5
- package/dist/types/lib/autobind.d.ts +1 -1
- package/dist/types/lib/debounce.d.ts +5 -4
- package/dist/types/lib/deferred.d.ts +1 -1
- package/dist/types/lib/promiseWithState.d.ts +1 -1
- package/dist/types/lib/standardMethods.d.ts +1 -7
- package/dist/types/lib/trackingProxy.d.ts +1 -2
- package/dist/types/patches/register.d.ts +0 -2
- package/dist/types/react/cacheMethods.d.ts +5 -0
- package/dist/types/react/form/customInput.d.ts +1 -1
- package/dist/types/react/form/form.d.ts +6 -6
- package/dist/types/react/form/formField.d.ts +1 -1
- package/dist/types/react/form/formForEach.d.ts +1 -1
- package/dist/types/react/index.d.ts +3 -1
- package/dist/types/react/loadingBoundary.d.ts +1 -1
- package/dist/types/react/register.d.ts +4 -18
- package/dist/types/react/scope.d.ts +2 -5
- package/dist/types/react/scopeMethods.d.ts +9 -0
- package/dist/types/react/{reactMethods.d.ts → storeMethods.d.ts} +3 -4
- package/package.json +2 -2
- package/dist/cjs/useCache.cjs.map +0 -1
- package/dist/es/useCache.mjs.map +0 -1
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const marker = Symbol("autobind");
|
|
3
|
+
const autobind = (_class) => {
|
|
4
|
+
var _a;
|
|
5
|
+
for (const key of Reflect.ownKeys(_class.prototype)) {
|
|
6
|
+
if (key === "constructor") {
|
|
7
|
+
continue;
|
|
8
|
+
}
|
|
9
|
+
const descriptor = Reflect.getOwnPropertyDescriptor(_class.prototype, key);
|
|
10
|
+
let method = ((_a = descriptor == null ? void 0 : descriptor.get) == null ? void 0 : _a.call(descriptor)) ?? (descriptor == null ? void 0 : descriptor.value);
|
|
11
|
+
let isBinding = false;
|
|
12
|
+
if (typeof method !== "function" || method[marker]) {
|
|
13
|
+
continue;
|
|
14
|
+
}
|
|
15
|
+
Reflect.defineProperty(_class.prototype, key, {
|
|
16
|
+
configurable: true,
|
|
17
|
+
get() {
|
|
18
|
+
if (isBinding || this === _class.prototype || Object.prototype.hasOwnProperty.call(this, key) || typeof method !== "function") {
|
|
19
|
+
return method;
|
|
20
|
+
}
|
|
21
|
+
const boundMethod = (...args) => Reflect.apply(method, this, args);
|
|
22
|
+
boundMethod[marker] = true;
|
|
23
|
+
isBinding = true;
|
|
24
|
+
Object.defineProperty(this, key, {
|
|
25
|
+
configurable: true,
|
|
26
|
+
get() {
|
|
27
|
+
return boundMethod;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
isBinding = false;
|
|
31
|
+
return boundMethod;
|
|
32
|
+
},
|
|
33
|
+
set(v) {
|
|
34
|
+
method = v;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
return _class;
|
|
39
|
+
};
|
|
40
|
+
exports.autobind = autobind;
|
|
41
|
+
//# sourceMappingURL=autobind.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autobind.cjs","sources":["../../src/lib/autobind.ts"],"sourcesContent":["const marker = Symbol('autobind');\n\nexport const autobind = <\n TClass extends abstract new (...args: any) => any = abstract new (...args: any) => any,\n>(\n _class: TClass,\n): TClass => {\n for (const key of Reflect.ownKeys(_class.prototype)) {\n if (key === 'constructor') {\n continue;\n }\n\n const descriptor = Reflect.getOwnPropertyDescriptor(_class.prototype, key);\n let method = descriptor?.get?.() ?? descriptor?.value;\n let isBinding = false;\n\n if (typeof method !== 'function' || method[marker]) {\n continue;\n }\n\n Reflect.defineProperty(_class.prototype, key, {\n configurable: true,\n get() {\n if (\n isBinding ||\n this === _class.prototype ||\n Object.prototype.hasOwnProperty.call(this, key) ||\n typeof method !== 'function'\n ) {\n return method;\n }\n\n const boundMethod = (...args: any[]) => Reflect.apply(method, this, args);\n boundMethod[marker] = true;\n isBinding = true;\n\n Object.defineProperty(this, key, {\n configurable: true,\n get() {\n return boundMethod;\n },\n });\n\n isBinding = false;\n return boundMethod;\n },\n set(v) {\n method = v;\n },\n });\n }\n\n return _class;\n};\n"],"names":[],"mappings":";AAAA,MAAM,SAAS,OAAO,UAAU;AAEnB,MAAA,WAAW,CAGtB,WACW;;AACX,aAAW,OAAO,QAAQ,QAAQ,OAAO,SAAS,GAAG;AACnD,QAAI,QAAQ,eAAe;AACzB;AAAA,IACF;AAEA,UAAM,aAAa,QAAQ,yBAAyB,OAAO,WAAW,GAAG;AACzE,QAAI,WAAS,8CAAY,QAAZ,yCAAuB,yCAAY;AAChD,QAAI,YAAY;AAEhB,QAAI,OAAO,WAAW,cAAc,OAAO,MAAM,GAAG;AAClD;AAAA,IACF;AAEQ,YAAA,eAAe,OAAO,WAAW,KAAK;AAAA,MAC5C,cAAc;AAAA,MACd,MAAM;AACJ,YACE,aACA,SAAS,OAAO,aAChB,OAAO,UAAU,eAAe,KAAK,MAAM,GAAG,KAC9C,OAAO,WAAW,YAClB;AACO,iBAAA;AAAA,QACT;AAEA,cAAM,cAAc,IAAI,SAAgB,QAAQ,MAAM,QAAQ,MAAM,IAAI;AACxE,oBAAY,MAAM,IAAI;AACV,oBAAA;AAEL,eAAA,eAAe,MAAM,KAAK;AAAA,UAC/B,cAAc;AAAA,UACd,MAAM;AACG,mBAAA;AAAA,UACT;AAAA,QAAA,CACD;AAEW,oBAAA;AACL,eAAA;AAAA,MACT;AAAA,MACA,IAAI,GAAG;AACI,iBAAA;AAAA,MACX;AAAA,IAAA,CACD;AAAA,EACH;AAEO,SAAA;AACT;;"}
|
package/dist/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../src/lib/updateHelpers.ts","../../src/persist/persistPathHelpers.ts","../../src/lib/maybeAsync.ts","../../src/persist/persistStorage.ts","../../src/persist/persist.ts"],"sourcesContent":["export function findOrDefault<T>(\n array: T[],\n predicate: (item: T) => boolean,\n defaultValue: T | (() => T),\n): T {\n const index = array.findIndex(predicate);\n\n if (index >= 0) {\n return array[index]!;\n }\n\n const value = defaultValue instanceof Function ? defaultValue() : defaultValue;\n array.push(value);\n return value;\n}\n","import { isObject } from '@lib/helpers';\nimport type { KeyType } from '@lib/path';\n\nexport const isAncestor = (ancestor: KeyType[], path: KeyType[]): boolean => {\n return (\n ancestor.length <= path.length &&\n ancestor.every((v, i) => v === '*' || path[i] === '*' || v === path[i])\n );\n};\n\nexport const split = (\n value: any,\n path: KeyType[],\n): [value: unknown, subValues: { path: KeyType[]; value: unknown }[]] => {\n const [first, ...rest] = path;\n if (first === undefined) return [value, []];\n\n if (rest.length === 0) {\n if (first === '*')\n return [{}, Object.entries(value).map(([k, v]) => ({ path: [k], value: v }))];\n if (!(first in value)) return [value, []];\n const { [first]: subValue, ...newValue } = value;\n return [newValue, [{ path: [first], value: subValue }]];\n }\n\n const newValue = { ...value };\n const subValues = new Array<{ path: KeyType[]; value: unknown }>();\n for (const key of first === '*' ? Object.keys(value) : [first]) {\n if (!isObject(newValue[key])) return [value, []];\n const result = split(newValue[key], rest);\n newValue[key] = result[0];\n subValues.push(...result[1].map((s) => ({ path: [key, ...s.path], value: s.value })));\n }\n return [newValue, subValues];\n};\n","import isPromise from '@lib/isPromise';\nimport type { MaybePromise } from './maybePromise';\n\nexport function maybeAsync<T, R>(\n value: MaybePromise<T>,\n action: (value: T) => MaybePromise<R>,\n): MaybePromise<R> {\n if (isPromise(value)) {\n return value.then(action);\n }\n return action(value);\n}\n\nexport function maybeAsyncArray<T>(values: (() => MaybePromise<T>)[]): MaybePromise<T[]> {\n const run = (remainingValues: (() => MaybePromise<T>)[], results: T[]): MaybePromise<T[]> => {\n const [first, ...rest] = remainingValues;\n if (!first) {\n return results;\n }\n\n return maybeAsync(first(), (result) => run(rest, results.concat(result)));\n };\n\n return run(values, []);\n}\n","import { maybeAsync, maybeAsyncArray } from '@lib/maybeAsync';\n\nexport interface PersistStorageBase {\n getItem: (key: string) => string | null | Promise<string | null>;\n setItem: (key: string, value: string) => unknown | Promise<unknown>;\n removeItem: (key: string) => unknown | Promise<unknown>;\n}\n\nexport interface PersistStorageWithKeys extends PersistStorageBase {\n keys: () => string[] | Promise<string[]>;\n}\n\nexport interface PersistStorageWithLength extends PersistStorageBase {\n length: number | (() => number | Promise<number>);\n key: (keyIndex: number) => string | null | Promise<string | null>;\n}\n\nexport type PersistStorage = PersistStorageBase &\n (PersistStorageWithKeys | PersistStorageWithLength);\n\nexport function normalizeStorage(storage: PersistStorage): PersistStorageWithKeys {\n return {\n getItem: storage.getItem.bind(storage),\n setItem: storage.setItem.bind(storage),\n removeItem: storage.removeItem.bind(storage),\n\n keys(): string[] | Promise<string[]> {\n if ('keys' in storage) {\n return storage.keys();\n }\n\n return maybeAsync(\n storage.length instanceof Function ? storage.length() : storage.length,\n (length) => {\n const keyPromises = maybeAsyncArray(\n Array.from({ length }, (_, index) => () => storage.key(index)),\n );\n\n return maybeAsync(keyPromises, (keys) =>\n keys.filter((key): key is string => typeof key === 'string'),\n );\n },\n );\n },\n };\n}\n","import { isAncestor } from './persistPathHelpers';\nimport {\n normalizeStorage,\n type PersistStorage,\n type PersistStorageWithKeys,\n} from './persistStorage';\nimport { type Cancel, type Store } from '@core';\nimport { diff } from '@lib/diff';\nimport { shallowEqual } from '@lib/equals';\nimport isPromise from '@lib/isPromise';\nimport { maybeAsync, maybeAsyncArray } from '@lib/maybeAsync';\nimport type { KeyType, WildcardPath } from '@lib/path';\nimport { castArrayPath, get, set } from '@lib/propAccess';\nimport { queue } from '@lib/queue';\n\ntype PathOption<T> =\n | WildcardPath<T>\n | {\n path: WildcardPath<T>;\n throttleMs?: number;\n };\n\nexport interface PersistOptions<T> {\n id: string;\n storage: PersistStorage;\n paths?: PathOption<T>[];\n throttleMs?: number;\n}\n\nexport class Persist<T> {\n readonly storage: PersistStorageWithKeys;\n\n readonly paths: {\n path: KeyType[];\n throttleMs?: number;\n }[];\n\n readonly initialized: Promise<void>;\n\n private resolveInitialized?: () => void;\n\n private channel: BroadcastChannel;\n\n private queue = queue();\n\n private handles = new Set<Cancel>();\n\n private stopped = false;\n\n private updateInProgress?: [any, any];\n\n private prefix;\n\n constructor(\n public readonly store: Store<T>,\n public readonly options: PersistOptions<T>,\n ) {\n this.storage = normalizeStorage(options.storage);\n this.channel = new BroadcastChannel(`cross-state-persist_${options.id}`);\n this.prefix = `${options.id}:`;\n\n this.paths = (options.paths ?? [])\n .map<{\n path: KeyType[];\n throttleMs?: number;\n }>((p) => {\n if (isPlainPath(p)) {\n return { path: castArrayPath(p) };\n }\n\n const _p = p as { path: KeyType[]; throttleMs?: number };\n\n return {\n path: castArrayPath(_p.path),\n throttleMs: _p.throttleMs,\n };\n })\n .sort((a, b) => b.path.length - a.path.length);\n\n if (this.paths.length === 0) {\n this.paths.push({ path: ['*'] });\n }\n\n this.initialized = new Promise((resolve) => {\n this.resolveInitialized = resolve;\n });\n\n this.watchStore();\n this.watchStorage();\n }\n\n private watchStore() {\n let committed = this.store.get();\n\n const cancel = this.store.subscribe(\n (value) => {\n const [patches] = diff(committed, value);\n committed = value;\n\n for (const patch of patches) {\n if (\n this.updateInProgress &&\n shallowEqual(this.updateInProgress[0], patch.path) &&\n this.updateInProgress[1] === (patch.op === 'remove' ? undefined : patch.value)\n ) {\n continue;\n }\n\n const ancestor = this.paths.find((p) => isAncestor(p.path, patch.path));\n\n if (!ancestor) {\n continue;\n }\n\n const pathToSave = patch.path.slice(0, ancestor.path.length);\n this.queue(() => this.save(pathToSave), pathToSave);\n }\n },\n { runNow: false },\n );\n\n this.handles.add(cancel);\n }\n\n private async watchStorage() {\n let keys = this.storage.keys();\n if (isPromise(keys)) {\n keys = await keys;\n }\n\n if (this.stopped) {\n return;\n }\n\n for (const key of keys) {\n const path = this.parseKey(key);\n if (!path) {\n continue;\n }\n\n this.queue(() => this.load(path));\n }\n\n this.queue(() => this.resolveInitialized?.());\n\n const listener = (event: MessageEvent) => {\n this.queue(() => this.load(event.data));\n };\n\n this.channel.addEventListener('message', listener);\n this.handles.add(() => this.channel.removeEventListener('message', listener));\n }\n\n private buildKey(path: KeyType[]) {\n return `${this.prefix}${JSON.stringify(path)}`;\n }\n\n private parseKey(key: string) {\n if (!key.startsWith(this.prefix)) {\n return;\n }\n\n return JSON.parse(key.slice(this.prefix.length)) as KeyType[];\n }\n\n private load(path: KeyType[]) {\n const matchingPath = this.paths.find(\n (p) => p.path.length === path.length && isAncestor(p.path, path),\n );\n if (!matchingPath) {\n return;\n }\n\n const key = this.buildKey(path);\n\n return maybeAsync(this.storage.getItem(key), (value) => {\n if (this.stopped || !value) {\n return;\n }\n\n const inSaveQueue = this.queue\n .getRefs()\n .find((ref) => isAncestor(ref, path) || isAncestor(path, ref));\n if (inSaveQueue) {\n return;\n }\n\n const parsedValue = value === 'undefined' ? undefined : JSON.parse(value);\n\n this.updateInProgress = [path, parsedValue];\n this.store.set((state) => set(state, path as any, parsedValue));\n this.updateInProgress = undefined;\n });\n }\n\n private save(path: KeyType[]) {\n const key = this.buildKey(path);\n const value = get(this.store.get(), path as any);\n const serializedValue = value === undefined ? 'undefined' : JSON.stringify(value);\n\n return maybeAsync(this.storage.setItem(key, serializedValue), () => {\n this.channel.postMessage(path);\n\n return maybeAsync(this.storage.keys(), (keys) => {\n const toRemove = keys.filter((k) => {\n const parsedKey = this.parseKey(k);\n return (\n parsedKey && parsedKey.length > path.length && isAncestor(path, parsedKey)\n // !this.queue.getRefs().find((ref) => isAncestor(ref, parsedKey))\n );\n });\n\n return maybeAsyncArray(toRemove.map((k) => () => this.storage.removeItem(k)));\n });\n });\n }\n\n async stop() {\n this.stopped = true;\n\n for (const handle of this.handles) {\n handle();\n }\n\n await this.queue.whenDone();\n this.channel.close();\n }\n}\n\nexport function persist<T>(store: Store<T>, options: PersistOptions<T>): Persist<T> {\n return new Persist<T>(store, options);\n}\n\nfunction isPlainPath<T>(p: PathOption<T>): p is WildcardPath<T> & (KeyType[] | string) {\n return typeof p === 'string' || Array.isArray(p);\n}\n"],"names":["isPromise","store","queue","castArrayPath","diff","shallowEqual","set","get"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../src/lib/updateHelpers.ts","../../src/persist/persistPathHelpers.ts","../../src/lib/maybeAsync.ts","../../src/persist/persistStorage.ts","../../src/persist/persist.ts"],"sourcesContent":["export function findOrDefault<T>(\n array: T[],\n predicate: (item: T) => boolean,\n defaultValue: T | (() => T),\n): T {\n const index = array.findIndex(predicate);\n\n if (index >= 0) {\n return array[index]!;\n }\n\n const value = defaultValue instanceof Function ? defaultValue() : defaultValue;\n array.push(value);\n return value;\n}\n","import { isObject } from '@lib/helpers';\nimport type { KeyType } from '@lib/path';\n\nexport const isAncestor = (ancestor: KeyType[], path: KeyType[]): boolean => {\n return (\n ancestor.length <= path.length &&\n ancestor.every((v, i) => v === '*' || path[i] === '*' || v === path[i])\n );\n};\n\nexport const split = (\n value: any,\n path: KeyType[],\n): [value: unknown, subValues: { path: KeyType[]; value: unknown }[]] => {\n const [first, ...rest] = path;\n if (first === undefined) return [value, []];\n\n if (rest.length === 0) {\n if (first === '*')\n return [{}, Object.entries(value).map(([k, v]) => ({ path: [k], value: v }))];\n if (!(first in value)) return [value, []];\n const { [first]: subValue, ...newValue } = value;\n return [newValue, [{ path: [first], value: subValue }]];\n }\n\n const newValue = { ...value };\n const subValues = new Array<{ path: KeyType[]; value: unknown }>();\n for (const key of first === '*' ? Object.keys(value) : [first]) {\n if (!isObject(newValue[key])) return [value, []];\n const result = split(newValue[key], rest);\n newValue[key] = result[0];\n subValues.push(...result[1].map((s) => ({ path: [key, ...s.path], value: s.value })));\n }\n return [newValue, subValues];\n};\n","import isPromise from '@lib/isPromise';\nimport type { MaybePromise } from './maybePromise';\n\nexport function maybeAsync<T, R>(\n value: MaybePromise<T>,\n action: (value: T) => MaybePromise<R>,\n): MaybePromise<R> {\n if (isPromise(value)) {\n return value.then(action);\n }\n return action(value);\n}\n\nexport function maybeAsyncArray<T>(values: (() => MaybePromise<T>)[]): MaybePromise<T[]> {\n const run = (remainingValues: (() => MaybePromise<T>)[], results: T[]): MaybePromise<T[]> => {\n const [first, ...rest] = remainingValues;\n if (!first) {\n return results;\n }\n\n return maybeAsync(first(), (result) => run(rest, results.concat(result)));\n };\n\n return run(values, []);\n}\n","import { maybeAsync, maybeAsyncArray } from '@lib/maybeAsync';\n\nexport interface PersistStorageBase {\n getItem: (key: string) => string | null | Promise<string | null>;\n setItem: (key: string, value: string) => unknown | Promise<unknown>;\n removeItem: (key: string) => unknown | Promise<unknown>;\n}\n\nexport interface PersistStorageWithKeys extends PersistStorageBase {\n keys: () => string[] | Promise<string[]>;\n}\n\nexport interface PersistStorageWithLength extends PersistStorageBase {\n length: number | (() => number | Promise<number>);\n key: (keyIndex: number) => string | null | Promise<string | null>;\n}\n\nexport type PersistStorage = PersistStorageBase &\n (PersistStorageWithKeys | PersistStorageWithLength);\n\nexport function normalizeStorage(storage: PersistStorage): PersistStorageWithKeys {\n return {\n getItem: storage.getItem.bind(storage),\n setItem: storage.setItem.bind(storage),\n removeItem: storage.removeItem.bind(storage),\n\n keys(): string[] | Promise<string[]> {\n if ('keys' in storage) {\n return storage.keys();\n }\n\n return maybeAsync(\n storage.length instanceof Function ? storage.length() : storage.length,\n (length) => {\n const keyPromises = maybeAsyncArray(\n Array.from({ length }, (_, index) => () => storage.key(index)),\n );\n\n return maybeAsync(keyPromises, (keys) =>\n keys.filter((key): key is string => typeof key === 'string'),\n );\n },\n );\n },\n };\n}\n","import { isAncestor } from './persistPathHelpers';\nimport {\n normalizeStorage,\n type PersistStorage,\n type PersistStorageWithKeys,\n} from './persistStorage';\nimport { type Cancel, type Store } from '@core';\nimport { diff } from '@lib/diff';\nimport { shallowEqual } from '@lib/equals';\nimport isPromise from '@lib/isPromise';\nimport { maybeAsync, maybeAsyncArray } from '@lib/maybeAsync';\nimport type { KeyType, WildcardPath } from '@lib/path';\nimport { castArrayPath, get, set } from '@lib/propAccess';\nimport { queue } from '@lib/queue';\n\ntype PathOption<T> =\n | WildcardPath<T>\n | {\n path: WildcardPath<T>;\n throttleMs?: number;\n };\n\nexport interface PersistOptions<T> {\n id: string;\n storage: PersistStorage;\n paths?: PathOption<T>[];\n throttleMs?: number;\n}\n\nexport class Persist<T> {\n readonly storage: PersistStorageWithKeys;\n\n readonly paths: {\n path: KeyType[];\n throttleMs?: number;\n }[];\n\n readonly initialized: Promise<void>;\n\n private resolveInitialized?: () => void;\n\n private channel: BroadcastChannel;\n\n private queue = queue();\n\n private handles = new Set<Cancel>();\n\n private stopped = false;\n\n private updateInProgress?: [any, any];\n\n private prefix;\n\n constructor(\n public readonly store: Store<T>,\n public readonly options: PersistOptions<T>,\n ) {\n this.storage = normalizeStorage(options.storage);\n this.channel = new BroadcastChannel(`cross-state-persist_${options.id}`);\n this.prefix = `${options.id}:`;\n\n this.paths = (options.paths ?? [])\n .map<{\n path: KeyType[];\n throttleMs?: number;\n }>((p) => {\n if (isPlainPath(p)) {\n return { path: castArrayPath(p) };\n }\n\n const _p = p as { path: KeyType[]; throttleMs?: number };\n\n return {\n path: castArrayPath(_p.path),\n throttleMs: _p.throttleMs,\n };\n })\n .sort((a, b) => b.path.length - a.path.length);\n\n if (this.paths.length === 0) {\n this.paths.push({ path: ['*'] });\n }\n\n this.initialized = new Promise((resolve) => {\n this.resolveInitialized = resolve;\n });\n\n this.watchStore();\n this.watchStorage();\n }\n\n private watchStore() {\n let committed = this.store.get();\n\n const cancel = this.store.subscribe(\n (value) => {\n const [patches] = diff(committed, value);\n committed = value;\n\n for (const patch of patches) {\n if (\n this.updateInProgress &&\n shallowEqual(this.updateInProgress[0], patch.path) &&\n this.updateInProgress[1] === (patch.op === 'remove' ? undefined : patch.value)\n ) {\n continue;\n }\n\n const ancestor = this.paths.find((p) => isAncestor(p.path, patch.path));\n\n if (!ancestor) {\n continue;\n }\n\n const pathToSave = patch.path.slice(0, ancestor.path.length);\n this.queue(() => this.save(pathToSave), pathToSave);\n }\n },\n { runNow: false },\n );\n\n this.handles.add(cancel);\n }\n\n private async watchStorage() {\n let keys = this.storage.keys();\n if (isPromise(keys)) {\n keys = await keys;\n }\n\n if (this.stopped) {\n return;\n }\n\n for (const key of keys) {\n const path = this.parseKey(key);\n if (!path) {\n continue;\n }\n\n this.queue(() => this.load(path));\n }\n\n this.queue(() => this.resolveInitialized?.());\n\n const listener = (event: MessageEvent) => {\n this.queue(() => this.load(event.data));\n };\n\n this.channel.addEventListener('message', listener);\n this.handles.add(() => this.channel.removeEventListener('message', listener));\n }\n\n private buildKey(path: KeyType[]) {\n return `${this.prefix}${JSON.stringify(path)}`;\n }\n\n private parseKey(key: string) {\n if (!key.startsWith(this.prefix)) {\n return;\n }\n\n return JSON.parse(key.slice(this.prefix.length)) as KeyType[];\n }\n\n private load(path: KeyType[]) {\n const matchingPath = this.paths.find(\n (p) => p.path.length === path.length && isAncestor(p.path, path),\n );\n if (!matchingPath) {\n return;\n }\n\n const key = this.buildKey(path);\n\n return maybeAsync(this.storage.getItem(key), (value) => {\n if (this.stopped || !value) {\n return;\n }\n\n const inSaveQueue = this.queue\n .getRefs()\n .find((ref) => isAncestor(ref, path) || isAncestor(path, ref));\n if (inSaveQueue) {\n return;\n }\n\n const parsedValue = value === 'undefined' ? undefined : JSON.parse(value);\n\n this.updateInProgress = [path, parsedValue];\n this.store.set((state) => set(state, path as any, parsedValue));\n this.updateInProgress = undefined;\n });\n }\n\n private save(path: KeyType[]) {\n const key = this.buildKey(path);\n const value = get(this.store.get(), path as any);\n const serializedValue = value === undefined ? 'undefined' : JSON.stringify(value);\n\n return maybeAsync(this.storage.setItem(key, serializedValue), () => {\n this.channel.postMessage(path);\n\n return maybeAsync(this.storage.keys(), (keys) => {\n const toRemove = keys.filter((k) => {\n const parsedKey = this.parseKey(k);\n return (\n parsedKey && parsedKey.length > path.length && isAncestor(path, parsedKey)\n // !this.queue.getRefs().find((ref) => isAncestor(ref, parsedKey))\n );\n });\n\n return maybeAsyncArray(toRemove.map((k) => () => this.storage.removeItem(k)));\n });\n });\n }\n\n async stop(): Promise<void> {\n this.stopped = true;\n\n for (const handle of this.handles) {\n handle();\n }\n\n await this.queue.whenDone();\n this.channel.close();\n }\n}\n\nexport function persist<T>(store: Store<T>, options: PersistOptions<T>): Persist<T> {\n return new Persist<T>(store, options);\n}\n\nfunction isPlainPath<T>(p: PathOption<T>): p is WildcardPath<T> & (KeyType[] | string) {\n return typeof p === 'string' || Array.isArray(p);\n}\n"],"names":["isPromise","store","queue","castArrayPath","diff","shallowEqual","set","get"],"mappings":"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"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
const autobind = require("../autobind.cjs");
|
|
2
3
|
const mutativeMethods = require("../mutativeMethods.cjs");
|
|
3
4
|
const store = require("../store.cjs");
|
|
4
5
|
Object.assign(store.Store.prototype, mutativeMethods.mutativeMethods);
|
|
6
|
+
autobind.autobind(store.Store);
|
|
5
7
|
//# sourceMappingURL=register.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.cjs","sources":["../../../src/mutative/register.ts"],"sourcesContent":["import { 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);\n"],"names":["Store","mutativeMethods"],"mappings":"
|
|
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);\n\nautobind(Store);\n"],"names":["Store","mutativeMethods","autobind"],"mappings":";;;;AAWA,OAAO,OAAOA,MAAAA,MAAM,WAAWC,gBAAe,eAAA;AAE9CC,SAAA,SAASF,WAAK;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mutativeMethods.cjs","sources":["../../src/mutative/mutativeMethods.ts"],"sourcesContent":["import type { Store } from '@core/store';\nimport { type Path, type Value } from '@lib/path';\nimport { create, type Draft } from 'mutative';\n\nexport type Mutation<T> = (draft: Draft<T>) => void;\n\nfunction update<T>(this: Store<T>, mutation: Mutation<T>): void;\n\nfunction update<T, const P extends Path<T>>(\n this: Store<T>,\n path: P,\n mutation: Mutation<Value<T, P>>,\n): void;\n\nfunction update<T, TPath extends Path<T>>(\n this: Store<T>,\n ...args: [recipe: Mutation<T>] | [path: TPath, mutation: Mutation<Value<T, TPath>>]\n) {\n if (args.length === 1) {\n const [mutation] = args;\n\n this.set((value) => {\n const result = create(value, (draft) => {\n mutation(draft);\n });\n return result;\n });\n } else {\n const [path, mutation] = args;\n\n this.set(path, (value) => {\n const result = create(value, (draft) => {\n mutation(draft);\n });\n return result;\n });\n }\n}\n\nexport const mutativeMethods = {\n update,\n};\n"],"names":["create"],"mappings":";;AAcA,SAAS,UAEJ,MACH;AACI,MAAA,KAAK,WAAW,GAAG;AACf,UAAA,CAAC,QAAQ,IAAI;AAEd,SAAA,IAAI,CAAC,UAAU;AAClB,YAAM,SAASA,SAAAA,OAAO,OAAO,CAAC,UAAU;AACtC,iBAAS,KAAK;AAAA,MAAA,CACf;AACM,aAAA;AAAA,IAAA,CACR;AAAA,EAAA,OACI;AACC,UAAA,CAAC,MAAM,QAAQ,IAAI;AAEpB,SAAA,IAAI,MAAM,CAAC,UAAU;AACxB,YAAM,SAASA,SAAAA,OAAO,OAAO,CAAC,UAAU;AACtC,iBAAS,KAAK;AAAA,MAAA,CACf;AACM,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AACF;AAEO,MAAM,
|
|
1
|
+
{"version":3,"file":"mutativeMethods.cjs","sources":["../../src/mutative/mutativeMethods.ts"],"sourcesContent":["import type { Store } from '@core/store';\nimport { type Path, type Value } from '@lib/path';\nimport { create, type Draft } from 'mutative';\n\nexport type Mutation<T> = (draft: Draft<T>) => void;\n\nfunction update<T>(this: Store<T>, mutation: Mutation<T>): void;\n\nfunction update<T, const P extends Path<T>>(\n this: Store<T>,\n path: P,\n mutation: Mutation<Value<T, P>>,\n): void;\n\nfunction update<T, TPath extends Path<T>>(\n this: Store<T>,\n ...args: [recipe: Mutation<T>] | [path: TPath, mutation: Mutation<Value<T, TPath>>]\n) {\n if (args.length === 1) {\n const [mutation] = args;\n\n this.set((value) => {\n const result = create(value, (draft) => {\n mutation(draft);\n });\n return result;\n });\n } else {\n const [path, mutation] = args;\n\n this.set(path, (value) => {\n const result = create(value, (draft) => {\n mutation(draft);\n });\n return result;\n });\n }\n}\n\nexport const mutativeMethods: {\n update: typeof update;\n} = {\n update,\n};\n"],"names":["create"],"mappings":";;AAcA,SAAS,UAEJ,MACH;AACI,MAAA,KAAK,WAAW,GAAG;AACf,UAAA,CAAC,QAAQ,IAAI;AAEd,SAAA,IAAI,CAAC,UAAU;AAClB,YAAM,SAASA,SAAAA,OAAO,OAAO,CAAC,UAAU;AACtC,iBAAS,KAAK;AAAA,MAAA,CACf;AACM,aAAA;AAAA,IAAA,CACR;AAAA,EAAA,OACI;AACC,UAAA,CAAC,MAAM,QAAQ,IAAI;AAEpB,SAAA,IAAI,MAAM,CAAC,UAAU;AACxB,YAAM,SAASA,SAAAA,OAAO,OAAO,CAAC,UAAU;AACtC,iBAAS,KAAK;AAAA,MAAA,CACf;AACM,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AACF;AAEO,MAAM,kBAET;AAAA,EACF;AACF;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/patches/patchMethods.ts"],"sourcesContent":["import type { Cancel, SubscribeOptions } from '@core/commonTypes';\nimport type { Store } from '@core/store';\nimport { applyPatches as _applyPatches } from '@lib/applyPatches';\nimport { diff, type DiffOptions, type Patch } from '@lib/diff';\n\ndeclare module '@core' {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Store<T> {\n __patches?: Store<[Patch[], Patch[]]>;\n }\n}\n\nexport interface SubscribePatchOptions extends SubscribeOptions, DiffOptions {\n /** @default false */\n runNow?: boolean;\n}\n\nexport interface SyncMessage {\n id: string;\n previousId?: string;\n patches: Patch[];\n}\n\nexport type InteropPatch = Patch | { op: 'add' | 'replace' | 'remove'; value?: any };\n\nconst genId = () => Math.random().toString(36).slice(2);\n\nfunction subscribePatches<T>(\n this: Store<T>,\n listener: (patches: Patch[], reversePatches: Patch[]) => void,\n options?: SubscribePatchOptions,\n): Cancel {\n if (!this.__patches) {\n let previousValue = this.get();\n\n this.__patches = this.map((value) => {\n const result = diff(previousValue, value, options);\n previousValue = value;\n return result;\n });\n }\n\n const { stopAt, runNow, ...subscribeOptions } = options ?? {};\n\n const cancel = this.__patches.subscribe((p) => listener(...p), {\n ...subscribeOptions,\n runNow: false,\n });\n\n if (runNow) {\n listener(...diff(undefined, this.get(), options));\n }\n\n return cancel;\n}\n\nfunction applyPatches<T>(this: Store<T>, patches: InteropPatch[]): void;\nfunction applyPatches<T>(this: Store<T>, ...patches: InteropPatch[]): void;\nfunction applyPatches<T>(this: Store<T>, ...patches: (InteropPatch | InteropPatch[])[]): void {\n this.set((value) => _applyPatches(value, ...(patches.flat() as Patch[])));\n}\n\nfunction sync<T>(\n this: Store<T>,\n listener: (syncMessage: SyncMessage) => void,\n options?: Omit<SubscribePatchOptions, 'runNow'>,\n): Cancel {\n let previousId: string | undefined;\n\n return this.subscribePatches(\n (patches) => {\n const id = genId();\n const message = { id, previousId, patches };\n previousId = id;\n\n listener(message);\n },\n { ...options, runNow: true },\n );\n}\n\nfunction acceptSync<T>(this: Store<T>): (message: SyncMessage) => void {\n let previousId: string | undefined;\n\n return (message) => {\n if (message.previousId && message.previousId !== previousId) {\n throw new Error('previousId mismatch');\n }\n\n previousId = message.id;\n this.applyPatches(...message.patches);\n };\n}\n\nexport const patchMethods = {\n subscribePatches,\n applyPatches,\n sync,\n acceptSync,\n};\n"],"names":["diff","_applyPatches"],"mappings":";;;AAyBA,MAAM,QAAQ,MAAM,KAAK,SAAS,SAAS,EAAE,EAAE,MAAM,CAAC;AAEtD,SAAS,iBAEP,UACA,SACQ;AACJ,MAAA,CAAC,KAAK,WAAW;AACf,QAAA,gBAAgB,KAAK;AAEzB,SAAK,YAAY,KAAK,IAAI,CAAC,UAAU;AACnC,YAAM,SAASA,KAAA,KAAK,eAAe,OAAO,OAAO;AACjC,sBAAA;AACT,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AAEA,QAAM,EAAE,QAAQ,QAAQ,GAAG,iBAAiB,IAAI,WAAW;AAErD,QAAA,SAAS,KAAK,UAAU,UAAU,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG;AAAA,IAC7D,GAAG;AAAA,IACH,QAAQ;AAAA,EAAA,CACT;AAED,MAAI,QAAQ;AACV,aAAS,GAAGA,KAAK,KAAA,QAAW,KAAK,IAAI,GAAG,OAAO,CAAC;AAAA,EAClD;AAEO,SAAA;AACT;AAIA,SAAS,gBAAmC,SAAkD;AACvF,OAAA,IAAI,CAAC,UAAUC,KAAA,aAAc,OAAO,GAAI,QAAQ,KAAkB,CAAA,CAAC;AAC1E;AAEA,SAAS,KAEP,UACA,SACQ;AACJ,MAAA;AAEJ,SAAO,KAAK;AAAA,IACV,CAAC,YAAY;AACX,YAAM,KAAK;AACX,YAAM,UAAU,EAAE,IAAI,YAAY,QAAQ;AAC7B,mBAAA;AAEb,eAAS,OAAO;AAAA,IAClB;AAAA,IACA,EAAE,GAAG,SAAS,QAAQ,KAAK;AAAA,EAAA;AAE/B;AAEA,SAAS,aAA8D;AACjE,MAAA;AAEJ,SAAO,CAAC,YAAY;AAClB,QAAI,QAAQ,cAAc,QAAQ,eAAe,YAAY;AACrD,YAAA,IAAI,MAAM,qBAAqB;AAAA,IACvC;AAEA,iBAAa,QAAQ;AAChB,SAAA,aAAa,GAAG,QAAQ,OAAO;AAAA,EAAA;AAExC;AAEO,MAAM,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/patches/patchMethods.ts"],"sourcesContent":["import type { Cancel, SubscribeOptions } from '@core/commonTypes';\nimport type { Store } from '@core/store';\nimport { applyPatches as _applyPatches } from '@lib/applyPatches';\nimport { diff, type DiffOptions, type Patch } from '@lib/diff';\n\ndeclare module '@core' {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface Store<T> {\n __patches?: Store<[Patch[], Patch[]]>;\n }\n}\n\nexport interface SubscribePatchOptions extends SubscribeOptions, DiffOptions {\n /** @default false */\n runNow?: boolean;\n}\n\nexport interface SyncMessage {\n id: string;\n previousId?: string;\n patches: Patch[];\n}\n\nexport type InteropPatch = Patch | { op: 'add' | 'replace' | 'remove'; value?: any };\n\nconst genId = () => Math.random().toString(36).slice(2);\n\nfunction subscribePatches<T>(\n this: Store<T>,\n listener: (patches: Patch[], reversePatches: Patch[]) => void,\n options?: SubscribePatchOptions,\n): Cancel {\n if (!this.__patches) {\n let previousValue = this.get();\n\n this.__patches = this.map((value) => {\n const result = diff(previousValue, value, options);\n previousValue = value;\n return result;\n });\n }\n\n const { stopAt, runNow, ...subscribeOptions } = options ?? {};\n\n const cancel = this.__patches.subscribe((p) => listener(...p), {\n ...subscribeOptions,\n runNow: false,\n });\n\n if (runNow) {\n listener(...diff(undefined, this.get(), options));\n }\n\n return cancel;\n}\n\nfunction applyPatches<T>(this: Store<T>, patches: InteropPatch[]): void;\nfunction applyPatches<T>(this: Store<T>, ...patches: InteropPatch[]): void;\nfunction applyPatches<T>(this: Store<T>, ...patches: (InteropPatch | InteropPatch[])[]): void {\n this.set((value) => _applyPatches(value, ...(patches.flat() as Patch[])));\n}\n\nfunction sync<T>(\n this: Store<T>,\n listener: (syncMessage: SyncMessage) => void,\n options?: Omit<SubscribePatchOptions, 'runNow'>,\n): Cancel {\n let previousId: string | undefined;\n\n return this.subscribePatches(\n (patches) => {\n const id = genId();\n const message = { id, previousId, patches };\n previousId = id;\n\n listener(message);\n },\n { ...options, runNow: true },\n );\n}\n\nfunction acceptSync<T>(this: Store<T>): (message: SyncMessage) => void {\n let previousId: string | undefined;\n\n return (message) => {\n if (message.previousId && message.previousId !== previousId) {\n throw new Error('previousId mismatch');\n }\n\n previousId = message.id;\n this.applyPatches(...message.patches);\n };\n}\n\nexport const patchMethods: {\n subscribePatches: typeof subscribePatches;\n applyPatches: typeof applyPatches;\n sync: typeof sync;\n acceptSync: typeof acceptSync;\n} = {\n subscribePatches,\n applyPatches,\n sync,\n acceptSync,\n};\n"],"names":["diff","_applyPatches"],"mappings":";;;AAyBA,MAAM,QAAQ,MAAM,KAAK,SAAS,SAAS,EAAE,EAAE,MAAM,CAAC;AAEtD,SAAS,iBAEP,UACA,SACQ;AACJ,MAAA,CAAC,KAAK,WAAW;AACf,QAAA,gBAAgB,KAAK;AAEzB,SAAK,YAAY,KAAK,IAAI,CAAC,UAAU;AACnC,YAAM,SAASA,KAAA,KAAK,eAAe,OAAO,OAAO;AACjC,sBAAA;AACT,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AAEA,QAAM,EAAE,QAAQ,QAAQ,GAAG,iBAAiB,IAAI,WAAW;AAErD,QAAA,SAAS,KAAK,UAAU,UAAU,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG;AAAA,IAC7D,GAAG;AAAA,IACH,QAAQ;AAAA,EAAA,CACT;AAED,MAAI,QAAQ;AACV,aAAS,GAAGA,KAAK,KAAA,QAAW,KAAK,IAAI,GAAG,OAAO,CAAC;AAAA,EAClD;AAEO,SAAA;AACT;AAIA,SAAS,gBAAmC,SAAkD;AACvF,OAAA,IAAI,CAAC,UAAUC,KAAA,aAAc,OAAO,GAAI,QAAQ,KAAkB,CAAA,CAAC;AAC1E;AAEA,SAAS,KAEP,UACA,SACQ;AACJ,MAAA;AAEJ,SAAO,KAAK;AAAA,IACV,CAAC,YAAY;AACX,YAAM,KAAK;AACX,YAAM,UAAU,EAAE,IAAI,YAAY,QAAQ;AAC7B,mBAAA;AAEb,eAAS,OAAO;AAAA,IAClB;AAAA,IACA,EAAE,GAAG,SAAS,QAAQ,KAAK;AAAA,EAAA;AAE/B;AAEA,SAAS,aAA8D;AACjE,MAAA;AAEJ,SAAO,CAAC,YAAY;AAClB,QAAI,QAAQ,cAAc,QAAQ,eAAe,YAAY;AACrD,YAAA,IAAI,MAAM,qBAAqB;AAAA,IACvC;AAEA,iBAAa,QAAQ;AAChB,SAAA,aAAa,GAAG,QAAQ,OAAO;AAAA,EAAA;AAExC;AAEO,MAAM,eAKT;AAAA,EACF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;"}
|
|
@@ -1,34 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const patches_index = require("./index.cjs");
|
|
4
2
|
const store = require("../store.cjs");
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
backup = {};
|
|
11
|
-
for (const [name, method] of Object.entries(patches_index.patchMethods)) {
|
|
12
|
-
if (name in store.Store.prototype) {
|
|
13
|
-
backup[name] = store.Store.prototype[name];
|
|
14
|
-
}
|
|
15
|
-
store.Store.prototype[name] = method;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
function unregister() {
|
|
19
|
-
if (!backup) {
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
for (const key in patches_index.patchMethods) {
|
|
23
|
-
if (key in backup) {
|
|
24
|
-
store.Store.prototype[key] = backup[key];
|
|
25
|
-
} else {
|
|
26
|
-
delete store.Store.prototype[key];
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
backup = void 0;
|
|
30
|
-
}
|
|
31
|
-
register();
|
|
32
|
-
exports.register = register;
|
|
33
|
-
exports.unregister = unregister;
|
|
3
|
+
const autobind = require("../autobind.cjs");
|
|
4
|
+
const patches_index = require("./index.cjs");
|
|
5
|
+
Object.assign(store.Store.prototype, patches_index.patchMethods);
|
|
6
|
+
autobind.autobind(store.Store);
|
|
34
7
|
//# sourceMappingURL=register.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.cjs","sources":["../../../src/patches/register.ts"],"sourcesContent":["import {
|
|
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);\n\nautobind(Store);\n"],"names":["Store","patchMethods","autobind"],"mappings":";;;;AAWA,OAAO,OAAOA,MAAAA,MAAM,WAAWC,cAAY,YAAA;AAE3CC,SAAA,SAASF,WAAK;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propAccess.cjs","sources":["../../src/lib/equals.ts","../../src/lib/helpers.ts","../../src/lib/clone.ts","../../src/lib/propAccess.ts"],"sourcesContent":["export function strictEqual(a: any, b: any) {\n return a === b;\n}\n\nexport function shallowEqual(a: any, b: any): boolean {\n return internalEqual(strictEqual)(a, b);\n}\n\nexport function deepEqual(a: any, b: any): boolean {\n return internalEqual(deepEqual)(a, b);\n}\n\nconst internalEqual = (comp: (a: any, b: any) => boolean) => (a: any, b: any) => {\n if (a === b) {\n return true;\n }\n\n if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') {\n // eslint-disable-next-line no-self-compare\n return a !== a && b !== b;\n }\n\n if (a.constructor !== b.constructor) {\n return false;\n }\n\n if (a.constructor === Object || Array.isArray(a)) {\n const entries1 = Object.entries(a);\n const entries2 = Object.entries(b);\n return (\n entries1.length === entries2.length && entries1.every(([key, value]) => comp(value, b[key]))\n );\n }\n\n if (a instanceof Date) {\n return a.getTime() === b.getTime();\n }\n\n if (a instanceof RegExp) {\n return a.source === b.source && a.flags === b.flags;\n }\n\n if (a instanceof Map) {\n return a.size === b.size && [...a.entries()].every(([key, value]) => comp(value, b.get(key)));\n }\n\n if (a instanceof Set) {\n return a.size === b.size && [...a.values()].every((value) => b.has(value));\n }\n\n if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView(a)) {\n if (a.byteLength !== b.byteLength) {\n return false;\n }\n\n const a_ = new Int8Array(a.buffer);\n const b_ = new Int8Array(b.buffer);\n return a_.every((value, i) => value === b_[i]);\n }\n\n return false;\n};\n","export function isObject(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null;\n}\n\nexport function isPlainObject(value: unknown): value is Record<string, unknown> {\n if (typeof value !== 'object' || value === null) {\n return false;\n }\n\n const prototype = Object.getPrototypeOf(value);\n return (\n (prototype === null ||\n prototype === Object.prototype ||\n Object.getPrototypeOf(prototype) === null) &&\n !(Symbol.toStringTag in value) &&\n !(Symbol.iterator in value)\n );\n}\n","import { isObject } from '@lib/helpers';\n\nexport function flatClone<T>(object: T): T {\n if (object instanceof Map) {\n return new Map(object) as any;\n }\n\n if (object instanceof Set) {\n return new Set(object) as any;\n }\n\n if (Array.isArray(object)) {\n return [...object] as any;\n }\n\n if (isObject(object)) {\n return { ...object };\n }\n\n return object;\n}\n","import { isObject } from '@lib/helpers';\nimport type { Update } from '../core/commonTypes';\nimport { flatClone } from './clone';\nimport type { KeyType, Path, Value } from './path';\n\nexport function castArrayPath(path: string | KeyType[]): KeyType[] {\n if (Array.isArray(path)) {\n return path;\n }\n\n if (path === '') {\n return [];\n }\n\n return (path as string).split('.');\n}\n\nexport function get<T, P extends Path<T>>(object: T, path: P): Value<T, P> {\n const _path = castArrayPath(path as any);\n const [first, ...rest] = _path;\n\n if (first === undefined || !object) {\n return object as Value<T, P>;\n }\n\n if (object instanceof Map) {\n return get(object.get(first), rest);\n }\n\n if (object instanceof Set) {\n return get(Array.from(object)[Number(first)], rest);\n }\n\n if (isObject(object)) {\n return get(object[first as keyof T], rest as any) as Value<T, P>;\n }\n\n throw new Error(`Could not get ${path} of ${object}`);\n}\n\nexport function set<T, P extends Path<T>>(\n object: T,\n path: P,\n value: Update<Value<T, P>>,\n rootPath = path,\n): T {\n const _path = castArrayPath(path as any);\n const [first, ...rest] = _path;\n\n if (first === undefined) {\n return value as any;\n }\n\n const updateChild = (child: any) => {\n if (!child && rest.length > 0) {\n const _rootPath = castArrayPath(rootPath as any);\n\n const prefix = _rootPath.slice(0, -rest.length);\n throw new Error(`Cannot set ${_rootPath.join('.')} because ${prefix.join('.')} is ${child}`);\n }\n\n return set(child, rest as any, value, rootPath);\n };\n\n if (object instanceof Map) {\n const copy = flatClone(object);\n const child = copy.get(first);\n copy.set(first, updateChild(child));\n return copy;\n }\n\n if (object instanceof Set) {\n const copy = [...object];\n const child = copy[Number(first)];\n copy[Number(first)] = updateChild(child);\n return new Set(copy) as any;\n }\n\n if (isObject(object) || object === undefined) {\n const copy = flatClone(object ?? ({} as T));\n copy[first as keyof T] = updateChild(copy[first as keyof T]);\n return copy;\n }\n\n throw new Error(`Could not set ${path} of ${object}`);\n}\n\nexport function remove<T, P extends Path<T, true>>(object: T, path: P): T {\n const _path = castArrayPath(path as any);\n\n if (_path.length === 0) {\n return undefined as any;\n }\n\n const parentPath = _path.slice(0, -1);\n const key = _path[_path.length - 1];\n\n const parent = flatClone(get(object, parentPath as any));\n\n if (parent instanceof Map) {\n parent.delete(key);\n } else if (parent instanceof Set) {\n const value = Array.from(parent)[Number(key)];\n parent.delete(value);\n } else {\n delete parent[key as keyof typeof parent];\n }\n\n return set(object, parentPath as any, parent);\n}\n\nexport function join(a: string, b: string) {\n return [a, b].filter(Boolean).join('.');\n}\n"],"names":[],"mappings":";AAAgB,SAAA,YAAY,GAAQ,
|
|
1
|
+
{"version":3,"file":"propAccess.cjs","sources":["../../src/lib/equals.ts","../../src/lib/helpers.ts","../../src/lib/clone.ts","../../src/lib/propAccess.ts"],"sourcesContent":["export function strictEqual(a: any, b: any): boolean {\n return a === b;\n}\n\nexport function shallowEqual(a: any, b: any): boolean {\n return internalEqual(strictEqual)(a, b);\n}\n\nexport function deepEqual(a: any, b: any): boolean {\n return internalEqual(deepEqual)(a, b);\n}\n\nconst internalEqual = (comp: (a: any, b: any) => boolean) => (a: any, b: any) => {\n if (a === b) {\n return true;\n }\n\n if (a === null || b === null || typeof a !== 'object' || typeof b !== 'object') {\n // eslint-disable-next-line no-self-compare\n return a !== a && b !== b;\n }\n\n if (a.constructor !== b.constructor) {\n return false;\n }\n\n if (a.constructor === Object || Array.isArray(a)) {\n const entries1 = Object.entries(a);\n const entries2 = Object.entries(b);\n return (\n entries1.length === entries2.length && entries1.every(([key, value]) => comp(value, b[key]))\n );\n }\n\n if (a instanceof Date) {\n return a.getTime() === b.getTime();\n }\n\n if (a instanceof RegExp) {\n return a.source === b.source && a.flags === b.flags;\n }\n\n if (a instanceof Map) {\n return a.size === b.size && [...a.entries()].every(([key, value]) => comp(value, b.get(key)));\n }\n\n if (a instanceof Set) {\n return a.size === b.size && [...a.values()].every((value) => b.has(value));\n }\n\n if (typeof ArrayBuffer !== 'undefined' && ArrayBuffer.isView(a)) {\n if (a.byteLength !== b.byteLength) {\n return false;\n }\n\n const a_ = new Int8Array(a.buffer);\n const b_ = new Int8Array(b.buffer);\n return a_.every((value, i) => value === b_[i]);\n }\n\n return false;\n};\n","export function isObject(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null;\n}\n\nexport function isPlainObject(value: unknown): value is Record<string, unknown> {\n if (typeof value !== 'object' || value === null) {\n return false;\n }\n\n const prototype = Object.getPrototypeOf(value);\n return (\n (prototype === null ||\n prototype === Object.prototype ||\n Object.getPrototypeOf(prototype) === null) &&\n !(Symbol.toStringTag in value) &&\n !(Symbol.iterator in value)\n );\n}\n","import { isObject } from '@lib/helpers';\n\nexport function flatClone<T>(object: T): T {\n if (object instanceof Map) {\n return new Map(object) as any;\n }\n\n if (object instanceof Set) {\n return new Set(object) as any;\n }\n\n if (Array.isArray(object)) {\n return [...object] as any;\n }\n\n if (isObject(object)) {\n return { ...object };\n }\n\n return object;\n}\n","import { isObject } from '@lib/helpers';\nimport type { Update } from '../core/commonTypes';\nimport { flatClone } from './clone';\nimport type { KeyType, Path, Value } from './path';\n\nexport function castArrayPath(path: string | KeyType[]): KeyType[] {\n if (Array.isArray(path)) {\n return path;\n }\n\n if (path === '') {\n return [];\n }\n\n return (path as string).split('.');\n}\n\nexport function get<T, P extends Path<T>>(object: T, path: P): Value<T, P> {\n const _path = castArrayPath(path as any);\n const [first, ...rest] = _path;\n\n if (first === undefined || !object) {\n return object as Value<T, P>;\n }\n\n if (object instanceof Map) {\n return get(object.get(first), rest);\n }\n\n if (object instanceof Set) {\n return get(Array.from(object)[Number(first)], rest);\n }\n\n if (isObject(object)) {\n return get(object[first as keyof T], rest as any) as Value<T, P>;\n }\n\n throw new Error(`Could not get ${path} of ${object}`);\n}\n\nexport function set<T, P extends Path<T>>(\n object: T,\n path: P,\n value: Update<Value<T, P>>,\n rootPath: P = path,\n): T {\n const _path = castArrayPath(path as any);\n const [first, ...rest] = _path;\n\n if (first === undefined) {\n return value as any;\n }\n\n const updateChild = (child: any) => {\n if (!child && rest.length > 0) {\n const _rootPath = castArrayPath(rootPath as any);\n\n const prefix = _rootPath.slice(0, -rest.length);\n throw new Error(`Cannot set ${_rootPath.join('.')} because ${prefix.join('.')} is ${child}`);\n }\n\n return set(child, rest as any, value, rootPath);\n };\n\n if (object instanceof Map) {\n const copy = flatClone(object);\n const child = copy.get(first);\n copy.set(first, updateChild(child));\n return copy;\n }\n\n if (object instanceof Set) {\n const copy = [...object];\n const child = copy[Number(first)];\n copy[Number(first)] = updateChild(child);\n return new Set(copy) as any;\n }\n\n if (isObject(object) || object === undefined) {\n const copy = flatClone(object ?? ({} as T));\n copy[first as keyof T] = updateChild(copy[first as keyof T]);\n return copy;\n }\n\n throw new Error(`Could not set ${path} of ${object}`);\n}\n\nexport function remove<T, P extends Path<T, true>>(object: T, path: P): T {\n const _path = castArrayPath(path as any);\n\n if (_path.length === 0) {\n return undefined as any;\n }\n\n const parentPath = _path.slice(0, -1);\n const key = _path[_path.length - 1];\n\n const parent = flatClone(get(object, parentPath as any));\n\n if (parent instanceof Map) {\n parent.delete(key);\n } else if (parent instanceof Set) {\n const value = Array.from(parent)[Number(key)];\n parent.delete(value);\n } else {\n delete parent[key as keyof typeof parent];\n }\n\n return set(object, parentPath as any, parent);\n}\n\nexport function join(a: string, b: string): string {\n return [a, b].filter(Boolean).join('.');\n}\n"],"names":[],"mappings":"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"}
|
package/dist/cjs/react/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const
|
|
3
|
+
const storeMethods = require("../storeMethods.cjs");
|
|
4
4
|
const require$$0 = require("react");
|
|
5
5
|
const store = require("../store.cjs");
|
|
6
6
|
const hash = require("../hash.cjs");
|
|
@@ -112,7 +112,7 @@ function FormField({
|
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
114
|
if (render) {
|
|
115
|
-
return render(props) ?? null;
|
|
115
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: render(props) ?? null });
|
|
116
116
|
}
|
|
117
117
|
if (component) {
|
|
118
118
|
return require$$0.createElement(component, props);
|
|
@@ -365,7 +365,6 @@ class Form {
|
|
|
365
365
|
constructor(options) {
|
|
366
366
|
this.options = options;
|
|
367
367
|
this.context = require$$0.createContext(null);
|
|
368
|
-
store.autobind(Form);
|
|
369
368
|
}
|
|
370
369
|
useForm() {
|
|
371
370
|
const context = require$$0.useContext(this.context);
|
|
@@ -376,7 +375,7 @@ class Form {
|
|
|
376
375
|
}
|
|
377
376
|
useFormState(selector, useStoreOptions) {
|
|
378
377
|
const form = this.useForm();
|
|
379
|
-
return
|
|
378
|
+
return storeMethods.useStore(
|
|
380
379
|
form.derivedState.map(
|
|
381
380
|
(state) => selector({
|
|
382
381
|
...form,
|
|
@@ -579,14 +578,16 @@ function useUrlParamScope({
|
|
|
579
578
|
[hash.hash(key), type]
|
|
580
579
|
);
|
|
581
580
|
}
|
|
582
|
-
exports.LoadingBoundary =
|
|
583
|
-
exports.ScopeProvider =
|
|
584
|
-
exports.
|
|
585
|
-
exports.
|
|
586
|
-
exports.
|
|
587
|
-
exports.
|
|
588
|
-
exports.
|
|
589
|
-
exports.
|
|
581
|
+
exports.LoadingBoundary = storeMethods.LoadingBoundary;
|
|
582
|
+
exports.ScopeProvider = storeMethods.ScopeProvider;
|
|
583
|
+
exports.cacheMethods = storeMethods.cacheMethods;
|
|
584
|
+
exports.scopeMethods = storeMethods.scopeMethods;
|
|
585
|
+
exports.storeMethods = storeMethods.storeMethods;
|
|
586
|
+
exports.useCache = storeMethods.useCache;
|
|
587
|
+
exports.useLoadingBoundary = storeMethods.useLoadingBoundary;
|
|
588
|
+
exports.useProp = storeMethods.useProp;
|
|
589
|
+
exports.useScope = storeMethods.useScope;
|
|
590
|
+
exports.useStore = storeMethods.useStore;
|
|
590
591
|
exports.CustomInput = CustomInput;
|
|
591
592
|
exports.Form = Form;
|
|
592
593
|
exports.createForm = createForm;
|
|
@@ -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) {\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> = 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) {\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) {\n const form = this.useForm();\n\n const names = this.useFormState(() => {\n const field = form.getField(name) as any;\n return field.names as any[];\n });\n\n const add = useCallback(\n (...args: any[]) => {\n const field = form.getField(name) as any;\n field.add(...args);\n },\n [form],\n );\n\n const remove = useCallback(\n (key: any) => {\n const field = form.getField(name) as any;\n field.remove(key);\n },\n [form],\n );\n\n const setValue = useCallback(\n (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n const field = form.getField(name) as any;\n field.setValue(value);\n },\n [form],\n );\n\n return (\n <>\n {renderElement &&\n names.map((name, index) => {\n const key = name.split('.').pop();\n\n return (\n <Fragment key={key}>\n {renderElement({\n name,\n key,\n index,\n remove: () => remove(index),\n })}\n </Fragment>\n );\n })}\n\n {children?.({\n names,\n add,\n remove,\n setValue,\n } as any)}\n </>\n );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n debounce?: Duration;\n resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n form: FormContext<TDraft, TOriginal>,\n) {\n const { formState, options, getDraft } = form;\n const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n const latestRef = useRef({ options });\n const lastValue = useRef<TDraft>();\n const q = useMemo(() => queue(), []);\n\n const run = useMemo(\n () =>\n debounce(async () => {\n const { options } = latestRef.current;\n const save = options.autoSave?.save;\n const draft = getDraft();\n\n lastValue.current = draft;\n\n q.clear();\n\n q(async () => {\n try {\n formState.set('saveInProgress', true);\n await save?.(draft, form);\n\n if (q.size === 0 && options.autoSave?.resetAfterSave) {\n form.reset();\n }\n } finally {\n formState.set('saveInProgress', false);\n\n if (q.size === 0) {\n formState.set('saveScheduled', false);\n }\n }\n });\n }, debounceTime),\n [formState, debounceTime],\n );\n\n useEffect(() => {\n if (!options.autoSave?.save) {\n return;\n }\n\n return formState\n .map((state) => state.draft)\n .subscribe(\n () => {\n if (deepEqual(getDraft(), lastValue.current)) {\n return;\n }\n\n run();\n formState.set('saveScheduled', true);\n },\n { runNow: false },\n );\n }, [formState]);\n\n useEffect(() => {\n latestRef.current = { options };\n });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport { 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 FormEvent,\n type HTMLProps,\n type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n FormField,\n type FormFieldComponent,\n type FormFieldPropsWithComponent,\n type FormFieldPropsWithRender,\n} from './formField';\nimport {\n FormForEach,\n type ElementName,\n type ForEachPath,\n type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n ? TPath extends TPath\n ? {\n update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n : never\n : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n defaultValue: TDraft;\n validations?: Validations<TDraft, TOriginal>;\n localizeError?: (error: string, field: string) => string | undefined;\n urlState?: boolean | UrlStoreOptions<TDraft>;\n autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n value: WildcardValue<TDraft, TPath>,\n context: {\n draft: TDraft;\n original: TOriginal;\n field: PathAsString<TDraft> | '';\n },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n originalValue: Value<TOriginal, TPath> | undefined;\n value: Value<TDraft, TPath>;\n setValue: (\n value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n ) => void;\n hasChange: boolean;\n errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n names: ElementName<TDraft, TPath>[];\n add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n ? (element: T) => void\n : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n ? (key: K, value: V) => void\n : never;\n remove: Value<TDraft, TPath> extends readonly any[]\n ? (index: number) => void\n : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n draft: TDraft | undefined;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n draft: TDraft;\n hasTriggeredValidations: boolean;\n saveScheduled: boolean;\n saveInProgress: boolean;\n hasChanges: boolean;\n errors: Map<string, string[]>;\n isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n formState: Store<FormState<TDraft>>;\n derivedState: Store<FormDerivedState<TDraft>>;\n options: FormOptions<TDraft, TOriginal>;\n original: TOriginal | undefined;\n getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n getDraft: () => TDraft;\n hasTriggeredValidations: () => boolean;\n hasChanges: () => boolean;\n getErrors: () => Map<string, string[]>;\n isValid: () => boolean;\n validate: () => boolean;\n reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n extends FormDerivedState<TDraft>,\n Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n form,\n ...formProps\n}: {\n form: Form<any, any>;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n const formInstance = form.useForm();\n\n const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n return (\n <form\n noValidate\n {...formProps}\n className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n .filter(Boolean)\n .join(' ')}\n onSubmit={(event) => {\n event.preventDefault();\n\n const 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 = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n autobind(Form);\n }\n\n useForm(): FormContext<TDraft, TOriginal> {\n const context = useContext(this.context);\n\n if (!context) {\n throw new Error('Form context not found');\n }\n\n return context;\n }\n\n useFormState<S>(\n selector: (state: FormInstance<TDraft, TOriginal>) => S,\n useStoreOptions?: UseStoreOptions<S>,\n ) {\n const form = this.useForm();\n\n return useStore(\n form.derivedState.map((state) =>\n selector({\n ...form,\n ...state,\n }),\n ),\n useStoreOptions,\n );\n }\n\n useField<TPath extends PathAsString<TDraft>>(\n path: TPath,\n useStoreOptions?: UseStoreOptions<Field<TDraft, TOriginal, TPath>>,\n ) {\n return this.useFormState((form) => form.getField(path), useStoreOptions);\n }\n\n // ///////////////////////////////////////////////////////////////////////////\n // React Components\n // ///////////////////////////////////////////////////////////////////////////\n\n Form({\n original,\n defaultValue,\n validations,\n localizeError,\n urlState,\n autoSave,\n transform,\n ...formProps\n }: {\n original?: TOriginal;\n onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n } & Partial<FormOptions<TDraft, TOriginal>> &\n Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n const options: FormOptions<TDraft, TOriginal> = {\n defaultValue: { ...this.options.defaultValue, ...defaultValue },\n validations: { ...this.options.validations, ...validations } as Validations<\n TDraft,\n TOriginal\n >,\n localizeError: localizeError ?? this.options.localizeError,\n autoSave: autoSave ?? this.options.autoSave,\n transform: transform ?? this.options.transform,\n };\n\n const formState = useMemo(() => {\n return createStore<FormState<TDraft>>({\n draft: undefined,\n hasTriggeredValidations: false,\n saveScheduled: false,\n saveInProgress: false,\n });\n }, []);\n\n const derivedState = useMemo(() => {\n return formState.map<FormDerivedState<TDraft>>(\n (state) => {\n const {\n draft = original ?? options.defaultValue,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n } = state;\n const errors = getErrors(draft, original, options.validations);\n\n return {\n draft,\n hasTriggeredValidations,\n saveScheduled,\n saveInProgress,\n hasChanges: !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 }) {\n const selectedState = this.useFormState(selector);\n return <>{children(selectedState)}</>;\n }\n\n Field<TPath extends PathAsString<TDraft>>(\n props: FormFieldPropsWithRender<TDraft, TPath>,\n ): JSX.Element;\n\n Field<\n const TPath extends PathAsString<TDraft>,\n const TComponent extends FormFieldComponent = 'input',\n >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n Field(props: any): JSX.Element {\n return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n }\n\n ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n return Reflect.apply(FormForEach, this, [props]);\n }\n\n withForm<TProps extends Record<string, unknown>>(\n Component: React.ComponentType<TProps>,\n formProps?: Parameters<this['Form']>[0],\n ) {\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) {\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}) {\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","createElement","useCallback","Fragment","name","calcDuration","useRef","useMemo","queue","debounce","options","_a","deepEqual","errors","_b","get","join","createContext","autobind","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 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":";;;;;;;;;AAOO,SAAS,YAAY,EAAE,MAAM,UAAU,GAAG,SAAwC;AAErF,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,QACL,UAAU;AAAA,QACV,GAAG,MAAM;AAAA,MACX;AAAA,MAEC,UAAA;AAAA,QAAA;AAAA,QAEDC,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,cACL,UAAU;AAAA,cACV,KAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS;AAAA,cACT,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,eAAe;AAAA,YACjB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AChBgB,SAAA,mBACd,QACA,MACsB;AACtB,QAAM,UAAgC,CAAA;AACtC,QAAM,CAAC,OAAO,QAAQ,GAAG,IAAI,IAAIC,WAAAA,cAAc,IAAI;AAEnD,MAAI,UAAU,QAAW;AACjB,UAAA,IAAI,MAAM,eAAe;AAAA,EACjC;AAEI,MAAA,CAACC,oBAAS,MAAM,KAAK,CAAC,MAAM,QAAQ,MAAM,GAAG;AACzC,UAAA,IAAI,MAAM,yBAAyB;AAAA,EAC3C;AAEA,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AAC7C,QAAA,UAAU,OAAO,UAAU,KAAK;AAClC;AAAA,IACF;AAEA,QAAI,WAAW,QAAW;AACxB,cAAQ,GAAG,IAAI;AACf;AAAA,IACF;AAEA,eAAW,CAAC,QAAQ,QAAQ,KAAK,OAAO,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,GAAG;AAC7F,cAAQ,GAAG,GAAG,IAAI,MAAM,EAAE,IAAI;AAAA,IAChC;AAAA,EACF;AAEO,SAAA;AACT;AC8CO,SAAS,UAMd;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,CAAC,MAAM;AAAA,EACrB,GAAG;AACL,GAGoB;AAGpB,QAAM,EAAE,OAAO,SAAA,IAAa,KAAK,SAAS,IAAI;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAIC,WAAY,SAAA;AAEhDC,aAAAA,UAAU,MAAM;AACV,QAAA,eAAe,UAAa,CAAC,gBAAgB;AAC/C;AAAA,IACF;AAEM,UAAA,UAAU,WAAW,MAAM;AACtB,eAAA,YAAY,UAAU,CAAC;AAChC,oBAAc,MAAS;AAAA,OACtB,cAAc;AAEV,WAAA,MAAM,aAAa,OAAO;AAAA,EAAA,GAChC,CAAC,YAAY,cAAc,CAAC;AAE/B,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,IACH;AAAA,IACA,OACE,eAAe,YAAY,UAAU,KAAK,IAAI,UAAU,SAAY,QAAQ;AAAA,IAC9E,UAAU,CAAC,UAAwC,aAAoB;;AAC/DC,YAAAA,SACJ,OAAO,UAAU,YAAY,UAAU,QAAQ,YAAY,QACvD,MAAM,OAAO,QACb;AAEN,UAAI,eAAe,CAAC,YAAYA,MAAK,GAAG;AACtC;AAAA,MACF;AAEA,UAAI,gBAAgB,gBAAgB;AAClC,sBAAcA,MAAK;AAAA,MAAA,OACd;AACI,iBAAA,YAAYA,MAAK,CAAC;AAAA,MAC7B;AAEU,sBAAA,aAAA,mCAAW,OAAO,GAAG;AAAA,IACjC;AAAA,IACA,UAAU,MAAa;;AACrB,UAAI,eAAe,QAAW;AACnB,iBAAA,YAAY,UAAU,CAAC;AAChC,sBAAc,MAAS;AAAA,MACzB;AAEU,sBAAA,WAAA,mBAAQ,MAAM,MAAM;AAAA,IAChC;AAAA,EAAA;AAGF,MAAI,QAAQ;AACV,WAAUL,2BAAA,IAAAM,WAAA,UAAA,EAAA,UAAA,OAAO,KAA6D,KAAK,KAAK,CAAA;AAAA,EAC1F;AAEA,MAAI,WAAW;AACN,WAAAC,WAAA,cAAc,WAAW,KAAK;AAAA,EACvC;AAEO,SAAA;AACT;ACnJO,SAAS,YAEd,EAAE,MAAM,eAAe,YACV;AACP,QAAA,OAAO,KAAK;AAEZ,QAAA,QAAQ,KAAK,aAAa,MAAM;AAC9B,UAAA,QAAQ,KAAK,SAAS,IAAI;AAChC,WAAO,MAAM;AAAA,EAAA,CACd;AAED,QAAM,MAAMC,WAAA;AAAA,IACV,IAAI,SAAgB;AACZ,YAAA,QAAQ,KAAK,SAAS,IAAI;AAC1B,YAAA,IAAI,GAAG,IAAI;AAAA,IACnB;AAAA,IACA,CAAC,IAAI;AAAA,EAAA;AAGP,QAAM,SAASA,WAAA;AAAA,IACb,CAAC,QAAa;AACN,YAAA,QAAQ,KAAK,SAAS,IAAI;AAChC,YAAM,OAAO,GAAG;AAAA,IAClB;AAAA,IACA,CAAC,IAAI;AAAA,EAAA;AAGP,QAAM,WAAWA,WAAA;AAAA,IACf,CAAC,UAA0F;AACnF,YAAA,QAAQ,KAAK,SAAS,IAAI;AAChC,YAAM,SAAS,KAAK;AAAA,IACtB;AAAA,IACA,CAAC,IAAI;AAAA,EAAA;AAGP,SAEKT,2BAAA,KAAAO,qBAAA,EAAA,UAAA;AAAA,IAAA,iBACC,MAAM,IAAI,CAACG,OAAM,UAAU;AACzB,YAAM,MAAMA,MAAK,MAAM,GAAG,EAAE,IAAI;AAG9B,aAAAT,+BAACM,WAAAA,UAAA,EACE,UAAc,cAAA;AAAA,QACb,MAAAG;AAAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,MAAM,OAAO,KAAK;AAAA,MAAA,CAC3B,KANY,GAOf;AAAA,IAAA,CAEH;AAAA,IAEF,qCAAW;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AC1EO,SAAS,gBACd,MACM;;AACN,QAAM,EAAE,WAAW,SAAS,SAAA,IAAa;AACzC,QAAM,eAAeC,MAAAA,eAAa,aAAQ,aAAR,mBAAkB,aAAY,GAAK;AACrE,QAAM,YAAYC,WAAAA,OAAO,EAAE,QAAS,CAAA;AACpC,QAAM,YAAYA,WAAAA;AAClB,QAAM,IAAIC,WAAQ,QAAA,MAAMC,MAAAA,MAAM,GAAG,CAAE,CAAA;AAEnC,QAAM,MAAMD,WAAA;AAAA,IACV,MACEE,eAAS,YAAY;;AACnB,YAAM,EAAE,SAAAC,aAAY,UAAU;AACxB,YAAA,QAAOA,MAAAA,SAAQ,aAARA,gBAAAA,IAAkB;AAC/B,YAAM,QAAQ;AAEd,gBAAU,UAAU;AAEpB,QAAE,MAAM;AAER,QAAE,YAAY;;AACR,YAAA;AACQ,oBAAA,IAAI,kBAAkB,IAAI;AAC9B,iBAAA,6BAAO,OAAO;AAEpB,cAAI,EAAE,SAAS,OAAKA,MAAAA,SAAQ,aAARA,gBAAAA,IAAkB,iBAAgB;AACpD,iBAAK,MAAM;AAAA,UACb;AAAA,QAAA,UACA;AACU,oBAAA,IAAI,kBAAkB,KAAK;AAEjC,cAAA,EAAE,SAAS,GAAG;AACN,sBAAA,IAAI,iBAAiB,KAAK;AAAA,UACtC;AAAA,QACF;AAAA,MAAA,CACD;AAAA,OACA,YAAY;AAAA,IACjB,CAAC,WAAW,YAAY;AAAA,EAAA;AAG1BX,aAAAA,UAAU,MAAM;;AACV,QAAA,GAACY,MAAA,QAAQ,aAAR,gBAAAA,IAAkB,OAAM;AAC3B;AAAA,IACF;AAEA,WAAO,UACJ,IAAI,CAAC,UAAU,MAAM,KAAK,EAC1B;AAAA,MACC,MAAM;AACJ,YAAIC,WAAU,UAAA,SAAA,GAAY,UAAU,OAAO,GAAG;AAC5C;AAAA,QACF;AAEI;AACM,kBAAA,IAAI,iBAAiB,IAAI;AAAA,MACrC;AAAA,MACA,EAAE,QAAQ,MAAM;AAAA,IAAA;AAAA,EAClB,GACD,CAAC,SAAS,CAAC;AAEdb,aAAAA,UAAU,MAAM;AACJ,cAAA,UAAU,EAAE;EAAQ,CAC/B;AACH;AC4DA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAG2D;AACnD,QAAA,eAAe,KAAK;AAE1B,QAAM,0BAA0B,KAAK,aAAa,CAAC,UAAU,MAAM,uBAAuB;AAGxF,SAAAJ,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW,CAAC,UAAU,WAAW,0BAA0B,cAAc,MAAS,EAC/E,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,UAAU,CAAC,UAAU;;AACnB,cAAM,eAAe;AAErB,cAAM,cAAc,MAAM;AACpB,cAAA,gBACJ,MAAM,uBAAuB,eAC7B,MAAM,YAAY,qBAAqB,oBACnC,MAAM,YAAY,YAClB;AAEA,cAAA,UAAU,aAAa;AAC7B,cAAM,SAAS,IAAI;AAAA,UACjB,CAAC,GAAG,aAAa,UAAA,EAAY,QAAA,CAAS,EAAE,IAAI,CAAC,CAAC,OAAOkB,OAAM,MAAM;AAAA,YAC/D;AAAA,YACAA,QAAO,IAAI,CAAC;;AAAU,uBAAAC,OAAAH,MAAA,aAAa,SAAQ,kBAArB,gBAAAG,IAAA,KAAAH,KAAqC,OAAO,WAAU;AAAA,aAAK;AAAA,UAAA,CAClF;AAAA,QAAA;AAGH,mBAAW,WAAW,MAAM,KAAK,YAAY,QAAQ,GAAG;AAClD,cAAA,UAAU,WAAW,uBAAuB,SAAS;AACtD,oBAA8B;AAAA,gBAC7B,YAAO,IAAK,QAA8B,IAAI,MAA9C,mBAAiD,KAAK,UAAS;AAAA,YAAA;AAAA,UAEnE;AAAA,QACF;AAEI,YAAA,iBAAiB,uBAAuB,eAAe;AACnD,gBAAA,cAAc,CAAC,GAAG,OAAO,OAAA,CAAQ,EAAE,KAAO,EAAA,KAAK,IAAI;AAEzD,wBAAc,kBAAkB,WAAW;AAAA,QAC7C;AAEA,oBAAY,eAAe;AAE3B,iBAAS,QAAQ;AACf,qBAAW,WAAW,MAAM,KAAK,YAAY,QAAQ,GAAG;AAClD,gBAAA,UAAU,WAAW,uBAAuB,SAAS;AACtD,sBAA8B,kBAAkB,EAAE;AAAA,YACrD;AAAA,UACF;AAEI,cAAA,iBAAiB,uBAAuB,eAAe;AACzD,0BAAc,kBAAkB,EAAE;AAAA,UACpC;AAEY,sBAAA,oBAAoB,SAAS,KAAK;AAAA,QAChD;AACY,oBAAA,iBAAiB,SAAS,KAAK;AAE3C,YAAI,SAAS;AACX,0BAAU,aAAV,mCAAqB,OAAO;AAAA,YAC1B,GAAG;AAAA,YACH,GAAG,aAAa,aAAa,IAAI;AAAA,UAAA;AAAA,QAErC;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,SACP,cACA,UACA,MACiC;AAC1B,SAAA;AAAA,IACL,IAAI,gBAAgB;AAClB,aAAO,aAAa,SAAYI,WAAAA,IAAI,UAAiB,IAAW,IAAI;AAAA,IACtE;AAAA,IAEA,IAAI,QAAQ;AACV,YAAM,EAAE,MAAA,IAAU,aAAa,IAAI;AAC5B,aAAAA,WAAA,IAAI,OAAO,IAAI;AAAA,IACxB;AAAA,IAEA,SAAS,QAAa;AACpB,mBAAa,IAAIC,WAAA,KAAK,SAAS,IAAI,GAAU,MAAM;AAAA,IACrD;AAAA,IAEA,IAAI,YAAY;AACd,aAAO,CAACJ,WAAA,UAAU,KAAK,eAAe,KAAK,KAAK;AAAA,IAClD;AAAA,IAEA,IAAI,SAAS;AACX,YAAM,EAAE,OAAA,IAAW,aAAa,IAAI;AACpC,aAAO,OAAO,IAAI,IAAI,KAAK,CAAA;AAAA,IAC7B;AAAA,IAEA,IAAI,QAAa;AACT,YAAA,EAAE,MAAU,IAAA;AAEd,UAAA,MAAM,QAAQ,KAAK,GAAG;AACjB,eAAA,MAAM,IAAI,CAAC,GAAG,UAAUI,gBAAK,MAAM,OAAO,KAAK,CAAC,CAAC;AAAA,MAC1D;AAEI,UAAAnB,WAAAA,SAAS,KAAK,GAAG;AACZ,eAAA,OAAO,KAAK,KAAK,EAAE,IAAI,CAAC,QAAQmB,gBAAK,MAAM,GAAG,CAAC;AAAA,MACxD;AAEA,aAAO;IACT;AAAA,IAEA,OAAO,MAAa;AACb,WAAA,SAAS,CAAC,UAAe;AACxB,YAAA,KAAK,WAAW,GAAG;AACrB,iBAAO,CAAC,GAAI,SAAS,CAAA,GAAK,KAAK,CAAC,CAAC;AAAA,QACnC;AAEO,eAAA;AAAA,UACL,GAAG;AAAA,UACH,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC;AAAA,QAAA;AAAA,MACnB,CACD;AAAA,IACH;AAAA,IAEA,OAAO,KAAU;AACV,WAAA,SAAS,CAAC,UAAe;AAC5B,YAAI,CAAC,OAAO;AACH,iBAAA;AAAA,QACT;AAEI,YAAA,MAAM,QAAQ,KAAK,GAAG;AACxB,iBAAO,MAAM,OAAO,CAAC,GAAG,UAAU,UAAU,GAAG;AAAA,QACjD;AAEI,YAAAnB,WAAAA,SAAS,KAAK,GAAG;AACnB,gBAAM,EAAE,CAAC,GAAG,GAAG,GAAG,GAAG,SAAS;AACvB,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,EAAA;AAEJ;AAEA,SAAS,UACP,OACA,UACA,aACA;AACM,QAAA,6BAAa;AAER,aAAA,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,eAAe,CAAA,CAAE,GAAG;AAC7D,eAAW,CAAC,gBAAgB,QAAQ,KAAK,OAAO;AAAA,MAC9C;AAAA,IAAA,GACC;AACD,UAAI,UAAU;AAEH,iBAAA,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,mBAAmB,OAAO,IAAI,CAAC,GAAG;AAClE,kBAAA;AACN,YAAA,CAAC,SAAS,OAAO,EAAE,OAAO,UAAU,MAAA,CAAO,GAAG;AAChD,gBAAM,cAAc,OAAO,IAAI,KAAK,KAAK,CAAA;AACzC,sBAAY,KAAK,cAAc;AACxB,iBAAA,IAAI,OAAO,WAAW;AAAA,QAC/B;AAAA,MACF;AAEA,UAAI,CAAC,WAAW,CAAC,KAAK,SAAS,GAAG,GAAG;AAC/B,YAAA,CAAC,SAAS,QAAW,EAAE,OAAO,UAAU,OAAO,KAAK,CAAC,GAAG;AAC1D,gBAAM,cAAc,OAAO,IAAI,IAAI,KAAK,CAAA;AACxC,sBAAY,KAAK,cAAc;AACxB,iBAAA,IAAI,MAAM,WAAW;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEO,SAAA;AACT;AAEO,MAAM,KAAgD;AAAA,EAM3D,YAA4B,SAAyC;AAAzC,SAAA,UAAA;AAL5B,SAAA,UAA0DoB,yBAGhD,IAAI;AAAA,EAEwD;AAAA,EAEtE,UAA0C;AAClC,UAAA,UAAUC,WAAAA,WAAW,KAAK,OAAO;AAEvC,QAAI,CAAC,SAAS;AACN,YAAA,IAAI,MAAM,wBAAwB;AAAA,IAC1C;AAEO,WAAA;AAAA,EACT;AAAA,EAEA,aACE,UACA,iBACG;AACG,UAAA,OAAO,KAAK;AAEX,WAAAC,aAAA;AAAA,MACL,KAAK,aAAa;AAAA,QAAI,CAAC,UACrB,SAAS;AAAA,UACP,GAAG;AAAA,UACH,GAAG;AAAA,QAAA,CACJ;AAAA,MACH;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,SACE,MACA,iBACiC;AAC1B,WAAA,KAAK,aAAa,CAAC,SAAS,KAAK,SAAS,IAAI,GAAG,eAAe;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAMA,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAKsF;AACzF,UAAM,UAA0C;AAAA,MAC9C,cAAc,EAAE,GAAG,KAAK,QAAQ,cAAc,GAAG,aAAa;AAAA,MAC9D,aAAa,EAAE,GAAG,KAAK,QAAQ,aAAa,GAAG,YAAY;AAAA,MAI3D,eAAe,iBAAiB,KAAK,QAAQ;AAAA,MAC7C,UAAU,YAAY,KAAK,QAAQ;AAAA,MACnC,WAAW,aAAa,KAAK,QAAQ;AAAA,IAAA;AAGjC,UAAA,YAAYZ,WAAAA,QAAQ,MAAM;AAC9B,aAAOa,kBAA+B;AAAA,QACpC,OAAO;AAAA,QACP,yBAAyB;AAAA,QACzB,eAAe;AAAA,QACf,gBAAgB;AAAA,MAAA,CACjB;AAAA,IACH,GAAG,CAAE,CAAA;AAEC,UAAA,eAAeb,WAAAA,QAAQ,MAAM;AACjC,aAAO,UAAU;AAAA,QACf,CAAC,UAAU;AACH,gBAAA;AAAA,YACJ,QAAQ,YAAY,QAAQ;AAAA,YAC5B;AAAA,YACA;AAAA,YACA;AAAA,UACE,IAAA;AACJ,gBAAM,SAAS,UAAU,OAAO,UAAU,QAAQ,WAAW;AAEtD,iBAAA;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,CAACK,WAAAA,UAAU,OAAO,YAAY,QAAQ,YAAY;AAAA,YAC9D;AAAA,YACA,SAAS,OAAO,SAAS;AAAA,UAAA;AAAA,QAE7B;AAAA,QACA,CAAC,cAAc;AAAA,UACb,OAAO,SAAS;AAAA,UAChB,yBAAyB,SAAS;AAAA,UAClC,eAAe,SAAS;AAAA,UACxB,gBAAgB,SAAS;AAAA,QAAA;AAAA,MAC3B;AAAA,IACF,GACC,CAAC,WAAW,UAAU,QAAQ,aAAa,QAAQ,YAAY,CAAC;AAE7D,UAAA,UAAUL,WAAAA,QAAQ,MAAM;AACrB,aAAA;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA,SAAS,MAAM;AACN,iBAAA,SAAS,cAAc,UAAU,IAAI;AAAA,QAC9C;AAAA,QAEA,WAAW;AACT,iBAAO,UAAU,IAAM,EAAA,SAAS,YAAY,QAAQ;AAAA,QACtD;AAAA,QAEA,0BAA0B;AACjB,iBAAA,UAAU,IAAM,EAAA;AAAA,QACzB;AAAA,QAEA,aAAa;AACJ,iBAAA,aAAa,IAAM,EAAA;AAAA,QAC5B;AAAA,QAEA,YAAY;AACH,iBAAA,aAAa,IAAM,EAAA;AAAA,QAC5B;AAAA,QAEA,UAAU;AACD,iBAAA,aAAa,IAAM,EAAA;AAAA,QAC5B;AAAA,QAEA,WAAW;AACC,oBAAA,IAAI,2BAA2B,IAAI;AACtC,iBAAA,aAAa,IAAM,EAAA;AAAA,QAC5B;AAAA,QAEA,QAAQ;AACI,oBAAA,IAAI,SAAS,MAAS;AACtB,oBAAA,IAAI,2BAA2B,KAAK;AAAA,QAChD;AAAA,MAAA;AAAA,IACF,GACC,CAAC,WAAW,cAAc,UAAU,cAAc,aAAa,eAAe,QAAQ,CAAC;AAE1FR,eAAAA,UAAU,MAAM;AACd,UAAI,UAAU;AACL,eAAAsB,SAAA;AAAA,UACL,UAAU,IAAI,OAAO;AAAA,UACrB,OAAO,aAAa,WAAW,WAAW,EAAE,KAAK,OAAO;AAAA,QAAA;AAAA,MAE5D;AAEO,aAAA;AAAA,OACN,CAAC,WAAWC,KAAAA,KAAK,QAAQ,CAAC,CAAC;AAE9BvB,eAAAA,UAAU,MAAM;;AACR,YAAA,WAAU,aAAQ,cAAR,mBAAmB,IAAI,CAAC,EAAE,SAAS,aAAa;AACxD,cAAA,QAAQ,aAAa,IAAI,OAAO;AACtC,cAAM,eAAe,UAAU,MAAM,IAAI,OAAc,IAAI;AAEpD,eAAA,aAAa,UAAU,MAAM;AAC5B,gBAAA,QAAQ,UAAUgB,WAAAA,IAAI,MAAM,IAAO,GAAA,OAAc,IAAI,MAAM;AAC3D,gBAAA,SAAS,OAAO,OAAc,KAAK;AAEzC,cAAI,WAAW,QAAW;AACxB,kBAAM,IAAI,MAAM;AAAA,UAClB;AAAA,QAAA,CACD;AAAA,MAAA;AAGH,aAAO,MAAM;AACX,2CAAS,QAAQ,CAAC,WAAW,OAAQ;AAAA,MAAA;AAAA,IACvC,GACC,CAAC,QAAQ,SAAS,CAAC;AAEtB,oBAAgB,OAAO;AAEvB,WACGpB,2BAAAA,IAAA,KAAK,QAAQ,UAAb,EAAsB,OAAO,SAC5B,UAAAA,2BAAAA,IAAC,eAAe,EAAA,GAAG,WAAW,MAAM,MAAM,EAC5C,CAAA;AAAA,EAEJ;AAAA,EAEA,UAAa;AAAA,IACX;AAAA,IACA;AAAA,EAAA,GAIc;AACR,UAAA,gBAAgB,KAAK,aAAa,QAAQ;AACzC,WAAAA,2BAAAA,IAAAM,WAAAA,UAAA,EAAG,UAAS,SAAA,aAAa,EAAE,CAAA;AAAA,EACpC;AAAA,EAWA,MAAM,OAAyB;AACtB,WAAA,QAAQ,MAAM,WAAW,MAAM,CAAC,EAAE,WAAW,SAAS,GAAG,MAAO,CAAA,CAAC;AAAA,EAC1E;AAAA,EAEA,QAA2C,OAAqD;AAC9F,WAAO,QAAQ,MAAM,aAAa,MAAM,CAAC,KAAK,CAAC;AAAA,EACjD;AAAA,EAEA,SACE,WACA,WAC2B;AACrB,UAAA,EAAE,MAAAsB,MAAS,IAAA;AACV,WAAA,SAAS,YAAY,OAAe;AAEvC,aAAA5B,+BAAC4B,OAAA,EAAM,GAAG,WACR,UAAC5B,+BAAA,WAAA,EAAW,GAAG,MAAO,CAAA,EACxB,CAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAIO,SAAS,WACd,SACyB;AAClB,SAAA,IAAI,KAAK,OAAO;AACzB;AC7iBO,SAAS,kBACd,OACA,UACA,UAAuC,CAAA,GACG;AAC1C,QAAM,CAAC,OAAO,QAAQ,IAAIG,WAAmB,SAAA;AAC7C,QAAM,MAAMQ,WAAAA,OAAO,EAAE,UAAU,UAAU,QAAQ,UAAU;AAE3DP,aAAAA,UAAU,MAAM;AACd,QAAI,UAAU,EAAE,UAAU,UAAU,QAAQ;EAAS,GACpD,CAAC,QAAQ,CAAC;AAEP,QAAA,SAASQ,WAAAA,QAAQ,MAAM;AAC3B,UAAM,EAAE,UAAAiB,WAAU,SAAA,IAAa,IAAI;AAE7BC,UAAAA,UAAS,CAACzB,WAAa;AAC3BwB,gBAASxB,MAAK;AACd,eAAS,MAAS;AAClB,2CAAWA;AAAAA,IAAK;AAGd,QAAA;AAEJ,QAAI,QAAQ,UAAU;AACJ,sBAAAS,MAAAA,SAASgB,SAAQ,QAAQ,QAAQ;AAAA,IAAA,WACxC,QAAQ,UAAU;AACX,sBAAAC,MAAAA,SAASD,SAAQ,QAAQ,QAAQ;AAAA,IAAA,OAC5C;AACL,sBAAgB,CAACzB,WAAU2B,WAAAA,gBAAgB,MAAMF,QAAOzB,MAAK,CAAC;AAAA,IAChE;AAEA,WAAO,CAACA,WAAa;AACV,eAAA,EAAE,GAAGA,OAAAA,CAAO;AACrB,oBAAcA,MAAK;AAAA,IAAA;AAAA,EACrB,GACC,CAACsB,KAAAA,KAAK,CAAC,QAAQ,UAAU,QAAQ,QAAQ,CAAC,CAAC,CAAC;AAE/C,SAAO,CAAC,QAAQ,MAAM,IAAI,OAAO,MAAM;AACzC;AClDO,SAAS,UAAa,OAAqB;AAChD,SAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AAC9C;ACEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,OAAO;AACT,GAGS;AACPvB,aAAA;AAAA,IACE,MAAM,MAAM;AACV,YAAM,MAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AAClC,YAAA,aAAa,IAAI,gBAAgB,IAAI,IAAI,EAAE,MAAM,CAAC,CAAC;AAE9C,iBAAA,QAAQ,UAAU,GAAG,GAAG;AACjC,mBAAW,OAAO,IAAI;AAAA,MACxB;AAEI,UAAA,IAAI,IAAI,WAAW,SAAS;AAChC,aAAO,QAAQ,aAAa,MAAM,IAAI,IAAI,UAAU;AAAA,IACtD;AAAA,IACA,CAACuB,KAAA,KAAK,GAAG,GAAG,IAAI;AAAA,EAAA;AAEpB;;;;;;;;;;;;;;;;"}
|
|
@@ -1,27 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const scope = require("../scope.cjs");
|
|
3
3
|
const store = require("../store.cjs");
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return useCache.useScope(this);
|
|
13
|
-
},
|
|
14
|
-
useStore(options) {
|
|
15
|
-
return useCache.useScopeStore(this, options);
|
|
16
|
-
},
|
|
17
|
-
useProp(options) {
|
|
18
|
-
return useCache.useScopeProp(this, options);
|
|
19
|
-
},
|
|
20
|
-
Provider(props) {
|
|
21
|
-
return useCache.ScopeProvider({ ...props, scope: this });
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
Object.assign(store.Store.prototype, useCache.reactMethods);
|
|
25
|
-
Object.assign(scope.Cache.prototype, cacheMethods);
|
|
26
|
-
Object.assign(scope.Scope.prototype, scopeMethods);
|
|
4
|
+
const autobind = require("../autobind.cjs");
|
|
5
|
+
const storeMethods = require("../storeMethods.cjs");
|
|
6
|
+
Object.assign(store.Store.prototype, storeMethods.storeMethods);
|
|
7
|
+
Object.assign(scope.Cache.prototype, storeMethods.cacheMethods);
|
|
8
|
+
Object.assign(scope.Scope.prototype, storeMethods.scopeMethods);
|
|
9
|
+
autobind.autobind(store.Store);
|
|
10
|
+
autobind.autobind(scope.Cache);
|
|
11
|
+
autobind.autobind(scope.Scope);
|
|
27
12
|
//# sourceMappingURL=register.cjs.map
|