awai-react 0.0.1-alpha-1 → 0.0.1-alpha-3

package/README.md

@@ -4,6 +4,7 @@
   <p>React hooks for <a href="https://awai.vercel.app">Awai</a> integration</p>
 
   <div>
+    <img src="https://github.com/yuriyyakym/awai-react/actions/workflows/tests.yml/badge.svg" />
     <img src="https://img.shields.io/badge/stability-experimental-blue.svg" />
     <img src="https://img.shields.io/badge/License-MIT-blue.svg" />
   </div>

package/dist/index.d.ts

@@ -1,4 +1,6 @@
-import { WritableState, WritableAsyncState, State, AsyncState, Setter, AsyncSetter, ReadableState, ReadableAsyncState, InferReadableType } from 'awai';
+import { ReadableAsyncState, InferReadableType, WritableState, WritableAsyncState, State, AsyncState, Setter, AsyncSetter, ReadableState } from 'awai';
+
+declare const useAsyncStateValue: <Q, T extends ReadableAsyncState<Q>>(readable: T) => InferReadableType<T>;
 
 declare const useSetState: <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(writable: Q) => Q["set"];
 
@@ -8,4 +10,4 @@ declare function useState<T>(state: AsyncState<T>): Return<AsyncState<T>>;
 
 declare const useStateValue: <T extends ReadableState<any> | ReadableAsyncState<any>>(readable: T) => InferReadableType<T>;
 
-export { useSetState, useState, useStateValue };
+export { useAsyncStateValue, useSetState, useState, useStateValue };

package/dist/index.js

@@ -1,7 +1,27 @@
 'use strict';
 
-var awai = require('awai');
 var react = require('react');
+var awai = require('awai');
+
+const useAsyncStateValue = (readable) => {
+  const [state, setState] = react.useState(readable.getAsync);
+  react.useEffect(() => {
+    let mounted = true;
+    setState(readable.getAsync());
+    (async () => {
+      while (mounted) {
+        await readable.events.changed;
+        if (mounted) {
+          setState(readable.getAsync());
+        }
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [readable]);
+  return state;
+};
 
 const useSetState = (writable) => {
   return writable.set;
@@ -9,16 +29,17 @@ const useSetState = (writable) => {
 
 const useStateValue = (readable) => {
   const [state, setState] = react.useState(readable.get);
-  if (awai.isReadableAsyncState(readable) && state === void 0) {
+  if (awai.isReadableAsyncState(readable) && readable.get() === void 0) {
     throw new Promise((resolve) => readable.events.changed.then(resolve));
   }
   react.useEffect(() => {
     let mounted = true;
+    setState(readable.get());
     (async () => {
       while (mounted) {
-        await readable.events.changed;
+        const newValue = await readable.events.changed;
         if (mounted) {
-          setState(readable.get());
+          setState(newValue);
         }
       }
     })();
@@ -35,6 +56,7 @@ function useState(state) {
   return [value, setValue];
 }
 
+exports.useAsyncStateValue = useAsyncStateValue;
 exports.useSetState = useSetState;
 exports.useState = useState;
 exports.useStateValue = useStateValue;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/useSetState.ts","../src/useStateValue.ts","../src/useState.ts"],"sourcesContent":["import type { WritableAsyncState, WritableState } from 'awai';\n\nconst useSetState = <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(\n  writable: Q,\n): Q['set'] => {\n  return writable.set;\n};\n\nexport default useSetState;\n","import {\n  type InferReadableType,\n  type ReadableAsyncState,\n  type ReadableState,\n  isReadableAsyncState,\n} from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useStateValue = <T extends ReadableState<any> | ReadableAsyncState<any>>(\n  readable: T,\n): InferReadableType<T> => {\n  const [state, setState] = useState<T | undefined>(readable.get);\n\n  if (isReadableAsyncState(readable) && state === undefined) {\n    throw new Promise((resolve) => readable.events.changed.then(resolve));\n  }\n\n  useEffect(() => {\n    let mounted = true;\n\n    (async () => {\n      while (mounted) {\n        /**\n         * @todo Cleanup on unmount\n         * @url https://github.com/yuriyyakym/awai/issues/1\n         */\n        await readable.events.changed;\n        if (mounted) {\n          setState(readable.get());\n        }\n      }\n    })();\n\n    return () => {\n      mounted = false;\n    };\n  }, [readable]);\n\n  return state as InferReadableType<T>;\n};\n\nexport default useStateValue;\n","import type { AsyncSetter, AsyncState, Setter, State } from 'awai';\n\nimport useSetState from './useSetState';\nimport useStateValue from './useStateValue';\n\ntype Return<T> = T extends State<infer U>\n  ? [U, Setter<U>]\n  : T extends AsyncState<infer V>\n  ? [V, AsyncSetter<V>]\n  : never;\n\nfunction useState<T>(state: State<T>): Return<State<T>>;\nfunction useState<T>(state: AsyncState<T>): Return<AsyncState<T>>;\nfunction useState<T>(state: State<T> | AsyncState<T>) {\n  const value = useStateValue(state);\n  const setValue = useSetState(state);\n\n  return [value, setValue];\n}\n\nexport default useState;\n"],"names":["useState","isReadableAsyncState","useEffect"],"mappings":";;;;;AAEM,MAAA,WAAA,GAAc,CAClB,QACa,KAAA;AACb,EAAA,OAAO,QAAS,CAAA,GAAA,CAAA;AAClB;;ACEM,MAAA,aAAA,GAAgB,CACpB,QACyB,KAAA;AACzB,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAwB,SAAS,GAAG,CAAA,CAAA;AAE9D,EAAA,IAAIC,yBAAqB,CAAA,QAAQ,CAAK,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACzD,IAAM,MAAA,IAAI,QAAQ,CAAC,OAAA,KAAY,SAAS,MAAO,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,GACtE;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA,CAAA;AAEd,IAAA,CAAC,YAAY;AACX,MAAA,OAAO,OAAS,EAAA;AAKd,QAAA,MAAM,SAAS,MAAO,CAAA,OAAA,CAAA;AACtB,QAAA,IAAI,OAAS,EAAA;AACX,UAAS,QAAA,CAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACC,GAAA,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA,CAAA;AAAA,KACZ,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAO,OAAA,KAAA,CAAA;AACT;;AC1BA,SAAS,SAAY,KAAiC,EAAA;AACpD,EAAM,MAAA,KAAA,GAAQ,cAAc,KAAK,CAAA,CAAA;AACjC,EAAM,MAAA,QAAA,GAAW,YAAY,KAAK,CAAA,CAAA;AAElC,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/useAsyncStateValue.ts","../src/useSetState.ts","../src/useStateValue.ts","../src/useState.ts"],"sourcesContent":["import { type InferReadableType, type ReadableAsyncState, AsyncValue } from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useAsyncStateValue = <Q, T extends ReadableAsyncState<Q>>(\n  readable: T,\n): InferReadableType<T> => {\n  const [state, setState] = useState<AsyncValue<Q>>(readable.getAsync);\n\n  useEffect(() => {\n    let mounted = true;\n\n    setState(readable.getAsync());\n\n    (async () => {\n      while (mounted) {\n        /**\n         * @todo Cleanup on unmount\n         * @url https://github.com/yuriyyakym/awai/issues/1\n         */\n        await readable.events.changed;\n        if (mounted) {\n          setState(readable.getAsync());\n        }\n      }\n    })();\n\n    return () => {\n      mounted = false;\n    };\n  }, [readable]);\n\n  return state as InferReadableType<T>;\n};\n\nexport default useAsyncStateValue;\n","import type { WritableAsyncState, WritableState } from 'awai';\n\nconst useSetState = <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(\n  writable: Q,\n): Q['set'] => {\n  return writable.set;\n};\n\nexport default useSetState;\n","import {\n  type InferReadableType,\n  type ReadableAsyncState,\n  type ReadableState,\n  isReadableAsyncState,\n} from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useStateValue = <T extends ReadableState<any> | ReadableAsyncState<any>>(\n  readable: T,\n): InferReadableType<T> => {\n  const [state, setState] = useState<T | undefined>(readable.get);\n\n  if (isReadableAsyncState(readable) && readable.get() === undefined) {\n    throw new Promise((resolve) => readable.events.changed.then(resolve));\n  }\n\n  useEffect(() => {\n    let mounted = true;\n\n    setState(readable.get());\n\n    (async () => {\n      while (mounted) {\n        /**\n         * @todo Cleanup on unmount\n         * @url https://github.com/yuriyyakym/awai/issues/1\n         */\n        const newValue = await readable.events.changed;\n        if (mounted) {\n          setState(newValue);\n        }\n      }\n    })();\n\n    return () => {\n      mounted = false;\n    };\n  }, [readable]);\n\n  return state as InferReadableType<T>;\n};\n\nexport default useStateValue;\n","import type { AsyncSetter, AsyncState, Setter, State } from 'awai';\n\nimport useSetState from './useSetState';\nimport useStateValue from './useStateValue';\n\ntype Return<T> = T extends State<infer U>\n  ? [U, Setter<U>]\n  : T extends AsyncState<infer V>\n  ? [V, AsyncSetter<V>]\n  : never;\n\nfunction useState<T>(state: State<T>): Return<State<T>>;\nfunction useState<T>(state: AsyncState<T>): Return<AsyncState<T>>;\nfunction useState<T>(state: State<T> | AsyncState<T>) {\n  const value = useStateValue(state);\n  const setValue = useSetState(state);\n\n  return [value, setValue];\n}\n\nexport default useState;\n"],"names":["useState","useEffect","isReadableAsyncState"],"mappings":";;;;;AAGM,MAAA,kBAAA,GAAqB,CACzB,QACyB,KAAA;AACzB,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAwB,SAAS,QAAQ,CAAA,CAAA;AAEnE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA,CAAA;AAEd,IAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAE5B,IAAA,CAAC,YAAY;AACX,MAAA,OAAO,OAAS,EAAA;AAKd,QAAA,MAAM,SAAS,MAAO,CAAA,OAAA,CAAA;AACtB,QAAA,IAAI,OAAS,EAAA;AACX,UAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAAA,SAC9B;AAAA,OACF;AAAA,KACC,GAAA,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA,CAAA;AAAA,KACZ,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAO,OAAA,KAAA,CAAA;AACT;;AC9BM,MAAA,WAAA,GAAc,CAClB,QACa,KAAA;AACb,EAAA,OAAO,QAAS,CAAA,GAAA,CAAA;AAClB;;ACEM,MAAA,aAAA,GAAgB,CACpB,QACyB,KAAA;AACzB,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAD,cAAA,CAAwB,SAAS,GAAG,CAAA,CAAA;AAE9D,EAAA,IAAIE,0BAAqB,QAAQ,CAAA,IAAK,QAAS,CAAA,GAAA,OAAU,KAAW,CAAA,EAAA;AAClE,IAAM,MAAA,IAAI,QAAQ,CAAC,OAAA,KAAY,SAAS,MAAO,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,GACtE;AAEA,EAAAD,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA,CAAA;AAEd,IAAS,QAAA,CAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAEvB,IAAA,CAAC,YAAY;AACX,MAAA,OAAO,OAAS,EAAA;AAKd,QAAM,MAAA,QAAA,GAAW,MAAM,QAAA,CAAS,MAAO,CAAA,OAAA,CAAA;AACvC,QAAA,IAAI,OAAS,EAAA;AACX,UAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,SACnB;AAAA,OACF;AAAA,KACC,GAAA,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA,CAAA;AAAA,KACZ,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAO,OAAA,KAAA,CAAA;AACT;;AC5BA,SAAS,SAAY,KAAiC,EAAA;AACpD,EAAM,MAAA,KAAA,GAAQ,cAAc,KAAK,CAAA,CAAA;AACjC,EAAM,MAAA,QAAA,GAAW,YAAY,KAAK,CAAA,CAAA;AAElC,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;;;;"}

package/dist/index.mjs

@@ -1,5 +1,25 @@
-import { isReadableAsyncState } from 'awai';
 import { useState as useState$1, useEffect } from 'react';
+import { isReadableAsyncState } from 'awai';
+
+const useAsyncStateValue = (readable) => {
+  const [state, setState] = useState$1(readable.getAsync);
+  useEffect(() => {
+    let mounted = true;
+    setState(readable.getAsync());
+    (async () => {
+      while (mounted) {
+        await readable.events.changed;
+        if (mounted) {
+          setState(readable.getAsync());
+        }
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [readable]);
+  return state;
+};
 
 const useSetState = (writable) => {
   return writable.set;
@@ -7,16 +27,17 @@ const useSetState = (writable) => {
 
 const useStateValue = (readable) => {
   const [state, setState] = useState$1(readable.get);
-  if (isReadableAsyncState(readable) && state === void 0) {
+  if (isReadableAsyncState(readable) && readable.get() === void 0) {
     throw new Promise((resolve) => readable.events.changed.then(resolve));
   }
   useEffect(() => {
     let mounted = true;
+    setState(readable.get());
     (async () => {
       while (mounted) {
-        await readable.events.changed;
+        const newValue = await readable.events.changed;
         if (mounted) {
-          setState(readable.get());
+          setState(newValue);
         }
       }
     })();
@@ -33,5 +54,5 @@ function useState(state) {
   return [value, setValue];
 }
 
-export { useSetState, useState, useStateValue };
+export { useAsyncStateValue, useSetState, useState, useStateValue };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/useSetState.ts","../src/useStateValue.ts","../src/useState.ts"],"sourcesContent":["import type { WritableAsyncState, WritableState } from 'awai';\n\nconst useSetState = <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(\n  writable: Q,\n): Q['set'] => {\n  return writable.set;\n};\n\nexport default useSetState;\n","import {\n  type InferReadableType,\n  type ReadableAsyncState,\n  type ReadableState,\n  isReadableAsyncState,\n} from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useStateValue = <T extends ReadableState<any> | ReadableAsyncState<any>>(\n  readable: T,\n): InferReadableType<T> => {\n  const [state, setState] = useState<T | undefined>(readable.get);\n\n  if (isReadableAsyncState(readable) && state === undefined) {\n    throw new Promise((resolve) => readable.events.changed.then(resolve));\n  }\n\n  useEffect(() => {\n    let mounted = true;\n\n    (async () => {\n      while (mounted) {\n        /**\n         * @todo Cleanup on unmount\n         * @url https://github.com/yuriyyakym/awai/issues/1\n         */\n        await readable.events.changed;\n        if (mounted) {\n          setState(readable.get());\n        }\n      }\n    })();\n\n    return () => {\n      mounted = false;\n    };\n  }, [readable]);\n\n  return state as InferReadableType<T>;\n};\n\nexport default useStateValue;\n","import type { AsyncSetter, AsyncState, Setter, State } from 'awai';\n\nimport useSetState from './useSetState';\nimport useStateValue from './useStateValue';\n\ntype Return<T> = T extends State<infer U>\n  ? [U, Setter<U>]\n  : T extends AsyncState<infer V>\n  ? [V, AsyncSetter<V>]\n  : never;\n\nfunction useState<T>(state: State<T>): Return<State<T>>;\nfunction useState<T>(state: AsyncState<T>): Return<AsyncState<T>>;\nfunction useState<T>(state: State<T> | AsyncState<T>) {\n  const value = useStateValue(state);\n  const setValue = useSetState(state);\n\n  return [value, setValue];\n}\n\nexport default useState;\n"],"names":["useState"],"mappings":";;;AAEM,MAAA,WAAA,GAAc,CAClB,QACa,KAAA;AACb,EAAA,OAAO,QAAS,CAAA,GAAA,CAAA;AAClB;;ACEM,MAAA,aAAA,GAAgB,CACpB,QACyB,KAAA;AACzB,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,UAAA,CAAwB,SAAS,GAAG,CAAA,CAAA;AAE9D,EAAA,IAAI,oBAAqB,CAAA,QAAQ,CAAK,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACzD,IAAM,MAAA,IAAI,QAAQ,CAAC,OAAA,KAAY,SAAS,MAAO,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,GACtE;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA,CAAA;AAEd,IAAA,CAAC,YAAY;AACX,MAAA,OAAO,OAAS,EAAA;AAKd,QAAA,MAAM,SAAS,MAAO,CAAA,OAAA,CAAA;AACtB,QAAA,IAAI,OAAS,EAAA;AACX,UAAS,QAAA,CAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACC,GAAA,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA,CAAA;AAAA,KACZ,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAO,OAAA,KAAA,CAAA;AACT;;AC1BA,SAAS,SAAY,KAAiC,EAAA;AACpD,EAAM,MAAA,KAAA,GAAQ,cAAc,KAAK,CAAA,CAAA;AACjC,EAAM,MAAA,QAAA,GAAW,YAAY,KAAK,CAAA,CAAA;AAElC,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;"}
+{"version":3,"file":"index.mjs","sources":["../src/useAsyncStateValue.ts","../src/useSetState.ts","../src/useStateValue.ts","../src/useState.ts"],"sourcesContent":["import { type InferReadableType, type ReadableAsyncState, AsyncValue } from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useAsyncStateValue = <Q, T extends ReadableAsyncState<Q>>(\n  readable: T,\n): InferReadableType<T> => {\n  const [state, setState] = useState<AsyncValue<Q>>(readable.getAsync);\n\n  useEffect(() => {\n    let mounted = true;\n\n    setState(readable.getAsync());\n\n    (async () => {\n      while (mounted) {\n        /**\n         * @todo Cleanup on unmount\n         * @url https://github.com/yuriyyakym/awai/issues/1\n         */\n        await readable.events.changed;\n        if (mounted) {\n          setState(readable.getAsync());\n        }\n      }\n    })();\n\n    return () => {\n      mounted = false;\n    };\n  }, [readable]);\n\n  return state as InferReadableType<T>;\n};\n\nexport default useAsyncStateValue;\n","import type { WritableAsyncState, WritableState } from 'awai';\n\nconst useSetState = <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(\n  writable: Q,\n): Q['set'] => {\n  return writable.set;\n};\n\nexport default useSetState;\n","import {\n  type InferReadableType,\n  type ReadableAsyncState,\n  type ReadableState,\n  isReadableAsyncState,\n} from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useStateValue = <T extends ReadableState<any> | ReadableAsyncState<any>>(\n  readable: T,\n): InferReadableType<T> => {\n  const [state, setState] = useState<T | undefined>(readable.get);\n\n  if (isReadableAsyncState(readable) && readable.get() === undefined) {\n    throw new Promise((resolve) => readable.events.changed.then(resolve));\n  }\n\n  useEffect(() => {\n    let mounted = true;\n\n    setState(readable.get());\n\n    (async () => {\n      while (mounted) {\n        /**\n         * @todo Cleanup on unmount\n         * @url https://github.com/yuriyyakym/awai/issues/1\n         */\n        const newValue = await readable.events.changed;\n        if (mounted) {\n          setState(newValue);\n        }\n      }\n    })();\n\n    return () => {\n      mounted = false;\n    };\n  }, [readable]);\n\n  return state as InferReadableType<T>;\n};\n\nexport default useStateValue;\n","import type { AsyncSetter, AsyncState, Setter, State } from 'awai';\n\nimport useSetState from './useSetState';\nimport useStateValue from './useStateValue';\n\ntype Return<T> = T extends State<infer U>\n  ? [U, Setter<U>]\n  : T extends AsyncState<infer V>\n  ? [V, AsyncSetter<V>]\n  : never;\n\nfunction useState<T>(state: State<T>): Return<State<T>>;\nfunction useState<T>(state: AsyncState<T>): Return<AsyncState<T>>;\nfunction useState<T>(state: State<T> | AsyncState<T>) {\n  const value = useStateValue(state);\n  const setValue = useSetState(state);\n\n  return [value, setValue];\n}\n\nexport default useState;\n"],"names":["useState"],"mappings":";;;AAGM,MAAA,kBAAA,GAAqB,CACzB,QACyB,KAAA;AACzB,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,UAAA,CAAwB,SAAS,QAAQ,CAAA,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA,CAAA;AAEd,IAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAE5B,IAAA,CAAC,YAAY;AACX,MAAA,OAAO,OAAS,EAAA;AAKd,QAAA,MAAM,SAAS,MAAO,CAAA,OAAA,CAAA;AACtB,QAAA,IAAI,OAAS,EAAA;AACX,UAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAAA,SAC9B;AAAA,OACF;AAAA,KACC,GAAA,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA,CAAA;AAAA,KACZ,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAO,OAAA,KAAA,CAAA;AACT;;AC9BM,MAAA,WAAA,GAAc,CAClB,QACa,KAAA;AACb,EAAA,OAAO,QAAS,CAAA,GAAA,CAAA;AAClB;;ACEM,MAAA,aAAA,GAAgB,CACpB,QACyB,KAAA;AACzB,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,UAAA,CAAwB,SAAS,GAAG,CAAA,CAAA;AAE9D,EAAA,IAAI,qBAAqB,QAAQ,CAAA,IAAK,QAAS,CAAA,GAAA,OAAU,KAAW,CAAA,EAAA;AAClE,IAAM,MAAA,IAAI,QAAQ,CAAC,OAAA,KAAY,SAAS,MAAO,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,GACtE;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA,CAAA;AAEd,IAAS,QAAA,CAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAEvB,IAAA,CAAC,YAAY;AACX,MAAA,OAAO,OAAS,EAAA;AAKd,QAAM,MAAA,QAAA,GAAW,MAAM,QAAA,CAAS,MAAO,CAAA,OAAA,CAAA;AACvC,QAAA,IAAI,OAAS,EAAA;AACX,UAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,SACnB;AAAA,OACF;AAAA,KACC,GAAA,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA,CAAA;AAAA,KACZ,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAO,OAAA,KAAA,CAAA;AACT;;AC5BA,SAAS,SAAY,KAAiC,EAAA;AACpD,EAAM,MAAA,KAAA,GAAQ,cAAc,KAAK,CAAA,CAAA;AACjC,EAAM,MAAA,QAAA,GAAW,YAAY,KAAK,CAAA,CAAA;AAElC,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "awai-react",
-  "version": "0.0.1-alpha-1",
+  "version": "0.0.1-alpha-3",
   "author": "Yuriy Yakym",
   "description": "React hooks for Awai integration",
   "license": "MIT",
@@ -12,7 +12,9 @@
     "dist"
   ],
   "scripts": {
-    "build": "rm -rf dist && rollup -c rollup.config.js"
+    "build": "rm -rf dist && rollup -c rollup.config.js",
+    "test": "jest",
+    "test:watch": "jest --watch"
   },
   "repository": {
     "type": "git",
@@ -31,12 +33,17 @@
     "async"
   ],
   "devDependencies": {
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.3",
     "@types/react": "^18.2.16",
     "awai": "^0.0.1-alpha-3",
+    "jest": "^29.6.2",
+    "jest-environment-jsdom": "^29.6.2",
     "react": "^18.2.0",
     "rollup": "^3.26.3",
     "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-esbuild": "^5.0.0",
+    "ts-jest": "^29.1.1",
     "typescript": "^5.1.6"
   },
   "peerDependencies": {