@yaasl/preact 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/useDerive.d.ts

@@ -0,0 +1,24 @@
+import { Derive } from "@yaasl/core";
+/** Use a derive atom's value in the preact 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 preact 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("../../utils/dist/@types").SetStateAction<ValueType>) => void;
+/** Use a derive atom's value and setter in the preact 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("../../utils/dist/@types").SetStateAction<ValueType>) => void];

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

@@ -0,0 +1,4 @@
+import { Stateful } from "@yaasl/core";
+import { SetStateAction } from "@yaasl/utils";
+export declare const useStatefulValue: <ValueType>(atom: 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,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAtom = exports.useAtomDidInit = exports.useSetAtom = exports.useAtomValue = void 0;
 const hooks_1 = require("preact/hooks");
-const useStatefulValue_1 = require("./useStatefulValue");
+const useStateful_1 = require("./useStateful");
 /** Use an atom's value in the preact lifecycle.
  *
  * @param atom Atom to be used.
  *
  * @returns A stateful value.
  **/
-const useAtomValue = (atom) => (0, useStatefulValue_1.useStatefulValue)(atom);
+const useAtomValue = (atom) => (0, useStateful_1.useStatefulValue)(atom);
 exports.useAtomValue = useAtomValue;
 /** Set an atom's value in the preact lifecycle.
  *
@@ -17,7 +17,7 @@ exports.useAtomValue = useAtomValue;
  *
  * @returns A setter function for the atom.
  **/
-const useSetAtom = (atom) => (0, hooks_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 preact 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 preact 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 preact 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 preact 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/{useStatefulValue.js → useStateful.js}

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStatefulValue = void 0;
+exports.useSetStateful = exports.useStatefulValue = void 0;
+const utils_1 = require("@yaasl/utils");
 const hooks_1 = require("preact/hooks");
 const useStatefulValue = (atom) => {
     const [state, setState] = (0, hooks_1.useState)(atom.get());
@@ -13,3 +14,10 @@ const useStatefulValue = (atom) => {
     return state;
 };
 exports.useStatefulValue = useStatefulValue;
+const useSetStateful = (stateful) => (0, hooks_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,5 +1,5 @@
-import { useCallback, useEffect, useState } from "preact/hooks";
-import { useStatefulValue } from "./useStatefulValue";
+import { useEffect, useState } from "preact/hooks";
+import { useStatefulValue, useSetStateful } from "./useStateful";
 /** Use an atom's value in the preact lifecycle.
  *
  * @param atom Atom to be used.
@@ -13,7 +13,7 @@ export const useAtomValue = (atom) => useStatefulValue(atom);
  *
  * @returns A setter function for the atom.
  **/
-export const useSetAtom = (atom) => useCallback((next) => atom.set(next), [atom]);
+export const useSetAtom = (atom) => useSetStateful(atom);
 /** Use an atom's initialization state in the preact 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 preact 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 preact 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 preact 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,18 @@
+import { consoleMessage } from "@yaasl/utils";
+import { useState, useEffect, useRef, useCallback } from "preact/hooks";
+export const useStatefulValue = (atom) => {
+    const [state, setState] = useState(atom.get());
+    const unsubscribe = useRef(() => true);
+    useEffect(() => {
+        unsubscribe.current();
+        unsubscribe.current = atom.subscribe(setState);
+        return () => unsubscribe.current();
+    }, [atom]);
+    return state;
+};
+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/preact",
-  "version": "0.8.0-alpha.1",
+  "version": "0.8.0-alpha.2",
   "description": "yet another atomic store library (preact)",
   "author": "PrettyCoffee",
   "license": "MIT",
@@ -41,8 +41,8 @@
     "preact": ">=10"
   },
   "dependencies": {
-    "@yaasl/core": "0.8.0-alpha.1",
-    "@yaasl/utils": "0.8.0-alpha.1"
+    "@yaasl/core": "0.8.0-alpha.2",
+    "@yaasl/utils": "0.8.0-alpha.2"
   },
   "devDependencies": {
     "@testing-library/preact": "^3.2.3",

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

@@ -1,8 +0,0 @@
-import { Derive } from "@yaasl/core";
-/** Use a derived value in the preact 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 preact 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/mjs/useDerivedValue.js

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

package/dist/mjs/useStatefulValue.js

@@ -1,11 +0,0 @@
-import { useState, useEffect, useRef } from "preact/hooks";
-export const useStatefulValue = (atom) => {
-    const [state, setState] = useState(atom.get());
-    const unsubscribe = useRef(() => true);
-    useEffect(() => {
-        unsubscribe.current();
-        unsubscribe.current = atom.subscribe(setState);
-        return () => unsubscribe.current();
-    }, [atom]);
-    return state;
-};