context-scoped-state 0.0.8 → 0.0.10

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));
@@ -51,13 +51,13 @@ function x(e, r, t) {
 function l(e) {
   return typeof e == "function";
 }
-function U(e) {
+function M(e) {
   var r = function(n) {
     Error.call(n), n.stack = new Error().stack;
   }, t = e(r);
   return t.prototype = Object.create(Error.prototype), t.prototype.constructor = t, t;
 }
-var m = U(function(e) {
+var _ = M(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;
@@ -160,8 +160,8 @@ var S = (function() {
     var r = new e();
     return r.closed = !0, r;
   })(), e;
-})(), M = S.EMPTY;
-function Y(e) {
+})(), Y = S.EMPTY;
+function R(e) {
   return e instanceof S || e && "closed" in e && l(e.remove) && l(e.add) && l(e.unsubscribe);
 }
 function A(e) {
@@ -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);
@@ -194,7 +194,7 @@ var F = (function(e) {
   p(r, e);
   function r(t) {
     var n = e.call(this) || this;
-    return n.isStopped = !1, t ? (n.destination = t, Y(t) && t.add(n)) : n.destination = K, n;
+    return n.isStopped = !1, t ? (n.destination = t, R(t) && t.add(n)) : n.destination = K, n;
   }
   return r.create = function(t, n, o) {
     return new O(t, n, o);
@@ -356,9 +356,9 @@ function X(e) {
   return e && l(e.next) && l(e.error) && l(e.complete);
 }
 function Z(e) {
-  return e && e instanceof F || X(e) && Y(e);
+  return e && e instanceof F || X(e) && R(e);
 }
-var z = U(function(e) {
+var z = M(function(e) {
   return function() {
     e(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
@@ -369,7 +369,7 @@ var z = U(function(e) {
     return t.closed = !1, t.currentObservers = null, t.observers = [], t.isStopped = !1, t.hasError = !1, t.thrownError = null, t;
   }
   return r.prototype.lift = function(t) {
-    var n = new R(this, this);
+    var n = new U(this, this);
     return n.operator = t, n;
   }, r.prototype._throwIfClosed = function() {
     if (this.closed)
@@ -429,7 +429,7 @@ var z = U(function(e) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(t), this._innerSubscribe(t);
   }, r.prototype._innerSubscribe = function(t) {
     var n = this, o = this, i = o.hasError, s = o.isStopped, u = o.observers;
-    return i || s ? M : (this.currentObservers = null, u.push(t), new S(function() {
+    return i || s ? Y : (this.currentObservers = null, u.push(t), new S(function() {
       n.currentObservers = null, g(u, t);
     }));
   }, r.prototype._checkFinalizedStatuses = function(t) {
@@ -439,9 +439,9 @@ var z = U(function(e) {
     var t = new T();
     return t.source = this, t;
   }, r.create = function(t, n) {
-    return new R(t, n);
+    return new U(t, n);
   }, r;
-})(T), R = (function(e) {
+})(T), U = (function(e) {
   p(r, e);
   function r(t, n) {
     var o = e.call(this) || this;
@@ -458,7 +458,7 @@ var z = U(function(e) {
     (n = (t = this.destination) === null || t === void 0 ? void 0 : t.complete) === null || n === void 0 || n.call(t);
   }, r.prototype._subscribe = function(t) {
     var n, o;
-    return (o = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && o !== void 0 ? o : M;
+    return (o = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && o !== void 0 ? o : Y;
   }, r;
 })(B), N = (function(e) {
   p(r, 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) {
@@ -530,8 +535,8 @@ Then wrap your component with:
   return t.Context = function({
     children: o
   }) {
-    const i = b.useRef(new e());
-    return /* @__PURE__ */ C(r.Provider, { value: i.current, children: o });
+    const [i] = b.useState(() => new e());
+    return /* @__PURE__ */ C(r.Provider, { value: i, children: o });
   }, t.MockContext = function({
     children: o,
     state: i

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/dist/lib/createStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createStore.d.ts","sourceRoot":"","sources":["../../src/lib/createStore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,iBAAS,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC;QAG/C,CAAC;2BA+BnB;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;sCAaE;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;KACnC;EAuBF;AACD,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"createStore.d.ts","sourceRoot":"","sources":["../../src/lib/createStore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,iBAAS,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC;QAG/C,CAAC;2BA+BnB;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B;sCAWE;QACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;KACnC;EAuBF;AACD,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/package.json

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