awai-react 0.0.0

package/README.md

@@ -0,0 +1,16 @@
+<div align="center">
+  <h1>Awai-React</h1>
+  
+  <p>React hooks for <a href="https://awai.vercel.app">Awai</a> integration</p>
+
+  <div>
+    <img src="https://img.shields.io/badge/stability-experimental-blue.svg" />
+    <img src="https://img.shields.io/badge/License-MIT-blue.svg" />
+  </div>
+
+  <br />
+  
+  <p>
+    | <a href="https://github.com/yuriyyakym/awai">Awai</a> | <a href="https://awai.vercel.app/">Documentation</a> |
+  </p>
+</div>

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { WritableState, WritableAsyncState, State, AsyncState, Setter, AsyncSetter, ReadableState, ReadableAsyncState } from 'awai';
+
+declare const useSetState: <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 const useStateValue: <T>(readable: ReadableState<T> | ReadableAsyncState<T>) => T;
+
+export { useSetState, useState, useStateValue };

package/dist/index.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var awai = require('awai');
+var react = require('react');
+
+const useSetState = (writable) => {
+  return writable.set;
+};
+
+const useStateValue = (readable) => {
+  const [state, setState] = react.useState(readable.get);
+  if (awai.isReadableAsyncState(readable) && state === void 0) {
+    throw new Promise((resolve) => readable.events.changed.then(resolve));
+  }
+  react.useEffect(() => {
+    let mounted = true;
+    (async () => {
+      while (mounted) {
+        await readable.events.changed;
+        if (mounted) {
+          setState(readable.get());
+        }
+      }
+    })();
+    return () => {
+      mounted = false;
+    };
+  }, [readable]);
+  return state;
+};
+
+function useState(state) {
+  const value = useStateValue(state);
+  const setValue = useSetState(state);
+  return [value, setValue];
+}
+
+exports.useSetState = useSetState;
+exports.useState = useState;
+exports.useStateValue = useStateValue;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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 { ReadableAsyncState, ReadableState, isReadableAsyncState } from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useStateValue = <T>(readable: ReadableState<T> | ReadableAsyncState<T>): 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 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;;ACHM,MAAA,aAAA,GAAgB,CAAI,QAA0D,KAAA;AAClF,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;;ACnBA,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

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

package/dist/index.mjs.map

@@ -0,0 +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 { ReadableAsyncState, ReadableState, isReadableAsyncState } from 'awai';\nimport { useEffect, useState } from 'react';\n\nconst useStateValue = <T>(readable: ReadableState<T> | ReadableAsyncState<T>): 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 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;;ACHM,MAAA,aAAA,GAAgB,CAAI,QAA0D,KAAA;AAClF,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;;ACnBA,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

@@ -0,0 +1,46 @@
+{
+  "name": "awai-react",
+  "version": "0.0.0",
+  "author": "Yuriy Yakym",
+  "description": "React hooks for Awai integration",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "typings": "dist/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rm -rf dist && rollup -c rollup.config.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yuriyyakym/awai-react.git"
+  },
+  "bugs": {
+    "url": "https://github.com/yuriyyakym/awai-react/issues"
+  },
+  "keywords": [
+    "react",
+    "state",
+    "library",
+    "typescript",
+    "javascript",
+    "promise",
+    "async"
+  ],
+  "devDependencies": {
+    "@types/react": "^18.2.16",
+    "awai": "^0.0.1-alpha-3",
+    "react": "^18.2.0",
+    "rollup": "^3.26.3",
+    "rollup-plugin-dts": "^5.3.0",
+    "rollup-plugin-esbuild": "^5.0.0",
+    "typescript": "^5.1.6"
+  },
+  "peerDependencies": {
+    "awai": "*",
+    "react": "*"
+  }
+}