dev-react-microstore 1.1.3 → 2.0.0

package/dist/index.js

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var g=(n,e)=>{for(var t in e)m(n,t,{get:e[t],enumerable:!0})},v=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of j(e))!P.call(n,c)&&c!==t&&m(n,c,{get:()=>e[c],enumerable:!(i=h(e,c))||i.enumerable});return n};var I=n=>v(m({},"__esModule",{value:!0}),n);var F={};g(F,{createStoreState:()=>R,useStoreSelector:()=>C});module.exports=I(F);var y=require("react");function R(n){let e=n,t=new Map;return{get:()=>e,set:o=>{var s;let r=[];for(let u in o){let d=u;Object.is(e[d],o[d])||r.push(d)}if(r.length!==0){for(let u in o)e[u]=o[u];for(let u of r)(s=t.get(u))==null||s.forEach(d=>d())}},subscribe:(o,r)=>{for(let s of o)t.has(s)||t.set(s,new Set),t.get(s).add(r);return()=>{var s;for(let u of o)(s=t.get(u))==null||s.delete(r)}},select:o=>{let r={},s=e;for(let u of o)r[u]=s[u];return r}}}function V(n,e){return n.length===e.length&&n.every((t,i)=>t===e[i])}function z(n,e,t){let i={};for(let{key:c,compare:p}of t){let f=e[c],o=n[c],r=f===void 0?!0:p?p(f,o):!Object.is(f,o);i[c]=r?o:f}return i}function C(n,e){let t=(0,y.useRef)({}),i=(0,y.useRef)(null),c=(0,y.useRef)(null),p=(0,y.useRef)(null),f=(0,y.useRef)(!0),o=(0,y.useRef)({});if(!i.current||!V(i.current,e)){let a=[],T=[];for(let S of e)if(typeof S=="string"){let l=S;a.push({key:l}),T.push(l)}else for(let[l,b]of Object.entries(S)){let k=l;a.push({key:k,compare:b}),T.push(k)}c.current=a,p.current=T,i.current=e}let r=c.current,s=p.current,u=()=>{let a=n.get(),T=f.current;if(!(T||r.some(({key:l,compare:b})=>{var K;let k=o.current[l],x=a[l];return k===void 0?!0:(K=b==null?void 0:b(k,x))!=null?K:!Object.is(k,x)})))return t.current;T&&(f.current=!1);for(let{key:l}of r)o.current[l]=a[l];return t.current=z(a,t.current,r),t.current},d=(()=>{let a=n.get();return s.reduce((T,S)=>(T[S]=a[S],T),{})})();return(0,y.useSyncExternalStore)(a=>n.subscribe(s,a),u,()=>d)}0&&(module.exports={createStoreState,useStoreSelector});
+"use strict";var K=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var j=Object.prototype.hasOwnProperty;var I=(o,e)=>{for(var t in e)K(o,t,{get:e[t],enumerable:!0})},R=(o,e,t,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let d of v(e))!j.call(o,d)&&d!==t&&K(o,d,{get:()=>e[d],enumerable:!(c=P(e,d))||c.enumerable});return o};var C=o=>R(K({},"__esModule",{value:!0}),o);var w={};I(w,{createStoreState:()=>F,useStoreSelector:()=>E});module.exports=C(w);var T=require("react");function V(o,e){let t;return function(...c){t!==void 0&&clearTimeout(t),t=setTimeout(()=>o.apply(this,c),e)}}function F(o){let e=o,t=new Map,c=new Map;return{get:()=>e,set:l=>{if(!l)return;let a=[];for(let n in l){let u=n,m=e[u],r=l[u];m!==r&&(Object.is(m,r)||(e[u]=r,a.push(u)))}if(a.length!==0)for(let n of a)c.has(n)||c.set(n,V(()=>{var u;(u=t.get(n))==null||u.forEach(m=>m())},5)),c.get(n)()},subscribe:(l,a)=>{for(let n of l)t.has(n)||t.set(n,new Set),t.get(n).add(a);return()=>{var n;for(let u of l)(n=t.get(u))==null||n.delete(a)}},select:l=>{let a={},n=e;for(let u of l)a[u]=n[u];return a}}}function z(o,e){return o.length===e.length&&o.every((t,c)=>t===e[c])}function E(o,e){let t=(0,T.useRef)({}),c=(0,T.useRef)(null),d=(0,T.useRef)(null),x=(0,T.useRef)(null),h=(0,T.useRef)(!0),b=(0,T.useRef)({}),l=(0,T.useRef)(null);if(!c.current||!z(c.current,e)){let r=[],p=[];for(let k of e)if(typeof k=="string"){let y=k;r.push({key:y}),p.push(y)}else{let y=k;for(let s in y){let f=y[s],i=s;r.push({key:i,compare:f}),p.push(i)}}d.current=r,x.current=p,c.current=e}let a=d.current,n=x.current,u=()=>{let r=o.get();if(h.current){h.current=!1;let s={};for(let{key:f}of a){let i=r[f];b.current[f]=i,s[f]=i}return t.current=s,s}if(!(()=>{var s;for(let{key:f,compare:i}of a){let S=b.current[f],g=r[f];if(S===void 0||((s=i==null?void 0:i(S,g))!=null?s:!Object.is(S,g)))return!0}return!1})())return t.current;let y={};for(let{key:s,compare:f}of a){let i=b.current[s],S=r[s];i===void 0||(f?!f(i,S):!Object.is(i,S))?(b.current[s]=S,y[s]=S):y[s]=i}return t.current=y,y},m=(0,T.useMemo)(()=>{let r=o.get(),p={};for(let k of n)p[k]=r[k];return p},[n]);if(!l.current||x.current!==n){let r=n;l.current=p=>o.subscribe(r,p)}return(0,T.useSyncExternalStore)(l.current,u,()=>m)}0&&(module.exports={createStoreState,useStoreSelector});

package/dist/index.mjs

@@ -1 +1 @@
-import{useRef as k,useSyncExternalStore as K}from"react";function v(u){let r=u,n=new Map;return{get:()=>r,set:e=>{var o;let t=[];for(let s in e){let f=s;Object.is(r[f],e[f])||t.push(f)}if(t.length!==0){for(let s in e)r[s]=e[s];for(let s of t)(o=n.get(s))==null||o.forEach(f=>f())}},subscribe:(e,t)=>{for(let o of e)n.has(o)||n.set(o,new Set),n.get(o).add(t);return()=>{var o;for(let s of e)(o=n.get(s))==null||o.delete(t)}},select:e=>{let t={},o=r;for(let s of e)t[s]=o[s];return t}}}function h(u,r){return u.length===r.length&&u.every((n,a)=>n===r[a])}function j(u,r,n){let a={};for(let{key:y,compare:S}of n){let T=r[y],e=u[y],t=T===void 0?!0:S?S(T,e):!Object.is(T,e);a[y]=t?e:T}return a}function I(u,r){let n=k({}),a=k(null),y=k(null),S=k(null),T=k(!0),e=k({});if(!a.current||!h(a.current,r)){let c=[],l=[];for(let d of r)if(typeof d=="string"){let i=d;c.push({key:i}),l.push(i)}else for(let[i,b]of Object.entries(d)){let p=i;c.push({key:p,compare:b}),l.push(p)}y.current=c,S.current=l,a.current=r}let t=y.current,o=S.current,s=()=>{let c=u.get(),l=T.current;if(!(l||t.some(({key:i,compare:b})=>{var x;let p=e.current[i],m=c[i];return p===void 0?!0:(x=b==null?void 0:b(p,m))!=null?x:!Object.is(p,m)})))return n.current;l&&(T.current=!1);for(let{key:i}of t)e.current[i]=c[i];return n.current=j(c,n.current,t),n.current},f=(()=>{let c=u.get();return o.reduce((l,d)=>(l[d]=c[d],l),{})})();return K(c=>u.subscribe(o,c),s,()=>f)}export{v as createStoreState,I as useStoreSelector};
+import{useMemo as K,useRef as S,useSyncExternalStore as P}from"react";function v(T,c){let t;return function(...a){t!==void 0&&clearTimeout(t),t=setTimeout(()=>T.apply(this,a),c)}}function C(T){let c=T,t=new Map,a=new Map;return{get:()=>c,set:i=>{if(!i)return;let u=[];for(let e in i){let r=e,k=c[r],n=i[r];k!==n&&(Object.is(k,n)||(c[r]=n,u.push(r)))}if(u.length!==0)for(let e of u)a.has(e)||a.set(e,v(()=>{var r;(r=t.get(e))==null||r.forEach(k=>k())},5)),a.get(e)()},subscribe:(i,u)=>{for(let e of i)t.has(e)||t.set(e,new Set),t.get(e).add(u);return()=>{var e;for(let r of i)(e=t.get(r))==null||e.delete(u)}},select:i=>{let u={},e=c;for(let r of i)u[r]=e[r];return u}}}function j(T,c){return T.length===c.length&&T.every((t,a)=>t===c[a])}function V(T,c){let t=S({}),a=S(null),x=S(null),b=S(null),h=S(!0),m=S({}),i=S(null);if(!a.current||!j(a.current,c)){let n=[],y=[];for(let p of c)if(typeof p=="string"){let f=p;n.push({key:f}),y.push(f)}else{let f=p;for(let o in f){let l=f[o],s=o;n.push({key:s,compare:l}),y.push(s)}}x.current=n,b.current=y,a.current=c}let u=x.current,e=b.current,r=()=>{let n=T.get();if(h.current){h.current=!1;let o={};for(let{key:l}of u){let s=n[l];m.current[l]=s,o[l]=s}return t.current=o,o}if(!(()=>{var o;for(let{key:l,compare:s}of u){let d=m.current[l],g=n[l];if(d===void 0||((o=s==null?void 0:s(d,g))!=null?o:!Object.is(d,g)))return!0}return!1})())return t.current;let f={};for(let{key:o,compare:l}of u){let s=m.current[o],d=n[o];s===void 0||(l?!l(s,d):!Object.is(s,d))?(m.current[o]=d,f[o]=d):f[o]=s}return t.current=f,f},k=K(()=>{let n=T.get(),y={};for(let p of e)y[p]=n[p];return y},[e]);if(!i.current||b.current!==e){let n=e;i.current=y=>T.subscribe(n,y)}return P(i.current,r,()=>k)}export{C as createStoreState,V as useStoreSelector};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dev-react-microstore",
-  "version": "1.1.3",
+  "version": "2.0.0",
   "description": "A minimal global state manager for React with fine-grained subscriptions.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/index.ts

@@ -1,61 +1,79 @@
-import { useRef, useSyncExternalStore } from 'react';
-type StoreListener = () => void;
+import { useMemo, useRef, useSyncExternalStore } from 'react'
 
+type StoreListener = () => void;
 
+function debounce<T extends (...args: any[]) => void>(fn: T, delay: number): T {
+    let timeoutId: ReturnType<typeof setTimeout> | undefined;
+    return function (this: ThisParameterType<T>, ...args: Parameters<T>) {
+        if (timeoutId !== undefined) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => fn.apply(this, args), delay);
+    } as T;
+}
 
 export function createStoreState<T extends object>(initialState: T) {
-  let state = initialState;
-  
-  const keyListeners = new Map<keyof T, Set<StoreListener>>();
+    let state = initialState;
 
-  const get = () => state;
+    const keyListeners = new Map<keyof T, Set<StoreListener>>();
+    const debouncedNotifiers = new Map<keyof T, () => void>();
 
-  const set = (next: Partial<T>) => {
-    const updatedKeys: (keyof T)[] = [];
+    const get = () => state;
 
-    for (const key in next) {
-      const typedKey = key as keyof T;
-      if (!Object.is(state[typedKey], next[typedKey])) {
-        updatedKeys.push(typedKey);
-      }
-    }
+    const set = (next: Partial<T>) => {
+        if (!next) return;
 
-    if (updatedKeys.length === 0) return;
+        const updatedKeys: (keyof T)[] = [];
+        for (const key in next) {
+            const typedKey = key as keyof T;
+            const currentValue = state[typedKey];
+            const nextValue = next[typedKey];
 
-    for (const key in next) {
-      state[key as keyof T] = next[key as keyof T]!;
-    }
+            if (currentValue === nextValue) continue;
 
-    for (const key of updatedKeys) {
-      keyListeners.get(key)?.forEach(listener => listener());
-    }
-  };
-  
-  const subscribe = (keys: (keyof T)[], listener: StoreListener): (() => void) => {
-    for (const key of keys) {
-      if (!keyListeners.has(key)) {
-        keyListeners.set(key, new Set());
-      }
-      keyListeners.get(key)!.add(listener);
-    }
+            if (!Object.is(currentValue, nextValue)) {
+                state[typedKey] = nextValue!;
+                updatedKeys.push(typedKey);
+            }
+        }
 
-    return () => {
-      for (const key of keys) {
-        keyListeners.get(key)?.delete(listener);
-      }
+        if (updatedKeys.length === 0) return;
+
+        for (const key of updatedKeys) {
+            if (!debouncedNotifiers.has(key)) {
+                debouncedNotifiers.set(key, debounce(() => {
+                    keyListeners.get(key)?.forEach(listener => listener());
+                }, 5));
+            }
+            debouncedNotifiers.get(key)!();
+        }
     };
-  };
 
-  const select = <K extends keyof T>(keys: K[]): Pick<T, K> => {
-    const result = {} as Pick<T, K>;
-    const currentState = state;
-    for (const key of keys) {
-      result[key] = currentState[key];
-    }
-    return result;
-  };
+    const subscribe = (keys: (keyof T)[], listener: StoreListener): (() => void) => {
+        for (const key of keys) {
+            if (!keyListeners.has(key)) {
+                keyListeners.set(key, new Set());
+            }
+            keyListeners.get(key)!.add(listener);
+        }
 
-  return { get, set, subscribe, select };
+        return () => {
+            for (const key of keys) {
+                keyListeners.get(key)?.delete(listener);
+            }
+        };
+    };
+
+    const select = <K extends keyof T>(keys: K[]): Pick<T, K> => {
+        const result = {} as Pick<T, K>;
+        const currentState = state;
+        for (const key of keys) {
+            result[key] = currentState[key];
+        }
+        return result;
+    };
+
+    return { get, set, subscribe, select };
 }
 
 type StoreType<T extends object> = ReturnType<typeof createStoreState<T>>;
@@ -67,115 +85,136 @@ type CustomSelector<T extends object> = { [K in keyof T]?: CompareFn<T[K]> };
 type SelectorInput<T extends object> = ReadonlyArray<KeySelector<T> | CustomSelector<T>>;
 
 type ExtractSelectorKeys<T extends object, S extends SelectorInput<T>> = {
-  [K in S[number] extends infer Item
+    [K in S[number] extends infer Item
     ? Item extends keyof T
-      ? Item
-      : keyof Item
+    ? Item
+    : keyof Item
     : never]: T[K];
 };
 
 type Picked<T extends object, S extends SelectorInput<T>> = ExtractSelectorKeys<T, S>;
 
 type NormalizedSelector<T extends object> = {
-  key: keyof T;
-  compare?: CompareFn<T[keyof T]>;
+    key: keyof T;
+    compare?: CompareFn<T[keyof T]>;
 };
 
 function shallowEqualSelector<T extends object>(
-  a: SelectorInput<T>,
-  b: SelectorInput<T>
+    a: SelectorInput<T>,
+    b: SelectorInput<T>
 ): boolean {
-  return a.length === b.length && a.every((item, i) => item === b[i]);
-}
-
-function pickKeys<T extends object>(
-  base: T,
-  prev: Partial<T>,
-  selectors: NormalizedSelector<T>[]
-): Partial<T> {
-  const out: Partial<T> = {};
-  for (const { key, compare } of selectors) {
-    const prevVal = prev[key];
-    const nextVal = base[key];
-    const changed = prevVal === undefined ? true : (compare ? compare(prevVal, nextVal) : !Object.is(prevVal, nextVal));
-    out[key] = changed ? nextVal : prevVal;
-  }
-  return out;
+    return a.length === b.length && a.every((item, i) => item === b[i]);
 }
 
 export function useStoreSelector<T extends object, S extends SelectorInput<T>>(
-  store: StoreType<T>,
-  selector: S
+    store: StoreType<T>,
+    selector: S
 ): Picked<T, S> {
-  const lastSelected = useRef<Partial<T>>({});
-  const prevSelector = useRef<SelectorInput<T> | null>(null);
-  const normalizedRef = useRef<NormalizedSelector<T>[] | null>(null);
-  const keysRef = useRef<(keyof T)[] | null>(null);
-  const isFirstRunRef = useRef(true);
-  const lastValues = useRef<Partial<T>>({});
-
-  if (!prevSelector.current || !shallowEqualSelector(prevSelector.current, selector)) {
-    const normalized: NormalizedSelector<T>[] = [];
-    const keys: (keyof T)[] = [];
-    
-    for (const item of selector) {
-      if (typeof item === 'string') {
-        const key = item as keyof T;
-        normalized.push({ key });
-        keys.push(key);
-      } else {
-        for (const [key, compare] of Object.entries(item)) {
-          const typedKey = key as keyof T;
-          normalized.push({ key: typedKey, compare: compare as CompareFn<T[keyof T]> });
-          keys.push(typedKey);
+    const lastSelected = useRef<Partial<T>>({});
+    const prevSelector = useRef<SelectorInput<T> | null>(null);
+    const normalizedRef = useRef<NormalizedSelector<T>[] | null>(null);
+    const keysRef = useRef<(keyof T)[] | null>(null);
+    const isFirstRunRef = useRef(true);
+    const lastValues = useRef<Partial<T>>({});
+    const subscribeRef = useRef<((onStoreChange: () => void) => () => void) | null>(null);
+
+    if (!prevSelector.current || !shallowEqualSelector(prevSelector.current, selector)) {
+        const normalized: NormalizedSelector<T>[] = [];
+        const keys: (keyof T)[] = [];
+
+        for (const item of selector) {
+            if (typeof item === 'string') {
+                const key = item as keyof T;
+                normalized.push({ key });
+                keys.push(key);
+            } else {
+                const customSelector = item as CustomSelector<T>;
+                for (const key in customSelector) {
+                    const compare = customSelector[key as keyof typeof customSelector];
+                    const typedKey = key as keyof T;
+                    normalized.push({ key: typedKey, compare: compare as CompareFn<T[keyof T]> });
+                    keys.push(typedKey);
+                }
+            }
         }
-      }
-    }
-    
-    normalizedRef.current = normalized;
-    keysRef.current = keys;
-    prevSelector.current = selector;
-  }
-
-  const normalized = normalizedRef.current!;
-  const keys = keysRef.current!;
-
-  const getSnapshot = () => {
-    const current = store.get();
-    const isFirstRun = isFirstRunRef.current;
-
-    const changed = isFirstRun || normalized.some(({ key, compare }) => {
-      const prevVal = lastValues.current[key];
-      const nextVal = current[key];
-      return prevVal === undefined ? true : (compare?.(prevVal, nextVal) ?? !Object.is(prevVal, nextVal));
-    });
-
-    if (!changed) {
-      return lastSelected.current as Picked<T, S>;
-    }
-    
-    if (isFirstRun) {
-      isFirstRunRef.current = false;
-    }
 
-    for (const { key } of normalized) {
-      lastValues.current[key] = current[key];
+        normalizedRef.current = normalized;
+        keysRef.current = keys;
+        prevSelector.current = selector;
     }
 
-    lastSelected.current = pickKeys(current, lastSelected.current, normalized);
-    return lastSelected.current as Picked<T, S>;
-  };
+    const normalized = normalizedRef.current!;
+    const keys = keysRef.current!;
+
+    const getSnapshot = () => {
+        const current = store.get();
+        const isFirstRun = isFirstRunRef.current;
+
+        if (isFirstRun) {
+            isFirstRunRef.current = false;
+            const result = {} as Partial<T>;
+            for (const { key } of normalized) {
+                const value = current[key];
+                lastValues.current[key] = value;
+                result[key] = value;
+            }
+            lastSelected.current = result;
+            return result as Picked<T, S>;
+        }
+
+        // Check for changes with early return
+        const hasChanges = () => {
+            for (const { key, compare } of normalized) {
+                const prevVal = lastValues.current[key];
+                const nextVal = current[key];
+                if (prevVal === undefined ? true : (compare?.(prevVal, nextVal) ?? !Object.is(prevVal, nextVal))) {
+                    return true;
+                }
+            }
+            return false;
+        };
+
+        if (!hasChanges()) {
+            return lastSelected.current as Picked<T, S>;
+        }
+
+        // Build result only when changes detected
+        const result = {} as Partial<T>;
+        for (const { key, compare } of normalized) {
+            const prevVal = lastValues.current[key];
+            const nextVal = current[key];
+
+            // Hoist the comparison logic
+            const isFirstTime = prevVal === undefined;
+            const changed = isFirstTime || (compare ? !compare(prevVal, nextVal) : !Object.is(prevVal, nextVal));
+
+            if (changed) {
+                lastValues.current[key] = nextVal;
+                result[key] = nextVal;
+            } else {
+                result[key] = prevVal;
+            }
+        }
+
+        lastSelected.current = result;
+        return result as Picked<T, S>;
+    };
+
+    const staticSnapshot = useMemo(() => {
+        const current = store.get();
+        const result = {} as Partial<T>;
+        for (const key of keys) {
+            result[key] = current[key];
+        }
+        return result as Picked<T, S>;
+    }, [keys]);
 
-  const staticSnapshot = (() => {
-    const current = store.get();
-    return keys.reduce((acc, key) => {
-      acc[key] = current[key];
-      return acc;
-    }, {} as Partial<T>) as Picked<T, S>;
-  })();
 
-  const subscribe = (onStoreChange: () => void) =>
-    store.subscribe(keys, onStoreChange);
+    if (!subscribeRef.current || keysRef.current !== keys) {
+        const currentKeys = keys;
+        subscribeRef.current = (onStoreChange: () => void) =>
+            store.subscribe(currentKeys, onStoreChange);
+    }
 
-  return useSyncExternalStore(subscribe, getSnapshot, () => staticSnapshot);
+    return useSyncExternalStore(subscribeRef.current, getSnapshot, () => staticSnapshot);
 }