snap-store 0.1.1 → 0.1.3

package/README.md

@@ -37,8 +37,7 @@ const store = createStore({ count: 0});
 
 const Counter = () => {
   const { count } = store.useSnapshot();
-  const { setCount } = store.mutations;
-  return <button onClick={() => setCount(prev => prev + 1)}>
+  return <button onClick={() => store.setCount(prev => prev + 1)}>
     {count}
   </button>
 }
@@ -61,8 +60,8 @@ const store = createStore({ count: 0});
 
 function handleButton(){
   const { count } = store.state;    //read store state
-  store.mutations.setCount(currentCount + 1); //mutate by value
-  store.mutations.setCount(prev => prev + 1); //mutate by function
+  store.setCount(count + 1); //mutate by value
+  store.setCount(prev => prev + 1); //mutate by function
 }
 
 const Component = () => {
@@ -75,16 +74,17 @@ In the component, `store.useSnapshot()` is used to refer to the store state as a
 Since this is a global state library, you can also read and write store states outside components.
 `store.state` is used to read the value in non-component functions.
 
-`store.mutations` has no difference in component or non-component context.
+Mutation methods have no difference in component or non-component context.
 
 ```ts
 const store = createStore({ user: {name: "John", age: 20 }});
-store.mutations.setUser({ name: "Mike", age: 20});       //value
-store.mutations.setUser(prev => ({...prev, age: 21}));     //by function
-store.mutations.patchUser({ age: 22});		//partial update (merged)
-store.mutations.produceUser(draft => { draft.age = 23 })    //update with immer
+store.setUser({ name: "Mike", age: 20});       //value
+store.setUser(prev => ({...prev, age: 21}));     //by function
+store.patchUser({ age: 22});		//partial update (merged)
+store.produceUser(draft => { draft.age = 23 })    //update with immer
 ```
-It comes with various update methods for each field.
+
+`store` object has a set of update methods for each field.
 
 `set*` methods are similar to the setter function of `useState`. It takes a value or a function.
 
@@ -98,12 +98,12 @@ const store = createStore({
   penColor: 'black', 
   penStyle: 'normal'
 });
-store.mutations.assigns({ penWidth: 1, penStyle: 'dashed' });
+store.assigns({ penWidth: 1, penStyle: 'dashed' });
 //is equivalent to
-store.mutations.setPenWidth(1);
-store.mutations.setPenStyle('dashed');
+store.setPenWidth(1);
+store.setPenStyle('dashed');
 ```
-In mutations, there is `assigns` method to set multiple fields at a time.
+In store, there is `assigns` method to set multiple fields at a time.
 It is useful if you want to update multiple values.
 
 There is no performance difference since reactive effects (i.e. rendering) are batched by React and executed in the next frame.
@@ -113,17 +113,16 @@ const store = createStore<{theme: "light" | "dark"}>({theme: "light" })
 
 const ThemeSelector = () => {
   const { theme } = store.useSnapshot();
-  const { setTheme } = store.mutations;
   return <div>
     <IconButton
       icon="☀️"
       active={theme === 'light'}
-      onClick={() => setTheme("light")}
+      onClick={() => store.setTheme("light")}
     />
     <IconButton
       icon="🌙"
       active={theme === 'dark'}
-      onClick={() => setTheme("dark")}
+      onClick={() => store.setTheme("dark")}
     />
   </div>
 }
@@ -138,17 +137,16 @@ const store = createStore<{textSize: number, bgColor: string}>({
 
 const BookReaderSettings = () => {
   const snap = store.useSnapshot();;
-  const mut = store.mutations;
   return <div>
     <Slider
       value={snap.textSize}
-      onChange={mut.setTextSize}
+      onChange={store.setTextSize}
       min={10}
       max={20}
     />
     <ColorInput
       value={snap.bgColor}
-      onChange={mut.setBgColor}
+      onChange={store.setBgColor}
     />
   </div>
 }

package/dist/esm/helper.d.ts

@@ -1,2 +1,3 @@
 export declare function capitalizeFirstLetter(text: string): string;
+export declare function removeArrayItem<T>(array: T[], item: T): void;
 //# sourceMappingURL=helper.d.ts.map

package/dist/esm/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/helper.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,UAEjD"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/helper.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,UAEjD;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,QAKrD"}

package/dist/esm/helper.js

@@ -1,4 +1,10 @@
 export function capitalizeFirstLetter(text) {
     return text.charAt(0).toUpperCase() + text.slice(1);
 }
+export function removeArrayItem(array, item) {
+    const index = array.indexOf(item);
+    if (index !== -1) {
+        array.splice(index, 1);
+    }
+}
 //# sourceMappingURL=helper.js.map

package/dist/esm/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../src/helper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC"}
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../src/helper.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,eAAe,CAAI,KAAU,EAAE,IAAO;IACpD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;QACjB,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACzB,CAAC;AACH,CAAC"}

package/dist/esm/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/store.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAwFvE"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/store.ts"],"names":[],"mappings":"AAGA,OAAO,EAA8B,KAAK,EAAE,MAAM,SAAS,CAAC;AAE5D,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CA2JvE"}

package/dist/esm/store.js

@@ -1,11 +1,29 @@
 import { produce } from "immer";
-import { useEffect, useId, useMemo, useState } from "react";
-import { capitalizeFirstLetter } from "./helper";
+import { useEffect, useRef, useState } from "react";
+import { capitalizeFirstLetter, removeArrayItem } from "./helper";
 export function createStore(initialState) {
     const hub = {};
     const state = initialState;
     const mutations = {};
     const _mutations = mutations;
+    const listeners = [];
+    let changeset;
+    let flushScheduled = false;
+    function flushChanges() {
+        if (changeset) {
+            for (const listener of listeners) {
+                listener(changeset);
+            }
+            changeset = undefined;
+        }
+        flushScheduled = false;
+    }
+    function scheduleFlush() {
+        if (!flushScheduled) {
+            queueMicrotask(flushChanges);
+            flushScheduled = true;
+        }
+    }
     for (const _key in initialState) {
         const key = _key;
         const setValue = (arg) => {
@@ -16,11 +34,17 @@ export function createStore(initialState) {
             else {
                 value = arg;
             }
+            if (value === state[key]) {
+                return;
+            }
             state[key] = value;
+            changeset ??= {};
+            changeset[key] = value;
+            scheduleFlush();
             for (const hubKey in hub) {
                 const entry = hub[hubKey];
                 if (entry.dependentFieldKeys.has(key)) {
-                    entry.refreshView();
+                    entry.refreshView?.();
                 }
             }
         };
@@ -29,8 +53,13 @@ export function createStore(initialState) {
         _mutations[`produce${suffix}`] = (fn) => {
             setValue((draft) => produce(draft, fn));
         };
-        _mutations[`patch${suffix}`] = (attrs) => {
-            setValue((prev) => ({ ...prev, ...attrs }));
+        _mutations[`patch${suffix}`] = (input) => {
+            setValue((prev) => {
+                const attrs = typeof input === "function"
+                    ? input(prev)
+                    : input;
+                return { ...prev, ...attrs };
+            });
         };
     }
     mutations.assigns = (attrs) => {
@@ -41,38 +70,67 @@ export function createStore(initialState) {
             setValue?.(value);
         }
     };
-    const createHookEntry = (hookId, refreshView) => {
-        hub[hookId] = { dependentFieldKeys: new Set(), refreshView };
+    const createHookEntry = (hookId) => {
         const getterObject = {};
+        const dependentFieldKeys = new Set();
         for (const key in initialState) {
             Object.defineProperty(getterObject, key, {
                 get() {
-                    hub[hookId].dependentFieldKeys.add(key);
+                    if (!dependentFieldKeys.has(key)) {
+                        dependentFieldKeys.add(key);
+                    }
                     return state[key];
                 },
             });
         }
-        const cleanup = () => {
-            delete hub[hookId];
+        const hookEntry = {
+            dependentFieldKeys,
+            refreshView: undefined,
+            getterObject,
+            activate() {
+                hub[hookId] = hookEntry;
+            },
+            deactivate() {
+                if (hub[hookId] === hookEntry) {
+                    delete hub[hookId];
+                }
+            },
         };
-        return { getterObject, cleanup };
+        return hookEntry;
     };
     const useSnapshot = () => {
-        const hookId = useId();
-        const [, setRenderObject] = useState({});
-        const hookEntry = useMemo(() => createHookEntry(hookId, () => setRenderObject({})), [hookId]);
+        const [, forceRender] = useState(0);
+        const entryRef = useRef(null);
+        if (!entryRef.current) {
+            const id = Math.random().toString(36).substring(2, 15);
+            entryRef.current = createHookEntry(id);
+        }
         useEffect(() => {
-            return hookEntry.cleanup;
-        }, [hookEntry]);
-        return hookEntry.getterObject;
+            if (entryRef.current) {
+                entryRef.current.refreshView = () => forceRender((x) => x + 1);
+                entryRef.current.activate();
+            }
+            return () => {
+                entryRef.current?.deactivate();
+            };
+        }, []);
+        return entryRef.current.getterObject;
+    };
+    const subscribe = (fn) => {
+        listeners.push(fn);
+        return () => {
+            removeArrayItem(listeners, fn);
+        };
     };
     return {
         state,
-        mutations,
         useSnapshot,
         get snapshot() {
             return useSnapshot();
         },
+        subscribe,
+        mutations,
+        ...mutations,
     };
 }
 //# sourceMappingURL=store.js.map

package/dist/esm/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store.ts"],"names":[],"mappings":"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"}

package/dist/esm/types.d.ts

@@ -3,14 +3,16 @@ export type Mutations<T> = {
 } & {
     [K in keyof T as `produce${Capitalize<K & string>}`]: (fn: (draft: T[K]) => void) => void;
 } & {
-    [K in keyof T as `patch${Capitalize<K & string>}`]: (attrs: Partial<T[K]>) => void;
+    [K in keyof T as `patch${Capitalize<K & string>}`]: (input: Partial<Extract<T[K], object>> | ((prev: T[K]) => Partial<Extract<T[K], object>>)) => void;
 } & {
     assigns: (attrs: Partial<T>) => void;
 };
+export type ChangesListener<T extends object> = (attrs: Partial<T>) => void;
 export type Store<T extends object> = {
     state: T;
     useSnapshot(): T;
     snapshot: T;
+    subscribe: (listener: ChangesListener<T>) => () => void;
     mutations: Mutations<T>;
-};
+} & Mutations<T>;
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,CAChD,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KACjC,IAAI;CACV,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,IAAI,UAAU,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,CACpD,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,KACtB,IAAI;CACV,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,IAAI,QAAQ,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,CAClD,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KACjB,IAAI;CACV,GAAG;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI;IACpC,KAAK,EAAE,CAAC,CAAC;IACT,WAAW,IAAI,CAAC,CAAC;IACjB,QAAQ,EAAE,CAAC,CAAC;IACZ,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACzB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,CAChD,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KACjC,IAAI;CACV,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,IAAI,UAAU,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,CACpD,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,KACtB,IAAI;CACV,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,IAAI,QAAQ,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,CAClD,KAAK,EACD,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAC9B,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KACjD,IAAI;CACV,GAAG;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAE5E,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI;IACpC,KAAK,EAAE,CAAC,CAAC;IACT,WAAW,IAAI,CAAC,CAAC;IACjB,QAAQ,EAAE,CAAC,CAAC;IACZ,SAAS,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,MAAM,IAAI,CAAC;IACxD,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACzB,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "snap-store",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "An easy-to-use global state management library for React.",
   "author": "yahiro",
   "license": "MIT",