dev-react-microstore 3.0.1 → 4.0.1

package/dist/index.d.mts

@@ -1,12 +1,7 @@
 type StoreListener = () => void;
-type StoreOptions<T extends object> = {
-    asyncUpdate?: boolean;
-    debounceDelay?: number;
-    perKeyDebounce?: Partial<Record<keyof T, boolean>>;
-};
-declare function createStoreState<T extends object>(initialState: T, options?: StoreOptions<T>): {
+declare function createStoreState<T extends object>(initialState: T): {
     get: () => T;
-    set: (next: Partial<T>) => void;
+    set: (next: Partial<T>, debounceDelay?: number | boolean) => void;
     subscribe: (keys: (keyof T)[], listener: StoreListener) => (() => void);
     select: <K extends keyof T>(keys: K[]) => Pick<T, K>;
 };

package/dist/index.d.ts

@@ -1,12 +1,7 @@
 type StoreListener = () => void;
-type StoreOptions<T extends object> = {
-    asyncUpdate?: boolean;
-    debounceDelay?: number;
-    perKeyDebounce?: Partial<Record<keyof T, boolean>>;
-};
-declare function createStoreState<T extends object>(initialState: T, options?: StoreOptions<T>): {
+declare function createStoreState<T extends object>(initialState: T): {
     get: () => T;
-    set: (next: Partial<T>) => void;
+    set: (next: Partial<T>, debounceDelay?: number | boolean) => void;
     subscribe: (keys: (keyof T)[], listener: StoreListener) => (() => void);
     select: <K extends keyof T>(keys: K[]) => Pick<T, K>;
 };

package/dist/index.js

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

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dev-react-microstore",
-  "version": "3.0.1",
+  "version": "4.0.1",
   "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,239 +1,219 @@
-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 ((...args: Parameters<T>) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => fn(...args), delay);
-  }) as T;
-}
-
-type StoreOptions<T extends object> = {
-  asyncUpdate?: boolean;
-  debounceDelay?: number;
-  perKeyDebounce?: Partial<Record<keyof T, boolean>>;
-};
-
-export function createStoreState<T extends object>(
-  initialState: T, 
-  options: StoreOptions<T> = {}
-) {
-  let state = initialState;
-  const { 
-    asyncUpdate = true, 
-    debounceDelay = 0, 
-    perKeyDebounce = {} as Partial<Record<keyof T, boolean>>
-  } = options;
-  const keyListeners = new Map<keyof T, Set<StoreListener>>();
-  const debouncedNotifiers = new Map<keyof T, () => void>();
-
-  const get = () => state;
-
-  const set = (next: Partial<T>) => {
-    if (!next) return;
-
-    const updatedKeys: (keyof T)[] = [];
-    for (const key in next) {
-      const typedKey = key as keyof T;
-      const currentValue = state[typedKey];
-      const nextValue = next[typedKey];
-
-      if (currentValue === nextValue) continue;
-
-      if (!Object.is(currentValue, nextValue)) {
-        state[typedKey] = nextValue!;
-        updatedKeys.push(typedKey);
-      }
-    }
-
-    if (updatedKeys.length === 0) return;
-
-    if (asyncUpdate) {
-      for (const key of updatedKeys) {
-        const shouldDebounce = perKeyDebounce[key] !== false;
-        
-        if (shouldDebounce) {
-          if (!debouncedNotifiers.has(key)) {
-            debouncedNotifiers.set(key, debounce(() => {
-              keyListeners.get(key)?.forEach(listener => listener());
-            }, debounceDelay));
-          }
-          debouncedNotifiers.get(key)!();
-        } else {
-          keyListeners.get(key)?.forEach(listener => listener());
-        }
-      }
-    } else {
-      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);
-    }
-
-    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>>;
-type PrimitiveKey<T extends object> = keyof T;
-type CompareFn<V> = (prev: V, next: V) => boolean;
-
-type KeySelector<T extends object> = PrimitiveKey<T>;
-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
-  ? Item extends keyof T
-  ? 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]>;
-};
-
-function shallowEqualSelector<T extends object>(
-  a: SelectorInput<T>,
-  b: SelectorInput<T>
-): boolean {
-  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
-): 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>>({});
-  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;
-    subscribeRef.current = null;
-  }
-
-  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>;
-    }
-
-    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>;
-    }
-
-    const result = {} as Partial<T>;
-    for (const { key, compare } of normalized) {
-      const prevVal = lastValues.current[key];
-      const nextVal = current[key];
-
-      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]);
-
-  if (!subscribeRef.current) {
-    subscribeRef.current = (onStoreChange: () => void) =>
-      store.subscribe(keys, onStoreChange);
-  }
-
-  return useSyncExternalStore(subscribeRef.current, getSnapshot, () => staticSnapshot);
+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 ((...args: Parameters<T>) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => fn(...args), delay);
+  }) as T;
+}
+
+export function createStoreState<T extends object>(
+  initialState: T,
+) {
+  let state = initialState;
+  const keyListeners = new Map<keyof T, Set<StoreListener>>();
+  const debouncedNotifiers = new Map<keyof T, () => void>();
+
+  const get = () => state;
+
+  const set = (next: Partial<T>, debounceDelay: number | boolean = false) => {
+    if (!next) return;
+
+    const updatedKeys: (keyof T)[] = [];
+    for (const key in next) {
+      const typedKey = key as keyof T;
+      const currentValue = state[typedKey];
+      const nextValue = next[typedKey];
+
+      if (currentValue === nextValue) continue;
+
+      if (!Object.is(currentValue, nextValue)) {
+        state[typedKey] = nextValue!;
+        updatedKeys.push(typedKey);
+      }
+    }
+
+    if (updatedKeys.length === 0) return;
+
+    for (const key of updatedKeys) {
+      if (debounceDelay !== false) {
+        if (!debouncedNotifiers.has(key)) {
+          debouncedNotifiers.set(key, debounce(() => {
+            keyListeners.get(key)?.forEach(listener => listener());
+          }, typeof debounceDelay === 'number' ? debounceDelay : 0));
+        }
+        debouncedNotifiers.get(key)!();
+      } else {
+        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);
+    }
+
+    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>>;
+type PrimitiveKey<T extends object> = keyof T;
+type CompareFn<V> = (prev: V, next: V) => boolean;
+
+type KeySelector<T extends object> = PrimitiveKey<T>;
+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
+  ? Item extends keyof T
+  ? 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]>;
+};
+
+function shallowEqualSelector<T extends object>(
+  a: SelectorInput<T>,
+  b: SelectorInput<T>
+): boolean {
+  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
+): 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>>({});
+  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;
+    subscribeRef.current = null;
+  }
+
+  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>;
+    }
+
+    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>;
+    }
+
+    const result = {} as Partial<T>;
+    for (const { key, compare } of normalized) {
+      const prevVal = lastValues.current[key];
+      const nextVal = current[key];
+
+      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]);
+
+  if (!subscribeRef.current) {
+    subscribeRef.current = (onStoreChange: () => void) =>
+      store.subscribe(keys, onStoreChange);
+  }
+
+  return useSyncExternalStore(subscribeRef.current, getSnapshot, () => staticSnapshot);
 }