@yaasl/react 0.15.0-alpha.0 → 0.15.0-alpha.1

package/dist/@types/use-atom.d.ts

@@ -1,11 +1,12 @@
 import type { Stateful } from "@yaasl/core";
+import type { Subscribable } from "@yaasl/utils";
 /** Use an atom's value in the React lifecycle.
  *
  * @param atom Atom to be used.
  *
  * @returns The atom's value.
  **/
-export declare const useAtom: <ValueType>(atom: Stateful<ValueType>) => ValueType;
+export declare const useAtom: <ValueType>(atom: Subscribable<ValueType>) => ValueType;
 /** Use an atom's initialization state in the React lifecycle.
  *
  *  @param atom Atom to be used.

package/dist/@types/use-selector.d.ts

@@ -1,12 +1,10 @@
-import { Stateful } from "@yaasl/core";
-type InferValuesFromAtoms<TAtoms, TValues extends unknown[] = []> = TAtoms extends Stateful<infer TValue> ? [...TValues, TValue] : TAtoms extends [Stateful<infer Value>, ...infer Rest] ? InferValuesFromAtoms<Rest, [...TValues, Value]> : TValues;
+import { type Subscribable, type InferValues } from "@yaasl/utils";
 /** Compute a new value based on the state of an atom.
  *
  * @param atom Atom to be used.
- * @param selector Function to retrieve the new value.
+ * @param combiner Function to retrieve the new value.
  * @param compare Function to compare the previous with a newer result. Defaults to a custom equality function.
  *
  * @returns The computed value.
  **/
-export declare const useSelector: <TAtoms extends Stateful | [Stateful, ...Stateful[]], TResult>(atoms: TAtoms, selector: (...states: InferValuesFromAtoms<TAtoms>) => TResult, compare?: (before: TResult, after: TResult) => boolean) => TResult;
-export {};
+export declare const useSelector: <TAtoms extends Subscribable | [Subscribable, ...Subscribable[]], TResult>(atoms: TAtoms, combiner: (...states: InferValues<TAtoms>) => TResult, compare?: (before: TResult, after: TResult) => boolean) => TResult;

package/dist/cjs/use-selector.js

@@ -6,26 +6,24 @@ const utils_1 = require("@yaasl/utils");
 /** Compute a new value based on the state of an atom.
  *
  * @param atom Atom to be used.
- * @param selector Function to retrieve the new value.
+ * @param combiner Function to retrieve the new value.
  * @param compare Function to compare the previous with a newer result. Defaults to a custom equality function.
  *
  * @returns The computed value.
  **/
-const useSelector = (atoms, selector, compare) => {
-    const memoizedSelector = (0, react_1.useRef)((0, utils_1.memoizeFunction)(selector, compare));
+const useSelector = (atoms, combiner, compare) => {
+    const memoizedCombiner = (0, react_1.useRef)((0, utils_1.memoizeFunction)(combiner, compare));
     (0, react_1.useEffect)(() => {
-        memoizedSelector.current.resultFn = selector;
-        memoizedSelector.current.compareResult = compare;
+        memoizedCombiner.current.resultFn = combiner;
+        memoizedCombiner.current.compareResult = compare;
     });
     const subscribe = (onStoreChange) => {
-        const atomArray = [atoms].flat();
-        const unsubscribers = atomArray.map(atom => atom.subscribe(onStoreChange));
+        const unsubscribers = (0, utils_1.toArray)(atoms).map(atom => atom.subscribe(onStoreChange));
         return () => unsubscribers.forEach(fn => fn());
     };
     const getSnapshot = () => {
-        const atomArray = [atoms].flat();
-        const args = atomArray.map(atom => atom.get());
-        return memoizedSelector.current(...args);
+        const args = (0, utils_1.toArray)(atoms).map(atom => atom.get());
+        return memoizedCombiner.current(...args);
     };
     return (0, react_1.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 };

package/dist/esm/use-selector.js

@@ -1,28 +1,26 @@
 import { useEffect, useRef, useSyncExternalStore } from "react";
-import { memoizeFunction } from "@yaasl/utils";
+import { memoizeFunction, toArray, } from "@yaasl/utils";
 /** Compute a new value based on the state of an atom.
  *
  * @param atom Atom to be used.
- * @param selector Function to retrieve the new value.
+ * @param combiner Function to retrieve the new value.
  * @param compare Function to compare the previous with a newer result. Defaults to a custom equality function.
  *
  * @returns The computed value.
  **/
-export const useSelector = (atoms, selector, compare) => {
-    const memoizedSelector = useRef(memoizeFunction(selector, compare));
+export const useSelector = (atoms, combiner, compare) => {
+    const memoizedCombiner = useRef(memoizeFunction(combiner, compare));
     useEffect(() => {
-        memoizedSelector.current.resultFn = selector;
-        memoizedSelector.current.compareResult = compare;
+        memoizedCombiner.current.resultFn = combiner;
+        memoizedCombiner.current.compareResult = compare;
     });
     const subscribe = (onStoreChange) => {
-        const atomArray = [atoms].flat();
-        const unsubscribers = atomArray.map(atom => atom.subscribe(onStoreChange));
+        const unsubscribers = toArray(atoms).map(atom => atom.subscribe(onStoreChange));
         return () => unsubscribers.forEach(fn => fn());
     };
     const getSnapshot = () => {
-        const atomArray = [atoms].flat();
-        const args = atomArray.map(atom => atom.get());
-        return memoizedSelector.current(...args);
+        const args = toArray(atoms).map(atom => atom.get());
+        return memoizedCombiner.current(...args);
     };
     return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yaasl/react",
-  "version": "0.15.0-alpha.0",
+  "version": "0.15.0-alpha.1",
   "description": "yet another atomic store library (react)",
   "author": "PrettyCoffee",
   "license": "MIT",
@@ -40,15 +40,15 @@
     "validate": "run-s lint test build"
   },
   "peerDependencies": {
-    "@yaasl/core": "^0.15.0-alpha.0",
-    "@yaasl/utils": "^0.15.0-alpha.0",
+    "@yaasl/core": "^0.15.0-alpha.1",
+    "@yaasl/utils": "^0.15.0-alpha.1",
     "react": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.1",
-    "@types/react": "^19.2.7",
-    "@yaasl/core": "^0.15.0-alpha.0",
-    "@yaasl/utils": "^0.15.0-alpha.0",
+    "@types/react": "^19.2.8",
+    "@yaasl/core": "^0.15.0-alpha.1",
+    "@yaasl/utils": "^0.15.0-alpha.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
   },