chem-rx 0.0.5 → 0.0.7

package/README.md

@@ -247,18 +247,18 @@ function Counter() {
         <button onClick={() => count$.set('inner', count + 2)}>one up</button> ...
 ```
 
-### hydrateAtoms
+### useHydrateAtoms
 
 With SSR, your atoms will likely need to be properly hydrated to prevent
-server/client mismatches. You can use `hydrateAtoms` as a simple solution for
+server/client mismatches. You can use `useHydrateAtoms` as a simple solution for
 seeding your client-side Atoms with the correct data.
 
 ```
-import { Atom, useAtom, hydrateAtoms } from 'chem-rx'
+import { Atom, useAtom, useHydrateAtoms } from 'chem-rx'
 
 const count$ = Atom(0)
 const CounterPage = ({ countFromServer }) => {
-  hydrateAtoms([[count$, countFromServer]])
+  useHydrateAtoms([[count$, countFromServer]])
   const count = useAtom(count$)
   // count would be the value of `countFromServer`, not 0.
 }

package/dist/index.cjs.js

@@ -254,6 +254,11 @@ function useSelectAtom(atom, key) {
   return value;
 }
 
+function useHydrateAtoms(values) {
+  react.useEffect(function () {
+    hydrateAtoms(values);
+  }, []);
+}
 function hydrateAtoms(values) {
   for (var _iterator = _createForOfIteratorHelperLoose(values), _step; !(_step = _iterator()).done;) {
     var _step$value = _step.value,
@@ -267,6 +272,6 @@ function Signal() {}
 
 exports.Atom = Atom;
 exports.Signal = Signal;
-exports.hydrateAtoms = hydrateAtoms;
 exports.useAtom = useAtom;
+exports.useHydrateAtoms = useHydrateAtoms;
 exports.useSelectAtom = useSelectAtom;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { Atom } from "./Atom";
 export { useAtom } from "./useAtom";
 export { useSelectAtom } from "./useSelectAtom";
-export { hydrateAtoms } from "./hydrateAtoms";
+export { useHydrateAtoms } from "./useHydrateAtoms";
 export { Signal } from "./Signal";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.iife.js

@@ -252,6 +252,11 @@ var chemicalRx = (function (exports, rxjs, react) {
     return value;
   }
 
+  function useHydrateAtoms(values) {
+    react.useEffect(function () {
+      hydrateAtoms(values);
+    }, []);
+  }
   function hydrateAtoms(values) {
     for (var _iterator = _createForOfIteratorHelperLoose(values), _step; !(_step = _iterator()).done;) {
       var _step$value = _step.value,
@@ -265,8 +270,8 @@ var chemicalRx = (function (exports, rxjs, react) {
 
   exports.Atom = Atom;
   exports.Signal = Signal;
-  exports.hydrateAtoms = hydrateAtoms;
   exports.useAtom = useAtom;
+  exports.useHydrateAtoms = useHydrateAtoms;
   exports.useSelectAtom = useSelectAtom;
 
   return exports;

package/dist/index.js

@@ -176,6 +176,11 @@ function useSelectAtom(atom, key) {
   return value;
 }
 
+function useHydrateAtoms(values) {
+  useEffect(() => {
+    hydrateAtoms(values);
+  }, []);
+}
 function hydrateAtoms(values) {
   for (const [atom, value] of values) {
     atom._behavior$.next(value);
@@ -184,4 +189,4 @@ function hydrateAtoms(values) {
 
 function Signal() {}
 
-export { Atom, Signal, hydrateAtoms, useAtom, useSelectAtom };
+export { Atom, Signal, useAtom, useHydrateAtoms, useSelectAtom };

package/dist/useHydrateAtoms.d.ts

@@ -0,0 +1,4 @@
+import { BaseAtom } from "./Atom";
+export declare function useHydrateAtoms(values: readonly [BaseAtom<any>, any][]): void;
+export declare function hydrateAtoms(values: readonly [BaseAtom<any>, any][]): void;
+//# sourceMappingURL=useHydrateAtoms.d.ts.map

package/dist/useHydrateAtoms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHydrateAtoms.d.ts","sourceRoot":"","sources":["../src/useHydrateAtoms.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,wBAAgB,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,QAItE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,QAInE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chem-rx",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "react state primitives powered by rx.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/index.ts

@@ -1,5 +1,5 @@
 export { Atom } from "./Atom";
 export { useAtom } from "./useAtom";
 export { useSelectAtom } from "./useSelectAtom";
-export { hydrateAtoms } from "./hydrateAtoms";
+export { useHydrateAtoms } from "./useHydrateAtoms";
 export { Signal } from "./Signal";

package/src/{hydrateAtoms.ts → useHydrateAtoms.ts}

@@ -1,5 +1,12 @@
+import { useEffect } from "react";
 import { BaseAtom } from "./Atom";
 
+export function useHydrateAtoms(values: readonly [BaseAtom<any>, any][]) {
+  useEffect(() => {
+    hydrateAtoms(values);
+  }, []);
+}
+
 export function hydrateAtoms(values: readonly [BaseAtom<any>, any][]) {
   for (const [atom, value] of values) {
     atom._behavior$.next(value);

package/dist/hydrateAtoms.d.ts

@@ -1,3 +0,0 @@
-import { BaseAtom } from "./Atom";
-export declare function hydrateAtoms(values: readonly [BaseAtom<any>, any][]): void;
-//# sourceMappingURL=hydrateAtoms.d.ts.map

package/dist/hydrateAtoms.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hydrateAtoms.d.ts","sourceRoot":"","sources":["../src/hydrateAtoms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,QAInE"}