muya 2.0.6 → 2.0.8

package/cjs/index.js

@@ -1 +1 @@
-"use strict";var P=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var z=Object.prototype.hasOwnProperty;var H=(e,t)=>{for(var r in t)P(e,r,{get:t[r],enumerable:!0})},M=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of L(t))!z.call(e,o)&&o!==r&&P(e,o,{get:()=>t[o],enumerable:!(n=R(t,o))||n.enumerable});return e};var j=e=>M(P({},"__esModule",{value:!0}),e);var J={};H(J,{EMPTY_SELECTOR:()=>v,create:()=>U,isAbortError:()=>O,isArray:()=>x,isEqualBase:()=>p,isError:()=>A,isFunction:()=>S,isMap:()=>y,isPromise:()=>l,isSet:()=>w,isSetValueFunction:()=>I,isState:()=>_,isUndefined:()=>d,select:()=>E,shallow:()=>q,useValue:()=>C});module.exports=j(J);var T=class extends Error{static Error="AbortError"};function N(e,t){t&&t.abort();let r=new AbortController,{signal:n}=r;return{promise:new Promise((i,s)=>{n.addEventListener("abort",()=>{s(new T)}),e.then(i).catch(s)}),controller:r}}function h(e,t=p){if(!d(e.current)){if(!d(e.previous)&&t(e.current,e.previous))return!1;e.previous=e.current}return!0}function m(e,t,r){if(!l(r))return r;e.abortController&&e.abortController.abort();let{promise:n,controller:o}=N(r,e.abortController);return e.abortController=o,n.then(i=>{e.current=i,t()}).catch(i=>{O(i)||(e.current=i,t())})}function l(e){return e instanceof Promise}function S(e){return typeof e=="function"}function y(e){return e instanceof Map}function w(e){return e instanceof Set}function x(e){return Array.isArray(e)}function p(e,t){return e===t?!0:!!Object.is(e,t)}function I(e){return typeof e=="function"}function O(e){return e instanceof T}function A(e){return e instanceof Error}function d(e){return e===void 0}function _(e){return S(e)&&"get"in e&&"set"in e&&"isSet"in e&&e.isSet===!0}var v=e=>e;function G(){let e=new Map,t=new Set,r=performance.now(),n=!1;function o(){let s=performance.now(),a=s-r,{size:u}=t;if(a<.2&&u>0&&u<10){r=s,i();return}n||(n=!0,Promise.resolve().then(()=>{n=!1,r=performance.now(),i()}))}function i(){if(t.size===0)return;let s=new Set;for(let a of t){if(e.has(a.id)){s.add(a.id);let{onResolveItem:u}=e.get(a.id);u&&u(a.value)}t.delete(a)}if(t.size>0){o();return}for(let a of s)e.get(a)?.onFinish()}return{add(s,a){return e.set(s,a),()=>{e.delete(s)}},schedule(s,a){t.add({value:a,id:s}),o()}}}function E(e,t,r){let n={};function o(){let c=e.map(f=>f.get());return t(...c)}function i(){if(d(n.current)){let c=o();n.current=m(n,a.emitter.emit,c)}return n.current}let s=[];for(let c of e){let f=c.emitter.subscribe(()=>{b.schedule(a.id,null)});s.push(f)}let a=g({destroy(){for(let c of s)c();u(),a.emitter.clear(),n.current=void 0},get:i}),u=b.add(a.id,{onFinish(){let c=o();n.current=m(n,a.emitter.emit,c),h(n,r)&&a.emitter.emit()}});return a}var k=require("react");function C(e,t=v){let{emitter:r}=e,n=(0,k.useSyncExternalStore)(e.emitter.subscribe,()=>t(r.getSnapshot()),()=>t(r.getInitialSnapshot?r.getInitialSnapshot():r.getSnapshot()));if((0,k.useDebugValue)(n),l(n)||A(n))throw n;return n}function D(e,t){let r=new Set,n=[];return{clear:()=>{for(let o of n)o();r.clear()},subscribe:o=>(r.add(o),()=>{r.delete(o)}),emit:(...o)=>{for(let i of r)i(...o)},contains:o=>r.has(o),getSnapshot:e,getInitialSnapshot:t,getSize:()=>r.size,subscribeToOtherEmitter(o){let i=o.subscribe(()=>{this.emit()});n.push(i)}}}var K=0;function Y(){return K++}function g(e){let{get:t,destroy:r,set:n}=e,o=!!n,i=function(s){return C(i,s)};return i.isSet=o,i.id=Y(),i.emitter=D(t),i.destroy=r,i.listen=function(s){return this.emitter.subscribe(()=>{let a=t();l(a)||s(t())})},i.withName=function(s){return this.stateName=s,this},i.select=function(s,a=p){return E([i],s,a)},i.get=t,i.set=n,i}var b=G();function U(e,t=p){let r={};function n(){try{if(d(r.current)){let u=S(e)?e():e,c=m(r,s.emitter.emit,u);return r.current=c,r.current}return r.current}catch(u){r.current=u}return r.current}async function o(u,c){await u;let f=c(r.current),V=m(r,s.emitter.emit,f);r.current=V}function i(u){let c=n(),f=I(u);if(f&&l(c)){o(c,u);return}r.abortController&&r.abortController.abort();let V=f?u(c):u,F=m(r,s.emitter.emit,V);r.current=F}let s=g({get:n,destroy(){n(),a(),s.emitter.clear(),r.current=void 0},set(u){b.schedule(s.id,u)}}),a=b.add(s.id,{onFinish(){r.current=n(),h(r,t)&&s.emitter.emit()},onResolveItem:i});return S(e)||n(),s}function q(e,t){if(e==t)return!0;if(typeof e!="object"||e==null||typeof t!="object"||t==null)return!1;if(y(e)&&y(t)){if(e.size!==t.size)return!1;for(let[o,i]of e)if(!Object.is(i,t.get(o)))return!1;return!0}if(w(e)&&w(t)){if(e.size!==t.size)return!1;for(let o of e)if(!t.has(o))return!1;return!0}if(x(e)&&x(t)){if(e.length!==t.length)return!1;for(let[o,i]of e.entries())if(!Object.is(i,t[o]))return!1;return!0}let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(let o of r)if(!Object.prototype.hasOwnProperty.call(t,o)||!Object.is(e[o],t[o]))return!1;return!0}
+"use strict";var v=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var K=(e,t)=>{for(var r in t)v(e,r,{get:t[r],enumerable:!0})},Y=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of N(t))!_.call(e,o)&&o!==r&&v(e,o,{get:()=>t[o],enumerable:!(n=j(t,o))||n.enumerable});return e};var J=e=>Y(v({},"__esModule",{value:!0}),e);var $={};K($,{EMPTY_SELECTOR:()=>F,create:()=>L,isAbortError:()=>A,isArray:()=>P,isEqualBase:()=>S,isError:()=>D,isFunction:()=>h,isMap:()=>E,isPromise:()=>f,isSet:()=>g,isSetValueFunction:()=>G,isState:()=>W,isUndefined:()=>m,select:()=>k,shallow:()=>z,useValue:()=>O});module.exports=J($);var T=class extends Error{static Error="AbortError"};function Q(e,t){t&&t.abort();let r=new AbortController,{signal:n}=r;return{promise:new Promise((u,s)=>{n.addEventListener("abort",()=>{s(new T)}),e.then(u).catch(s)}),controller:r}}function x(e,t=S){if(!m(e.current)){if(!m(e.previous)&&t(e.current,e.previous))return!1;e.previous=e.current}return!0}function p(e,t,r){if(!f(r))return r;e.abortController&&e.abortController.abort();let{promise:n,controller:o}=Q(r,e.abortController);return e.abortController=o,n.then(u=>{e.current=u,t()}).catch(u=>{A(u)||(e.current=u,t())})}function f(e){return e instanceof Promise}function h(e){return typeof e=="function"}function E(e){return e instanceof Map}function g(e){return e instanceof Set}function P(e){return Array.isArray(e)}function S(e,t){return e===t?!0:!!Object.is(e,t)}function G(e){return typeof e=="function"}function A(e){return e instanceof T}function D(e){return e instanceof Error}function m(e){return e===void 0}function W(e){return h(e)&&"get"in e&&"set"in e&&"isSet"in e&&e.isSet===!0}var F=e=>e;function q(){let e=new Map,t=new Set,r=performance.now(),n=!1;function o(){let s=performance.now(),a=s-r,{size:i}=t;if(a<.2&&i>0&&i<10){r=s,u();return}n||(n=!0,Promise.resolve().then(()=>{n=!1,r=performance.now(),u()}))}function u(){if(t.size===0)return;let s=new Set;for(let a of t){if(e.has(a.id)){s.add(a.id);let{onResolveItem:i}=e.get(a.id);i&&i(a.value)}t.delete(a)}if(t.size>0){o();return}for(let a of s)e.get(a)?.onFinish()}return{add(s,a){return e.set(s,a),()=>{e.delete(s)}},schedule(s,a){t.add({value:a,id:s}),o()}}}function k(e,t,r){let n={};function o(){let c=[],l=!1;for(let I of e){let y=I.get();f(y)&&(l=!0),c.push(y)}return l?new Promise((I,y)=>{Promise.all(c).then(U=>{if(U.some(H=>m(H)))return y(new T);let M=t(...U);I(M)})}):t(...c)}function u(){if(m(n.current)){let c=o();n.current=p(n,i.emitter.emit,c)}return n.current}function s(){if(m(n.current)){let l=o();n.current=p(n,i.emitter.emit,l)}let{current:c}=n;return f(c)?new Promise(l=>{c.then(b=>{if(m(b)){l(s());return}l(b)})}):n.current}let a=[];for(let c of e){let l=c.emitter.subscribe(()=>{w.schedule(i.id,null)});a.push(l)}let i=C({destroy(){for(let c of a)c();d(),i.emitter.clear(),n.current=void 0},get:s,getSnapshot:u}),d=w.add(i.id,{onFinish(){let c=o();n.current=p(n,i.emitter.emit,c),x(n,r)&&i.emitter.emit()}});return i}var V=require("react");function O(e,t=F){let{emitter:r}=e,n=(0,V.useSyncExternalStore)(e.emitter.subscribe,()=>t(r.getSnapshot()),()=>t(r.getInitialSnapshot?r.getInitialSnapshot():r.getSnapshot()));if((0,V.useDebugValue)(n),f(n)||D(n))throw n;return n}function R(e,t){let r=new Set,n=[];return{clear:()=>{for(let o of n)o();r.clear()},subscribe:o=>(r.add(o),()=>{r.delete(o)}),emit:(...o)=>{for(let u of r)u(...o)},contains:o=>r.has(o),getSnapshot:e,getInitialSnapshot:t,getSize:()=>r.size,subscribeToOtherEmitter(o){let u=o.subscribe(()=>{this.emit()});n.push(u)}}}var X=0;function Z(){return X++}function C(e){let{get:t,destroy:r,set:n,getSnapshot:o}=e,u=!!n,s=function(a){return O(s,a)};return s.isSet=u,s.id=Z(),s.emitter=R(o),s.destroy=r,s.listen=function(a){return this.emitter.subscribe(()=>{let i=t();f(i)||a(t())})},s.withName=function(a){return this.stateName=a,this},s.select=function(a,i=S){return k([s],a,i)},s.get=t,s.set=n,s}var w=q();function L(e,t=S){let r={};function n(){try{if(m(r.current)){let i=h(e)?e():e,d=p(r,s.emitter.emit,i);return r.current=d,r.current}return r.current}catch(i){r.current=i}return r.current}async function o(i,d){await i;let c=d(r.current),l=p(r,s.emitter.emit,c);r.current=l}function u(i){let d=n(),c=G(i);if(c&&f(d)){o(d,i);return}r.abortController&&r.abortController.abort();let l=c?i(d):i,b=p(r,s.emitter.emit,l);r.current=b}let s=C({get:n,destroy(){n(),a(),s.emitter.clear(),r.current=void 0},set(i){w.schedule(s.id,i)},getSnapshot:n}),a=w.add(s.id,{onFinish(){r.current=n(),x(r,t)&&s.emitter.emit()},onResolveItem:u});return h(e)||n(),s}function z(e,t){if(e==t)return!0;if(typeof e!="object"||e==null||typeof t!="object"||t==null)return!1;if(E(e)&&E(t)){if(e.size!==t.size)return!1;for(let[o,u]of e)if(!Object.is(u,t.get(o)))return!1;return!0}if(g(e)&&g(t)){if(e.size!==t.size)return!1;for(let o of e)if(!t.has(o))return!1;return!0}if(P(e)&&P(t)){if(e.length!==t.length)return!1;for(let[o,u]of e.entries())if(!Object.is(u,t[o]))return!1;return!0}let r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(let o of r)if(!Object.prototype.hasOwnProperty.call(t,o)||!Object.is(e[o],t[o]))return!1;return!0}

package/esm/create-state.js

@@ -1 +1 @@
-import{select as u}from"./select";import{useValue as l}from"./use-value";import{createEmitter as S}from"./utils/create-emitter";import{isEqualBase as c,isPromise as m}from"./utils/is";let d=0;function f(){return d++}function g(i){const{get:r,destroy:n,set:a}=i,o=!!a,t=function(e){return l(t,e)};return t.isSet=o,t.id=f(),t.emitter=S(r),t.destroy=n,t.listen=function(e){return this.emitter.subscribe(()=>{const s=r();m(s)||e(r())})},t.withName=function(e){return this.stateName=e,this},t.select=function(e,s=c){return u([t],e,s)},t.get=r,t.set=a,t}export{g as createState};
+import{select as l}from"./select";import{useValue as S}from"./use-value";import{createEmitter as c}from"./utils/create-emitter";import{isEqualBase as d,isPromise as m}from"./utils/is";let T=0;function f(){return T++}function h(n){const{get:r,destroy:o,set:a,getSnapshot:i}=n,u=!!a,t=function(e){return S(t,e)};return t.isSet=u,t.id=f(),t.emitter=c(i),t.destroy=o,t.listen=function(e){return this.emitter.subscribe(()=>{const s=r();m(s)||e(r())})},t.withName=function(e){return this.stateName=e,this},t.select=function(e,s=d){return l([t],e,s)},t.get=r,t.set=a,t}export{h as createState};

package/esm/create.js

@@ -1 +1 @@
-import{canUpdate as p,handleAsyncUpdate as u}from"./utils/common";import{isEqualBase as V,isFunction as i,isPromise as h,isSetValueFunction as b,isUndefined as y}from"./utils/is";import{createScheduler as C}from"./scheduler";import{subscribeToDevelopmentTools as w}from"./debug/development-tools";import{createState as v}from"./create-state";const l=C();function I(c,m=V){const e={};function o(){try{if(y(e.current)){const t=i(c)?c():c,n=u(e,r.emitter.emit,t);return e.current=n,e.current}return e.current}catch(t){e.current=t}return e.current}async function d(t,n){await t;const a=n(e.current),s=u(e,r.emitter.emit,a);e.current=s}function f(t){const n=o(),a=b(t);if(a&&h(n)){d(n,t);return}e.abortController&&e.abortController.abort();const s=a?t(n):t,S=u(e,r.emitter.emit,s);e.current=S}const r=v({get:o,destroy(){o(),T(),r.emitter.clear(),e.current=void 0},set(t){l.schedule(r.id,t)}}),T=l.add(r.id,{onFinish(){e.current=o(),p(e,m)&&r.emitter.emit()},onResolveItem:f});return i(c)||o(),w(r),r}export{I as create,l as stateScheduler};
+import{canUpdate as p,handleAsyncUpdate as u}from"./utils/common";import{isEqualBase as h,isFunction as i,isPromise as V,isSetValueFunction as b,isUndefined as y}from"./utils/is";import{createScheduler as C}from"./scheduler";import{subscribeToDevelopmentTools as w}from"./debug/development-tools";import{createState as v}from"./create-state";const l=C();function E(c,m=h){const e={};function o(){try{if(y(e.current)){const t=i(c)?c():c,n=u(e,r.emitter.emit,t);return e.current=n,e.current}return e.current}catch(t){e.current=t}return e.current}async function d(t,n){await t;const a=n(e.current),s=u(e,r.emitter.emit,a);e.current=s}function f(t){const n=o(),a=b(t);if(a&&V(n)){d(n,t);return}e.abortController&&e.abortController.abort();const s=a?t(n):t,S=u(e,r.emitter.emit,s);e.current=S}const r=v({get:o,destroy(){o(),T(),r.emitter.clear(),e.current=void 0},set(t){l.schedule(r.id,t)},getSnapshot:o}),T=l.add(r.id,{onFinish(){e.current=o(),p(e,m)&&r.emitter.emit()},onResolveItem:f});return i(c)||o(),w(r),r}export{E as create,l as stateScheduler};

package/esm/select.js

@@ -1 +1 @@
-import{stateScheduler as u}from"./create";import{createState as p}from"./create-state";import{subscribeToDevelopmentTools as f}from"./debug/development-tools";import{canUpdate as S,handleAsyncUpdate as s}from"./utils/common";import{isUndefined as T}from"./utils/is";function v(o,i,d){const t={};function c(){const e=o.map(r=>r.get());return i(...e)}function m(){if(T(t.current)){const e=c();t.current=s(t,n.emitter.emit,e)}return t.current}const a=[];for(const e of o){const r=e.emitter.subscribe(()=>{u.schedule(n.id,null)});a.push(r)}const n=p({destroy(){for(const e of a)e();l(),n.emitter.clear(),t.current=void 0},get:m}),l=u.add(n.id,{onFinish(){const e=c();t.current=s(t,n.emitter.emit,e),S(t,d)&&n.emitter.emit()}});return f(n),n}export{v as select};
+import{stateScheduler as T}from"./create";import{createState as A}from"./create-state";import{subscribeToDevelopmentTools as P}from"./debug/development-tools";import{AbortError as g,canUpdate as V,handleAsyncUpdate as a}from"./utils/common";import{isPromise as S,isUndefined as s}from"./utils/is";function U(m,f,h){const t={};function c(){const e=[];let r=!1;for(const i of m){const o=i.get();S(o)&&(r=!0),e.push(o)}return r?new Promise((i,o)=>{Promise.all(e).then(p=>{if(p.some(b=>s(b)))return o(new g);const k=f(...p);i(k)})}):f(...e)}function w(){if(s(t.current)){const e=c();t.current=a(t,n.emitter.emit,e)}return t.current}function l(){if(s(t.current)){const r=c();t.current=a(t,n.emitter.emit,r)}const{current:e}=t;return S(e)?new Promise(r=>{e.then(u=>{if(s(u)){r(l());return}r(u)})}):t.current}const d=[];for(const e of m){const r=e.emitter.subscribe(()=>{T.schedule(n.id,null)});d.push(r)}const n=A({destroy(){for(const e of d)e();y(),n.emitter.clear(),t.current=void 0},get:l,getSnapshot:w}),y=T.add(n.id,{onFinish(){const e=c();t.current=a(t,n.emitter.emit,e),V(t,h)&&n.emitter.emit()}});return P(n),n}export{U as select};

package/esm/utils/common.js

@@ -1 +1 @@
-import{isAbortError as a,isEqualBase as b,isPromise as u,isUndefined as i}from"./is";class T extends Error{static Error="AbortError"}function p(r,o){o&&o.abort();const t=new AbortController,{signal:n}=t;return{promise:new Promise((e,s)=>{n.addEventListener("abort",()=>{s(new T)}),r.then(e).catch(s)}),controller:t}}function f(r,o=b){if(!i(r.current)){if(!i(r.previous)&&o(r.current,r.previous))return!1;r.previous=r.current}return!0}function m(r,o,t){if(!u(t))return t;r.abortController&&r.abortController.abort();const{promise:n,controller:l}=p(t,r.abortController);return r.abortController=l,n.then(e=>{r.current=e,o()}).catch(e=>{a(e)||(r.current=e,o())})}export{T as AbortError,f as canUpdate,m as handleAsyncUpdate};
+import{isAbortError as a,isEqualBase as b,isPromise as u,isUndefined as i}from"./is";class p extends Error{static Error="AbortError"}function T(r,o){o&&o.abort();const t=new AbortController,{signal:n}=t;return{promise:new Promise((e,s)=>{n.addEventListener("abort",()=>{s(new p)}),r.then(e).catch(s)}),controller:t}}function f(r,o=b){if(!i(r.current)){if(!i(r.previous)&&o(r.current,r.previous))return!1;r.previous=r.current}return!0}function m(r,o,t){if(!u(t))return t;r.abortController&&r.abortController.abort();const{promise:n,controller:l}=T(t,r.abortController);return r.abortController=l,n.then(e=>{r.current=e,o()}).catch(e=>{a(e)||(r.current=e,o())})}export{p as AbortError,f as canUpdate,T as cancelablePromise,m as handleAsyncUpdate};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muya",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "author": "samuel.gjabel@gmail.com",
   "repository": "https://github.com/samuelgjabel/muya",
   "main": "cjs/index.js",

package/src/__tests__/compare.test.tsx

@@ -0,0 +1,68 @@
+import { act, renderHook } from '@testing-library/react-hooks'
+import { create } from '../create'
+import { longPromise } from './test-utils'
+import { waitFor } from '@testing-library/react'
+import { atom, useAtom, useSetAtom } from 'jotai'
+
+describe('compare', () => {
+  it('should render async value with sync selector', async () => {
+    const state = create(longPromise(100))
+    const selectedState = state.select((value) => {
+      return value + 2
+    })
+    const listen = jest.fn()
+
+    const { result } = renderHook(() => {
+      listen()
+      const value = selectedState()
+      return value
+    })
+
+    await waitFor(() => {
+      expect(result.current).toBe(2)
+      expect(listen).toHaveBeenCalledTimes(2)
+    })
+
+    state.set(1)
+
+    await waitFor(() => {
+      expect(result.current).toBe(3)
+      // muya re-render only 3 times
+      expect(listen).toHaveBeenCalledTimes(3)
+    })
+  })
+  it('should render async value with sync selector with jotai', async () => {
+    const state = atom(longPromise(100))
+
+    const selectedState = atom(async (get) => {
+      const value = get(state)
+      return (await value) + 2
+    })
+
+    const listen = jest.fn()
+    const { result: setResult } = renderHook(() => {
+      const value = useSetAtom(state)
+      return value
+    })
+    const { result } = renderHook(() => {
+      listen()
+      const value = useAtom(selectedState)
+      return value
+    })
+
+    await waitFor(() => {
+      expect(result.current[0]).toBe(2)
+      expect(listen).toHaveBeenCalledTimes(3)
+    })
+
+    act(() => {
+      setResult.current(1 as never)
+    })
+
+    await waitFor(() => {
+      expect(result.current[0]).toBe(3)
+      // OH it render 5 times, sad.
+      expect(listen).toHaveBeenCalledTimes(5)
+    })
+  })
+})

package/src/__tests__/select.test.tsx

@@ -1,7 +1,8 @@
 import { create } from '../create'
 import { select } from '../select'
-import { waitFor } from '@testing-library/react'
+import { renderHook, waitFor } from '@testing-library/react'
 import { longPromise } from './test-utils'
+import { Suspense } from 'react'
 
 describe('select', () => {
   it('should derive state from a single dependency', async () => {
@@ -101,7 +102,7 @@ describe('select', () => {
       await longPromise(100)
       return (await value) + 1
     })
-    const selectedState2 = selectedState.select(async (value) => (await value) + 1)
+    const selectedState2 = selectedState.select(async (value) => value + 1)
     const listener = jest.fn()
     selectedState2.listen(listener)
     await waitFor(() => {
@@ -154,7 +155,7 @@ describe('select', () => {
   it('should select state from async initial state', async () => {
     const state = create(longPromise(100))
     const selectedState = state.select(async (value) => {
-      return (await value) + 2
+      return value + 2
     })
     await waitFor(() => {
       expect(selectedState.get()).toBe(2)
@@ -169,4 +170,66 @@ describe('select', () => {
       expect(selectedState.get()).toBe(2)
     })
   })
+
+  it('should select state from async state and do not change second time as it just boolean value', async () => {
+    const state = create(longPromise(100))
+    const selectedState = state.select((value) => {
+      const result = value > 0
+      expect(value).not.toBeUndefined()
+      return result
+    })
+    const render = jest.fn()
+
+    const { result } = renderHook(
+      () => {
+        render()
+        const value = selectedState()
+        return value
+      },
+      { wrapper: ({ children }) => <Suspense fallback="loading">{children}</Suspense> },
+    )
+
+    await waitFor(() => {
+      expect(result.current).toBe(false)
+      expect(selectedState.get()).toBe(false)
+      // re-render twice, as it hit suspense, because value is not resolved yet
+      expect(render).toHaveBeenCalledTimes(2)
+    })
+
+    state.set(1)
+
+    await waitFor(() => {
+      expect(result.current).toBe(true)
+      expect(selectedState.get()).toBe(true)
+      // next time it re-render only once, as value is already resolved
+      expect(render).toHaveBeenCalledTimes(3)
+    })
+  })
+
+  it('should get value when initial value is promise', async () => {
+    const state = create(longPromise(100))
+    const selectedState = state.select((value) => {
+      return value + 2
+    })
+    expect(await selectedState.get()).toBe(2)
+  })
+
+  it('should have sync get method sync', async () => {
+    const state = create(100)
+    const selectedState = state.select((value) => {
+      return value + 2
+    })
+    expect(selectedState.get()).toBe(102)
+  })
+
+  it('should have async get method sync', async () => {
+    const state = create(100)
+    const selectedState = state.select((value) => {
+      return value + 2
+    })
+    const selectedState2 = selectedState.select(async (value) => {
+      return value + 2
+    })
+    expect(await selectedState2.get()).toBe(104)
+  })
 })

package/src/create-state.ts

@@ -8,6 +8,7 @@ interface GetStateOptions<T> {
   readonly get: () => T
   readonly set?: (value: SetValue<T>) => void
   readonly destroy: () => void
+  readonly getSnapshot: () => T
 }
 
 let stateId = 0
@@ -20,7 +21,7 @@ type FullState<T> = GetStateOptions<T>['set'] extends undefined ? GetState<T> :
  * This is just utility function to create state base data
  */
 export function createState<T>(options: GetStateOptions<T>): FullState<T> {
-  const { get, destroy, set } = options
+  const { get, destroy, set, getSnapshot } = options
   const isSet = !!set
 
   const state: FullState<T> = function (selector) {
@@ -29,7 +30,7 @@ export function createState<T>(options: GetStateOptions<T>): FullState<T> {
   }
   state.isSet = isSet as true
   state.id = getStateId()
-  state.emitter = createEmitter<T>(get)
+  state.emitter = createEmitter<T>(getSnapshot)
   state.destroy = destroy
   state.listen = function (listener) {
     return this.emitter.subscribe(() => {
@@ -44,10 +45,10 @@ export function createState<T>(options: GetStateOptions<T>): FullState<T> {
     this.stateName = name
     return this
   }
-  state.select = function (selector, isSelectorEqual = isEqualBase) {
-    return select([state], selector, isSelectorEqual)
-  }
-  state.get = get
+  state.select = function (selector: never, isSelectorEqual = isEqualBase) {
+    return select([state as never], selector, isSelectorEqual)
+  } as never
+  state.get = get as never
   state.set = set as State<T>['set']
 
   return state

package/src/create.ts

@@ -65,6 +65,7 @@ export function create<T>(initialValue: DefaultValue<T>, isEqual: IsEqual<T> = i
     set(value: SetValue<T>) {
       stateScheduler.schedule(state.id, value)
     },
+    getSnapshot: getValue,
   })
 
   const clearScheduler = stateScheduler.add(state.id, {

package/src/select.ts

@@ -2,8 +2,8 @@ import { stateScheduler } from './create'
 import { createState } from './create-state'
 import { subscribeToDevelopmentTools } from './debug/development-tools'
 import type { Cache, GetState, IsEqual } from './types'
-import { canUpdate, handleAsyncUpdate } from './utils/common'
-import { isUndefined } from './utils/is'
+import { AbortError, canUpdate, handleAsyncUpdate } from './utils/common'
+import { isPromise, isUndefined } from './utils/is'
 
 type StateDependencies<T extends Array<unknown>> = {
   [K in keyof T]: GetState<T[K]>
@@ -21,15 +21,58 @@ export function select<T = unknown, S extends Array<unknown> = []>(
   const cache: Cache<T> = {}
 
   function computedValue(): T {
-    const values = states.map((state) => state.get()) as S
-    return selector(...values)
-  }
+    // const values = states.map((state) => state.get()) as S
 
+    const values: unknown[] = []
+    let hasPromise = false
+    for (const state of states) {
+      const value = state.get()
+      if (isPromise(value)) {
+        hasPromise = true
+      }
+      values.push(value)
+    }
+    if (hasPromise) {
+      return new Promise((resolve, reject) => {
+        Promise.all(values).then((resolvedValues) => {
+          // check if some of value is undefined
+          // eslint-disable-next-line sonarjs/no-nested-functions
+          if (resolvedValues.some((element) => isUndefined(element))) {
+            return reject(new AbortError())
+          }
+          const resolved = selector(...(resolvedValues as S))
+          resolve(resolved)
+        })
+      }) as T
+    }
+    const result = selector(...(values as S))
+    return result
+  }
+  function getSnapshot(): T {
+    if (isUndefined(cache.current)) {
+      const newValue = computedValue()
+      cache.current = handleAsyncUpdate(cache, state.emitter.emit, newValue)
+    }
+    return cache.current
+  }
   function getValue(): T {
     if (isUndefined(cache.current)) {
       const newValue = computedValue()
       cache.current = handleAsyncUpdate(cache, state.emitter.emit, newValue)
     }
+    const { current } = cache
+    if (isPromise(current)) {
+      return new Promise((resolve) => {
+        current.then((value: unknown) => {
+          if (isUndefined(value)) {
+            resolve(getValue())
+            return
+          }
+
+          resolve(value)
+        })
+      }) as T
+    }
     return cache.current
   }
 
@@ -51,6 +94,7 @@ export function select<T = unknown, S extends Array<unknown> = []>(
       cache.current = undefined
     },
     get: getValue,
+    getSnapshot,
   })
 
   const clearScheduler = stateScheduler.add(state.id, {

package/src/types.ts

@@ -13,12 +13,12 @@ export interface Cache<T> {
 
 export const EMPTY_SELECTOR = <T, S>(stateValue: T) => stateValue as unknown as S
 
-export interface GetState<T> {
+export interface GetState<T, IsFroMPromise extends boolean = false> {
   <S>(selector?: (stateValue: T) => S): Awaited<undefined extends S ? T : S>
   /**
    * Get the cached state value.
    */
-  get: () => T
+  get: () => IsFroMPromise extends true ? Promise<T> : T
   /**
    * Get the unique id of the state.
    */
@@ -48,7 +48,7 @@ export interface GetState<T> {
    * Select particular slice of the state.
    * It will create "another" state in read-only mode (without set).
    */
-  select: <S>(selector: (state: Awaited<T> | T) => S, isEqual?: IsEqual<S>) => GetState<S>
+  select: <S>(selector: (state: Awaited<T>) => S, isEqual?: IsEqual<S>) => GetState<S, T extends Promise<unknown> ? true : false>
 }
 
 export interface State<T> extends GetState<T> {

package/src/utils/common.ts

@@ -12,7 +12,7 @@ export class AbortError extends Error {
 /**
  * Cancelable promise function, return promise and controller
  */
-function cancelablePromise<T>(promise: Promise<T>, previousController?: AbortController): CancelablePromise<T> {
+export function cancelablePromise<T>(promise: Promise<T>, previousController?: AbortController): CancelablePromise<T> {
   if (previousController) {
     previousController.abort()
   }

package/types/create-state.d.ts

@@ -3,6 +3,7 @@ interface GetStateOptions<T> {
     readonly get: () => T;
     readonly set?: (value: SetValue<T>) => void;
     readonly destroy: () => void;
+    readonly getSnapshot: () => T;
 }
 type FullState<T> = GetStateOptions<T>['set'] extends undefined ? GetState<T> : State<T>;
 /**

package/types/types.d.ts

@@ -10,12 +10,12 @@ export interface Cache<T> {
     abortController?: AbortController;
 }
 export declare const EMPTY_SELECTOR: <T, S>(stateValue: T) => S;
-export interface GetState<T> {
+export interface GetState<T, IsFroMPromise extends boolean = false> {
     <S>(selector?: (stateValue: T) => S): Awaited<undefined extends S ? T : S>;
     /**
      * Get the cached state value.
      */
-    get: () => T;
+    get: () => IsFroMPromise extends true ? Promise<T> : T;
     /**
      * Get the unique id of the state.
      */
@@ -45,7 +45,7 @@ export interface GetState<T> {
      * Select particular slice of the state.
      * It will create "another" state in read-only mode (without set).
      */
-    select: <S>(selector: (state: Awaited<T> | T) => S, isEqual?: IsEqual<S>) => GetState<S>;
+    select: <S>(selector: (state: Awaited<T>) => S, isEqual?: IsEqual<S>) => GetState<S, T extends Promise<unknown> ? true : false>;
 }
 export interface State<T> extends GetState<T> {
     /**

package/types/utils/common.d.ts

@@ -6,6 +6,10 @@ export interface CancelablePromise<T> {
 export declare class AbortError extends Error {
     static readonly Error = "AbortError";
 }
+/**
+ * Cancelable promise function, return promise and controller
+ */
+export declare function cancelablePromise<T>(promise: Promise<T>, previousController?: AbortController): CancelablePromise<T>;
 /**
  * Check if the cache value is different from the previous value.
  */