@apia/util 1.0.4 → 2.0.0

package/dist/storage/StatefulStore.d.ts

@@ -0,0 +1,205 @@
+import { TId } from '../types/misc.js';
+
+type StatefulStoreUnsuscriber = () => void;
+type StatefulStoreUpdater<Props> = (currentProps: Props) => Props;
+type StatefulStoreUpdateProps<Props> = StatefulStoreUpdater<Props> | Partial<Props>;
+/**
+ * Clase facilitadora del uso de StatefulStore. Es un pequeño almacen que
+ * permite actualizar sus propiedades y sabe cómo sincronizarse con el store de
+ * modo que los cambios se propaguen según corresponda.
+ */
+declare abstract class BasicStoredElement<Props extends Record<string, unknown>> {
+    #private;
+    abstract getId(): TId;
+    onUpdate(cb: () => void): StatefulStoreUnsuscriber;
+    props: Props;
+    constructor(props: Props);
+    protected shoutUpdates: () => void;
+    update(newProps: StatefulStoreUpdateProps<Props>): void;
+    useProps: () => Props;
+}
+/**
+ * Son las acciones de adición del store.
+ */
+type AddActions<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `add${Capitalize<string & P>}`]: (el: T[P]) => void;
+};
+/**
+ * Acciones de vaciado del store.
+ */
+type EmptyActions<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `empty${Capitalize<string & P>}`]: () => void;
+};
+/**
+ * Acciones de removido del store.
+ */
+type RemoveActions<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `remove${Capitalize<string & P>}`]: (id: TId) => void;
+};
+type UpdateListActions<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `update${Capitalize<string & P>}List`]: (newList: T[P]) => void;
+};
+/**
+ * Conjunto de acciones disponibles del store
+ */
+type ActionMethods<T extends Record<string, BasicStoredElement<any>>> = {
+    actions: AddActions<T> & EmptyActions<T> & RemoveActions<T> & UpdateListActions<T>;
+};
+/**
+ * Método que permite obtener el listado de elementos de un tipo.
+ */
+type GetStateActions<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `get${Capitalize<string & P>}State`]: () => T[P][];
+};
+/**
+ * Método que permite conocer las propiedades de un elemento.
+ */
+type GetItemActions<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `get${Capitalize<string & P>}`]: (id: TId) => T[P];
+};
+type UpdateItemActions<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `update${Capitalize<string & P>}`]: (id: TId, newProps: StatefulStoreUpdateProps<T[P]['props']>) => void;
+};
+/**
+ * Conjunto de métodos que permiten acceder al estado en un momento
+ * determinado.
+ */
+type StateMethods<T extends Record<string, BasicStoredElement<any>>> = {
+    state: GetStateActions<T> & GetItemActions<T> & UpdateItemActions<T>;
+};
+/**
+ * Es el hook encargado de permitir la escucha de listado de elementos y sus
+ * propiedades.
+ */
+type HookUseState<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `use${Capitalize<string & P>}`]: () => T[P][];
+};
+/**
+ * Es el hook encargado de permitir la escucha de listado de elementos
+ */
+type HookUseList<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `use${Capitalize<string & P>}List`]: () => T[P][];
+};
+/**
+ * Es el hook encargado de permitir la escucha de propiedades de un elemento
+ */
+type HookUseStateById<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `use${Capitalize<string & P>}ById`]: (id: TId) => T[P] | undefined;
+};
+/**
+ * Conjunto de hooks del store.
+ */
+type HooksMethods<T extends Record<string, BasicStoredElement<any>>> = {
+    hooks: HookUseState<T> & HookUseStateById<T> & HookUseList<T>;
+};
+/**
+ * Es la suscripción encargada de permitir la escucha de propiedades de un
+ * elemento
+ */
+type SuscribeById<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `change${Capitalize<string & P>}Element`]: (id: TId, cb: (props: T[P]) => unknown) => StatefulStoreUnsuscriber;
+};
+/**
+ * Es la suscripción encaragada de permitir la escucha de cambios en la lista y
+ * las propiedades de sus elementos.
+ */
+type SuscribeToListChange<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `change${Capitalize<string & P>}`]: (cb: (props: T[P][]) => unknown) => StatefulStoreUnsuscriber;
+};
+/**
+ * Es la suscripción encaragada de permitir la escucha de cambios en la
+ * cantidad de elementos de la lista, pero no en las propiedades de los
+ * elementos.
+ */
+type SuscribeToListCountChange<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `change${Capitalize<string & P>}Ammount`]: (cb: (props: T[P][]) => unknown) => StatefulStoreUnsuscriber;
+};
+type SuscribeMethods<T extends Record<string, BasicStoredElement<any>>> = {
+    on: SuscribeById<T> & SuscribeToListChange<T> & SuscribeToListCountChange<T>;
+};
+type InitialStates<T extends Record<string, BasicStoredElement<any>>> = {
+    [P in keyof T as `${string & P}State`]: T[P][];
+};
+/**
+ * Este store permite mantener `N` listados de objetos y por cada tipo de
+ * objeto ofrece métodos para agregar, eliminar, obtener uno, obtener todos y
+ * un hook para conocer el listado en tiempo real.
+ *
+ * **Métodos disponibles**
+ *
+ *  - **action.addXXX**: Agrega un elemento de tipo XXX a la lista.
+ *  - **action.emptyXXX**: Vacía el listado de tipo XXX.
+ *  - **action.removeXXX**: Elimina un elemento de tipo XXX de la lista.
+ *  - **action.updateXXXList**: Permite actualizar toda la lista en una sola
+ *  acción. - **hooks.useXXX**: Permite conocer el listado de elementos y el
+ *  cambio
+ *  en sus propiedades en tiempo real.
+ *  - **hooks.useXXXById**: Permite conocer los cambios a un elemento de la
+ *  lista en tiempo real.
+ *  - **hooks.useXXXList**: Permite conocer el listado de
+ *  elementos pero no reacciona a los cambios en las propiedades de los
+ *  elementos.
+ *  - **on.changeXXX**: Permite suscribirse al listado de elementos y
+ *  cambios en sus propiedades.
+ *  - **on.changeXXXAmmount**: Permite suscribirse
+ *  al listado de elementos, sin tomar en cuenta el cambio en las propiedades
+ *  de sus items.
+ *  - **on.changeXXXElement**: Permite suscribirse al cambio de
+ *  propiedades de un ítem particular
+ *  - **state.getXXX**: Permite obtener el
+ *  esatdo de un elemento particular de la lista.
+ *  - **state.getXXXState**:
+ *  Permite obtener el estado del listado completo de un tipo de elementos.
+ *  - **state.updateXXX**: Es un atajo para state.getXXX(id).update
+ *
+ * La funcionalidad de actualización se implementa en el objeto almacenado y es
+ * comunicada en forma automática al store, de forma que el store no conoce
+ * solamente cuántos y cuáles elementos hay almacenados, sino que además refleja
+ * en tiempo real el estado de sus propiedades.
+ *
+ * @example
+ *
+    type TPeople = { name: string };
+    class People extends BasicStoredElement<TPeople> {
+      getId(): TId {
+        return this.props.name;
+      }
+    }
+
+    class Schedule extends BasicStoredElement<{ day: string; task: string }>
+    {
+      getId() {
+        return this.props.day;
+      }
+    }
+
+    const r = makeStatefulStore(
+      {
+        people: People.prototype,
+        schedules: Schedule.prototype,
+      },
+      {
+        peopleState: [new People({ name: 'A' }), new People({ name: 'B' })],
+      },
+    );
+
+    const p = r.hooks.usePeople();
+    p[0].props.name;
+
+    r.hooks.usePeople();
+
+    r.actions.removePeople('asdf');
+
+    r.actions.addPeople(new People({ name: 'asdf' }));
+    r.actions.removePeople('asdf');
+
+    r.state.getPeopleState();
+    const pep = r.state.getPeople('asdf')
+
+    const ph = r.hooks.usePeople();
+    const sch = r.hooks.useSchedules();
+ */
+declare function makeStatefulStore<T extends Record<string, BasicStoredElement<any>>>(entries: T, initialStates?: Partial<InitialStates<T>>): ActionMethods<T> & HooksMethods<T> & StateMethods<T> & SuscribeMethods<T>;
+
+export { BasicStoredElement, type StatefulStoreUpdateProps, type StatefulStoreUpdater, makeStatefulStore };
+//# sourceMappingURL=StatefulStore.d.ts.map

package/dist/storage/StatefulStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatefulStore.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/storage/StatefulStore.js

@@ -0,0 +1,301 @@
+import { useState } from 'react';
+import { useMount } from '../hooks/useMount.js';
+
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _onUpdateCbs;
+function upper(s) {
+  return `${s.charAt(0).toUpperCase()}${s.slice(1)}`;
+}
+function isUpdater(props) {
+  return typeof props === "function";
+}
+class BasicStoredElement {
+  constructor(props) {
+    __privateAdd(this, _onUpdateCbs, []);
+    this.props = {};
+    this.shoutUpdates = () => {
+      __privateGet(this, _onUpdateCbs).forEach((current) => current());
+    };
+    this.useProps = () => {
+      const [props, setState] = useState(this.props);
+      useMount(() => {
+        setState({ ...this.props });
+        return this.onUpdate(() => {
+          setState({ ...this.props });
+        });
+      });
+      return props;
+    };
+    this.props = props;
+  }
+  onUpdate(cb) {
+    __privateGet(this, _onUpdateCbs).push(cb);
+    return () => {
+      __privateSet(this, _onUpdateCbs, __privateGet(this, _onUpdateCbs).filter((current) => current !== cb));
+    };
+  }
+  update(newProps) {
+    const actualNewProps = isUpdater(newProps) ? newProps(this.props) : newProps;
+    this.props = { ...this.props, ...actualNewProps };
+    this.shoutUpdates();
+  }
+}
+_onUpdateCbs = new WeakMap();
+class People extends BasicStoredElement {
+  getId() {
+    return this.props.name;
+  }
+}
+makeStatefulStore({
+  people: People.prototype
+});
+function makeStatefulStore(entries, initialStates) {
+  const hookUseState = {};
+  const hookUseList = {};
+  const hookUseStateById = {};
+  const suscribeById = {};
+  const suscribeToList = {};
+  const suscribeToListCount = {};
+  const addActions = {};
+  const emptyActions = {};
+  const removeActions = {};
+  const updateListActions = {};
+  const getItemActions = {};
+  const getStateActions = {};
+  const updateItemActions = {};
+  Object.keys(entries).forEach((name) => {
+    const initialStateKey = `${upper(name)}State`;
+    let store = {};
+    const initialState = initialStates?.[initialStateKey];
+    initialState?.forEach((current) => {
+      store[current.getId()] = current;
+    });
+    let listStateChangeHandlers = [];
+    function shoutListStateChange() {
+      listStateChangeHandlers.forEach((current) => current());
+    }
+    const elementChangeHandlers = {};
+    function shoutListElementChange(id) {
+      elementChangeHandlers[id]?.forEach((current) => current());
+    }
+    let listCountChangeHandlers = [];
+    function shoutListCountChange() {
+      listCountChangeHandlers.forEach((current) => current());
+    }
+    const onUpdateElementSuscriptions = {};
+    const addKey = `add${upper(name)}`;
+    addActions[addKey] = (newElement) => {
+      let elId = newElement.getId();
+      let lastProps = { ...newElement.props };
+      store[elId] = newElement;
+      const suscription = newElement.onUpdate(() => {
+        const id = newElement.getId();
+        if (id !== elId) {
+          if (store[id]) {
+            newElement.update(lastProps);
+            throw new Error(
+              `Cannot set new id ${id} because it already exists`
+            );
+          }
+          delete store[elId];
+          store[id] = newElement;
+          elId = id;
+          lastProps = newElement.props;
+        }
+        shoutListElementChange(id);
+        shoutListStateChange();
+      });
+      onUpdateElementSuscriptions[newElement.getId()] = suscription;
+      shoutListStateChange();
+      shoutListCountChange();
+      shoutListElementChange(elId);
+    };
+    const emptyKey = `empty${upper(name)}`;
+    emptyActions[emptyKey] = () => {
+      Object.values(onUpdateElementSuscriptions).forEach(
+        (current) => current()
+      );
+      store = {};
+      shoutListCountChange();
+      shoutListStateChange();
+      Object.keys(elementChangeHandlers).forEach(
+        (current) => shoutListElementChange(current)
+      );
+    };
+    const removeKey = `remove${upper(name)}`;
+    removeActions[removeKey] = (id) => {
+      onUpdateElementSuscriptions[id]?.();
+      delete store[id];
+      shoutListCountChange();
+      shoutListStateChange();
+      shoutListElementChange(id);
+    };
+    const updateListKey = `update${upper(
+      name
+    )}List`;
+    updateListActions[updateListKey] = (list) => {
+      store[name] = list;
+      shoutListCountChange();
+      shoutListStateChange();
+    };
+    const getStateKey = `get${upper(name)}State`;
+    getStateActions[getStateKey] = () => {
+      return Object.values(store);
+    };
+    const getState = getStateActions[getStateKey];
+    const getItemKey = `get${upper(name)}`;
+    getItemActions[getItemKey] = (id) => {
+      return store[id];
+    };
+    const updateItemKey = `update${upper(name)}`;
+    updateItemActions[updateItemKey] = (id, newProps) => {
+      store[id].update(newProps);
+    };
+    const hookUseStateKey = `use${upper(name)}`;
+    hookUseState[hookUseStateKey] = () => {
+      const [state2, setState] = useState(getState());
+      useMount(() => {
+        setState(getState());
+        const eventHandler = () => {
+          setState(getState());
+        };
+        listStateChangeHandlers.push(eventHandler);
+        return () => {
+          listStateChangeHandlers = listStateChangeHandlers.filter(
+            (current) => current !== eventHandler
+          );
+        };
+      });
+      return state2;
+    };
+    const hookUseListKey = `use${upper(name)}List`;
+    hookUseList[hookUseListKey] = () => {
+      const [state2, setState] = useState(getState());
+      useMount(() => {
+        setState(getState());
+        const eventHandler = () => {
+          setState(getState());
+        };
+        listCountChangeHandlers.push(eventHandler);
+        return () => {
+          listCountChangeHandlers = listCountChangeHandlers.filter(
+            (current) => current !== eventHandler
+          );
+        };
+      });
+      return state2;
+    };
+    const hookUseStateByIdKey = `use${upper(
+      name
+    )}ById`;
+    hookUseStateById[hookUseStateByIdKey] = (id) => {
+      const [state2, setState] = useState({ obj: store[id] });
+      useMount(() => {
+        setState({ obj: store[id] });
+        const eventHandler = () => {
+          setState({ obj: store[id] });
+        };
+        if (!elementChangeHandlers[id])
+          elementChangeHandlers[id] = [];
+        elementChangeHandlers[id].push(eventHandler);
+        return () => {
+          elementChangeHandlers[id] = elementChangeHandlers[id].filter(
+            (current) => current !== eventHandler
+          );
+        };
+      });
+      return state2.obj;
+    };
+    const onChangeElementKey = `change${upper(
+      name
+    )}Element`;
+    suscribeById[onChangeElementKey] = (id, cb) => {
+      if (!elementChangeHandlers[id])
+        elementChangeHandlers[id] = [];
+      const innerCb = () => {
+        cb(store[id]);
+      };
+      elementChangeHandlers[id].push(innerCb);
+      return () => {
+        elementChangeHandlers[id] = elementChangeHandlers[id].filter(
+          (current) => current !== innerCb
+        );
+      };
+    };
+    const onChangeListKey = `change${upper(
+      name
+    )}`;
+    suscribeToList[onChangeListKey] = (cb) => {
+      const innerCb = () => {
+        cb(getState());
+      };
+      listStateChangeHandlers.push(innerCb);
+      return () => {
+        listStateChangeHandlers = listStateChangeHandlers.filter(
+          (current) => current !== innerCb
+        );
+      };
+    };
+    const onChangeListCountKey = `change${upper(
+      name
+    )}Ammount`;
+    suscribeToListCount[onChangeListCountKey] = (cb) => {
+      const innerCb = () => {
+        cb(getState());
+      };
+      listCountChangeHandlers.push(innerCb);
+      return () => {
+        listCountChangeHandlers = listCountChangeHandlers.filter(
+          (current) => current !== innerCb
+        );
+      };
+    };
+  });
+  const actions = Object.assign(
+    {},
+    addActions,
+    removeActions,
+    emptyActions,
+    updateListActions
+  );
+  const hooks = Object.assign({}, hookUseState, hookUseStateById, hookUseList);
+  const on = Object.assign(
+    {},
+    suscribeById,
+    suscribeToList,
+    suscribeToListCount
+  );
+  const state = Object.assign(
+    {},
+    getStateActions,
+    getItemActions,
+    updateItemActions
+  );
+  return Object.assign(
+    {},
+    { hooks },
+    { actions },
+    { state },
+    { on }
+  );
+}
+
+export { BasicStoredElement, makeStatefulStore };
+//# sourceMappingURL=StatefulStore.js.map

package/dist/storage/StatefulStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatefulStore.js","sources":["../../src/storage/StatefulStore.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState } from 'react';\nimport { useMount } from '../hooks';\nimport { TId } from '../types';\n\nfunction upper(s: string) {\n  return `${s.charAt(0).toUpperCase()}${s.slice(1)}`;\n}\n\ntype StatefulStoreUnsuscriber = () => void;\n\nexport type StatefulStoreUpdater<Props> = (currentProps: Props) => Props;\n\nexport type StatefulStoreUpdateProps<Props> =\n  | StatefulStoreUpdater<Props>\n  | Partial<Props>;\n\nfunction isUpdater<Props>(\n  props: StatefulStoreUpdater<Props> | Partial<Props>,\n): props is StatefulStoreUpdater<Props> {\n  return typeof props === 'function';\n}\n\n/**\n * Clase facilitadora del uso de StatefulStore. Es un pequeño almacen que\n * permite actualizar sus propiedades y sabe cómo sincronizarse con el store de\n * modo que los cambios se propaguen según corresponda.\n */\nexport abstract class BasicStoredElement<\n  Props extends Record<string, unknown>,\n> {\n  abstract getId(): TId;\n\n  #onUpdateCbs: (() => void)[] = [];\n  onUpdate(cb: () => void): StatefulStoreUnsuscriber {\n    this.#onUpdateCbs.push(cb);\n\n    return () => {\n      this.#onUpdateCbs = this.#onUpdateCbs.filter((current) => current !== cb);\n    };\n  }\n\n  props: Props = {} as Props;\n  constructor(props: Props) {\n    this.props = props;\n  }\n\n  protected shoutUpdates = () => {\n    this.#onUpdateCbs.forEach((current) => current());\n  };\n\n  update(newProps: StatefulStoreUpdateProps<Props>) {\n    const actualNewProps = isUpdater(newProps)\n      ? newProps(this.props)\n      : newProps;\n\n    this.props = { ...this.props, ...actualNewProps };\n    this.shoutUpdates();\n  }\n\n  useProps = () => {\n    const [props, setState] = useState(this.props);\n\n    useMount(() => {\n      setState({ ...this.props });\n\n      return this.onUpdate(() => {\n        setState({ ...this.props });\n      });\n    });\n\n    return props;\n  };\n}\n\n/**\n * Son las acciones de adición del store.\n */\ntype AddActions<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `add${Capitalize<string & P>}`]: (el: T[P]) => void;\n};\n\n/**\n * Acciones de vaciado del store.\n */\ntype EmptyActions<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `empty${Capitalize<string & P>}`]: () => void;\n};\n\n/**\n * Acciones de removido del store.\n */\ntype RemoveActions<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `remove${Capitalize<string & P>}`]: (id: TId) => void;\n};\n\ntype UpdateListActions<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `update${Capitalize<string & P>}List`]: (\n    newList: T[P],\n  ) => void;\n};\n\n/**\n * Conjunto de acciones disponibles del store\n */\ntype ActionMethods<T extends Record<string, BasicStoredElement<any>>> = {\n  actions: AddActions<T> &\n    EmptyActions<T> &\n    RemoveActions<T> &\n    UpdateListActions<T>;\n};\n\n/**\n * Método que permite obtener el listado de elementos de un tipo.\n */\ntype GetStateActions<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `get${Capitalize<string & P>}State`]: () => T[P][];\n};\n\n/**\n * Método que permite conocer las propiedades de un elemento.\n */\ntype GetItemActions<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `get${Capitalize<string & P>}`]: (id: TId) => T[P];\n};\n\ntype UpdateItemActions<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `update${Capitalize<string & P>}`]: (\n    id: TId,\n    newProps: StatefulStoreUpdateProps<T[P]['props']>,\n  ) => void;\n};\n\n/**\n * Conjunto de métodos que permiten acceder al estado en un momento\n * determinado.\n */\ntype StateMethods<T extends Record<string, BasicStoredElement<any>>> = {\n  state: GetStateActions<T> & GetItemActions<T> & UpdateItemActions<T>;\n};\n\n/**\n * Es el hook encargado de permitir la escucha de listado de elementos y sus\n * propiedades.\n */\ntype HookUseState<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `use${Capitalize<string & P>}`]: () => T[P][];\n};\n\n/**\n * Es el hook encargado de permitir la escucha de listado de elementos\n */\ntype HookUseList<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `use${Capitalize<string & P>}List`]: () => T[P][];\n};\n\n/**\n * Es el hook encargado de permitir la escucha de propiedades de un elemento\n */\ntype HookUseStateById<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `use${Capitalize<string & P>}ById`]: /**\n   * Cada hook permite conocer el listado de elementos, reflejando la\n   * actualización sobre éstos en tiempo real.\n   */ (id: TId) => T[P] | undefined;\n};\n\n/**\n * Conjunto de hooks del store.\n */\ntype HooksMethods<T extends Record<string, BasicStoredElement<any>>> = {\n  hooks: HookUseState<T> & HookUseStateById<T> & HookUseList<T>;\n};\n\n/**\n * Es la suscripción encargada de permitir la escucha de propiedades de un\n * elemento\n */\ntype SuscribeById<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `change${Capitalize<string & P>}Element`]: (\n    id: TId,\n    cb: (props: T[P]) => unknown,\n  ) => StatefulStoreUnsuscriber;\n};\n\n/**\n * Es la suscripción encaragada de permitir la escucha de cambios en la lista y\n * las propiedades de sus elementos.\n */\ntype SuscribeToListChange<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `change${Capitalize<string & P>}`]: (\n    cb: (props: T[P][]) => unknown,\n  ) => StatefulStoreUnsuscriber;\n};\n\n/**\n * Es la suscripción encaragada de permitir la escucha de cambios en la\n * cantidad de elementos de la lista, pero no en las propiedades de los\n * elementos.\n */\ntype SuscribeToListCountChange<\n  T extends Record<string, BasicStoredElement<any>>,\n> = {\n  [P in keyof T as `change${Capitalize<string & P>}Ammount`]: (\n    cb: (props: T[P][]) => unknown,\n  ) => StatefulStoreUnsuscriber;\n};\n\ntype SuscribeMethods<T extends Record<string, BasicStoredElement<any>>> = {\n  on: SuscribeById<T> & SuscribeToListChange<T> & SuscribeToListCountChange<T>;\n};\n\ntype InitialStates<T extends Record<string, BasicStoredElement<any>>> = {\n  [P in keyof T as `${string & P}State`]: T[P][];\n};\ntype TPeople = { name: string };\nclass People extends BasicStoredElement<TPeople> {\n  getId(): TId {\n    return this.props.name;\n  }\n}\n\nconst r = makeStatefulStore({\n  people: People.prototype,\n});\n\nr.actions.addPeople;\nr.actions.emptyPeople;\nr.actions.removePeople;\nr.actions.updatePeopleList;\nr.hooks.usePeople;\nr.hooks.usePeopleById;\nr.hooks.usePeopleList;\nr.on.changePeople;\nr.on.changePeopleAmmount;\nr.on.changePeopleElement;\nr.state.getPeople;\nr.state.getPeopleState;\nr.state.updatePeople;\n\n/**\n * Este store permite mantener `N` listados de objetos y por cada tipo de\n * objeto ofrece métodos para agregar, eliminar, obtener uno, obtener todos y\n * un hook para conocer el listado en tiempo real.\n * \n * **Métodos disponibles**\n * \n *  - **action.addXXX**: Agrega un elemento de tipo XXX a la lista.\n *  - **action.emptyXXX**: Vacía el listado de tipo XXX.\n *  - **action.removeXXX**: Elimina un elemento de tipo XXX de la lista.\n *  - **action.updateXXXList**: Permite actualizar toda la lista en una sola\n *  acción. - **hooks.useXXX**: Permite conocer el listado de elementos y el\n *  cambio\n *  en sus propiedades en tiempo real. \n *  - **hooks.useXXXById**: Permite conocer los cambios a un elemento de la\n *  lista en tiempo real. \n *  - **hooks.useXXXList**: Permite conocer el listado de\n *  elementos pero no reacciona a los cambios en las propiedades de los\n *  elementos. \n *  - **on.changeXXX**: Permite suscribirse al listado de elementos y\n *  cambios en sus propiedades.\n *  - **on.changeXXXAmmount**: Permite suscribirse\n *  al listado de elementos, sin tomar en cuenta el cambio en las propiedades\n *  de sus items.\n *  - **on.changeXXXElement**: Permite suscribirse al cambio de\n *  propiedades de un ítem particular\n *  - **state.getXXX**: Permite obtener el\n *  esatdo de un elemento particular de la lista.\n *  - **state.getXXXState**:\n *  Permite obtener el estado del listado completo de un tipo de elementos.\n *  - **state.updateXXX**: Es un atajo para state.getXXX(id).update\n * \n * La funcionalidad de actualización se implementa en el objeto almacenado y es\n * comunicada en forma automática al store, de forma que el store no conoce\n * solamente cuántos y cuáles elementos hay almacenados, sino que además refleja\n * en tiempo real el estado de sus propiedades.\n * \n * @example\n * \n    type TPeople = { name: string };\n    class People extends BasicStoredElement<TPeople> {\n      getId(): TId {\n        return this.props.name;\n      }\n    }\n\n    class Schedule extends BasicStoredElement<{ day: string; task: string }>\n    {\n      getId() {\n        return this.props.day;\n      }\n    }\n\n    const r = makeStatefulStore(\n      {\n        people: People.prototype,\n        schedules: Schedule.prototype,\n      },\n      {\n        peopleState: [new People({ name: 'A' }), new People({ name: 'B' })],\n      },\n    );\n\n    const p = r.hooks.usePeople();\n    p[0].props.name;\n\n    r.hooks.usePeople();\n\n    r.actions.removePeople('asdf');\n\n    r.actions.addPeople(new People({ name: 'asdf' }));\n    r.actions.removePeople('asdf');\n\n    r.state.getPeopleState();\n    const pep = r.state.getPeople('asdf')\n\n    const ph = r.hooks.usePeople();\n    const sch = r.hooks.useSchedules();\n */\nexport function makeStatefulStore<\n  T extends Record<string, BasicStoredElement<any>>,\n>(entries: T, initialStates?: Partial<InitialStates<T>>) {\n  const hookUseState = {} as HookUseState<T>;\n  const hookUseList = {} as HookUseList<T>;\n  const hookUseStateById = {} as HookUseStateById<T>;\n\n  const suscribeById = {} as SuscribeById<T>;\n  const suscribeToList = {} as SuscribeToListChange<T>;\n  const suscribeToListCount = {} as SuscribeToListCountChange<T>;\n\n  const addActions = {} as AddActions<T>;\n  const emptyActions = {} as EmptyActions<T>;\n  const removeActions = {} as RemoveActions<T>;\n  const updateListActions = {} as UpdateListActions<T>;\n\n  const getItemActions = {} as GetItemActions<T>;\n  const getStateActions = {} as GetStateActions<T>;\n  const updateItemActions = {} as UpdateItemActions<T>;\n\n  Object.keys(entries).forEach((name) => {\n    /**\n     * Make store\n     */\n    const initialStateKey = `${upper(name)}State` as keyof InitialStates<T>;\n    let store = {} as Record<string, T[typeof name]>;\n    const initialState = initialStates?.[initialStateKey] as T[typeof name][];\n    initialState?.forEach((current) => {\n      store[current.getId()] = current;\n    });\n\n    /** Make event handlers */\n    let listStateChangeHandlers: (() => void)[] = [];\n    /**\n     * Este método avisa acerca de un cambio en la cantidad de elementos o de\n     * un cambio en las propiedades de algún elemento.\n     */\n    function shoutListStateChange() {\n      listStateChangeHandlers.forEach((current) => current());\n    }\n\n    const elementChangeHandlers: Record<TId, (() => void)[]> = {};\n    /**\n     * Este método avisa acerca de un cambio en las propiedades de un elemento.\n     */\n    function shoutListElementChange(id: TId) {\n      elementChangeHandlers[id]?.forEach((current) => current());\n    }\n\n    let listCountChangeHandlers: (() => void)[] = [];\n    /**\n     * Este método avisa acerca de un cambio en la cantidad de elementos\n     */\n    function shoutListCountChange() {\n      listCountChangeHandlers.forEach((current) => current());\n    }\n\n    const onUpdateElementSuscriptions: Record<string, () => void> = {};\n\n    /**\n     *\n     * Make actions\n     *\n     **/\n\n    const addKey = `add${upper(name)}` as keyof AddActions<T>;\n    /**\n     * La acción de agregado del store. Agrega elementos y notifica tanto a los\n     * listeners específicos del elemento como a los que escuchan el listado de\n     * elementos.\n     */\n    addActions[addKey] = ((newElement: T[typeof name]) => {\n      let elId = newElement.getId();\n      let lastProps = { ...newElement.props };\n      store[elId] = newElement as T[typeof name];\n      const suscription = newElement.onUpdate(() => {\n        const id = newElement.getId();\n\n        if (id !== elId) {\n          if (store[id]) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n            newElement.update(lastProps);\n            throw new Error(\n              `Cannot set new id ${id} because it already exists`,\n            );\n          }\n\n          // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n          delete store[elId];\n          store[id] = newElement;\n\n          elId = id;\n          lastProps = newElement.props;\n        }\n\n        shoutListElementChange(id);\n        shoutListStateChange();\n      });\n      onUpdateElementSuscriptions[newElement.getId()] = suscription;\n      shoutListStateChange();\n      shoutListCountChange();\n      shoutListElementChange(elId);\n    }) as AddActions<T>[typeof addKey];\n\n    /**\n     * Acción de borrado completo. Vacía el store y avisa a todos los\n     * listeners, incluyendo los que escuchan las propiedades de un elemento\n     * particular.\n     */\n    const emptyKey = `empty${upper(name)}` as keyof EmptyActions<T>;\n    emptyActions[emptyKey] = (() => {\n      Object.values(onUpdateElementSuscriptions).forEach((current) =>\n        current(),\n      );\n      store = {};\n      shoutListCountChange();\n      shoutListStateChange();\n      Object.keys(elementChangeHandlers).forEach((current) =>\n        shoutListElementChange(current),\n      );\n    }) as EmptyActions<T>[typeof emptyKey];\n\n    /**\n     * Elimina un elemento y avisa al store general y particular.\n     */\n    const removeKey = `remove${upper(name)}` as keyof RemoveActions<T>;\n    removeActions[removeKey] = ((id: TId) => {\n      onUpdateElementSuscriptions[id]?.();\n      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\n      delete store[id];\n      shoutListCountChange();\n      shoutListStateChange();\n      shoutListElementChange(id);\n    }) as RemoveActions<T>[typeof removeKey];\n\n    const updateListKey = `update${upper(\n      name,\n    )}List` as keyof UpdateListActions<T>;\n    updateListActions[updateListKey] = ((list: T[typeof name]) => {\n      store[name] = list;\n      shoutListCountChange();\n      shoutListStateChange();\n    }) as UpdateListActions<T>[typeof updateListKey];\n\n    /**\n     * Permite obtener el estado del listado completo de un tipo de elementos.\n     */\n    const getStateKey = `get${upper(name)}State` as keyof GetStateActions<T>;\n    getStateActions[getStateKey] = (() => {\n      return Object.values(store) as T[typeof name][];\n    }) as GetStateActions<T>[typeof getStateKey];\n    const getState = getStateActions[getStateKey] as () => T[typeof name][];\n\n    /**\n     * Permite obtener el estado de un elemento en particular.\n     */\n    const getItemKey = `get${upper(name)}` as keyof GetItemActions<T>;\n    getItemActions[getItemKey] = ((id: TId) => {\n      return store[id] as T[typeof name];\n    }) as GetItemActions<T>[typeof getItemKey];\n\n    /**\n     * Permite actualizar un elemento\n     */\n    const updateItemKey = `update${upper(name)}` as keyof UpdateItemActions<T>;\n    updateItemActions[updateItemKey] = ((\n      id: TId,\n      newProps: StatefulStoreUpdateProps<T[typeof name]>,\n    ) => {\n      store[id].update(newProps);\n    }) as UpdateItemActions<T>[typeof updateItemKey];\n\n    const hookUseStateKey = `use${upper(name)}` as keyof HookUseState<T>;\n    /**\n     * Este hook permite conocer el estado de todos los elementos del listado\n     * en tiempo real.\n     */\n    hookUseState[hookUseStateKey] = (() => {\n      const [state, setState] = useState(getState() as T[typeof name][]);\n\n      useMount(() => {\n        setState(getState() as T[typeof name][]);\n\n        const eventHandler = () => {\n          setState(getState() as T[typeof name][]);\n        };\n\n        listStateChangeHandlers.push(eventHandler);\n\n        return () => {\n          listStateChangeHandlers = listStateChangeHandlers.filter(\n            (current) => current !== eventHandler,\n          );\n        };\n      });\n\n      return state;\n    }) as unknown as HookUseState<T>[typeof hookUseStateKey];\n\n    const hookUseListKey = `use${upper(name)}List` as keyof HookUseList<T>;\n    /**\n     * Este hook permite conocer el listado de elementos en tiempo real, sin\n     * preocuparse por el cambio de propiedades.\n     */\n    hookUseList[hookUseListKey] = (() => {\n      const [state, setState] = useState(getState() as T[typeof name][]);\n\n      useMount(() => {\n        setState(getState() as T[typeof name][]);\n\n        const eventHandler = () => {\n          setState(getState() as T[typeof name][]);\n        };\n\n        listCountChangeHandlers.push(eventHandler);\n\n        return () => {\n          listCountChangeHandlers = listCountChangeHandlers.filter(\n            (current) => current !== eventHandler,\n          );\n        };\n      });\n\n      return state;\n    }) as unknown as HookUseList<T>[typeof hookUseListKey];\n\n    const hookUseStateByIdKey = `use${upper(\n      name,\n    )}ById` as keyof HookUseStateById<T>;\n\n    hookUseStateById[hookUseStateByIdKey] = ((id: TId) => {\n      const [state, setState] = useState({ obj: store[id] });\n\n      useMount(() => {\n        setState({ obj: store[id] });\n\n        const eventHandler = () => {\n          setState({ obj: store[id] });\n        };\n\n        if (!elementChangeHandlers[id]) elementChangeHandlers[id] = [];\n        elementChangeHandlers[id].push(eventHandler);\n\n        return () => {\n          elementChangeHandlers[id] = elementChangeHandlers[id].filter(\n            (current) => current !== eventHandler,\n          );\n        };\n      });\n\n      return state.obj;\n    }) as unknown as HookUseStateById<T>[typeof hookUseStateByIdKey];\n    /**\n     * Esta suscripción permite conocer el estado de un único elemento en\n     * tiempo real.\n     */\n    const onChangeElementKey = `change${upper(\n      name,\n    )}Element` as keyof SuscribeById<T>;\n    suscribeById[onChangeElementKey] = ((\n      id: string,\n      cb: (props: T[typeof name]) => unknown,\n    ) => {\n      if (!elementChangeHandlers[id]) elementChangeHandlers[id] = [];\n\n      const innerCb = () => {\n        cb(store[id]);\n      };\n      elementChangeHandlers[id].push(innerCb);\n\n      return () => {\n        elementChangeHandlers[id] = elementChangeHandlers[id].filter(\n          (current) => current !== innerCb,\n        );\n      };\n    }) as SuscribeById<T>[typeof onChangeElementKey];\n\n    const onChangeListKey = `change${upper(\n      name,\n    )}` as keyof SuscribeToListChange<T>;\n    /**\n     * Esta suscripción permite conocer el estado de la lista en tiempo real,\n     * incluyendo cambios en los elementos.\n     */\n    suscribeToList[onChangeListKey] = ((\n      cb: (props: T[typeof name][]) => unknown,\n    ) => {\n      const innerCb = () => {\n        cb(getState());\n      };\n      listStateChangeHandlers.push(innerCb);\n\n      return () => {\n        listStateChangeHandlers = listStateChangeHandlers.filter(\n          (current) => current !== innerCb,\n        );\n      };\n    }) as SuscribeToListChange<T>[typeof onChangeListKey];\n\n    const onChangeListCountKey = `change${upper(\n      name,\n    )}Ammount` as keyof SuscribeToListCountChange<T>;\n    /**\n     * Esta suscripción permite conocer el estado de la lista en tiempo real,\n     * sin incluir los cambios en los elementos.\n     */\n    suscribeToListCount[onChangeListCountKey] = ((\n      cb: (props: T[typeof name][]) => unknown,\n    ) => {\n      const innerCb = () => {\n        cb(getState());\n      };\n      listCountChangeHandlers.push(innerCb);\n\n      return () => {\n        listCountChangeHandlers = listCountChangeHandlers.filter(\n          (current) => current !== innerCb,\n        );\n      };\n    }) as SuscribeToListCountChange<T>[typeof onChangeListCountKey];\n  });\n\n  const actions = Object.assign(\n    {},\n    addActions,\n    removeActions,\n    emptyActions,\n    updateListActions,\n  ) as ActionMethods<T>['actions'];\n\n  const hooks = Object.assign({}, hookUseState, hookUseStateById, hookUseList);\n\n  const on = Object.assign(\n    {},\n    suscribeById,\n    suscribeToList,\n    suscribeToListCount,\n  );\n\n  const state = Object.assign(\n    {},\n    getStateActions,\n    getItemActions,\n    updateItemActions,\n  );\n\n  return Object.assign(\n    {},\n    { hooks },\n    { actions },\n    { state },\n    { on },\n  ) as ActionMethods<T> &\n    HooksMethods<T> &\n    StateMethods<T> &\n    SuscribeMethods<T>;\n}\n"],"names":["state"],"mappings":"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"}

package/dist/storage/persistentStorage.d.ts

@@ -0,0 +1,12 @@
+declare const persistentStorage: {
+    [key: string]: unknown;
+    remove(prop: string): unknown;
+};
+declare global {
+    interface Window {
+        persistentStorage: typeof persistentStorage;
+    }
+}
+
+export { persistentStorage as default };
+//# sourceMappingURL=persistentStorage.d.ts.map

package/dist/storage/persistentStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistentStorage.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/storage/persistentStorage.js

@@ -0,0 +1,28 @@
+const persistentStorage = new Proxy(
+  {
+    remove(prop) {
+      localStorage.removeItem(prop);
+    }
+  },
+  {
+    get(_, prop) {
+      try {
+        const value = localStorage.getItem(String(prop));
+        if (!value)
+          return void 0;
+        return JSON.parse(value);
+      } catch {
+        return void 0;
+      }
+    },
+    set(_, prop, value) {
+      localStorage.setItem(String(prop), JSON.stringify(value));
+      return true;
+    }
+  }
+);
+window.persistentStorage = persistentStorage;
+var persistentStorage$1 = persistentStorage;
+
+export { persistentStorage$1 as default };
+//# sourceMappingURL=persistentStorage.js.map

package/dist/storage/persistentStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistentStorage.js","sources":["../../src/storage/persistentStorage.ts"],"sourcesContent":["const persistentStorage = new Proxy<{\n  remove(prop: string): unknown;\n  [key: string]: unknown;\n}>(\n  {\n    remove(prop) {\n      localStorage.removeItem(prop);\n    },\n  },\n  {\n    get(_, prop) {\n      try {\n        const value = localStorage.getItem(String(prop));\n        if (!value) return undefined;\n        return JSON.parse(value) as unknown;\n      } catch {\n        return undefined;\n      }\n    },\n    set(_, prop, value) {\n      localStorage.setItem(String(prop), JSON.stringify(value));\n      return true;\n    },\n  },\n);\n\ndeclare global {\n  interface Window {\n    persistentStorage: typeof persistentStorage;\n  }\n}\n\nwindow.persistentStorage = persistentStorage;\n\nexport default persistentStorage;\n"],"names":[],"mappings":"AAAA,MAAM,oBAAoB,IAAI,KAAA;AAAA,EAI5B;AAAA,IACE,OAAO,IAAM,EAAA;AACX,MAAA,YAAA,CAAa,WAAW,IAAI,CAAA,CAAA;AAAA,KAC9B;AAAA,GACF;AAAA,EACA;AAAA,IACE,GAAA,CAAI,GAAG,IAAM,EAAA;AACX,MAAI,IAAA;AACF,QAAA,MAAM,KAAQ,GAAA,YAAA,CAAa,OAAQ,CAAA,MAAA,CAAO,IAAI,CAAC,CAAA,CAAA;AAC/C,QAAA,IAAI,CAAC,KAAA;AAAO,UAAO,OAAA,KAAA,CAAA,CAAA;AACnB,QAAO,OAAA,IAAA,CAAK,MAAM,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,MAAA;AACN,QAAO,OAAA,KAAA,CAAA,CAAA;AAAA,OACT;AAAA,KACF;AAAA,IACA,GAAA,CAAI,CAAG,EAAA,IAAA,EAAM,KAAO,EAAA;AAClB,MAAA,YAAA,CAAa,QAAQ,MAAO,CAAA,IAAI,GAAG,IAAK,CAAA,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA;AACxD,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,GACF;AACF,CAAA,CAAA;AAQA,MAAA,CAAO,iBAAoB,GAAA,iBAAA,CAAA;AAE3B,0BAAe,iBAAA;;;;"}

package/dist/storage/useLocalStorage.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @param prop este nombre define el nombre del localStorage, las modificaciones a este parametro no van a tener efecto.
+ */
+declare function useLocalStorage<T>(prop: string, defaultValue?: T): [T, (newValue: T) => void];
+
+export { useLocalStorage };
+//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/storage/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}