context-scoped-state 0.0.7 → 0.0.8

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import f from "react";
+import b, { useSyncExternalStore as H } from "react";
 var _ = function(e, r) {
   return _ = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, n) {
     t.__proto__ = n;
@@ -7,7 +7,7 @@ var _ = function(e, r) {
     for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
   }, _(e, r);
 };
-function h(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);
@@ -85,8 +85,8 @@ var S = (function() {
         if (this._parentage = null, Array.isArray(s))
           try {
             for (var u = w(s), c = u.next(); !c.done; c = u.next()) {
-              var v = c.value;
-              v.remove(this);
+              var h = c.value;
+              h.remove(this);
             }
           } catch (a) {
             r = { error: a };
@@ -110,8 +110,8 @@ var S = (function() {
       if (P) {
         this._finalizers = null;
         try {
-          for (var b = w(P), p = b.next(); !p.done; p = b.next()) {
-            var V = p.value;
+          for (var v = w(P), f = v.next(); !f.done; f = v.next()) {
+            var V = f.value;
             try {
               A(V);
             } catch (a) {
@@ -122,7 +122,7 @@ var S = (function() {
           n = { error: a };
         } finally {
           try {
-            p && !p.done && (o = b.return) && o.call(b);
+            f && !f.done && (o = v.return) && o.call(v);
           } finally {
             if (n) throw n.error;
           }
@@ -167,9 +167,9 @@ function Y(e) {
 function A(e) {
   l(e) ? e() : e.unsubscribe();
 }
-var H = {
+var $ = {
   Promise: void 0
-}, $ = {
+}, q = {
   setTimeout: function(e, r) {
     for (var t = [], n = 2; n < arguments.length; n++)
       t[n - 2] = arguments[n];
@@ -180,8 +180,8 @@ var H = {
   },
   delegate: void 0
 };
-function q(e) {
-  $.setTimeout(function() {
+function D(e) {
+  q.setTimeout(function() {
     throw e;
   });
 }
@@ -191,10 +191,10 @@ function y(e) {
   e();
 }
 var F = (function(e) {
-  h(r, 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 = J, n;
+    return n.isStopped = !1, t ? (n.destination = t, Y(t) && t.add(n)) : n.destination = K, n;
   }
   return r.create = function(t, n, o) {
     return new O(t, n, o);
@@ -221,7 +221,7 @@ var F = (function(e) {
       this.unsubscribe();
     }
   }, r;
-})(S), D = (function() {
+})(S), G = (function() {
   function e(r) {
     this.partialObserver = r;
   }
@@ -253,36 +253,36 @@ var F = (function(e) {
       }
   }, e;
 })(), O = (function(e) {
-  h(r, e);
+  p(r, e);
   function r(t, n, o) {
     var i = e.call(this) || this, s;
     return l(t) || !t ? s = {
       next: t ?? void 0,
       error: n ?? void 0,
       complete: o ?? void 0
-    } : s = t, i.destination = new D(s), i;
+    } : s = t, i.destination = new G(s), i;
   }
   return r;
 })(F);
 function d(e) {
-  q(e);
+  D(e);
 }
-function G(e) {
+function J(e) {
   throw e;
 }
-var J = {
+var K = {
   closed: !0,
   next: I,
-  error: G,
+  error: J,
   complete: I
-}, K = (function() {
+}, L = (function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 })();
-function L(e) {
+function Q(e) {
   return e;
 }
-function Q(e) {
-  return e.length === 0 ? L : e.length === 1 ? e[0] : function(t) {
+function W(e) {
+  return e.length === 0 ? Q : e.length === 1 ? e[0] : function(t) {
     return e.reduce(function(n, o) {
       return o(n);
     }, t);
@@ -296,7 +296,7 @@ var T = (function() {
     var t = new e();
     return t.source = this, t.operator = r, t;
   }, e.prototype.subscribe = function(r, t, n) {
-    var o = this, i = X(r) ? r : new O(r, t, n);
+    var o = this, i = Z(r) ? r : new O(r, t, n);
     return y(function() {
       var s = o, u = s.operator, c = s.source;
       i.add(u ? u.call(i, c) : c ? o._subscribe(i) : o._trySubscribe(i));
@@ -326,12 +326,12 @@ var T = (function() {
   }, e.prototype._subscribe = function(r) {
     var t;
     return (t = this.source) === null || t === void 0 ? void 0 : t.subscribe(r);
-  }, e.prototype[K] = function() {
+  }, e.prototype[L] = function() {
     return this;
   }, e.prototype.pipe = function() {
     for (var r = [], t = 0; t < arguments.length; t++)
       r[t] = arguments[t];
-    return Q(r)(this);
+    return W(r)(this);
   }, e.prototype.toPromise = function(r) {
     var t = this;
     return r = k(r), new r(function(n, o) {
@@ -350,20 +350,20 @@ var T = (function() {
 })();
 function k(e) {
   var r;
-  return (r = e ?? H.Promise) !== null && r !== void 0 ? r : Promise;
+  return (r = e ?? $.Promise) !== null && r !== void 0 ? r : Promise;
 }
-function W(e) {
+function X(e) {
   return e && l(e.next) && l(e.error) && l(e.complete);
 }
-function X(e) {
-  return e && e instanceof F || W(e) && Y(e);
+function Z(e) {
+  return e && e instanceof F || X(e) && Y(e);
 }
-var Z = U(function(e) {
+var z = U(function(e) {
   return function() {
     e(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
 }), B = (function(e) {
-  h(r, e);
+  p(r, e);
   function r() {
     var t = e.call(this) || this;
     return t.closed = !1, t.currentObservers = null, t.observers = [], t.isStopped = !1, t.hasError = !1, t.thrownError = null, t;
@@ -373,7 +373,7 @@ var Z = U(function(e) {
     return n.operator = t, n;
   }, r.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new Z();
+      throw new z();
   }, r.prototype.next = function(t) {
     var n = this;
     y(function() {
@@ -385,8 +385,8 @@ var Z = U(function(e) {
             var c = u.value;
             c.next(t);
           }
-        } catch (v) {
-          o = { error: v };
+        } catch (h) {
+          o = { error: h };
         } finally {
           try {
             u && !u.done && (i = s.return) && i.call(s);
@@ -442,7 +442,7 @@ var Z = U(function(e) {
     return new R(t, n);
   }, r;
 })(T), R = (function(e) {
-  h(r, e);
+  p(r, e);
   function r(t, n) {
     var o = e.call(this) || this;
     return o.destination = t, o.source = n, o;
@@ -460,8 +460,8 @@ var Z = U(function(e) {
     var n, o;
     return (o = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && o !== void 0 ? o : M;
   }, r;
-})(B), z = (function(e) {
-  h(r, e);
+})(B), N = (function(e) {
+  p(r, e);
   function r(t) {
     var n = e.call(this) || this;
     return n._value = t, n;
@@ -484,10 +484,10 @@ var Z = U(function(e) {
     e.prototype.next.call(this, this._value = t);
   }, r;
 })(B);
-class rt {
+class et {
   _stateSubject;
   constructor() {
-    this.state = this.getInitialState(), this._stateSubject = new z(this.getInitialState());
+    this.state = this.getInitialState(), this._stateSubject = new N(this.getInitialState());
   }
   getState() {
     return this._stateSubject.value;
@@ -500,10 +500,10 @@ class rt {
     this._stateSubject.next(r);
   }
 }
-function et(e) {
-  const r = f.createContext(void 0);
+function nt(e) {
+  const r = b.createContext(void 0);
   function t() {
-    const n = f.useContext(r);
+    const n = b.useContext(r);
     if (!n)
       throw new Error(
         `Store hook used outside of its Context provider.
@@ -516,16 +516,21 @@ Then wrap your component with:
     <YourComponent />
   </useYourStore.Context>`
       );
-    const [o, i] = f.useState(n.getState());
-    return f.useEffect(() => {
-      const s = n.state$().subscribe(i);
-      return () => s.unsubscribe();
-    }, []), n.state = o, n;
+    const o = H(
+      (i) => {
+        const s = n.state$().subscribe(i);
+        return () => s.unsubscribe();
+      },
+      () => n.getState(),
+      () => n.getState()
+      // getServerSnapshot for SSR
+    );
+    return n.state = o, n;
   }
   return t.Context = function({
     children: o
   }) {
-    const i = f.useRef(new e());
+    const i = b.useRef(new e());
     return /* @__PURE__ */ C(r.Provider, { value: i.current, children: o });
   }, t.MockContext = function({
     children: o,
@@ -540,11 +545,11 @@ Then wrap your component with:
         }
       }
       return new c();
-    }, u = f.useRef(s());
+    }, u = b.useRef(s());
     return /* @__PURE__ */ C(r.Provider, { value: u.current, children: o });
   }, t;
 }
 export {
-  rt as Store,
-  et as createStoreHook
+  et as Store,
+  nt as createStoreHook
 };

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,KAAK,MAAM,OAAO,CAAC;AAC1B,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;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"}

package/package.json

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