@yaasl/react 0.7.0 → 0.8.0-alpha.1

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

@@ -1,5 +1,6 @@
 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.
@@ -13,7 +14,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>) => (next: SetStateAction<ValueType>) => void;
+export declare const useSetAtom: <ValueType>(atom: Atom<ValueType> | SettableDerive<ValueType>) => (next: SetStateAction<ValueType>) => void;
 /** Use an atom's initialization state in the react lifecycle.
  *
  *  @param atom Atom to be used.
@@ -29,4 +30,4 @@ export declare const useAtomDidInit: <ValueType>(atom: Atom<ValueType>) => boole
  *
  * @returns [value, setValue, didInit]
  **/
-export declare const useAtom: <ValueType>(atom: Atom<ValueType>) => readonly [ValueType, (next: SetStateAction<ValueType>) => void, boolean];
+export declare const useAtom: <ValueType>(atom: Atom<ValueType> | SettableDerive<ValueType>) => readonly [ValueType, (next: SetStateAction<ValueType>) => void, boolean];

package/dist/cjs/useAtom.js

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

package/dist/mjs/useAtom.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yaasl/react",
-  "version": "0.7.0",
+  "version": "0.8.0-alpha.1",
   "description": "yet another atomic store library (react)",
   "author": "PrettyCoffee",
   "license": "MIT",
@@ -31,8 +31,8 @@
     "compile:mjs": "tsc -p ./tsconfig.node.json --outDir ./dist/mjs -m es2020 -t es2020",
     "compile:cjs": "tsc -p ./tsconfig.node.json --outDir ./dist/cjs -m commonjs -t es2015",
     "compile:types": "tsc -p ./tsconfig.node.json --outDir ./dist/@types --declaration --emitDeclarationOnly",
-    "test": "jest --testMatch ./**/*.test.*",
-    "test:watch": "npm run test -- --watchAll",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
     "lint": "eslint ./src",
     "lint:fix": "eslint ./src --fix",
     "validate": "run-s lint test build"
@@ -41,17 +41,13 @@
     "react": ">=17"
   },
   "dependencies": {
-    "@yaasl/core": "0.7.0"
+    "@yaasl/core": "0.8.0-alpha.1"
   },
   "devDependencies": {
     "@testing-library/react": "^14.2.1",
-    "@types/react": "^18.2.54",
+    "@types/react": "^18.2.56",
     "react": "^18.2.0"
   },
-  "jest": {
-    "preset": "ts-jest",
-    "testEnvironment": "jsdom"
-  },
   "eslintConfig": {
     "extends": [
       "../../.eslintrc",