awai-react 0.0.1-alpha-9 → 0.0.1-alpha-11

package/dist/index.cjs

@@ -0,0 +1,110 @@
+'use strict';
+
+var React = require('react');
+var awai = require('awai');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function createGetSnapshot(readable) {
+  if (!awai.isReadableAsyncState(readable)) {
+    return () => readable.get();
+  }
+  let previousSnapshot = void 0;
+  return () => {
+    const snapshot = readable.getAsync();
+    const isEqual = snapshot.error === previousSnapshot?.error && snapshot.isLoading === previousSnapshot?.isLoading && snapshot.value === previousSnapshot?.value;
+    if (isEqual) {
+      return previousSnapshot;
+    }
+    previousSnapshot = snapshot;
+    return snapshot;
+  };
+}
+
+const createSubscribe = (readable) => {
+  return (onStoreChange) => {
+    const abortController = new AbortController();
+    awai.scenario(
+      () => awai.isReadableAsyncState(readable) ? awai.race(
+        [readable.events.requested, readable.events.fulfilled, readable.events.rejected],
+        abortController.signal
+      ) : readable.events.changed.abortable(abortController.signal),
+      onStoreChange,
+      { until: abortController.signal }
+    );
+    return () => {
+      abortController.abort();
+    };
+  };
+};
+
+const useAwaiAsyncValue = (readable) => {
+  const subscribe = React.useMemo(() => createSubscribe(readable), [readable]);
+  const getSnapshot = React.useMemo(() => createGetSnapshot(readable), [readable]);
+  return React.useSyncExternalStore(subscribe, getSnapshot);
+};
+
+const useAwaiSetState = (writable) => {
+  return writable.set;
+};
+
+const { useMemo, useSyncExternalStore } = React__namespace;
+const { use } = React__namespace;
+const suspend = (promise) => {
+  if (use) {
+    use(promise);
+    return;
+  }
+  throw promise;
+};
+const useAwaiStateValue = (readable) => {
+  const isAsync = awai.isReadableAsyncState(readable);
+  const getSnapshot = useMemo(() => createGetSnapshot(readable), [readable]);
+  const subscribe = useMemo(() => createSubscribe(readable), [readable]);
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot);
+  const isLoading = isAsync && snapshot.isLoading;
+  const isSettledPromise = useMemo(
+    () => isLoading ? readable.getPromise() : void 0,
+    [readable, isLoading]
+  );
+  if (!isAsync) {
+    return snapshot;
+  }
+  const asyncSnapshot = snapshot;
+  if (asyncSnapshot.error) {
+    throw asyncSnapshot.error;
+  }
+  if (isSettledPromise) {
+    suspend(isSettledPromise);
+  }
+  return asyncSnapshot.value;
+};
+
+function useAwaiState(state) {
+  const value = useAwaiStateValue(state);
+  const setValue = useAwaiSetState(state);
+  return [value, setValue];
+}
+
+exports.useAwaiAsyncValue = useAwaiAsyncValue;
+exports.useAwaiSetState = useAwaiSetState;
+exports.useAwaiState = useAwaiState;
+exports.useAwaiStateValue = useAwaiStateValue;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/lib/createGetSnapshot.ts","../src/lib/createSubscribe.ts","../src/useAwaiAsyncValue.ts","../src/useAwaiSetState.ts","../src/useAwaiStateValue.ts","../src/useAwaiState.ts"],"sourcesContent":["import { AsyncValue, isReadableAsyncState, ReadableAsyncState, ReadableState } from 'awai';\n\ntype SnapshotValue<R> = R extends ReadableAsyncState<infer T>\n  ? AsyncValue<T>\n  : R extends ReadableState<infer T>\n  ? T\n  : never;\n\ntype ReadableInput = ReadableState<any> | ReadableAsyncState<any>;\n\nfunction createGetSnapshot<const R extends ReadableInput>(readable: R): () => SnapshotValue<R> {\n  if (!isReadableAsyncState(readable)) {\n    return () => readable.get();\n  }\n\n  let previousSnapshot: AsyncValue<unknown> | undefined = undefined;\n\n  return () => {\n    const snapshot = readable.getAsync();\n    const isEqual =\n      snapshot.error === previousSnapshot?.error &&\n      snapshot.isLoading === previousSnapshot?.isLoading &&\n      snapshot.value === previousSnapshot?.value;\n\n    if (isEqual) {\n      return previousSnapshot as SnapshotValue<R>;\n    }\n\n    previousSnapshot = snapshot;\n    return snapshot as SnapshotValue<R>;\n  };\n}\n\nexport default createGetSnapshot;\n","import { isReadableAsyncState, ReadableAsyncState, ReadableState, race, scenario } from 'awai';\n\nconst createSubscribe = <T extends ReadableState<any> | ReadableAsyncState<any>>(readable: T) => {\n  return (onStoreChange: () => void) => {\n    const abortController = new AbortController();\n\n    scenario(\n      () =>\n        isReadableAsyncState(readable)\n          ? race(\n              [readable.events.requested, readable.events.fulfilled, readable.events.rejected],\n              abortController.signal,\n            )\n          : readable.events.changed.abortable(abortController.signal),\n      onStoreChange,\n      { until: abortController.signal },\n    );\n\n    return () => {\n      abortController.abort();\n    };\n  };\n};\n\nexport default createSubscribe;\n","import type { ReadableAsyncState, AsyncValue } from 'awai';\nimport { useMemo, useSyncExternalStore } from 'react';\nimport createGetSnapshot from './lib/createGetSnapshot';\nimport createSubscribe from './lib/createSubscribe';\n\nconst useAwaiAsyncValue = <T>(readable: ReadableAsyncState<T>): AsyncValue<T> => {\n  const subscribe = useMemo(() => createSubscribe(readable), [readable]);\n  const getSnapshot = useMemo(() => createGetSnapshot(readable), [readable]);\n\n  return useSyncExternalStore(subscribe, getSnapshot);\n};\n\nexport default useAwaiAsyncValue;\n","import type { WritableAsyncState, WritableState } from 'awai';\n\nconst useAwaiSetState = <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(\n  writable: Q,\n): Q['set'] => {\n  return writable.set;\n};\n\nexport default useAwaiSetState;\n","import {\n  type AsyncValue,\n  type ReadableAsyncState,\n  type ReadableState,\n  isReadableAsyncState,\n} from 'awai';\nimport * as React from 'react';\nimport createSubscribe from './lib/createSubscribe';\nimport createGetSnapshot from './lib/createGetSnapshot';\n\nconst { useMemo, useSyncExternalStore } = React;\nconst { use } = React as { use?: (promise: Promise<unknown>) => unknown };\nconst suspend = (promise: Promise<unknown>) => {\n  if (use) {\n    use(promise);\n    return;\n  }\n\n  throw promise;\n};\n\nconst useAwaiStateValue = <T>(readable: ReadableState<T> | ReadableAsyncState<T>): T => {\n  const isAsync = isReadableAsyncState(readable);\n  const getSnapshot = useMemo(() => createGetSnapshot(readable), [readable]);\n  const subscribe = useMemo(() => createSubscribe(readable), [readable]);\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot);\n  const isLoading = isAsync && (snapshot as AsyncValue<T>).isLoading;\n\n  const isSettledPromise = useMemo(\n    () => (isLoading ? readable.getPromise() : undefined),\n    [readable, isLoading],\n  );\n\n  if (!isAsync) {\n    return snapshot as T;\n  }\n\n  const asyncSnapshot = snapshot as AsyncValue<T>;\n\n  if (asyncSnapshot.error) {\n    throw asyncSnapshot.error;\n  }\n\n  if (isSettledPromise) {\n    suspend(isSettledPromise);\n  }\n\n  return asyncSnapshot.value!;\n};\n\nexport default useAwaiStateValue;\n","import type { AsyncSetter, AsyncState, Setter, State } from 'awai';\n\nimport useAwaiSetState from './useAwaiSetState';\nimport useAwaiStateValue from './useAwaiStateValue';\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 useAwaiState<T>(state: State<T>): Return<State<T>>;\nfunction useAwaiState<T>(state: AsyncState<T>): Return<AsyncState<T>>;\nfunction useAwaiState<T>(state: State<T> | AsyncState<T>) {\n  const value = useAwaiStateValue(state);\n  const setValue = useAwaiSetState(state);\n\n  return [value, setValue];\n}\n\nexport default useAwaiState;\n"],"names":["isReadableAsyncState","scenario","race","useMemo","useSyncExternalStore","React"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,13 +1,13 @@
-import { ReadableAsyncState, InferReadableType, AsyncValue, WritableState, WritableAsyncState, State, AsyncState, Setter, AsyncSetter, ReadableState } from 'awai';
+import { ReadableAsyncState, AsyncValue, WritableState, WritableAsyncState, State, AsyncState, Setter, AsyncSetter, ReadableState } from 'awai';
 
-declare const useAsyncStateValue: <T extends ReadableAsyncState<any>, V = InferReadableType<T>>(readable: T) => AsyncValue<V>;
+declare const useAwaiAsyncValue: <T>(readable: ReadableAsyncState<T>) => AsyncValue<T>;
 
-declare const useSetState: <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(writable: Q) => Q["set"];
+declare const useAwaiSetState: <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(writable: Q) => Q["set"];
 
 type Return<T> = T extends State<infer U> ? [U, Setter<U>] : T extends AsyncState<infer V> ? [V, AsyncSetter<V>] : never;
-declare function useState<T>(state: State<T>): Return<State<T>>;
-declare function useState<T>(state: AsyncState<T>): Return<AsyncState<T>>;
+declare function useAwaiState<T>(state: State<T>): Return<State<T>>;
+declare function useAwaiState<T>(state: AsyncState<T>): Return<AsyncState<T>>;
 
-declare const useStateValue: <T extends ReadableAsyncState<any> | ReadableState<any>>(readable: T) => InferReadableType<T>;
+declare const useAwaiStateValue: <T>(readable: ReadableState<T> | ReadableAsyncState<T>) => T;
 
-export { useAsyncStateValue, useSetState, useState, useStateValue };
+export { useAwaiAsyncValue, useAwaiSetState, useAwaiState, useAwaiStateValue };

package/dist/index.mjs

@@ -1,74 +1,87 @@
-import { useState as useState$1, useEffect, startTransition } from 'react';
-import { isReadableAsyncState } from 'awai';
+import * as React from 'react';
+import { useMemo as useMemo$1, useSyncExternalStore as useSyncExternalStore$1 } from 'react';
+import { isReadableAsyncState, scenario, race } from 'awai';
 
-const useAsyncStateValue = (readable) => {
-  const [state, setState] = useState$1(readable.getAsync);
-  useEffect(() => {
-    let mounted = true;
-    let abortController;
-    setState(readable.getAsync());
-    (async () => {
-      while (mounted) {
-        abortController = new AbortController();
-        try {
-          await Promise.any([
-            readable.events.fulfilled.abortable(abortController),
-            readable.events.rejected.abortable(abortController),
-            readable.events.requested.abortable(abortController)
-          ]);
-          const newAsync = readable.getAsync();
-          const isChanged = newAsync.error !== state.error || newAsync.isLoading !== state.isLoading || newAsync.value !== state.value;
-          if (isChanged && mounted) {
-            setState(readable.getAsync());
-          }
-        } catch {
-        } finally {
-          abortController.abort();
-        }
-      }
-    })();
+function createGetSnapshot(readable) {
+  if (!isReadableAsyncState(readable)) {
+    return () => readable.get();
+  }
+  let previousSnapshot = void 0;
+  return () => {
+    const snapshot = readable.getAsync();
+    const isEqual = snapshot.error === previousSnapshot?.error && snapshot.isLoading === previousSnapshot?.isLoading && snapshot.value === previousSnapshot?.value;
+    if (isEqual) {
+      return previousSnapshot;
+    }
+    previousSnapshot = snapshot;
+    return snapshot;
+  };
+}
+
+const createSubscribe = (readable) => {
+  return (onStoreChange) => {
+    const abortController = new AbortController();
+    scenario(
+      () => isReadableAsyncState(readable) ? race(
+        [readable.events.requested, readable.events.fulfilled, readable.events.rejected],
+        abortController.signal
+      ) : readable.events.changed.abortable(abortController.signal),
+      onStoreChange,
+      { until: abortController.signal }
+    );
     return () => {
-      mounted = false;
-      abortController?.abort();
+      abortController.abort();
     };
-  }, [readable]);
-  return state;
+  };
 };
 
-const useSetState = (writable) => {
+const useAwaiAsyncValue = (readable) => {
+  const subscribe = useMemo$1(() => createSubscribe(readable), [readable]);
+  const getSnapshot = useMemo$1(() => createGetSnapshot(readable), [readable]);
+  return useSyncExternalStore$1(subscribe, getSnapshot);
+};
+
+const useAwaiSetState = (writable) => {
   return writable.set;
 };
 
-const useStateValue = (readable) => {
-  const [state, setState] = useState$1(readable.get);
-  if (isReadableAsyncState(readable) && readable.get() === void 0) {
-    startTransition(() => {
-      throw new Promise((resolve) => readable.events.changed.then(resolve));
-    });
+const { useMemo, useSyncExternalStore } = React;
+const { use } = React;
+const suspend = (promise) => {
+  if (use) {
+    use(promise);
+    return;
   }
-  useEffect(() => {
-    let mounted = true;
-    setState(readable.get());
-    (async () => {
-      while (mounted) {
-        const newValue = await readable.events.changed;
-        if (mounted) {
-          setState(newValue);
-        }
-      }
-    })();
-    return () => {
-      mounted = false;
-    };
-  }, [readable]);
-  return state;
+  throw promise;
+};
+const useAwaiStateValue = (readable) => {
+  const isAsync = isReadableAsyncState(readable);
+  const getSnapshot = useMemo(() => createGetSnapshot(readable), [readable]);
+  const subscribe = useMemo(() => createSubscribe(readable), [readable]);
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot);
+  const isLoading = isAsync && snapshot.isLoading;
+  const isSettledPromise = useMemo(
+    () => isLoading ? readable.getPromise() : void 0,
+    [readable, isLoading]
+  );
+  if (!isAsync) {
+    return snapshot;
+  }
+  const asyncSnapshot = snapshot;
+  if (asyncSnapshot.error) {
+    throw asyncSnapshot.error;
+  }
+  if (isSettledPromise) {
+    suspend(isSettledPromise);
+  }
+  return asyncSnapshot.value;
 };
 
-function useState(state) {
-  const value = useStateValue(state);
-  const setValue = useSetState(state);
+function useAwaiState(state) {
+  const value = useAwaiStateValue(state);
+  const setValue = useAwaiSetState(state);
   return [value, setValue];
 }
 
-export { useAsyncStateValue, useSetState, useState, useStateValue };
+export { useAwaiAsyncValue, useAwaiSetState, useAwaiState, useAwaiStateValue };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +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          const newAsync = readable.getAsync();\n          const isChanged =\n            newAsync.error !== state.error ||\n            newAsync.isLoading !== state.isLoading ||\n            newAsync.value !== state.value;\n\n          if (isChanged && mounted) {\n            setState(readable.getAsync());\n          }\n        } catch {\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 { startTransition, 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    startTransition(() => {\n      throw new Promise((resolve) => readable.events.changed.then(resolve));\n    });\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,UAAM,MAAA,QAAA,GAAW,SAAS,QAAS,EAAA,CAAA;AACnC,UAAM,MAAA,SAAA,GACJ,QAAS,CAAA,KAAA,KAAU,KAAM,CAAA,KAAA,IACzB,QAAS,CAAA,SAAA,KAAc,KAAM,CAAA,SAAA,IAC7B,QAAS,CAAA,KAAA,KAAU,KAAM,CAAA,KAAA,CAAA;AAE3B,UAAA,IAAI,aAAa,OAAS,EAAA;AACxB,YAAS,QAAA,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AAAA,WAC9B;AAAA,SACM,CAAA,MAAA;AAAA,SACN,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;;ACjDM,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,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAM,MAAA,IAAI,QAAQ,CAAC,OAAA,KAAY,SAAS,MAAO,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAO,CAAC,CAAA,CAAA;AAAA,KACrE,CAAA,CAAA;AAAA,GACH;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;;AC9BA,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/lib/createGetSnapshot.ts","../src/lib/createSubscribe.ts","../src/useAwaiAsyncValue.ts","../src/useAwaiSetState.ts","../src/useAwaiStateValue.ts","../src/useAwaiState.ts"],"sourcesContent":["import { AsyncValue, isReadableAsyncState, ReadableAsyncState, ReadableState } from 'awai';\n\ntype SnapshotValue<R> = R extends ReadableAsyncState<infer T>\n  ? AsyncValue<T>\n  : R extends ReadableState<infer T>\n  ? T\n  : never;\n\ntype ReadableInput = ReadableState<any> | ReadableAsyncState<any>;\n\nfunction createGetSnapshot<const R extends ReadableInput>(readable: R): () => SnapshotValue<R> {\n  if (!isReadableAsyncState(readable)) {\n    return () => readable.get();\n  }\n\n  let previousSnapshot: AsyncValue<unknown> | undefined = undefined;\n\n  return () => {\n    const snapshot = readable.getAsync();\n    const isEqual =\n      snapshot.error === previousSnapshot?.error &&\n      snapshot.isLoading === previousSnapshot?.isLoading &&\n      snapshot.value === previousSnapshot?.value;\n\n    if (isEqual) {\n      return previousSnapshot as SnapshotValue<R>;\n    }\n\n    previousSnapshot = snapshot;\n    return snapshot as SnapshotValue<R>;\n  };\n}\n\nexport default createGetSnapshot;\n","import { isReadableAsyncState, ReadableAsyncState, ReadableState, race, scenario } from 'awai';\n\nconst createSubscribe = <T extends ReadableState<any> | ReadableAsyncState<any>>(readable: T) => {\n  return (onStoreChange: () => void) => {\n    const abortController = new AbortController();\n\n    scenario(\n      () =>\n        isReadableAsyncState(readable)\n          ? race(\n              [readable.events.requested, readable.events.fulfilled, readable.events.rejected],\n              abortController.signal,\n            )\n          : readable.events.changed.abortable(abortController.signal),\n      onStoreChange,\n      { until: abortController.signal },\n    );\n\n    return () => {\n      abortController.abort();\n    };\n  };\n};\n\nexport default createSubscribe;\n","import type { ReadableAsyncState, AsyncValue } from 'awai';\nimport { useMemo, useSyncExternalStore } from 'react';\nimport createGetSnapshot from './lib/createGetSnapshot';\nimport createSubscribe from './lib/createSubscribe';\n\nconst useAwaiAsyncValue = <T>(readable: ReadableAsyncState<T>): AsyncValue<T> => {\n  const subscribe = useMemo(() => createSubscribe(readable), [readable]);\n  const getSnapshot = useMemo(() => createGetSnapshot(readable), [readable]);\n\n  return useSyncExternalStore(subscribe, getSnapshot);\n};\n\nexport default useAwaiAsyncValue;\n","import type { WritableAsyncState, WritableState } from 'awai';\n\nconst useAwaiSetState = <Q extends WritableState<T> | WritableAsyncState<T>, T = any>(\n  writable: Q,\n): Q['set'] => {\n  return writable.set;\n};\n\nexport default useAwaiSetState;\n","import {\n  type AsyncValue,\n  type ReadableAsyncState,\n  type ReadableState,\n  isReadableAsyncState,\n} from 'awai';\nimport * as React from 'react';\nimport createSubscribe from './lib/createSubscribe';\nimport createGetSnapshot from './lib/createGetSnapshot';\n\nconst { useMemo, useSyncExternalStore } = React;\nconst { use } = React as { use?: (promise: Promise<unknown>) => unknown };\nconst suspend = (promise: Promise<unknown>) => {\n  if (use) {\n    use(promise);\n    return;\n  }\n\n  throw promise;\n};\n\nconst useAwaiStateValue = <T>(readable: ReadableState<T> | ReadableAsyncState<T>): T => {\n  const isAsync = isReadableAsyncState(readable);\n  const getSnapshot = useMemo(() => createGetSnapshot(readable), [readable]);\n  const subscribe = useMemo(() => createSubscribe(readable), [readable]);\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot);\n  const isLoading = isAsync && (snapshot as AsyncValue<T>).isLoading;\n\n  const isSettledPromise = useMemo(\n    () => (isLoading ? readable.getPromise() : undefined),\n    [readable, isLoading],\n  );\n\n  if (!isAsync) {\n    return snapshot as T;\n  }\n\n  const asyncSnapshot = snapshot as AsyncValue<T>;\n\n  if (asyncSnapshot.error) {\n    throw asyncSnapshot.error;\n  }\n\n  if (isSettledPromise) {\n    suspend(isSettledPromise);\n  }\n\n  return asyncSnapshot.value!;\n};\n\nexport default useAwaiStateValue;\n","import type { AsyncSetter, AsyncState, Setter, State } from 'awai';\n\nimport useAwaiSetState from './useAwaiSetState';\nimport useAwaiStateValue from './useAwaiStateValue';\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 useAwaiState<T>(state: State<T>): Return<State<T>>;\nfunction useAwaiState<T>(state: AsyncState<T>): Return<AsyncState<T>>;\nfunction useAwaiState<T>(state: State<T> | AsyncState<T>) {\n  const value = useAwaiStateValue(state);\n  const setValue = useAwaiSetState(state);\n\n  return [value, setValue];\n}\n\nexport default useAwaiState;\n"],"names":["useMemo","useSyncExternalStore"],"mappings":"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"}

package/package.json

@@ -1,20 +1,27 @@
 {
   "name": "awai-react",
-  "version": "v0.0.1-alpha-9",
+  "version": "v0.0.1-alpha-11",
   "author": "Yuriy Yakym",
   "description": "React hooks for Awai integration",
   "license": "MIT",
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "typings": "dist/index.d.ts",
   "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "rm -rf dist && rollup -c rollup.config.js",
-    "test": "jest",
-    "test:watch": "jest --watch"
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "repository": {
     "type": "git",
@@ -33,21 +40,20 @@
     "async"
   ],
   "devDependencies": {
-    "@testing-library/react": "^14.0.0",
-    "@types/jest": "^29.5.3",
-    "@types/react": "^18.2.16",
-    "awai": "^1.0.0-alpha-2",
-    "jest": "^29.6.2",
-    "jest-environment-jsdom": "^29.6.2",
-    "react": "^18.2.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.2.3",
+    "awai": "^1.0.0-rc-7",
+    "jsdom": "^24.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.2.3",
     "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"
+    "typescript": "^5.1.6",
+    "vitest": "^2.1.0"
   },
   "peerDependencies": {
     "awai": "*",
-    "react": "*"
+    "react": "^18.2.0 || ^19.0.0"
   }
 }

package/dist/index.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var react = require('react');
-var awai = require('awai');
-
-const useAsyncStateValue = (readable) => {
-  const [state, setState] = react.useState(readable.getAsync);
-  react.useEffect(() => {
-    let mounted = true;
-    let abortController;
-    setState(readable.getAsync());
-    (async () => {
-      while (mounted) {
-        abortController = new AbortController();
-        try {
-          await Promise.any([
-            readable.events.fulfilled.abortable(abortController),
-            readable.events.rejected.abortable(abortController),
-            readable.events.requested.abortable(abortController)
-          ]);
-          const newAsync = readable.getAsync();
-          const isChanged = newAsync.error !== state.error || newAsync.isLoading !== state.isLoading || newAsync.value !== state.value;
-          if (isChanged && mounted) {
-            setState(readable.getAsync());
-          }
-        } catch {
-        } finally {
-          abortController.abort();
-        }
-      }
-    })();
-    return () => {
-      mounted = false;
-      abortController?.abort();
-    };
-  }, [readable]);
-  return state;
-};
-
-const useSetState = (writable) => {
-  return writable.set;
-};
-
-const useStateValue = (readable) => {
-  const [state, setState] = react.useState(readable.get);
-  if (awai.isReadableAsyncState(readable) && readable.get() === void 0) {
-    react.startTransition(() => {
-      throw new Promise((resolve) => readable.events.changed.then(resolve));
-    });
-  }
-  react.useEffect(() => {
-    let mounted = true;
-    setState(readable.get());
-    (async () => {
-      while (mounted) {
-        const newValue = await readable.events.changed;
-        if (mounted) {
-          setState(newValue);
-        }
-      }
-    })();
-    return () => {
-      mounted = false;
-    };
-  }, [readable]);
-  return state;
-};
-
-function useState(state) {
-  const value = useStateValue(state);
-  const setValue = useSetState(state);
-  return [value, setValue];
-}
-
-exports.useAsyncStateValue = useAsyncStateValue;
-exports.useSetState = useSetState;
-exports.useState = useState;
-exports.useStateValue = useStateValue;
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"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          const newAsync = readable.getAsync();\n          const isChanged =\n            newAsync.error !== state.error ||\n            newAsync.isLoading !== state.isLoading ||\n            newAsync.value !== state.value;\n\n          if (isChanged && mounted) {\n            setState(readable.getAsync());\n          }\n        } catch {\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 { startTransition, 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    startTransition(() => {\n      throw new Promise((resolve) => readable.events.changed.then(resolve));\n    });\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","startTransition"],"mappings":"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"}