context-scoped-state 0.0.8 → 0.0.9

package/README.md

@@ -50,10 +50,12 @@ class CounterStore extends Store<{ count: number }> {
   }
 
   increment() {
-    this.setState({ count: this.getState().count + 1 });
+    // Callback-based: receives current state, returns new state
+    this.setState(state => ({ count: state.count + 1 }));
   }
 
   decrement() {
+    // Direct value: pass the new state directly
     this.setState({ count: this.getState().count - 1 });
   }
 }
@@ -90,6 +92,31 @@ function App() {
 
 That's it. One hook export gives you the hook and its `.Context` provider. No extra setup needed.
 
+### Partial State Updates with patchState
+
+For stores with multiple properties, use `patchState` to update only specific fields:
+
+```tsx
+class UserStore extends Store<{ name: string; age: number; email: string }> {
+  protected getInitialState() {
+    return { name: '', age: 0, email: '' };
+  }
+
+  updateName(name: string) {
+    // Only updates name, preserves age and email
+    this.patchState({ name });
+  }
+
+  incrementAge() {
+    // Callback-based: receives current state, returns partial update
+    this.patchState(state => ({ age: state.age + 1 }));
+  }
+}
+```
+
+- `setState` — Replaces the entire state
+- `patchState` — Merges partial updates into existing state
+
 ## Examples
 
 ### Independent Nested Stores

package/dist/index.js

@@ -1,16 +1,16 @@
 import { jsx as C } from "react/jsx-runtime";
 import b, { useSyncExternalStore as H } from "react";
-var _ = function(e, r) {
-  return _ = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, n) {
+var m = function(e, r) {
+  return m = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, n) {
     t.__proto__ = n;
   } || function(t, n) {
     for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
-  }, _(e, r);
+  }, m(e, r);
 };
 function p(e, r) {
   if (typeof r != "function" && r !== null)
     throw new TypeError("Class extends value " + String(r) + " is not a constructor or null");
-  _(e, r);
+  m(e, r);
   function t() {
     this.constructor = e;
   }
@@ -26,7 +26,7 @@ function w(e) {
   };
   throw new TypeError(r ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function E(e, r) {
+function x(e, r) {
   var t = typeof Symbol == "function" && e[Symbol.iterator];
   if (!t) return e;
   var n = t.call(e), o, i = [], s;
@@ -43,7 +43,7 @@ function E(e, r) {
   }
   return i;
 }
-function x(e, r, t) {
+function E(e, r, t) {
   if (t || arguments.length === 2) for (var n = 0, o = r.length, i; n < o; n++)
     (i || !(n in r)) && (i || (i = Array.prototype.slice.call(r, 0, n)), i[n] = r[n]);
   return e.concat(i || Array.prototype.slice.call(r));
@@ -57,7 +57,7 @@ function U(e) {
   }, t = e(r);
   return t.prototype = Object.create(Error.prototype), t.prototype.constructor = t, t;
 }
-var m = U(function(e) {
+var _ = U(function(e) {
   return function(t) {
     e(this), this.message = t ? t.length + ` errors occurred during unsubscription:
 ` + t.map(function(n, o) {
@@ -104,7 +104,7 @@ var S = (function() {
         try {
           j();
         } catch (a) {
-          i = a instanceof m ? a.errors : [a];
+          i = a instanceof _ ? a.errors : [a];
         }
       var P = this._finalizers;
       if (P) {
@@ -115,7 +115,7 @@ var S = (function() {
             try {
               A(V);
             } catch (a) {
-              i = i ?? [], a instanceof m ? i = x(x([], E(i)), E(a.errors)) : i.push(a);
+              i = i ?? [], a instanceof _ ? i = E(E([], x(i)), x(a.errors)) : i.push(a);
             }
           }
         } catch (a) {
@@ -129,7 +129,7 @@ var S = (function() {
         }
       }
       if (i)
-        throw new m(i);
+        throw new _(i);
     }
   }, e.prototype.add = function(r) {
     var t;
@@ -173,7 +173,7 @@ var $ = {
   setTimeout: function(e, r) {
     for (var t = [], n = 2; n < arguments.length; n++)
       t[n - 2] = arguments[n];
-    return setTimeout.apply(void 0, x([e, r], E(t)));
+    return setTimeout.apply(void 0, E([e, r], x(t)));
   },
   clearTimeout: function(e) {
     return clearTimeout(e);
@@ -497,7 +497,12 @@ class et {
   }
   state;
   setState(r) {
-    this._stateSubject.next(r);
+    const t = typeof r == "function" ? r(this._stateSubject.value) : r;
+    this._stateSubject.next(t);
+  }
+  patchState(r) {
+    const t = this._stateSubject.value, n = typeof r == "function" ? r(t) : r;
+    this._stateSubject.next({ ...t, ...n });
   }
 }
 function nt(e) {

package/dist/lib/Store.d.ts

@@ -5,7 +5,8 @@ declare abstract class Store<T> {
     getState(): T;
     state$(): import('rxjs').Observable<T>;
     state: T;
-    protected setState(newState: T): void;
+    protected setState(newState: T | ((currentState: T) => T)): void;
+    protected patchState(partialState: Partial<T> | ((currentState: T) => Partial<T>)): void;
 }
 export { Store };
 //# sourceMappingURL=Store.d.ts.map

package/dist/lib/Store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Store.d.ts","sourceRoot":"","sources":["../../src/lib/Store.ts"],"names":[],"mappings":"AAEA,uBAAe,KAAK,CAAC,CAAC;IACpB,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,CAAC;IAEvC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;;IAOnD,QAAQ,IAAI,CAAC;IAIb,MAAM;IAIC,KAAK,EAAE,CAAC,CAAC;IAEhB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI;CAGtC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Store.d.ts","sourceRoot":"","sources":["../../src/lib/Store.ts"],"names":[],"mappings":"AAEA,uBAAe,KAAK,CAAC,CAAC;IACpB,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,CAAC;IAEvC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;;IAOnD,QAAQ,IAAI,CAAC;IAIb,MAAM;IAIC,KAAK,EAAE,CAAC,CAAC;IAEhB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI;IAQhE,SAAS,CAAC,UAAU,CAClB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,GAC3D,IAAI;CAQR;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "context-scoped-state",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "license": "MIT",
   "type": "module",
   "repository": {