atomaric 0.0.60 → 0.0.62

package/src/makeDoFillerActions.ts

@@ -1,225 +0,0 @@
-import { AtomOptions, AtomStoreKey, DefaultActions } from '../types';
-import { Atom } from './class';
-import { configuredOptions } from './lib';
-import { makeDeepProxyObject } from './makeDeepProxyObject';
-
-type nil = null | undefined;
-
-export const makeDoFillerActions = <Value, Actions extends Record<string, Function>>(
-  initialValue: Value,
-  atom: Atom<Value, Actions>,
-  storeKeyOrOptions: AtomStoreKey | AtomOptions<Value, Actions> | undefined,
-) => {
-  let defaultActions: DefaultActions<any> | null = null;
-
-  if (typeof initialValue === 'number') {
-    defaultActions = fillActions<number>(
-      atom as never,
-      atom => ({
-        increment: delta => {
-          atom.set(+atom.get() + (delta ?? 0));
-        },
-      }),
-      initialValue,
-    );
-  } else if (typeof initialValue === 'boolean') {
-    defaultActions = fillActions<boolean>(
-      atom as never,
-      atom => ({
-        toggle: () => {
-          atom.set(!atom.get());
-        },
-      }),
-      initialValue,
-    );
-  } else if (Array.isArray(initialValue)) {
-    defaultActions = fillActions<any[]>(
-      atom as never,
-      atom => ({
-        push: (...values) => {
-          atom.set(atom.get().concat(values));
-        },
-        unshift: (...values) => {
-          atom.set(values.concat(atom.get()));
-        },
-        update: updater => {
-          const prev = atom.get();
-          const newValue = updateValue(prev, updater);
-          if (newValue === prev) return;
-          atom.set(newValue);
-        },
-        filter: filter => {
-          atom.set(atom.get().filter(filter ?? itIt));
-        },
-        add: value => {
-          if (atom.get().includes(value)) return;
-          atom.set(atom.get().concat([value]));
-        },
-        remove: value => {
-          const index = atom.get().indexOf(value);
-          if (index < 0) return;
-          const newArray = atom.get().slice(0);
-          newArray.splice(index, 1);
-          atom.set(newArray);
-        },
-        toggle: (value, isAddInStart) => {
-          const newArray = atom.get().slice();
-          const index = newArray.indexOf(value);
-          if (index < 0) {
-            if (isAddInStart) newArray.unshift(value);
-            else newArray.push(value);
-          } else newArray.splice(index, 1);
-          atom.set(newArray);
-        },
-      }),
-      initialValue,
-    );
-  } else if (initialValue instanceof Set) {
-    defaultActions = fillActions<Set<any>>(
-      atom as never,
-      atom => ({
-        add: value => {
-          atom.set(new Set(atom.get()).add(value));
-        },
-        delete: value => {
-          const newSet = new Set(atom.get());
-          newSet.delete(value);
-          atom.set(newSet);
-        },
-        toggle: value => {
-          const newSet = new Set(atom.get());
-
-          if (newSet.has(value)) newSet.delete(value);
-          else newSet.add(value);
-
-          atom.set(newSet);
-        },
-        clear: () => {
-          atom.set(new Set());
-        },
-      }),
-      initialValue,
-    );
-  } else if (initialValue instanceof Object) {
-    const keyPathSeparator = configuredOptions.keyPathSeparator || '.';
-
-    defaultActions = fillActions<object>(
-      atom as never,
-      atom => ({
-        setPartial: value =>
-          atom.set(prev => ({
-            ...prev,
-            ...(typeof value === 'function' ? value(atom.get()) : value),
-          })),
-        update: updater => {
-          const prev = atom.get();
-          const newValue = updateValue(prev, updater);
-          if (newValue === prev) return;
-          atom.set(newValue);
-        },
-        setDeepPartial: (path: string, value: any, donor, separator = keyPathSeparator as never) => {
-          if (!separator) return;
-
-          if (path.includes(separator)) {
-            let keys = path.split(separator);
-            const lastKey = keys[keys.length - 1];
-            keys = keys.slice(0, -1);
-            const newObject = { ...atom.get() };
-            let lastObject: Record<string, unknown> = newObject;
-            let lastDonorObject = donor as Record<string, unknown> | nil;
-
-            for (const key of keys) {
-              lastDonorObject = lastDonorObject?.[Array.isArray(lastDonorObject) ? '0' : key] as never;
-              const currentObject = lastObject[makeKey(lastObject, key)] ?? (Array.isArray(lastDonorObject) ? [] : {});
-
-              if (currentObject == null || typeof currentObject !== 'object') {
-                if (donor == null) throw 'Incorrect path for setDeepPartial';
-
-                const newValue = typeof value === 'function' ? value(undefined) : value;
-
-                if (atom.get()[path as never] !== newValue) atom.do.setPartial({ [path]: newValue });
-                return;
-              }
-
-              lastObject = lastObject[makeKey(lastObject, key)] = (
-                Array.isArray(currentObject) ? [...currentObject] : { ...currentObject }
-              ) as never;
-            }
-
-            const prev = lastObject[lastKey];
-            lastObject[lastKey] = typeof value === 'function' ? value(lastObject[lastKey]) : value;
-
-            if (prev !== lastObject[lastKey]) atom.set(newObject);
-
-            return;
-          }
-
-          const prevValue = atom.get()[path as never];
-          const newValue = typeof value === 'function' ? value(prevValue) : value;
-          if (newValue !== prevValue) atom.do.setPartial({ [path]: newValue });
-        },
-      }),
-      initialValue,
-    );
-  }
-
-  const actions =
-    typeof storeKeyOrOptions === 'object' && storeKeyOrOptions != null && 'do' in storeKeyOrOptions
-      ? storeKeyOrOptions.do(
-          (value, isPreventSave) => atom.set(value, isPreventSave),
-          () => atom.get(),
-          atom,
-          (value, debounceMs, isPreventSave) => atom.setDeferred(value, debounceMs, isPreventSave),
-        )
-      : null;
-
-  const doActions = {};
-
-  if (actions) Object.keys(actions).forEach(key => Object.defineProperty(doActions, key, { get: () => actions[key] }));
-
-  if (defaultActions)
-    Object.keys(defaultActions).forEach(key =>
-      Object.defineProperty(doActions, key, { get: () => defaultActions[key as never] }),
-    );
-
-  return doActions;
-};
-
-const itIt = <It>(it: It) => it;
-const fillActions = <Value, ValAtom extends Atom<Value> = Atom<Value>>(
-  atom: ValAtom,
-  actions: (atom: ValAtom) => DefaultActions<Value>,
-  _value: Value,
-) => actions(atom);
-
-const updateValue = <Object extends object | unknown[]>(object: Object, updater: (object: Object) => void): Object => {
-  const newObject = Array.isArray(object) ? object.slice(0) : { ...object };
-  let isSomeSetted = false;
-
-  const pro = makeDeepProxyObject(object, {
-    onSet: (_, keys, setKey, value, prevValue) => {
-      if (value === prevValue) return true;
-      let currentObject = newObject as Record<string, unknown> | unknown[];
-
-      isSomeSetted = true;
-
-      for (const key of keys) {
-        const nextObject = currentObject[key as never] as object;
-
-        currentObject = currentObject[key as never] = (
-          Array.isArray(nextObject) ? nextObject.slice(0) : { ...nextObject }
-        ) as never;
-      }
-
-      currentObject[setKey as never] = value as never;
-
-      return true;
-    },
-  });
-
-  updater(pro);
-
-  return isSomeSetted ? (newObject as never) : object;
-};
-
-const makeKey = (obj: object, key: string) => (Array.isArray(obj) ? `${+key}` : key);

package/src/test.tsx

@@ -1,207 +0,0 @@
-import React, { useEffect, useSyncExternalStore } from 'react';
-import { createRoot } from 'react-dom/client';
-import { atom, configureAtomaric, useAtomDo, useAtomValue } from './lib';
-
-configureAtomaric({ useSyncExternalStore, keyPathSeparator: '.' });
-
-createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);
-
-const testAtom = atom(new Set<number>(), {
-  storeKey: 'test:set',
-  do: set => ({
-    update12: () => set(prev => new Set(prev).add(12)),
-  }),
-});
-
-const testTextAtom = atom('', {
-  storeKey: 'test:text',
-  unchangable: true,
-  exp: () => new Date(Date.now() + 3 * 1000),
-
-  zipValue: value => ({ value }),
-  unzipValue: val => val.value,
-
-  do: set => ({
-    addText: (text: string) => {
-      set(prev => prev + text);
-    },
-  }),
-});
-
-const array: (number | '')[] = [3, 1, 7, 4, 8, 9, 5];
-const arrayAtom = atom(array, {
-  do: () => ({
-    nothing: () => {},
-  }),
-});
-
-console.info(Object.keys(arrayAtom));
-// arrayAtom.do.filter = {};
-
-console.info(arrayAtom);
-arrayAtom.do.push(0);
-arrayAtom.do.nothing();
-console.info(arrayAtom.get());
-arrayAtom.do.unshift(-1);
-console.info(arrayAtom.get());
-arrayAtom.do.update(arr => arr.sort());
-console.info(arrayAtom.get());
-arrayAtom.do.filter();
-console.info(arrayAtom.get());
-
-atom(0, 'a:a');
-atom(0, { storeKey: 'a:a' });
-atom(0, { storeKey: 'a:a', warnOnDuplicateStoreKey: false });
-
-(function testDeepPartialChanges() {
-  const b = { c: [{ d: 8, e: 'e', f: 'F' }] };
-  const a = { f: { g: '' }, b };
-  const deepTest = atom({ a, b });
-
-  deepTest.do.setDeepPartial('b.c.0.d', 123, { b: { c: [{}] } });
-  deepTest.do.setDeepPartial('b+c+8+e', 'EE', null, '+');
-
-  console.info(deepTest.get(), deepTest.get().a.f === a.f, deepTest.get().b.c === b.c);
-})();
-
-(function testDeepPartialChanges() {
-  const enum Id {
-    def = 0,
-  }
-
-  const deepTest = atom(
-    {} as Record<
-      Id,
-      {
-        in: { inin: [{ ininin: number }] }[];
-        out: { some: { req: 0 } };
-        else: { if: {} };
-      }
-    >,
-  );
-
-  deepTest.do.setDeepPartial(`${Id.def}.in.${9}.inin.0`, { ininin: 9 }, { [Id.def]: { in: [{ inin: [] }] } });
-  console.info('Id.def', deepTest.get());
-
-  deepTest.do.setDeepPartial(`${Id.def}+in+ 4 +inin+0+ininin`, () => 7, { [Id.def]: { in: [{ inin: [{}] }] } }, '+');
-  console.info('Id.def', deepTest.get());
-
-  // will throw
-  // console.error(deepTest.get()[Id.def]?.out.some.req);
-})();
-
-(function testDeepPartialSetWithDonor() {
-  const a: {
-    val: {
-      b?: { c?: { f: { g?: { e: string } }[] }[] };
-      f: { l: number; g?: number };
-    };
-  } = { val: { f: { l: 9 } } };
-
-  const deepTest = atom(a);
-
-  deepTest.do.setDeepPartial('val.b.c.4.f', [{ g: { e: '^' } }], { val: { b: { c: [{}] } } });
-  deepTest.do.setDeepPartial('val.b.c.4.f.5.g', { e: '!!@' }, { val: { b: { c: [{ f: [{}] }] } } });
-  deepTest.do.setDeepPartial('val.b.c.4.f.2', { g: { e: '2' } }, { val: { b: { c: [{ f: [] }] } } });
-  deepTest.do.setDeepPartial('val.b.c.4.f.5.g.e', 'FIVE', { val: { b: { c: [{ f: [{ g: {} }] }] } } });
-  deepTest.do.setDeepPartial('val.f.l', 123, { val: { f: {} } });
-
-  deepTest.do.setDeepPartial('val***f***g', 777, { val: { f: {} } }, '***');
-
-  console.info(deepTest.get());
-})();
-
-(function testUpdate() {
-  const a: {
-    val: {
-      b: { c: { f: { g: { e: string } }[] }[] };
-    };
-    f: { l: { v: { r: number } }; g?: number };
-    num: number;
-  } = {
-    val: { b: { c: [{ f: [{ g: { e: '1' } }] }] } },
-    f: { l: { v: { r: 8 } } },
-    num: 8,
-  };
-
-  const updateTest = atom(a);
-
-  const prevF = a.val.b.c[0].f;
-  const prevV = a.f.l.v;
-
-  console.info(updateTest.get() === a);
-
-  updateTest.do.update(a => {
-    a.val.b.c[0].f[0].g.e = '2';
-    // a.num = 0;
-  });
-  console.info(
-    updateTest.get() === a,
-    prevF === a.val.b.c[0].f,
-    prevV === updateTest.get().f.l.v,
-    updateTest.get().val.b.c[0].f === a.val.b.c[0].f,
-    a.val.b.c[0].f[0].g,
-    updateTest.get().val.b.c[0].f[0].g,
-  );
-})();
-
-const numAtom = atom(0);
-
-const inputValueAtom = atom('');
-
-function App() {
-  const test = useAtomValue(testAtom);
-  const testText = useAtomValue(testTextAtom);
-  const testDo = useAtomDo(testAtom);
-  const value = useAtomValue(inputValueAtom);
-  console.log({ num: useAtomValue(numAtom) });
-
-  console.info(test);
-
-  useEffect(() => {
-    const onClick = () => {
-      testDo.add(Date.now());
-      testDo.update12();
-      testTextAtom.do.addText('1');
-
-      numAtom.set(num => {
-        console.log(num);
-        return 1;
-      });
-      numAtom.set(3);
-      numAtom.set(num => {
-        console.log(num);
-        return 4;
-      });
-      numAtom.set(num => {
-        console.log(num);
-        return 5;
-      });
-      numAtom.set(6);
-      numAtom.set(num => {
-        console.log(num);
-        return 7;
-      });
-    };
-
-    window.addEventListener('click', onClick);
-    return () => window.removeEventListener('click', onClick);
-  }, []);
-
-  return (
-    <>
-      {testText}
-      <input
-        value={value}
-        onChange={event => {
-          inputValueAtom.set(event.currentTarget.value + '*');
-          inputValueAtom.set(event.currentTarget.value);
-        }}
-      />
-    </>
-  );
-}