@yaasl/react 0.8.0-alpha.1 → 0.8.0-alpha.2

package/dist/@types/index.d.ts

@@ -1,3 +1,3 @@
 export { useAtom, useSetAtom, useAtomValue, useAtomDidInit } from "./useAtom";
-export { useDerivedValue } from "./useDerivedValue";
+export { useDerive, useSetDerive, useDeriveValue } from "./useDerive";
 export * from "@yaasl/core";

package/dist/@types/useAtom.d.ts

@@ -1,6 +1,4 @@
-import { SetStateAction } from "react";
 import { Atom, Stateful } from "@yaasl/core";
-import { SettableDerive } from "@yaasl/core/src";
 /** Use an atom's value in the react lifecycle.
  *
  * @param atom Atom to be used.
@@ -14,7 +12,7 @@ export declare const useAtomValue: <ValueType>(atom: Stateful<ValueType>) => Val
  *
  * @returns A setter function for the atom.
  **/
-export declare const useSetAtom: <ValueType>(atom: Atom<ValueType> | SettableDerive<ValueType>) => (next: SetStateAction<ValueType>) => void;
+export declare const useSetAtom: <ValueType>(atom: Atom<ValueType>) => (next: import("react").SetStateAction<ValueType>) => void;
 /** Use an atom's initialization state in the react lifecycle.
  *
  *  @param atom Atom to be used.
@@ -30,4 +28,4 @@ export declare const useAtomDidInit: <ValueType>(atom: Atom<ValueType>) => boole
  *
  * @returns [value, setValue, didInit]
  **/
-export declare const useAtom: <ValueType>(atom: Atom<ValueType> | SettableDerive<ValueType>) => readonly [ValueType, (next: SetStateAction<ValueType>) => void, boolean];
+export declare const useAtom: <ValueType>(atom: Atom<ValueType>) => readonly [ValueType, (next: import("react").SetStateAction<ValueType>) => void, boolean];

package/dist/@types/useDerive.d.ts

@@ -0,0 +1,24 @@
+import { Derive } from "@yaasl/core";
+/** Use a derive atom's value in the react lifecycle.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns A stateful value.
+ **/
+export declare const useDeriveValue: <ValueType>(derive: Derive<ValueType>) => ValueType;
+/** Set a derive atom's value in the react lifecycle.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns A setter function for the derive atom.
+ **/
+export declare const useSetDerive: <ValueType>(derive: Derive<ValueType>) => (next: import("react").SetStateAction<ValueType>) => void;
+/** Use a derive atom's value and setter in the react lifecycle.
+ *
+ * **Note:** Use `useDeriveValue` or `useSetDerive` to use value or setter separately.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns [value, setValue]
+ **/
+export declare const useDerive: <ValueType>(derive: Derive<ValueType>) => readonly [ValueType, (next: import("react").SetStateAction<ValueType>) => void];

package/dist/@types/useStateful.d.ts

@@ -0,0 +1,4 @@
+import { SetStateAction } from "react";
+import { Stateful } from "@yaasl/core";
+export declare const useStatefulValue: <ValueType>(stateful: Stateful<ValueType>) => ValueType;
+export declare const useSetStateful: <ValueType>(stateful: Stateful<ValueType>) => (next: SetStateAction<ValueType>) => void;

package/dist/cjs/index.js

@@ -14,12 +14,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDerivedValue = exports.useAtomDidInit = exports.useAtomValue = exports.useSetAtom = exports.useAtom = void 0;
+exports.useDeriveValue = exports.useSetDerive = exports.useDerive = exports.useAtomDidInit = exports.useAtomValue = exports.useSetAtom = exports.useAtom = void 0;
 var useAtom_1 = require("./useAtom");
 Object.defineProperty(exports, "useAtom", { enumerable: true, get: function () { return useAtom_1.useAtom; } });
 Object.defineProperty(exports, "useSetAtom", { enumerable: true, get: function () { return useAtom_1.useSetAtom; } });
 Object.defineProperty(exports, "useAtomValue", { enumerable: true, get: function () { return useAtom_1.useAtomValue; } });
 Object.defineProperty(exports, "useAtomDidInit", { enumerable: true, get: function () { return useAtom_1.useAtomDidInit; } });
-var useDerivedValue_1 = require("./useDerivedValue");
-Object.defineProperty(exports, "useDerivedValue", { enumerable: true, get: function () { return useDerivedValue_1.useDerivedValue; } });
+var useDerive_1 = require("./useDerive");
+Object.defineProperty(exports, "useDerive", { enumerable: true, get: function () { return useDerive_1.useDerive; } });
+Object.defineProperty(exports, "useSetDerive", { enumerable: true, get: function () { return useDerive_1.useSetDerive; } });
+Object.defineProperty(exports, "useDeriveValue", { enumerable: true, get: function () { return useDerive_1.useDeriveValue; } });
 __exportStar(require("@yaasl/core"), exports);

package/dist/cjs/useAtom.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAtom = exports.useAtomDidInit = exports.useSetAtom = exports.useAtomValue = void 0;
 const react_1 = require("react");
+const useStateful_1 = require("./useStateful");
 /** Use an atom's value in the react lifecycle.
  *
  * @param atom Atom to be used.
  *
  * @returns A stateful value.
  **/
-const useAtomValue = (atom) => (0, react_1.useSyncExternalStore)(set => atom.subscribe(set), () => atom.get());
+const useAtomValue = (atom) => (0, useStateful_1.useStatefulValue)(atom);
 exports.useAtomValue = useAtomValue;
 /** Set an atom's value in the react lifecycle.
  *
@@ -16,9 +17,7 @@ exports.useAtomValue = useAtomValue;
  *
  * @returns A setter function for the atom.
  **/
-const useSetAtom = (atom) => {
-    return (0, react_1.useCallback)((next) => atom.set(next), [atom]);
-};
+const useSetAtom = (atom) => (0, useStateful_1.useSetStateful)(atom);
 exports.useSetAtom = useSetAtom;
 /** Use an atom's initialization state in the react lifecycle.
  *

package/dist/cjs/useDerive.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDerive = exports.useSetDerive = exports.useDeriveValue = void 0;
+const useStateful_1 = require("./useStateful");
+/** Use a derive atom's value in the react lifecycle.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns A stateful value.
+ **/
+const useDeriveValue = (derive) => (0, useStateful_1.useStatefulValue)(derive);
+exports.useDeriveValue = useDeriveValue;
+/** Set a derive atom's value in the react lifecycle.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns A setter function for the derive atom.
+ **/
+const useSetDerive = (derive) => (0, useStateful_1.useSetStateful)(derive);
+exports.useSetDerive = useSetDerive;
+/** Use a derive atom's value and setter in the react lifecycle.
+ *
+ * **Note:** Use `useDeriveValue` or `useSetDerive` to use value or setter separately.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns [value, setValue]
+ **/
+const useDerive = (derive) => {
+    const state = (0, exports.useDeriveValue)(derive);
+    const setState = (0, exports.useSetDerive)(derive);
+    return [state, setState];
+};
+exports.useDerive = useDerive;

package/dist/cjs/useStateful.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetStateful = exports.useStatefulValue = void 0;
+const react_1 = require("react");
+const utils_1 = require("@yaasl/utils");
+const useStatefulValue = (stateful) => (0, react_1.useSyncExternalStore)(set => stateful.subscribe(set), () => stateful.get());
+exports.useStatefulValue = useStatefulValue;
+const useSetStateful = (stateful) => (0, react_1.useCallback)((next) => {
+    if (!("set" in stateful) || !(stateful.set instanceof Function)) {
+        throw new Error((0, utils_1.consoleMessage)("Atom does not have a set method"));
+    }
+    stateful.set(next);
+}, [stateful]);
+exports.useSetStateful = useSetStateful;

package/dist/mjs/index.js

@@ -1,3 +1,3 @@
 export { useAtom, useSetAtom, useAtomValue, useAtomDidInit } from "./useAtom";
-export { useDerivedValue } from "./useDerivedValue";
+export { useDerive, useSetDerive, useDeriveValue } from "./useDerive";
 export * from "@yaasl/core";

package/dist/mjs/useAtom.js

@@ -1,20 +1,19 @@
-import { useCallback, useState, useEffect, useSyncExternalStore, } from "react";
+import { useState, useEffect } from "react";
+import { useSetStateful, useStatefulValue } from "./useStateful";
 /** Use an atom's value in the react lifecycle.
  *
  * @param atom Atom to be used.
  *
  * @returns A stateful value.
  **/
-export const useAtomValue = (atom) => useSyncExternalStore(set => atom.subscribe(set), () => atom.get());
+export const useAtomValue = (atom) => useStatefulValue(atom);
 /** Set an atom's value in the react lifecycle.
  *
  * @param atom Atom to be used.
  *
  * @returns A setter function for the atom.
  **/
-export const useSetAtom = (atom) => {
-    return useCallback((next) => atom.set(next), [atom]);
-};
+export const useSetAtom = (atom) => useSetStateful(atom);
 /** Use an atom's initialization state in the react lifecycle.
  *
  *  @param atom Atom to be used.

package/dist/mjs/useDerive.js

@@ -0,0 +1,28 @@
+import { useSetStateful, useStatefulValue } from "./useStateful";
+/** Use a derive atom's value in the react lifecycle.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns A stateful value.
+ **/
+export const useDeriveValue = (derive) => useStatefulValue(derive);
+/** Set a derive atom's value in the react lifecycle.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns A setter function for the derive atom.
+ **/
+export const useSetDerive = (derive) => useSetStateful(derive);
+/** Use a derive atom's value and setter in the react lifecycle.
+ *
+ * **Note:** Use `useDeriveValue` or `useSetDerive` to use value or setter separately.
+ *
+ * @param derive Derive atom to be used.
+ *
+ * @returns [value, setValue]
+ **/
+export const useDerive = (derive) => {
+    const state = useDeriveValue(derive);
+    const setState = useSetDerive(derive);
+    return [state, setState];
+};

package/dist/mjs/useStateful.js

@@ -0,0 +1,9 @@
+import { useCallback, useSyncExternalStore } from "react";
+import { consoleMessage } from "@yaasl/utils";
+export const useStatefulValue = (stateful) => useSyncExternalStore(set => stateful.subscribe(set), () => stateful.get());
+export const useSetStateful = (stateful) => useCallback((next) => {
+    if (!("set" in stateful) || !(stateful.set instanceof Function)) {
+        throw new Error(consoleMessage("Atom does not have a set method"));
+    }
+    stateful.set(next);
+}, [stateful]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yaasl/react",
-  "version": "0.8.0-alpha.1",
+  "version": "0.8.0-alpha.2",
   "description": "yet another atomic store library (react)",
   "author": "PrettyCoffee",
   "license": "MIT",
@@ -41,7 +41,8 @@
     "react": ">=17"
   },
   "dependencies": {
-    "@yaasl/core": "0.8.0-alpha.1"
+    "@yaasl/core": "0.8.0-alpha.2",
+    "@yaasl/utils": "0.8.0-alpha.2"
   },
   "devDependencies": {
     "@testing-library/react": "^14.2.1",

package/dist/@types/useDerivedValue.d.ts

@@ -1,8 +0,0 @@
-import { Derive } from "@yaasl/core";
-/** Use a derived value in the react lifecycle.
- *
- * @param derived Derived instance to be used.
- *
- * @returns A stateful value.
- **/
-export declare const useDerivedValue: <ValueType>(derived: Derive<ValueType>) => ValueType;

package/dist/@types/useStatefulValue.d.ts

@@ -1,2 +0,0 @@
-import { Stateful } from "@yaasl/core";
-export declare const useStatefulValue: <ValueType>(atom: Stateful<ValueType>) => ValueType;

package/dist/cjs/useDerivedValue.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDerivedValue = void 0;
-const useStatefulValue_1 = require("./useStatefulValue");
-/** Use a derived value in the react lifecycle.
- *
- * @param derived Derived instance to be used.
- *
- * @returns A stateful value.
- **/
-const useDerivedValue = (derived) => (0, useStatefulValue_1.useStatefulValue)(derived);
-exports.useDerivedValue = useDerivedValue;

package/dist/cjs/useStatefulValue.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStatefulValue = void 0;
-const react_1 = require("react");
-const useStatefulValue = (atom) => (0, react_1.useSyncExternalStore)(set => atom.subscribe(set), () => atom.get());
-exports.useStatefulValue = useStatefulValue;

package/dist/mjs/useDerivedValue.js

@@ -1,8 +0,0 @@
-import { useStatefulValue } from "./useStatefulValue";
-/** Use a derived value in the react lifecycle.
- *
- * @param derived Derived instance to be used.
- *
- * @returns A stateful value.
- **/
-export const useDerivedValue = (derived) => useStatefulValue(derived);

package/dist/mjs/useStatefulValue.js

@@ -1,2 +0,0 @@
-import { useSyncExternalStore } from "react";
-export const useStatefulValue = (atom) => useSyncExternalStore(set => atom.subscribe(set), () => atom.get());