muya 2.0.8 → 2.0.9

package/README.md

@@ -251,6 +251,11 @@ So how `set` state will behave with async initial value?
 1. Directly call `.set(2)` will be sync, and will set the value to 2 (it will cancel the initial promise)
 2. Call `.set((prev) => prev + 1)` will wait until previous promise is resolved, so previous value in set callback is always resolved. 
 
+### Async selectors knowledge base
+1. Values in selectors derived from another async selectors will be always sync **(not promise)**
+2. If the selector is async (`state.select(async (s) => s + 1)`) it will automatically use suspense mode, so on each change it firstly resolved promise (hit suspense) and then update the value.
+3. If the selector is sync, but it's derived from async selector, it will also be in suspense mode - but it depends what the parent is, if the parent is async state, it will hit the suspense only once, on initial load, but if the parent is another async selector, it will hit suspense on each change.
+
 ### Debugging
 `Muya` in dev mode automatically connects to the `redux` devtools extension if it is installed in the browser. For now devtool api is simple - state updates.
 
@@ -258,3 +263,6 @@ So how `set` state will behave with async initial value?
 
 This library is a fun, experimental project and not a replacement for robust state management tools. For more advanced use cases, consider libraries like `Zustand`, `Jotai`, or `Redux`. 
 If you enjoy `Muya`, please give it a ⭐️! :)
+
+
+

package/cjs/index.js

@@ -1 +1 @@
-"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}
+"use strict";var I=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var K=(e,t)=>{for(var r in t)I(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&&I(e,o,{get:()=>t[o],enumerable:!(n=j(t,o))||n.enumerable});return e};var J=e=>Y(I({},"__esModule",{value:!0}),e);var $={};K($,{EMPTY_SELECTOR:()=>F,create:()=>L,isAbortError:()=>v,isArray:()=>k,isEqualBase:()=>S,isError:()=>D,isFunction:()=>w,isMap:()=>E,isPromise:()=>f,isSet:()=>g,isSetValueFunction:()=>G,isState:()=>W,isUndefined:()=>d,select:()=>P,shallow:()=>z,useValue:()=>V});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(!d(e.current)){if(!d(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=>{v(u)||(e.current=u,t())})}function f(e){return e instanceof Promise}function w(e){return typeof e=="function"}function E(e){return e instanceof Map}function g(e){return e instanceof Set}function k(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 v(e){return e instanceof T}function D(e){return e instanceof Error}function d(e){return e===void 0}function W(e){return w(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 P(e,t,r){let n={};function o(){let c=!1,l=e.map(O=>{let y=O.get();return f(y)&&(c=!0),y});return c?new Promise((O,y)=>{Promise.all(l).then(U=>{if(U.some(H=>d(H)))return y(new T);let M=t(...U);O(M)})}):t(...l)}function u(){if(d(n.current)){let c=o();n.current=p(n,i.emitter.emit,c)}return n.current}function s(){if(d(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(d(b)){l(s());return}l(b)})}):n.current}let a=[];for(let c of e){let l=c.emitter.subscribe(()=>{h.schedule(i.id,null)});a.push(l)}let i=C({destroy(){for(let c of a)c();m(),i.emitter.clear(),n.current=void 0},get:s,getSnapshot:u}),m=h.add(i.id,{onFinish(){let c=o();n.current=p(n,i.emitter.emit,c),x(n,r)&&i.emitter.emit()}});return i}var A=require("react");function V(e,t=F){let{emitter:r}=e,n=(0,A.useSyncExternalStore)(e.emitter.subscribe,()=>t(r.getSnapshot()),()=>t(r.getInitialSnapshot?r.getInitialSnapshot():r.getSnapshot()));if((0,A.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 V(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 P([s],a,i)},s.get=t,s.set=n,s}var h=q();function L(e,t=S){let r={};function n(){try{if(d(r.current)){let i=w(e)?e():e,m=p(r,s.emitter.emit,i);return r.current=m,r.current}return r.current}catch(i){r.current=i}return r.current}async function o(i,m){await i;let c=m(r.current),l=p(r,s.emitter.emit,c);r.current=l}function u(i){let m=n(),c=G(i);if(c&&f(m)){o(m,i);return}r.abortController&&r.abortController.abort();let l=c?i(m):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){h.schedule(s.id,i)},getSnapshot:n}),a=h.add(s.id,{onFinish(){r.current=n(),x(r,t)&&s.emitter.emit()},onResolveItem:u});return w(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(k(e)&&k(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/select.js

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

package/esm/use-value.js

@@ -1 +1 @@
-import{useDebugValue as r,useSyncExternalStore as o}from"react";import{EMPTY_SELECTOR as a}from"./types";import{isError as s,isPromise as S}from"./utils/is";function d(i,n=a){const{emitter:e}=i,t=o(i.emitter.subscribe,()=>n(e.getSnapshot()),()=>n(e.getInitialSnapshot?e.getInitialSnapshot():e.getSnapshot()));if(r(t),S(t)||s(t))throw t;return t}export{d as useValue};
+import{useDebugValue as n,useSyncExternalStore as r}from"react";import{EMPTY_SELECTOR as o}from"./types";import{isError as s,isPromise as S}from"./utils/is";function p(i,a=o){const{emitter:e}=i,t=r(i.emitter.subscribe,()=>a(e.getSnapshot()),()=>a(e.getInitialSnapshot?e.getInitialSnapshot():e.getSnapshot()));if(n(t),S(t)||s(t))throw t;return t}export{p as useValue};

package/package.json

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

package/src/__tests__/select.test.tsx

@@ -87,7 +87,7 @@ describe('select', () => {
     const state = create(longPromise(100))
     const selectedState = select([state], async (value) => {
       await longPromise(100)
-      return (await value) + 1
+      return value + 1
     })
     const listener = jest.fn()
     selectedState.listen(listener)
@@ -100,7 +100,7 @@ describe('select', () => {
     const state = create(longPromise(100))
     const selectedState = select([state], async (value) => {
       await longPromise(100)
-      return (await value) + 1
+      return value + 1
     })
     const selectedState2 = selectedState.select(async (value) => value + 1)
     const listener = jest.fn()
@@ -114,7 +114,7 @@ describe('select', () => {
     const state = create(longPromise(100))
     const selectedState = select([state], async (value) => {
       // await longPromise(100)
-      return (await value) + 1
+      return value + 1
     })
     const listener = jest.fn()
     selectedState.listen(listener)

package/src/select.ts

@@ -9,29 +9,30 @@ type StateDependencies<T extends Array<unknown>> = {
   [K in keyof T]: GetState<T[K]>
 }
 
+type AwaitedArray<T extends Array<unknown>> = {
+  [K in keyof T]: Awaited<T[K]>
+}
 /**
  * Selecting state from multiple states.
  * It will create new state in read-only mode (without set).
  */
 export function select<T = unknown, S extends Array<unknown> = []>(
   states: StateDependencies<S>,
-  selector: (...values: S) => T,
+  selector: (...values: AwaitedArray<S>) => T,
   isEqual?: IsEqual<T>,
 ): GetState<T> {
   const cache: Cache<T> = {}
 
   function computedValue(): T {
-    // 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)) {
+    const values = states.map((state) => {
+      const stateValue = state.get()
+      if (isPromise(stateValue)) {
         hasPromise = true
       }
-      values.push(value)
-    }
+      return stateValue
+    }) as S
+
     if (hasPromise) {
       return new Promise((resolve, reject) => {
         Promise.all(values).then((resolvedValues) => {
@@ -40,12 +41,12 @@ export function select<T = unknown, S extends Array<unknown> = []>(
           if (resolvedValues.some((element) => isUndefined(element))) {
             return reject(new AbortError())
           }
-          const resolved = selector(...(resolvedValues as S))
+          const resolved = selector(...resolvedValues)
           resolve(resolved)
         })
       }) as T
     }
-    const result = selector(...(values as S))
+    const result = selector(...(values as AwaitedArray<S>))
     return result
   }
   function getSnapshot(): T {

package/src/types.ts

@@ -14,7 +14,7 @@ export interface Cache<T> {
 export const EMPTY_SELECTOR = <T, S>(stateValue: T) => stateValue as unknown as S
 
 export interface GetState<T, IsFroMPromise extends boolean = false> {
-  <S>(selector?: (stateValue: T) => S): Awaited<undefined extends S ? T : S>
+  <S>(selector?: (stateValue: Awaited<T>) => S): Awaited<undefined extends S ? T : S>
   /**
    * Get the cached state value.
    */

package/src/use-value.ts

@@ -4,13 +4,13 @@ import { isError, isPromise } from './utils/is'
 
 export function useValue<T, S>(
   state: GetState<T>,
-  selector: (stateValue: T) => S = EMPTY_SELECTOR,
+  selector: (stateValue: Awaited<T>) => S = EMPTY_SELECTOR,
 ): Awaited<undefined extends S ? T : S> {
   const { emitter } = state
   const value = useSyncExternalStore<S>(
     state.emitter.subscribe,
-    () => selector(emitter.getSnapshot()),
-    () => selector(emitter.getInitialSnapshot ? emitter.getInitialSnapshot() : emitter.getSnapshot()),
+    () => selector(emitter.getSnapshot() as Awaited<T>),
+    () => selector((emitter.getInitialSnapshot ? emitter.getInitialSnapshot() : emitter.getSnapshot()) as Awaited<T>),
   )
   useDebugValue(value)
   if (isPromise(value)) {

package/types/select.d.ts

@@ -2,9 +2,12 @@ import type { GetState, IsEqual } from './types';
 type StateDependencies<T extends Array<unknown>> = {
     [K in keyof T]: GetState<T[K]>;
 };
+type AwaitedArray<T extends Array<unknown>> = {
+    [K in keyof T]: Awaited<T[K]>;
+};
 /**
  * Selecting state from multiple states.
  * It will create new state in read-only mode (without set).
  */
-export declare function select<T = unknown, S extends Array<unknown> = []>(states: StateDependencies<S>, selector: (...values: S) => T, isEqual?: IsEqual<T>): GetState<T>;
+export declare function select<T = unknown, S extends Array<unknown> = []>(states: StateDependencies<S>, selector: (...values: AwaitedArray<S>) => T, isEqual?: IsEqual<T>): GetState<T>;
 export {};

package/types/types.d.ts

@@ -11,7 +11,7 @@ export interface Cache<T> {
 }
 export declare const EMPTY_SELECTOR: <T, S>(stateValue: T) => S;
 export interface GetState<T, IsFroMPromise extends boolean = false> {
-    <S>(selector?: (stateValue: T) => S): Awaited<undefined extends S ? T : S>;
+    <S>(selector?: (stateValue: Awaited<T>) => S): Awaited<undefined extends S ? T : S>;
     /**
      * Get the cached state value.
      */

package/types/use-value.d.ts

@@ -1,2 +1,2 @@
 import { type GetState } from './types';
-export declare function useValue<T, S>(state: GetState<T>, selector?: (stateValue: T) => S): Awaited<undefined extends S ? T : S>;
+export declare function useValue<T, S>(state: GetState<T>, selector?: (stateValue: Awaited<T>) => S): Awaited<undefined extends S ? T : S>;