awai-react 0.0.1-alpha-4 → 0.0.1-alpha-6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +3 -3
- package/dist/index.js +14 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ReadableAsyncState, AsyncValue, WritableState, WritableAsyncState, State, AsyncState, Setter, AsyncSetter, ReadableState
|
|
1
|
+
import { ReadableAsyncState, InferReadableType, AsyncValue, WritableState, WritableAsyncState, State, AsyncState, Setter, AsyncSetter, ReadableState } from 'awai';
|
|
2
2
|
|
|
3
|
-
declare const useAsyncStateValue: <
|
|
3
|
+
declare const useAsyncStateValue: <T extends ReadableAsyncState<any>, V = InferReadableType<T>>(readable: T) => AsyncValue<V>;
|
|
4
4
|
|
|
5
5
|
declare const useSetState: <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(writable: Q) => Q["set"];
|
|
6
6
|
|
|
@@ -8,6 +8,6 @@ type Return<T> = T extends State<infer U> ? [U, Setter<U>] : T extends AsyncStat
|
|
|
8
8
|
declare function useState<T>(state: State<T>): Return<State<T>>;
|
|
9
9
|
declare function useState<T>(state: AsyncState<T>): Return<AsyncState<T>>;
|
|
10
10
|
|
|
11
|
-
declare const useStateValue: <T extends
|
|
11
|
+
declare const useStateValue: <T extends ReadableAsyncState<any> | ReadableState<any>>(readable: T) => InferReadableType<T>;
|
|
12
12
|
|
|
13
13
|
export { useAsyncStateValue, useSetState, useState, useStateValue };
|
package/dist/index.js
CHANGED
|
@@ -7,17 +7,28 @@ const useAsyncStateValue = (readable) => {
|
|
|
7
7
|
const [state, setState] = react.useState(readable.getAsync);
|
|
8
8
|
react.useEffect(() => {
|
|
9
9
|
let mounted = true;
|
|
10
|
+
let abortController;
|
|
10
11
|
setState(readable.getAsync());
|
|
11
12
|
(async () => {
|
|
12
13
|
while (mounted) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
abortController = new AbortController();
|
|
15
|
+
try {
|
|
16
|
+
await Promise.any([
|
|
17
|
+
readable.events.fulfilled.abortable(abortController),
|
|
18
|
+
readable.events.rejected.abortable(abortController),
|
|
19
|
+
readable.events.requested.abortable(abortController)
|
|
20
|
+
]);
|
|
21
|
+
if (mounted) {
|
|
22
|
+
setState(readable.getAsync());
|
|
23
|
+
}
|
|
24
|
+
} finally {
|
|
25
|
+
abortController.abort();
|
|
16
26
|
}
|
|
17
27
|
}
|
|
18
28
|
})();
|
|
19
29
|
return () => {
|
|
20
30
|
mounted = false;
|
|
31
|
+
abortController?.abort();
|
|
21
32
|
};
|
|
22
33
|
}, [readable]);
|
|
23
34
|
return state;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/useAsyncStateValue.ts","../src/useSetState.ts","../src/useStateValue.ts","../src/useState.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/useAsyncStateValue.ts","../src/useSetState.ts","../src/useStateValue.ts","../src/useState.ts"],"sourcesContent":["import type { InferReadableType, ReadableAsyncState, AsyncValue } from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useAsyncStateValue = <T extends ReadableAsyncState<any>, V = InferReadableType<T>>(\n readable: T,\n): AsyncValue<V> => {\n const [state, setState] = useState<AsyncValue<V>>(readable.getAsync);\n\n useEffect(() => {\n let mounted = true;\n let abortController: AbortController;\n\n setState(readable.getAsync());\n\n (async () => {\n while (mounted) {\n abortController = new AbortController();\n /**\n * @todo Cleanup on unmount\n * @url https://github.com/yuriyyakym/awai/issues/1\n */\n try {\n await Promise.any([\n readable.events.fulfilled.abortable(abortController),\n readable.events.rejected.abortable(abortController),\n readable.events.requested.abortable(abortController),\n ]);\n\n if (mounted) {\n setState(readable.getAsync());\n }\n } finally {\n abortController.abort();\n }\n }\n })();\n\n return () => {\n mounted = false;\n abortController?.abort();\n };\n }, [readable]);\n\n return state;\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,QACkB,KAAA;AAClB,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;AACd,IAAI,IAAA,eAAA,CAAA;AAEJ,IAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAE5B,IAAA,CAAC,YAAY;AACX,MAAA,OAAO,OAAS,EAAA;AACd,QAAA,eAAA,GAAkB,IAAI,eAAgB,EAAA,CAAA;AAKtC,QAAI,IAAA;AACF,UAAA,MAAM,QAAQ,GAAI,CAAA;AAAA,YAChB,QAAS,CAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,eAAe,CAAA;AAAA,YACnD,QAAS,CAAA,MAAA,CAAO,QAAS,CAAA,SAAA,CAAU,eAAe,CAAA;AAAA,YAClD,QAAS,CAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,eAAe,CAAA;AAAA,WACpD,CAAA,CAAA;AAED,UAAA,IAAI,OAAS,EAAA;AACX,YAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAAA,WAC9B;AAAA,SACA,SAAA;AACA,UAAA,eAAA,CAAgB,KAAM,EAAA,CAAA;AAAA,SACxB;AAAA,OACF;AAAA,KACC,GAAA,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA,CAAA;AACV,MAAA,eAAA,EAAiB,KAAM,EAAA,CAAA;AAAA,KACzB,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAO,OAAA,KAAA,CAAA;AACT;;AC1CM,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
CHANGED
|
@@ -5,17 +5,28 @@ const useAsyncStateValue = (readable) => {
|
|
|
5
5
|
const [state, setState] = useState$1(readable.getAsync);
|
|
6
6
|
useEffect(() => {
|
|
7
7
|
let mounted = true;
|
|
8
|
+
let abortController;
|
|
8
9
|
setState(readable.getAsync());
|
|
9
10
|
(async () => {
|
|
10
11
|
while (mounted) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
abortController = new AbortController();
|
|
13
|
+
try {
|
|
14
|
+
await Promise.any([
|
|
15
|
+
readable.events.fulfilled.abortable(abortController),
|
|
16
|
+
readable.events.rejected.abortable(abortController),
|
|
17
|
+
readable.events.requested.abortable(abortController)
|
|
18
|
+
]);
|
|
19
|
+
if (mounted) {
|
|
20
|
+
setState(readable.getAsync());
|
|
21
|
+
}
|
|
22
|
+
} finally {
|
|
23
|
+
abortController.abort();
|
|
14
24
|
}
|
|
15
25
|
}
|
|
16
26
|
})();
|
|
17
27
|
return () => {
|
|
18
28
|
mounted = false;
|
|
29
|
+
abortController?.abort();
|
|
19
30
|
};
|
|
20
31
|
}, [readable]);
|
|
21
32
|
return state;
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../src/useAsyncStateValue.ts","../src/useSetState.ts","../src/useStateValue.ts","../src/useState.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../src/useAsyncStateValue.ts","../src/useSetState.ts","../src/useStateValue.ts","../src/useState.ts"],"sourcesContent":["import type { InferReadableType, ReadableAsyncState, AsyncValue } from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useAsyncStateValue = <T extends ReadableAsyncState<any>, V = InferReadableType<T>>(\n readable: T,\n): AsyncValue<V> => {\n const [state, setState] = useState<AsyncValue<V>>(readable.getAsync);\n\n useEffect(() => {\n let mounted = true;\n let abortController: AbortController;\n\n setState(readable.getAsync());\n\n (async () => {\n while (mounted) {\n abortController = new AbortController();\n /**\n * @todo Cleanup on unmount\n * @url https://github.com/yuriyyakym/awai/issues/1\n */\n try {\n await Promise.any([\n readable.events.fulfilled.abortable(abortController),\n readable.events.rejected.abortable(abortController),\n readable.events.requested.abortable(abortController),\n ]);\n\n if (mounted) {\n setState(readable.getAsync());\n }\n } finally {\n abortController.abort();\n }\n }\n })();\n\n return () => {\n mounted = false;\n abortController?.abort();\n };\n }, [readable]);\n\n return state;\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,QACkB,KAAA;AAClB,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;AACd,IAAI,IAAA,eAAA,CAAA;AAEJ,IAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAE5B,IAAA,CAAC,YAAY;AACX,MAAA,OAAO,OAAS,EAAA;AACd,QAAA,eAAA,GAAkB,IAAI,eAAgB,EAAA,CAAA;AAKtC,QAAI,IAAA;AACF,UAAA,MAAM,QAAQ,GAAI,CAAA;AAAA,YAChB,QAAS,CAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,eAAe,CAAA;AAAA,YACnD,QAAS,CAAA,MAAA,CAAO,QAAS,CAAA,SAAA,CAAU,eAAe,CAAA;AAAA,YAClD,QAAS,CAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,eAAe,CAAA;AAAA,WACpD,CAAA,CAAA;AAED,UAAA,IAAI,OAAS,EAAA;AACX,YAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAAA,WAC9B;AAAA,SACA,SAAA;AACA,UAAA,eAAA,CAAgB,KAAM,EAAA,CAAA;AAAA,SACxB;AAAA,OACF;AAAA,KACC,GAAA,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA,CAAA;AACV,MAAA,eAAA,EAAiB,KAAM,EAAA,CAAA;AAAA,KACzB,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAO,OAAA,KAAA,CAAA;AACT;;AC1CM,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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "awai-react",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "v0.0.1-alpha-6",
|
|
4
4
|
"author": "Yuriy Yakym",
|
|
5
5
|
"description": "React hooks for Awai integration",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"@testing-library/react": "^14.0.0",
|
|
37
37
|
"@types/jest": "^29.5.3",
|
|
38
38
|
"@types/react": "^18.2.16",
|
|
39
|
-
"awai": "^0.0
|
|
39
|
+
"awai": "^1.0.0-alpha-2",
|
|
40
40
|
"jest": "^29.6.2",
|
|
41
41
|
"jest-environment-jsdom": "^29.6.2",
|
|
42
42
|
"react": "^18.2.0",
|