chem-rx 0.0.5 → 0.0.6

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,19 +254,21 @@ function useSelectAtom(atom, key) {
   return value;
 }
 
-function hydrateAtoms(values) {
-  for (var _iterator = _createForOfIteratorHelperLoose(values), _step; !(_step = _iterator()).done;) {
-    var _step$value = _step.value,
-      atom = _step$value[0],
-      value = _step$value[1];
-    atom._behavior$.next(value);
-  }
+function useHydrateAtoms(values) {
+  react.useEffect(function () {
+    for (var _iterator = _createForOfIteratorHelperLoose(values), _step; !(_step = _iterator()).done;) {
+      var _step$value = _step.value,
+        atom = _step$value[0],
+        value = _step$value[1];
+      atom._behavior$.next(value);
+    }
+  }, []);
 }
 
 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,21 +252,23 @@ var chemicalRx = (function (exports, rxjs, react) {
     return value;
   }
 
-  function hydrateAtoms(values) {
-    for (var _iterator = _createForOfIteratorHelperLoose(values), _step; !(_step = _iterator()).done;) {
-      var _step$value = _step.value,
-        atom = _step$value[0],
-        value = _step$value[1];
-      atom._behavior$.next(value);
-    }
+  function useHydrateAtoms(values) {
+    react.useEffect(function () {
+      for (var _iterator = _createForOfIteratorHelperLoose(values), _step; !(_step = _iterator()).done;) {
+        var _step$value = _step.value,
+          atom = _step$value[0],
+          value = _step$value[1];
+        atom._behavior$.next(value);
+      }
+    }, []);
   }
 
   function Signal() {}
 
   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,12 +176,14 @@ function useSelectAtom(atom, key) {
   return value;
 }
 
-function hydrateAtoms(values) {
-  for (const [atom, value] of values) {
-    atom._behavior$.next(value);
-  }
+function useHydrateAtoms(values) {
+  useEffect(() => {
+    for (const [atom, value] of values) {
+      atom._behavior$.next(value);
+    }
+  }, []);
 }
 
 function Signal() {}
 
-export { Atom, Signal, hydrateAtoms, useAtom, useSelectAtom };
+export { Atom, Signal, useAtom, useHydrateAtoms, useSelectAtom };

package/dist/useHydrateAtoms.d.ts

@@ -0,0 +1,3 @@
+import { BaseAtom } from "./Atom";
+export declare function useHydrateAtoms(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,QAMtE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chem-rx",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "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/useHydrateAtoms.ts

@@ -0,0 +1,10 @@
+import { useEffect } from "react";
+import { BaseAtom } from "./Atom";
+
+export function useHydrateAtoms(values: readonly [BaseAtom<any>, any][]) {
+  useEffect(() => {
+    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"}

package/src/hydrateAtoms.ts

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