cross-state 0.53.3 → 0.54.0

package/dist/es/propAccess.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"propAccess.mjs","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 &&\n      entries1.every(([key, value]) => key in b && 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 (\n      a.size === b.size &&\n      [...a.entries()].every(([key, value]) => b.has(key) && comp(value, b.get(key)))\n    );\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 type { Constrain } from '@lib/constrain';\nimport { isObject } from '@lib/helpers';\nimport { flatClone } from './clone';\nimport type { KeyType, Path, SettablePath, SettableValue, 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, const P>(object: T, path: Constrain<P, Path<T>>): 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, const P>(\n  object: T,\n  path: Constrain<P, SettablePath<T>>,\n  value: SettableValue<T, P>,\n  rootPath: string | readonly KeyType[] = path,\n): T {\n  const _path = castArrayPath(path as any);\n  const [first, ...rest] = _path;\n\n  if (first === undefined) {\n    return value as T;\n  }\n\n  if (object instanceof Map) {\n    const copy = flatClone(object);\n    const child = copy.get(first);\n    copy.set(first, set(child, rest as any, value, rootPath));\n    return copy;\n  }\n\n  if (object instanceof Set) {\n    const copy = [...object];\n    const child = copy[Number(first)];\n    copy[Number(first)] = set(child, rest as any, value, rootPath);\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] = set(copy[first as keyof T], rest as any, value as any, rootPath);\n    return copy;\n  }\n\n  throw new Error(`Could not set ${path} of ${object}`);\n}\n\nexport function remove<T, const P>(object: T, path: Constrain<P, Path<T, true>>): 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 if (Array.isArray(parent)) {\n    parent.splice(Number(key), 1);\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/es/react/index.mjs

@@ -1,611 +0,0 @@
-import { u as useStore } from '../storeMethods.mjs';
-export { L as LoadingBoundary, S as ScopeProvider, c as cacheMethods, a as scopeMethods, s as storeMethods, e as useCache, b as useLoadingBoundary, f as useProp, d as useScope } from '../storeMethods.mjs';
-import { useState, useEffect, createElement, useCallback, Fragment as Fragment$1, useRef, useMemo, createContext, useContext, startTransition } from 'react';
-import { c as calcDuration, q as queue, d as debounce, f as autobind, b as createStore, t as throttle } from '../store.mjs';
-import { s as simpleHash } from '../hash.mjs';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { c as connectUrl } from '../urlStore.mjs';
-import { c as castArrayPath, e as isObject, d as deepEqual, j as join, g as get, b as set } from '../propAccess.mjs';
-
-function CustomInput({ name, children, ...props }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...props,
-      style: {
-        position: "relative",
-        ...props.style
-      },
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            name,
-            style: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              opacity: 0,
-              width: "100%",
-              height: "100%",
-              pointerEvents: "none"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-
-function getWildCardMatches(object, path) {
-  const matches = {};
-  const [first, second, ...rest] = castArrayPath(path);
-  if (first === undefined) {
-    throw new Error("Path is empty");
-  }
-  if (!Array.isArray(object) && !isObject(object)) {
-    object = {};
-  }
-  for (const [key, value] of first !== "*" ? [[first, object[first]]] : Object.entries(object)) {
-    if (first !== "*" && first !== key) {
-      continue;
-    }
-    if (second === undefined) {
-      matches[key] = value;
-      continue;
-    }
-    for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {
-      matches[`${key}.${subKey}`] = subValue;
-    }
-  }
-  return matches;
-}
-
-function FormField({
-  // id,
-  name = "",
-  component,
-  commitOnBlur,
-  commitDebounce,
-  render,
-  inputFilter,
-  defaultValue,
-  serialize,
-  deserialize = (x) => x,
-  onChange,
-  onBlur,
-  ...restProps
-}) {
-  const form = this.useForm();
-  const getFormState = () => ({ ...form, ...getDerivedState(form) });
-  const [localValue, setLocalValue] = useState();
-  const value = this.useFormState((form2) => {
-    const value2 = form2.getField(name).value;
-    if (serialize) {
-      return serialize(value2, getFormState());
-    }
-    if (value2 !== undefined) {
-      return value2;
-    }
-    return defaultValue;
-  });
-  const setValue = (x) => form.getField(name).setValue(deserialize(x, getFormState()));
-  const hasTriggeredValidations = this.useFormState((form2) => form2.hasTriggeredValidations);
-  useEffect(() => {
-    if (localValue === undefined || !commitDebounce) {
-      return;
-    }
-    const timeout = setTimeout(() => {
-      setValue(localValue);
-      setLocalValue(undefined);
-    }, commitDebounce);
-    return () => clearTimeout(timeout);
-  }, [localValue, commitDebounce]);
-  const props = {
-    name,
-    value: localValue ?? value,
-    onChange: (event, ...moreArgs) => {
-      const value2 = typeof event === "object" && event !== null && "target" in event ? event.target.value : event;
-      if (inputFilter && !inputFilter(value2)) {
-        return;
-      }
-      if (commitOnBlur || commitDebounce) {
-        setLocalValue(value2);
-      } else {
-        setValue(value2);
-      }
-      onChange?.(event, ...moreArgs);
-    },
-    onBlur(...args) {
-      if (localValue !== undefined) {
-        setValue(localValue);
-        setLocalValue(undefined);
-      }
-      onBlur?.(...args);
-    }
-  };
-  if (render) {
-    return /* @__PURE__ */ jsx(Fragment, { children: render(props, { ...form.getField(name), hasTriggeredValidations }, form) ?? null });
-  }
-  if (component) {
-    return createElement(component, { ...restProps, ...props });
-  }
-  return null;
-}
-
-function FormForEach({ name, renderElement, children }) {
-  const form = this.useForm();
-  const names = this.useFormState(() => {
-    const field = form.getField(name);
-    return field.names;
-  });
-  const add = useCallback(
-    (...args) => {
-      const field = form.getField(name);
-      field.add(...args);
-    },
-    [form]
-  );
-  const remove = useCallback(
-    (key) => {
-      const field = form.getField(name);
-      field.remove(key);
-    },
-    [form]
-  );
-  const setValue = useCallback(
-    (value) => {
-      const field = form.getField(name);
-      field.setValue(value);
-    },
-    [form]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderElement && names.map((name2, index) => {
-      const key = name2.split(".").pop();
-      return /* @__PURE__ */ jsx(Fragment$1, { children: renderElement({
-        name: name2,
-        key,
-        index,
-        remove: () => remove(key)
-      }) }, key);
-    }),
-    children?.({
-      names,
-      add,
-      remove,
-      setValue
-    })
-  ] });
-}
-
-function useFormAutosave(form) {
-  const { formState, options, getDraft } = form;
-  const debounceTime = calcDuration(options.autoSave?.debounce ?? 2e3);
-  const latestRef = useRef({ options });
-  const lastValue = useRef();
-  const q = useMemo(() => queue(), []);
-  const run = useMemo(
-    () => debounce(async () => {
-      const { options: options2 } = latestRef.current;
-      const save = options2.autoSave?.save;
-      const draft = getDraft();
-      lastValue.current = draft;
-      q.clear();
-      q(async () => {
-        try {
-          formState.set("saveInProgress", true);
-          await save?.(draft, form);
-          if (q.size === 0 && options2.autoSave?.resetAfterSave) {
-            form.reset();
-          }
-        } finally {
-          formState.set("saveInProgress", false);
-          if (q.size === 0) {
-            formState.set("saveScheduled", false);
-          }
-        }
-      });
-    }, debounceTime),
-    [formState, debounceTime]
-  );
-  useEffect(() => {
-    if (!options.autoSave?.save) {
-      return;
-    }
-    return formState.map((state) => state.draft).subscribe(
-      () => {
-        if (deepEqual(getDraft(), lastValue.current)) {
-          return;
-        }
-        run();
-        formState.set("saveScheduled", true);
-      },
-      { runNow: false }
-    );
-  }, [formState]);
-  useEffect(() => {
-    latestRef.current = { options };
-  });
-}
-
-function FormContainer({
-  form,
-  ...formProps
-}) {
-  const formInstance = form.useForm();
-  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);
-  const formRef = useRef(null);
-  function updateValidity(errors, buttonElement) {
-    const formElement = formRef.current;
-    if (!formElement) {
-      return;
-    }
-    const localizedErrors = new Map(
-      [...errors.entries()].map(
-        ([field, errors2]) => [
-          field,
-          errors2.map((error) => formInstance.options.localizeError?.(error, field) ?? error)
-        ]
-      )
-    );
-    for (const element of Array.from(formElement.elements)) {
-      if ("name" in element && "setCustomValidity" in element) {
-        element.setCustomValidity(
-          localizedErrors.get(element.name)?.join("\n") ?? ""
-        );
-      }
-    }
-    if (buttonElement && "setCustomValidity" in buttonElement) {
-      const errorString = [...errors.values()].flat().join("\n");
-      buttonElement.setCustomValidity(errorString);
-    }
-  }
-  useEffect(() => {
-    return formInstance.formState.map(() => formInstance.getErrors()).subscribe((errors) => updateValidity(errors));
-  }, []);
-  return /* @__PURE__ */ jsx(
-    "form",
-    {
-      ref: formRef,
-      noValidate: true,
-      ...formProps,
-      className: [
-        formProps.className,
-        hasTriggeredValidations ? formInstance.options.validatedClass ?? "validated" : undefined
-      ].filter(Boolean).join(" "),
-      onSubmit: async (event) => {
-        if (formInstance.saveInProgress()) {
-          return;
-        }
-        try {
-          formInstance.formState.set("saveInProgress", true);
-          event.preventDefault();
-          const formElement = event.currentTarget;
-          const buttonElement = event.nativeEvent instanceof SubmitEvent && event.nativeEvent.submitter instanceof HTMLButtonElement ? event.nativeEvent.submitter : void 0;
-          updateValidity(formInstance.getErrors(), buttonElement);
-          formElement.reportValidity();
-          const isValid = formInstance.validate();
-          if (isValid) {
-            await formProps.onSubmit?.(event, {
-              ...formInstance,
-              ...getDerivedState(formInstance)
-            });
-          }
-        } finally {
-          formInstance.formState.set("saveInProgress", false);
-        }
-      }
-    }
-  );
-}
-function getField(form, path) {
-  const field = {
-    get originalValue() {
-      return form.original !== undefined ? get(form.original, path) : undefined;
-    },
-    get value() {
-      const draft = form.getDraft();
-      return get(draft ?? form.original ?? form.options.defaultValue, path);
-    },
-    setValue(update) {
-      form.formState.set("draft", (draft = form.original ?? form.options.defaultValue) => {
-        if (update instanceof Function) {
-          update = update(get(draft, path));
-        }
-        return set(draft, path, update);
-      });
-    },
-    get hasChange() {
-      return !deepEqual(this.originalValue, this.value);
-    },
-    get errors() {
-      const errors = form.getErrors();
-      return errors.get(path) ?? [];
-    },
-    get names() {
-      const { value } = this;
-      if (Array.isArray(value)) {
-        return value.map((_, index) => join(path, String(index)));
-      }
-      if (isObject(value)) {
-        return Object.keys(value).map((key) => join(path, key));
-      }
-      return [];
-    },
-    add(...args) {
-      this.setValue((value) => {
-        if (!value) {
-          throw new Error(`Cannot add element to ${JSON.stringify(value)}`);
-        }
-        if (Array.isArray(value)) {
-          return [...value ?? [], args[0]];
-        }
-        if (isObject(value)) {
-          return {
-            ...value,
-            [args[0]]: args[1]
-          };
-        }
-        throw new Error(`Cannot add element to ${JSON.stringify(value)}`);
-      });
-    },
-    remove(key) {
-      this.setValue((value) => {
-        if (!value) {
-          throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);
-        }
-        if (Array.isArray(value)) {
-          return value.filter((_, index) => index !== Number(key));
-        }
-        if (isObject(value)) {
-          const { [key]: _, ...rest } = value;
-          return rest;
-        }
-        throw new Error(`Cannot remove element from ${JSON.stringify(value)}`);
-      });
-    }
-  };
-  return field;
-}
-function getErrors(draft, original, validations) {
-  const errors = /* @__PURE__ */ new Map();
-  for (const [path, block] of Object.entries(validations ?? {})) {
-    for (const [validationName, validate] of Object.entries(
-      block
-    )) {
-      let matched = false;
-      for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {
-        matched = true;
-        if (!validate(value, { draft, original, field })) {
-          const fieldErrors = errors.get(field) ?? [];
-          fieldErrors.push(validationName);
-          errors.set(field, fieldErrors);
-        }
-      }
-      if (!matched && !path.includes("*")) {
-        if (!validate(undefined, { draft, original, field: path })) {
-          const fieldErrors = errors.get(path) ?? [];
-          fieldErrors.push(validationName);
-          errors.set(path, fieldErrors);
-        }
-      }
-    }
-  }
-  return errors;
-}
-function getDerivedState(instance) {
-  return {
-    draft: instance.getDraft(),
-    hasTriggeredValidations: instance.hasTriggeredValidations(),
-    saveScheduled: instance.saveScheduled(),
-    saveInProgress: instance.saveInProgress(),
-    hasChanges: instance.hasChanges(),
-    errors: instance.getErrors(),
-    isValid: instance.isValid()
-  };
-}
-class Form {
-  constructor(options) {
-    this.options = options;
-    this.context = createContext(null);
-    autobind(Form);
-  }
-  useForm() {
-    const context = useContext(this.context);
-    if (!context) {
-      throw new Error("Form context not found");
-    }
-    return context;
-  }
-  useFormState(selector, useStoreOptions) {
-    const form = this.useForm();
-    return useStore(
-      form.formState,
-      () => selector({
-        ...form,
-        ...getDerivedState(form)
-      }),
-      useStoreOptions
-    );
-  }
-  useField(path, useStoreOptions) {
-    const form = this.useForm();
-    this.useFormState((form2) => [form2.getField(path).value, form2.original], useStoreOptions);
-    return form.getField(path);
-  }
-  // ///////////////////////////////////////////////////////////////////////////
-  // React Components
-  // ///////////////////////////////////////////////////////////////////////////
-  Form({
-    original,
-    defaultValue,
-    validations,
-    localizeError,
-    urlState,
-    autoSave,
-    transform,
-    validatedClass,
-    ...formProps
-  }) {
-    const options = {
-      defaultValue: { ...this.options.defaultValue, ...defaultValue },
-      validations: { ...this.options.validations, ...validations },
-      localizeError: localizeError ?? this.options.localizeError,
-      autoSave: autoSave ?? this.options.autoSave,
-      transform: transform ?? this.options.transform,
-      validatedClass: validatedClass ?? this.options.validatedClass
-    };
-    const formState = useMemo(() => {
-      return createStore({
-        draft: undefined,
-        hasTriggeredValidations: false,
-        saveScheduled: false,
-        saveInProgress: false
-      });
-    }, []);
-    let lastDraft;
-    const cache = /* @__PURE__ */ new Map();
-    function lazy(key, fn) {
-      if (lastDraft !== formState.get().draft) {
-        cache.clear();
-        lastDraft = formState.get().draft;
-      }
-      let value = cache.get(key);
-      if (!cache.has(key)) {
-        value = fn();
-        cache.set(key, value);
-      }
-      return value;
-    }
-    const context = {
-      formState,
-      options,
-      original,
-      getField() {
-        throw new Error("Not implemented");
-      },
-      getDraft() {
-        return formState.get().draft ?? original ?? options.defaultValue;
-      },
-      hasTriggeredValidations() {
-        return formState.get().hasTriggeredValidations;
-      },
-      saveScheduled() {
-        return formState.get().saveScheduled;
-      },
-      saveInProgress() {
-        return formState.get().saveInProgress;
-      },
-      hasChanges() {
-        return lazy(
-          "hasChanges",
-          () => !deepEqual(this.getDraft(), original ?? options.defaultValue)
-        );
-      },
-      getErrors() {
-        return lazy("getErrors", () => getErrors(this.getDraft(), original, options.validations));
-      },
-      isValid() {
-        return lazy("isValid", () => this.getErrors().size === 0);
-      },
-      validate() {
-        formState.set("hasTriggeredValidations", true);
-        return this.isValid();
-      },
-      reset() {
-        formState.set("draft", undefined);
-        formState.set("hasTriggeredValidations", false);
-      }
-    };
-    context.getField = (path) => lazy(path, () => getField(context, path));
-    useEffect(() => {
-      if (urlState) {
-        return connectUrl(
-          formState.map("draft"),
-          typeof urlState === "object" ? urlState : { key: "form" }
-        );
-      }
-      return undefined;
-    }, [formState, simpleHash(urlState)]);
-    useFormAutosave(context);
-    return /* @__PURE__ */ jsx(this.context.Provider, { value: context, children: /* @__PURE__ */ jsx(FormContainer, { ...formProps, form: this }) });
-  }
-  FormState({
-    selector,
-    children
-  }) {
-    const selectedState = this.useFormState(selector);
-    return /* @__PURE__ */ jsx(Fragment, { children: children(selectedState) });
-  }
-  Field(props) {
-    return Reflect.apply(FormField, this, [{ component: "input", ...props }]);
-  }
-  ForEach(props) {
-    return Reflect.apply(FormForEach, this, [props]);
-  }
-  withForm(Component, formProps) {
-    const { Form: Form2 } = this;
-    return function FormWrapper(props) {
-      return /* @__PURE__ */ jsx(Form2, { ...formProps, children: /* @__PURE__ */ jsx(Component, { ...props }) });
-    };
-  }
-}
-function createForm(options) {
-  return new Form(options);
-}
-
-function useDecoupledState(value, onChange, options = {}) {
-  const [dirty, setDirty] = useState();
-  const ref = useRef({ onChange, onCommit: options.onCommit });
-  useEffect(() => {
-    ref.current = { onChange, onCommit: options.onCommit };
-  }, [onChange]);
-  const update = useMemo(() => {
-    const { onChange: onChange2, onCommit } = ref.current;
-    const update2 = (value2) => {
-      onChange2(value2);
-      setDirty(undefined);
-      onCommit?.(value2);
-    };
-    let delayedUpdate;
-    if (options.debounce) {
-      delayedUpdate = debounce(update2, options.debounce);
-    } else if (options.throttle) {
-      delayedUpdate = throttle(update2, options.throttle);
-    } else {
-      delayedUpdate = (value2) => startTransition(() => update2(value2));
-    }
-    return (value2) => {
-      setDirty({ v: value2 });
-      delayedUpdate(value2);
-    };
-  }, [simpleHash([options.debounce, options.throttle])]);
-  return [dirty ? dirty.v : value, update];
-}
-
-function castArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-
-function useUrlParamScope({
-  key,
-  type = "search"
-}) {
-  useEffect(
-    () => () => {
-      const url = new URL(window.location.href);
-      const parameters = new URLSearchParams(url[type].slice(1));
-      for (const _key of castArray(key)) {
-        parameters.delete(_key);
-      }
-      url[type] = parameters.toString();
-      window.history.replaceState(null, "", url.toString());
-    },
-    [simpleHash(key), type]
-  );
-}
-
-export { CustomInput, Form, createForm, useDecoupledState, useStore, useUrlParamScope };
-//# sourceMappingURL=index.mjs.map