dev-react-microstore 1.0.3 → 1.1.2

package/dist/index.d.mts

@@ -1,21 +1,22 @@
 type StoreListener = () => void;
-declare function createStoreState<T>(initialState: T): {
+declare function createStoreState<T extends object>(initialState: T): {
     get: () => T;
     set: (next: Partial<T>) => void;
     subscribe: (keys: (keyof T)[], listener: StoreListener) => (() => void);
+    select: <K extends keyof T>(keys: K[]) => Pick<T, K>;
 };
-type StoreType<T> = ReturnType<typeof createStoreState<T>>;
-type PrimitiveKey<T> = keyof T;
+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> = PrimitiveKey<T>;
-type CustomSelector<T> = {
+type KeySelector<T extends object> = PrimitiveKey<T>;
+type CustomSelector<T extends object> = {
     [K in keyof T]?: CompareFn<T[K]>;
 };
-type SelectorInput<T> = ReadonlyArray<KeySelector<T> | CustomSelector<T>>;
-type ExtractSelectorKeys<T, S extends SelectorInput<T>> = {
+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, S extends SelectorInput<T>> = ExtractSelectorKeys<T, S>;
-declare function useStoreSelector<T, S extends SelectorInput<T>>(store: StoreType<T>, selector: S): Picked<T, S>;
+type Picked<T extends object, S extends SelectorInput<T>> = ExtractSelectorKeys<T, S>;
+declare function useStoreSelector<T extends object, S extends SelectorInput<T>>(store: StoreType<T>, selector: S): Picked<T, S>;
 
 export { createStoreState, useStoreSelector };

package/dist/index.d.ts

@@ -1,21 +1,22 @@
 type StoreListener = () => void;
-declare function createStoreState<T>(initialState: T): {
+declare function createStoreState<T extends object>(initialState: T): {
     get: () => T;
     set: (next: Partial<T>) => void;
     subscribe: (keys: (keyof T)[], listener: StoreListener) => (() => void);
+    select: <K extends keyof T>(keys: K[]) => Pick<T, K>;
 };
-type StoreType<T> = ReturnType<typeof createStoreState<T>>;
-type PrimitiveKey<T> = keyof T;
+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> = PrimitiveKey<T>;
-type CustomSelector<T> = {
+type KeySelector<T extends object> = PrimitiveKey<T>;
+type CustomSelector<T extends object> = {
     [K in keyof T]?: CompareFn<T[K]>;
 };
-type SelectorInput<T> = ReadonlyArray<KeySelector<T> | CustomSelector<T>>;
-type ExtractSelectorKeys<T, S extends SelectorInput<T>> = {
+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, S extends SelectorInput<T>> = ExtractSelectorKeys<T, S>;
-declare function useStoreSelector<T, S extends SelectorInput<T>>(store: StoreType<T>, selector: S): Picked<T, S>;
+type Picked<T extends object, S extends SelectorInput<T>> = ExtractSelectorKeys<T, S>;
+declare function useStoreSelector<T extends object, S extends SelectorInput<T>>(store: StoreType<T>, selector: S): Picked<T, S>;
 
 export { createStoreState, useStoreSelector };

package/dist/index.js

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

package/dist/index.mjs

@@ -1 +1 @@
-var h=Object.defineProperty;var m=Object.getOwnPropertySymbols;var K=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var b=(o,r,t)=>r in o?h(o,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[r]=t,l=(o,r)=>{for(var t in r||(r={}))K.call(r,t)&&b(o,t,r[t]);if(m)for(var t of m(r))P.call(r,t)&&b(o,t,r[t]);return o};import{useRef as g,useSyncExternalStore as v}from"react";function V(o){let r=o,t=new Map;return{get:()=>r,set:c=>{var n;let T=!1,e=[];for(let s in c)Object.is(r[s],c[s])||(T=!0,e.push(s));if(T){r=l(l({},r),c);for(let s of e)(n=t.get(s))==null||n.forEach(k=>k())}},subscribe:(c,T)=>{for(let e of c)t.has(e)||t.set(e,new Set),t.get(e).add(T);return()=>{var e;for(let n of c)(e=t.get(n))==null||e.delete(T)}}}}function F(o,r){let t=g(o.get()),a=g({}),S=r.flatMap(e=>typeof e=="string"?[{key:e}]:Object.entries(e).map(([n,s])=>({key:n,compare:s}))),d=()=>{let e=o.get(),n=t.current;if(!(!a.current||Object.keys(a.current).length===0||S.some(({key:i,compare:p})=>{let y=n[i],u=e[i];return p?p(y,u):!Object.is(y,u)})))return a.current;t.current=e;let f={};for(let{key:i,compare:p}of S){let y=a.current[i],u=e[i],x=p?p(y,u):!Object.is(y,u);f[i]=x?u:y}return a.current=f,f},c=(()=>{let e=o.get();return S.reduce((n,{key:s})=>(n[s]=e[s],n),{})})();return v(e=>o.subscribe(S.map(n=>n.key),e),d,()=>c)}export{V as createStoreState,F as useStoreSelector};
+var v=Object.defineProperty;var x=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var P=(n,e,t)=>e in n?v(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,h=(n,e)=>{for(var t in e||(e={}))I.call(e,t)&&P(n,t,e[t]);if(x)for(var t of x(e))R.call(e,t)&&P(n,t,e[t]);return n};import{useRef as k,useSyncExternalStore as z}from"react";function w(n){let e=n,t=new Map;return{get:()=>e,set:r=>{var l;if(r==null||typeof r!="object"||Array.isArray(r)){console.error(`set() called with invalid value: ${r===null?"null":r===void 0?"undefined":typeof r}`);return}let c=!1,o=[];for(let p in r)if(Object.prototype.hasOwnProperty.call(r,p)){let f=p;f in e&&!Object.is(e[f],r[f])&&(c=!0,o.push(f))}if(c){e=h(h({},e),r);for(let p of o)(l=t.get(p))==null||l.forEach(f=>f())}},subscribe:(r,c)=>{for(let o of r)t.has(o)||t.set(o,new Set),t.get(o).add(c);return()=>{var o;for(let l of r)(o=t.get(l))==null||o.delete(c)}},select:r=>{let c={},o=e;for(let l of r)c[l]=o[l];return c}}}function V(n,e){return n.length===e.length&&n.every((t,u)=>t===e[u])}function C(n,e,t){let u={};for(let{key:a,compare:d}of t){let y=e[a],r=n[a],c=y===void 0?!0:d?d(y,r):!Object.is(y,r);u[a]=c?r:y}return u}function E(n,e){let t=k(n.get()),u=k({}),a=k(null),d=k(null),y=k(null),r=k(!0);if(!a.current||!V(a.current,e)){let s=[],T=[];for(let i of e)if(typeof i=="string"){let b=i;s.push({key:b}),T.push(b)}else for(let[b,m]of Object.entries(i)){let S=b;s.push({key:S,compare:m}),T.push(S)}d.current=s,y.current=T,a.current=e}let c=d.current,o=y.current,l=()=>{let s=n.get(),T=t.current,i=r.current;return(i||c.some(({key:m,compare:S})=>{var g;let j=T[m],K=s[m];return(g=S==null?void 0:S(j,K))!=null?g:!Object.is(j,K)}))&&(i&&(r.current=!1),t.current=s,u.current=C(s,u.current,c)),u.current},p=(()=>{let s=n.get();return o.reduce((T,i)=>(T[i]=s[i],T),{})})();return z(s=>n.subscribe(o,s),l,()=>p)}export{w as createStoreState,E as useStoreSelector};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dev-react-microstore",
-  "version": "1.0.3",
+  "version": "1.1.2",
   "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,7 +1,9 @@
 import { useRef, useSyncExternalStore } from 'react';
 type StoreListener = () => void;
 
-export function createStoreState<T>(initialState: T) {
+
+
+export function createStoreState<T extends object>(initialState: T) {
   let state = initialState;
 
   // Map from key to set of subscribers interested in that key
@@ -10,13 +12,21 @@ export function createStoreState<T>(initialState: T) {
   const get = () => state;
 
   const set = (next: Partial<T>) => {
+    if (next === null || next === undefined || typeof next !== 'object' || Array.isArray(next)) {
+      console.error(`set() called with invalid value: ${next === null ? 'null' : next === undefined ? 'undefined' : typeof next}`);
+      return;
+    }
+    
     let changed = false;
     const updatedKeys: (keyof T)[] = [];
 
     for (const key in next) {
-      if (!Object.is(state[key], next[key])) {
-        changed = true;
-        updatedKeys.push(key);
+      if (Object.prototype.hasOwnProperty.call(next, key)) {
+        const typedKey = key as keyof T;
+        if (typedKey in state && !Object.is(state[typedKey], next[typedKey])) {
+          changed = true;
+          updatedKeys.push(typedKey);
+        }
       }
     }
 
@@ -28,7 +38,7 @@ export function createStoreState<T>(initialState: T) {
       keyListeners.get(key)?.forEach(listener => listener());
     }
   };
-
+  
   const subscribe = (keys: (keyof T)[], listener: StoreListener): (() => void) => {
     for (const key of keys) {
       if (!keyListeners.has(key)) {
@@ -44,18 +54,27 @@ export function createStoreState<T>(initialState: T) {
     };
   };
 
-  return { get, set, subscribe };
+  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> = ReturnType<typeof createStoreState<T>>;
-type PrimitiveKey<T> = keyof T;
+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> = PrimitiveKey<T>;
-type CustomSelector<T> = { [K in keyof T]?: CompareFn<T[K]> };
-type SelectorInput<T> = ReadonlyArray<KeySelector<T> | CustomSelector<T>>;
+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, S extends SelectorInput<T>> = {
+type ExtractSelectorKeys<T extends object, S extends SelectorInput<T>> = {
   [K in S[number] extends infer Item
     ? Item extends keyof T
       ? Item
@@ -63,74 +82,108 @@ type ExtractSelectorKeys<T, S extends SelectorInput<T>> = {
     : never]: T[K];
 };
 
-type Picked<T, S extends SelectorInput<T>> = ExtractSelectorKeys<T, S>;
+type Picked<T extends object, S extends SelectorInput<T>> = ExtractSelectorKeys<T, S>;
 
-type NormalizedSelector<T> = {
+type NormalizedSelector<T extends object> = {
   key: keyof T;
   compare?: CompareFn<T[keyof T]>;
 };
 
-export function useStoreSelector<T, S extends SelectorInput<T>>(
+// Helper functions for useStoreSelector
+function shallowEqualSelector<T extends object>(
+  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;
+}
+
+export function useStoreSelector<T extends object, S extends SelectorInput<T>>(
   store: StoreType<T>,
   selector: S
 ): Picked<T, S> {
   const lastState = useRef(store.get());
   const lastSelected = useRef<Partial<T>>({});
-
-  const normalized = selector.flatMap((item): NormalizedSelector<T>[] => {
-    if (typeof item === 'string') {
-      return [{ key: item as keyof 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);
+
+  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);
+        }
+      }
     }
-    return Object.entries(item).map(([key, compare]) => ({
-      key: key as keyof T,
-      compare: compare as CompareFn<T[keyof T]>,
-    }));
-  });
+    
+    normalizedRef.current = normalized;
+    keysRef.current = keys;
+    prevSelector.current = selector;
+  }
+
+  const normalized = normalizedRef.current!;
+  const keys = keysRef.current!;
 
   const getSnapshot = () => {
     const current = store.get();
     const prev = lastState.current;
 
-    const isFirstRun = !lastSelected.current || Object.keys(lastSelected.current).length === 0;
+    const isFirstRun = isFirstRunRef.current;
 
     const changed = isFirstRun || normalized.some(({ key, compare }) => {
       const prevVal = prev[key];
       const nextVal = current[key];
-      return compare ? compare(prevVal, nextVal) : !Object.is(prevVal, nextVal);
+      return compare?.(prevVal, nextVal) ?? !Object.is(prevVal, nextVal);
     });
 
     if (!changed) {
       return lastSelected.current as Picked<T, S>;
     }
-
-    lastState.current = current;
-
-    const nextSelected: Partial<T> = {};
-
-    for (const { key, compare } of normalized) {
-      const prevVal = lastSelected.current[key];
-      const nextVal = current[key];
-      const hasChanged = compare
-        ? compare(prevVal as T[keyof T], nextVal as T[keyof T])
-        : !Object.is(prevVal, nextVal);
-
-      nextSelected[key] = hasChanged ? nextVal : prevVal;
+    
+    if (isFirstRun) {
+      isFirstRunRef.current = false;
     }
 
-    lastSelected.current = nextSelected;
-
-    return nextSelected as Picked<T, S>;
+    lastState.current = current;
+    lastSelected.current = pickKeys(current, lastSelected.current, normalized);
+    return lastSelected.current as Picked<T, S>;
   };
 
   const staticSnapshot = (() => {
     const current = store.get();
-    return normalized.reduce((acc, { key }) => {
+    return keys.reduce((acc, key) => {
       acc[key] = current[key];
       return acc;
     }, {} as Partial<T>) as Picked<T, S>;
   })();
-  
+
   const subscribe = (onStoreChange: () => void) =>
-    store.subscribe(normalized.map(sel => sel.key), onStoreChange);
+    store.subscribe(keys, onStoreChange);
+
   return useSyncExternalStore(subscribe, getSnapshot, () => staticSnapshot);
 }