bansa 0.0.9 → 0.0.10

package/dist/index.browser.js

@@ -1 +1 @@
-var s=function(){};s.prototype.get=function(){if(this.r||(v(this),l(this)),this.state.promise)throw this.state.promise;if(this.state.error)throw this.state.error;return this.state.value};s.prototype.watch=function(e){return this.r||w(this),(this.l??=new Set).add(e),()=>{this.l.delete(e),this.l.size||l(this)}};s.prototype.subscribe=function(e){let t={d:e,V:{get signal(){return(t.t??=g()).signal}}};if(!this.r)w(this);else if(!this.state.promise&&!this.state.error)try{e(this.state.value,t.V)}catch(r){A(r)}return(this.s??=new Set).add(t),()=>{this.s.delete(t),t.t&&(t.t.abort(),t.t=void 0),this.s.size||l(this)}};s.prototype[Symbol.toPrimitive]=function(){return this.state.value};var u=function(e,t){this.c=t?.equals,this.state={promise:void 0,error:void 0,value:e},this.state.value=this.a=e};u.prototype.set=function(e){let t=e instanceof Function?e(this.a):e;h(t,this.state.value,this.c)||(this.a=t,f(this))};u.prototype.A=!0;u.prototype.r=!0;u.prototype.n=!1;Object.setPrototypeOf(u.prototype,s.prototype);var p=function(e,t){this.y=e,this.c=t?.equals,this.h=t?.persist,this.state={promise:S,error:void 0,value:void 0};let r=this;this.V={get signal(){return(r.t??=g()).signal}}};p.prototype.A=!1;p.prototype.r=!1;p.prototype.n=!1;p.prototype.i=0;Object.setPrototypeOf(p.prototype,s.prototype);var c=()=>c,k=()=>{};Object.setPrototypeOf(c,new Proxy(c,{get:(e,t)=>t===Symbol.toPrimitive?k:c}));var S=Promise.resolve(),_=(e,t)=>e instanceof Function?new p(e,t):new u(e,t),D=e=>_((t,r)=>{let o,n,m=e(x=>{try{return t(x)}catch(V){if(!V)throw V;b(V)?(o??=[]).push(V):n=V}return c},r);if(n)throw n;if(o)throw Promise.all(o);return m},{equals:O}),O=(e,t)=>{if(typeof e!="object"||typeof t!="object"||!e||!t)return!1;let r=e.constructor;if(r!==t.constructor)return!1;if(r===Array){let n=e.length;if(n!==t.length)return!1;for(;(n=n-1|0)>=0;)if(!Object.is(e[n],t[n]))return!1;return!0}let o=0;for(let n in e){if(!(n in t&&Object.is(e[n],t[n])))return!1;o=o+1|0}for(let n in t)if((o=o-1|0)<0)return!1;return!0},y=!1,a=[],w=e=>{e.u||(e.u=!0,f(e))},f=e=>{e.n||(e.n=!0,a.push(e),y||(y=!0,queueMicrotask(G)))},G=()=>{y=!1;{let t=a;a=[];for(let r of t)r.state.promise=void 0,r.state.error=r.f,r.state.value=r.a,P(r)}let e=a;a=[];for(let t=e.length;t--;){let r=e[t];r.m=!1,r.u&&(r.n=!0,v(r)),r.n&&I(r)}},I=e=>{if(e.n=!1,e.o)for(let t of e.o)t.u=!0;if(e.l)for(let t of e.l)t();if(e.s&&!e.state.promise&&!e.state.error)for(let t of e.s){t.t&&(t.t.abort(),t.t=void 0);try{t.d(e.state.value,t.V)}catch(r){A(r)}}},P=e=>{if(!e.m){if(e.m=!0,e.o)for(let t of e.o)P(t);a.push(e)}},i=class{e;constructor(t){this.e=t}},v=e=>{let t=++e.i;e.r=!0,e.u=!1,e.state.promise=void 0,e.t&&(e.t.abort(),e.t=void 0);let r=e.p;r&&(e.p=new Set);try{let o=e.y((n,m=!0)=>{if(t!==e.i)throw void 0;if(e!==n&&(n.r||(v(n),n.n&&(n.n=!1,I(n))),r?.delete(n),(e.p??=new Set).add(n),(n.o??=new Set).add(e)),!m)return n.state;if(n.state.promise)throw new i(n.state.promise);if(n.state.error)throw new i(n.state.error);return n.state.value},e.V);b(o)?(e.state.promise=o,o.then(n=>{t===e.i&&(h(n,e.state.value,e.c)?e.state.promise=void 0:(e.a=n,e.f=void 0,f(e)))},n=>{t===e.i&&(n instanceof Promise?e.state.promise=void 0:(n instanceof i?n=n.e:A(n),e.f=n,f(e)))})):(++e.i,e.state.error=void 0,h(o,e.state.value,e.c)?e.n=!1:e.state.value=e.a=o)}catch(o){++e.i,o?(o instanceof i?o=o.e:A(o),b(o)?e.state.promise=o:e.state.error=o):e.n=!1}if(r)for(let o of r)o.o.delete(e),l(o)},d=!1,l=e=>{if(!e.A&&!e.h&&!e.o?.size&&!e.l?.size&&!e.s?.size){if(!d){setTimeout(()=>{d=!0,l(e),d=!1},0);return}if(e.state.promise=S,e.a=e.f=e.state.error=e.state.value=void 0,e.n=e.u=e.r=!1,e.t&&(e.t.abort(),e.t=void 0),e.p){for(let t of e.p)t.o.delete(e),l(t);e.p.clear()}}},h=(e,t,r)=>Object.is(e,t)||r!==void 0&&t!==void 0&&r(e,t),b=e=>typeof e?.then=="function",g=()=>{let e=new AbortController,t=e.signal,r=new Promise(o=>{t.then=n=>r.then(n),t.addEventListener("abort",o,{once:!0,passive:!0})});return{abort:()=>e.abort(),signal:t}},A=e=>{queueMicrotask(()=>{throw e})};export{_ as $,D as $$,S as inactive};
+var p=function(){};p.prototype.get=function(){if(this.o||(w(this),u(this)),this.state.promise)throw this.state.promise;if(this.state.error)throw this.state.error;return this.state.value};p.prototype.watch=function(e){return this.o||g(this),(this.s??=new Set).add(e),()=>{this.s.delete(e),this.s.size||u(this)}};p.prototype.subscribe=function(e){let t={y:e,c:{get signal(){return(t.t??=k()).signal}}};if(!this.o)g(this);else if(!this.state.promise&&!this.state.error)try{e(this.state.value,t.c)}catch(o){y(o)}return(this.u??=new Set).add(t),()=>{this.u.delete(t),t.t&&(t.t.abort(),t.t=void 0),this.u.size||u(this)}};p.prototype[Symbol.toPrimitive]=function(){return this.state.value};var V=function(e,t){this.a=e,this.f=t?.equals,this.state={promise:void 0,error:void 0,value:e},this.state.value=this.l=e};V.prototype.set=function(e){let t=e instanceof Function?e(this.l):e;b(t,this.state.value,this.f)||(this.l=t,d(this))};V.prototype.m=!0;V.prototype.o=!0;V.prototype.n=!1;Object.setPrototypeOf(V.prototype,p.prototype);var c=function(e,t){this.a=e,this.f=t?.equals,this.h=t?.persist,this.state={promise:I,error:void 0,value:void 0};let o=this;this.c={get signal(){return(o.t??=k()).signal}}};c.prototype.m=!1;c.prototype.o=!1;c.prototype.n=!1;c.prototype.i=0;Object.setPrototypeOf(c.prototype,p.prototype);var m=()=>m,_=()=>{};Object.setPrototypeOf(m,new Proxy(m,{get:(e,t)=>t===Symbol.toPrimitive?_:m}));var I=Promise.resolve(),A=(e,t)=>e instanceof Function?new c(e,t):new V(e,t),D=e=>A((t,o)=>{let r,n,f=e(l=>{try{return t(l)}catch(a){if(!a)throw a;S(a)?(r??=[]).push(a):n=a}return m},o);if(n)throw n;if(r)throw Promise.all(r);return f},{equals:O}),T=(e,t)=>{let o=new WeakMap;if(t)for(let[r,n]of t)o.set(r,A(n));return(r=>{{let n=o.get(r);if(n)return n}return r.a instanceof Function?A((n,f)=>r.a(l=>{let a=o.get(l);return a||(e?a=e(l):e!==null?a=l:o.set(l,a=A(l.a))),n(a)},f)):A(r.a)})},O=(e,t)=>{if(typeof e!="object"||typeof t!="object"||!e||!t)return!1;let o=e.constructor;if(o!==t.constructor)return!1;if(o===Array){let n=e.length;if(n!==t.length)return!1;for(;(n=n-1|0)>=0;)if(!Object.is(e[n],t[n]))return!1;return!0}let r=0;for(let n in e){if(!(n in t&&Object.is(e[n],t[n])))return!1;r=r+1|0}for(let n in t)if((r=r-1|0)<0)return!1;return!0},v=!1,i=[],g=e=>{e.p||(e.p=!0,d(e))},d=e=>{e.n||(e.n=!0,i.push(e),v||(v=!0,queueMicrotask(G)))},G=()=>{v=!1;{let t=i;i=[];for(let o of t)o.state.promise=void 0,o.state.error=o.A,o.state.value=o.l,x(o)}let e=i;i=[];for(let t=e.length;t--;){let o=e[t];o.d=!1,o.p&&(o.n=!0,w(o)),o.n&&P(o)}},P=e=>{if(e.n=!1,e.r)for(let t of e.r)t.p=!0;if(e.s)for(let t of e.s)t();if(e.u&&!e.state.promise&&!e.state.error)for(let t of e.u){t.t&&(t.t.abort(),t.t=void 0);try{t.y(e.state.value,t.c)}catch(o){y(o)}}},x=e=>{if(!e.d){if(e.d=!0,e.r)for(let t of e.r)x(t);i.push(e)}},s=class{e;constructor(t){this.e=t}},w=e=>{let t=++e.i;e.o=!0,e.p=!1,e.state.promise=void 0,e.t&&(e.t.abort(),e.t=void 0);let o=e.V;o&&(e.V=new Set);try{let r=e.a((n,f=!0)=>{if(t!==e.i)throw void 0;if(e!==n&&(n.o||(w(n),n.n&&(n.n=!1,P(n))),o?.delete(n),(e.V??=new Set).add(n),(n.r??=new Set).add(e)),!f)return n.state;if(n.state.promise)throw new s(n.state.promise);if(n.state.error)throw new s(n.state.error);return n.state.value},e.c);S(r)?(e.state.promise=r,r.then(n=>{t===e.i&&(b(n,e.state.value,e.f)?e.state.promise=void 0:(e.l=n,e.A=void 0,d(e)))},n=>{t===e.i&&(n instanceof Promise?e.state.promise=void 0:(n instanceof s?n=n.e:y(n),e.A=n,d(e)))})):(++e.i,e.state.error=void 0,b(r,e.state.value,e.f)?e.n=!1:e.state.value=e.l=r)}catch(r){++e.i,r?(r instanceof s?r=r.e:y(r),S(r)?e.state.promise=r:e.state.error=r):e.n=!1}if(o)for(let r of o)r.r.delete(e),u(r)},h=!1,u=e=>{if(!e.m&&!e.h&&!e.r?.size&&!e.s?.size&&!e.u?.size){if(!h){setTimeout(()=>{h=!0,u(e),h=!1},0);return}if(e.state.promise=I,e.l=e.A=e.state.error=e.state.value=void 0,e.n=e.p=e.o=!1,e.t&&(e.t.abort(),e.t=void 0),e.V){for(let t of e.V)t.r.delete(e),u(t);e.V.clear()}}},b=(e,t,o)=>Object.is(e,t)||o!==void 0&&t!==void 0&&o(e,t),S=e=>typeof e?.then=="function",k=()=>{let e=new AbortController,t=e.signal,o=new Promise(r=>{t.then=n=>o.then(n),t.addEventListener("abort",r,{once:!0,passive:!0})});return{abort:()=>e.abort(),signal:t}},y=e=>{queueMicrotask(()=>{throw e})};export{A as $,D as $$,T as createScope,I as inactive};

package/dist/index.d.ts

@@ -77,4 +77,6 @@ export type MapLike<Key, Value> = Map<Key, Value> | (Key extends object ? WeakMa
 export declare const inactive: Promise<void>;
 export declare const $: CreateAtom;
 export declare const $$: <Value>(init: AtomGetter<Value>) => DerivedAtom<Value>;
+type AtomWithValue<Value> = [Atom<Value>, Value];
+export declare const createScope: <T extends AtomWithValue<unknown>[]>(parentScope?: AtomScope | null, atomWithValues?: T) => AtomScope;
 export {};

package/dist/index.js

@@ -13,18 +13,18 @@ AtomPrototype.prototype.watch = function(watcher) {
   if (!this.c) {
     requestActivate(this);
   }
-  (this.h ??= /* @__PURE__ */ new Set()).add(watcher);
+  (this.i ??= /* @__PURE__ */ new Set()).add(watcher);
   return () => {
-    this.h.delete(watcher);
-    if (!this.h.size) {
+    this.i.delete(watcher);
+    if (!this.i.size) {
       disableAtom(this);
     }
   };
 };
 AtomPrototype.prototype.subscribe = function(subscriber) {
   const atomSubscriber = {
-    q: subscriber,
-    l: {
+    r: subscriber,
+    m: {
       get signal() {
         return (atomSubscriber.a ??= createThenableSignal()).signal;
       }
@@ -34,19 +34,19 @@ AtomPrototype.prototype.subscribe = function(subscriber) {
     requestActivate(this);
   } else if (!this.state.promise && !this.state.error) {
     try {
-      subscriber(this.state.value, atomSubscriber.l);
+      subscriber(this.state.value, atomSubscriber.m);
     } catch (e) {
       logError(e);
     }
   }
-  (this.i ??= /* @__PURE__ */ new Set()).add(atomSubscriber);
+  (this.j ??= /* @__PURE__ */ new Set()).add(atomSubscriber);
   return () => {
-    this.i.delete(atomSubscriber);
+    this.j.delete(atomSubscriber);
     if (atomSubscriber.a) {
       atomSubscriber.a.abort();
       atomSubscriber.a = void 0;
     }
-    if (!this.i.size) {
+    if (!this.j.size) {
       disableAtom(this);
     }
   };
@@ -55,22 +55,23 @@ AtomPrototype.prototype[Symbol.toPrimitive] = function() {
   return this.state.value;
 };
 const PrimitiveAtomPrototype = function(init, options) {
-  this.m = options?.equals;
+  this.f = init;
+  this.n = options?.equals;
   this.state = {
     promise: void 0,
     error: void 0,
     value: init
   };
-  this.state.value = this.f = init;
+  this.state.value = this.g = init;
 };
 PrimitiveAtomPrototype.prototype.set = function(value) {
-  const nextValue = value instanceof Function ? value(this.f) : value;
-  if (!equals(nextValue, this.state.value, this.m)) {
-    this.f = nextValue;
+  const nextValue = value instanceof Function ? value(this.g) : value;
+  if (!equals(nextValue, this.state.value, this.n)) {
+    this.g = nextValue;
     requestPropagate(this);
   }
 };
-PrimitiveAtomPrototype.prototype.o = true;
+PrimitiveAtomPrototype.prototype.p = true;
 PrimitiveAtomPrototype.prototype.c = true;
 PrimitiveAtomPrototype.prototype.b = false;
 Object.setPrototypeOf(
@@ -78,8 +79,8 @@ Object.setPrototypeOf(
   AtomPrototype.prototype
 );
 const DerivedAtomPrototype = function(init, options) {
-  this.r = init;
-  this.m = options?.equals;
+  this.f = init;
+  this.n = options?.equals;
   this.s = options?.persist;
   this.state = {
     promise: inactive,
@@ -87,16 +88,16 @@ const DerivedAtomPrototype = function(init, options) {
     value: void 0
   };
   const self = this;
-  this.l = {
+  this.m = {
     get signal() {
       return (self.a ??= createThenableSignal()).signal;
     }
   };
 };
-DerivedAtomPrototype.prototype.o = false;
+DerivedAtomPrototype.prototype.p = false;
 DerivedAtomPrototype.prototype.c = false;
 DerivedAtomPrototype.prototype.b = false;
-DerivedAtomPrototype.prototype.g = 0;
+DerivedAtomPrototype.prototype.h = 0;
 Object.setPrototypeOf(DerivedAtomPrototype.prototype, AtomPrototype.prototype);
 const ouroboros = () => ouroboros;
 const toUndefined = () => void 0;
@@ -136,6 +137,32 @@ const $$ = (init) => $((get, options) => {
 }, {
   equals: shallowEquals
 });
+const createScope = (parentScope, atomWithValues) => {
+  const scopeMap = /* @__PURE__ */ new WeakMap();
+  if (atomWithValues) {
+    for (const [atom, value] of atomWithValues) {
+      scopeMap.set(atom, $(value));
+    }
+  }
+  return ((baseAtom) => {
+    {
+      const scopedAtom = scopeMap.get(baseAtom);
+      if (scopedAtom) return scopedAtom;
+    }
+    if (baseAtom.f instanceof Function) return $(
+      (get, options) => baseAtom.f((atom) => {
+        let scopedAtom = scopeMap.get(atom);
+        if (!scopedAtom) {
+          if (parentScope) scopedAtom = parentScope(atom);
+          else if (parentScope !== null) scopedAtom = atom;
+          else scopeMap.set(atom, scopedAtom = $(atom.f));
+        }
+        return get(scopedAtom);
+      }, options)
+    );
+    return $(baseAtom.f);
+  });
+};
 const shallowEquals = (a, b) => {
   if (typeof a !== "object" || typeof b !== "object" || !a || !b) return false;
   const c = a.constructor;
@@ -157,8 +184,8 @@ const shallowEquals = (a, b) => {
 let pendingUpdateAtoms = false;
 let stack = [];
 const requestActivate = (atom) => {
-  if (!atom.j) {
-    atom.j = true;
+  if (!atom.k) {
+    atom.k = true;
     requestPropagate(atom);
   }
 };
@@ -179,8 +206,8 @@ const updateAtoms = () => {
     stack = [];
     for (const atom of updatedAtoms) {
       atom.state.promise = void 0;
-      atom.state.error = atom.n;
-      atom.state.value = atom.f;
+      atom.state.error = atom.o;
+      atom.state.value = atom.g;
       mark(atom);
     }
   }
@@ -188,8 +215,8 @@ const updateAtoms = () => {
   stack = [];
   for (let i = markedAtoms.length; i--; ) {
     const atom = markedAtoms[i];
-    atom.p = false;
-    if (atom.j) {
+    atom.q = false;
+    if (atom.k) {
       atom.b = true;
       execute(atom);
     }
@@ -202,22 +229,22 @@ const propagate = (atom) => {
   atom.b = false;
   if (atom.d) {
     for (const child of atom.d) {
-      child.j = true;
+      child.k = true;
     }
   }
-  if (atom.h) {
-    for (const watcher of atom.h) {
+  if (atom.i) {
+    for (const watcher of atom.i) {
       watcher();
     }
   }
-  if (atom.i && !atom.state.promise && !atom.state.error) {
-    for (const subscriber of atom.i) {
+  if (atom.j && !atom.state.promise && !atom.state.error) {
+    for (const subscriber of atom.j) {
       if (subscriber.a) {
         subscriber.a.abort();
         subscriber.a = void 0;
       }
       try {
-        subscriber.q(atom.state.value, subscriber.l);
+        subscriber.r(atom.state.value, subscriber.m);
       } catch (e) {
         logError(e);
       }
@@ -225,8 +252,8 @@ const propagate = (atom) => {
   }
 };
 const mark = (atom) => {
-  if (!atom.p) {
-    atom.p = true;
+  if (!atom.q) {
+    atom.q = true;
     if (atom.d) {
       for (const child of atom.d) {
         mark(child);
@@ -242,22 +269,22 @@ class Wrapped {
   }
 }
 const execute = (atom) => {
-  const counter = ++atom.g;
+  const counter = ++atom.h;
   atom.c = true;
-  atom.j = false;
+  atom.k = false;
   atom.state.promise = void 0;
   if (atom.a) {
     atom.a.abort();
     atom.a = void 0;
   }
-  const oldDependencies = atom.k;
+  const oldDependencies = atom.l;
   if (oldDependencies) {
-    atom.k = /* @__PURE__ */ new Set();
+    atom.l = /* @__PURE__ */ new Set();
   }
   try {
-    const value = atom.r(
+    const value = atom.f(
       (anotherAtom, unwrap = true) => {
-        if (counter !== atom.g) throw void 0;
+        if (counter !== atom.h) throw void 0;
         if (atom !== anotherAtom) {
           if (!anotherAtom.c) {
             execute(anotherAtom);
@@ -267,7 +294,7 @@ const execute = (atom) => {
             }
           }
           oldDependencies?.delete(anotherAtom);
-          (atom.k ??= /* @__PURE__ */ new Set()).add(anotherAtom);
+          (atom.l ??= /* @__PURE__ */ new Set()).add(anotherAtom);
           (anotherAtom.d ??= /* @__PURE__ */ new Set()).add(atom);
         }
         if (!unwrap) return anotherAtom.state;
@@ -277,24 +304,24 @@ const execute = (atom) => {
           throw new Wrapped(anotherAtom.state.error);
         return anotherAtom.state.value;
       },
-      atom.l
+      atom.m
     );
     if (isPromiseLike(value)) {
       atom.state.promise = value;
       value.then(
         (value2) => {
-          if (counter === atom.g) {
-            if (equals(value2, atom.state.value, atom.m)) {
+          if (counter === atom.h) {
+            if (equals(value2, atom.state.value, atom.n)) {
               atom.state.promise = void 0;
             } else {
-              atom.f = value2;
-              atom.n = void 0;
+              atom.g = value2;
+              atom.o = void 0;
               requestPropagate(atom);
             }
           }
         },
         (e) => {
-          if (counter === atom.g) {
+          if (counter === atom.h) {
             if (e instanceof Promise) {
               atom.state.promise = void 0;
             } else {
@@ -303,23 +330,23 @@ const execute = (atom) => {
               } else {
                 logError(e);
               }
-              atom.n = e;
+              atom.o = e;
               requestPropagate(atom);
             }
           }
         }
       );
     } else {
-      ++atom.g;
+      ++atom.h;
       atom.state.error = void 0;
-      if (equals(value, atom.state.value, atom.m)) {
+      if (equals(value, atom.state.value, atom.n)) {
         atom.b = false;
       } else {
-        atom.state.value = atom.f = value;
+        atom.state.value = atom.g = value;
       }
     }
   } catch (e) {
-    ++atom.g;
+    ++atom.h;
     if (!e) {
       atom.b = false;
     } else {
@@ -344,7 +371,7 @@ const execute = (atom) => {
 };
 let disabling = false;
 const disableAtom = (atom) => {
-  if (!atom.o && !atom.s && !atom.d?.size && !atom.h?.size && !atom.i?.size) {
+  if (!atom.p && !atom.s && !atom.d?.size && !atom.i?.size && !atom.j?.size) {
     if (!disabling) {
       setTimeout(() => {
         disabling = true;
@@ -354,18 +381,18 @@ const disableAtom = (atom) => {
       return;
     }
     atom.state.promise = inactive;
-    atom.f = atom.n = atom.state.error = atom.state.value = void 0;
-    atom.b = atom.j = atom.c = false;
+    atom.g = atom.o = atom.state.error = atom.state.value = void 0;
+    atom.b = atom.k = atom.c = false;
     if (atom.a) {
       atom.a.abort();
       atom.a = void 0;
     }
-    if (atom.k) {
-      for (const dep of atom.k) {
+    if (atom.l) {
+      for (const dep of atom.l) {
         dep.d.delete(atom);
         disableAtom(dep);
       }
-      atom.k.clear();
+      atom.l.clear();
     }
   }
 };
@@ -394,5 +421,6 @@ const logError = (e) => {
 export {
   $,
   $$,
+  createScope,
   inactive
 };

package/dist/react.d.ts

@@ -1,5 +1,9 @@
 import { $ } from '.';
-import type { Atom, AtomGetter, AtomOptions, DerivedAtom, PrimitiveAtom } from '.';
+import type { Atom, AtomGetter, AtomOptions, AtomScope, DerivedAtom, PrimitiveAtom } from '.';
+export declare const ScopeContext: import("react").Context<AtomScope>;
+export declare const ScopeProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const useAtomValue: <Value>(atom: Atom<Value>) => Value;
 export declare const useAtomState: <Value>(atom: DerivedAtom<Value>) => import(".").AtomState<Value>;
 export declare const useAtom: <Value>(atom: PrimitiveAtom<Value>) => readonly [Value, (newState: Value) => void];

package/dist/react.js

@@ -1,10 +1,26 @@
-import { useState, useSyncExternalStore } from "react";
-import { $ } from ".";
-const useAtomValue = (atom) => useSyncExternalStore(
-  (watcher) => atom.watch(watcher),
-  () => atom.get()
+import { jsx } from "react/jsx-runtime";
+import { createContext, use, useContext, useState, useSyncExternalStore } from "react";
+import { $, createScope } from ".";
+const ScopeContext = createContext(
+  ((x) => x)
 );
-const useAtomState = (atom) => useSyncExternalStore(
+const ScopeProvider = ({ children }) => {
+  const parentScope = useContext(ScopeContext);
+  const scope = useState(() => createScope(parentScope))[0];
+  return /* @__PURE__ */ jsx(ScopeContext.Provider, { value: scope, children });
+};
+const useAtomValue = (atom) => (atom = useContext(ScopeContext)(atom), useSyncExternalStore(
+  (watcher) => atom.watch(watcher),
+  () => {
+    try {
+      return atom.get();
+    } catch (_) {
+      if (atom.state.promise) use(Promise.resolve(atom.state.promise));
+      throw atom.state.error;
+    }
+  }
+));
+const useAtomState = (atom) => (atom = useContext(ScopeContext)(atom), useSyncExternalStore(
   (watcher) => atom.watch(watcher),
   () => {
     try {
@@ -13,11 +29,12 @@ const useAtomState = (atom) => useSyncExternalStore(
     }
     return atom.state;
   }
-);
-const useAtom = (atom) => [useAtomValue(atom), (newState) => atom.set(newState)];
+));
+const useAtom = (atom) => (atom = useContext(ScopeContext)(atom), [useAtomValue(atom), (newState) => atom.set(newState)]);
 const useLocalAtom = ((init, options) => useState(() => $(init, options))[0]);
 const useLocalAtomValue = (init, options) => useAtomValue(useLocalAtom(init, options));
 const useStateAtom = (atom) => {
+  atom = useContext(ScopeContext)(atom);
   const [state, setState] = useState(() => atom.get());
   const setStateWithAtom = (newState) => {
     setState(newState);
@@ -26,6 +43,8 @@ const useStateAtom = (atom) => {
   return [state, setStateWithAtom];
 };
 export {
+  ScopeContext,
+  ScopeProvider,
   useAtom,
   useAtomState,
   useAtomValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bansa",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "",
   "type": "module",
   "main": "./dist/index.js",