@yaasl/preact 0.10.0 → 0.10.2

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

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

package/dist/cjs/useStateful.js

@@ -2,17 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSetStateful = exports.useStatefulValue = void 0;
 const utils_1 = require("@yaasl/utils");
+const compat_1 = require("preact/compat");
 const hooks_1 = require("preact/hooks");
-const useStatefulValue = (atom) => {
-    const [state, setState] = (0, hooks_1.useState)(atom.get());
-    const unsubscribe = (0, hooks_1.useRef)(() => true);
-    (0, hooks_1.useEffect)(() => {
-        unsubscribe.current();
-        unsubscribe.current = atom.subscribe(setState);
-        return () => unsubscribe.current();
-    }, [atom]);
-    return state;
-};
+const useStatefulValue = (stateful) => (0, compat_1.useSyncExternalStore)(set => stateful.subscribe(set), () => stateful.get());
 exports.useStatefulValue = useStatefulValue;
 const useSetStateful = (stateful) => (0, hooks_1.useCallback)((next) => {
     if (!("set" in stateful) || !(stateful.set instanceof Function)) {

package/dist/mjs/useStateful.js

@@ -1,15 +1,7 @@
 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;
-};
+import { useSyncExternalStore } from "preact/compat";
+import { useCallback } from "preact/hooks";
+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"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yaasl/preact",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "yet another atomic store library (preact)",
   "author": "PrettyCoffee",
   "license": "MIT",
@@ -41,12 +41,12 @@
     "preact": ">=10"
   },
   "dependencies": {
-    "@yaasl/core": "0.10.0",
-    "@yaasl/utils": "0.10.0"
+    "@yaasl/core": "0.10.2",
+    "@yaasl/utils": "0.10.2"
   },
   "devDependencies": {
-    "@testing-library/preact": "^3.2.3",
-    "preact": "^10.21.0"
+    "@testing-library/preact": "^3.2.4",
+    "preact": "^10.24.2"
   },
   "eslintConfig": {
     "extends": [