chem-rx 0.0.21 → 0.0.23

package/dist/index.cjs.js

@@ -307,6 +307,23 @@ function useAtom(atom) {
   return value;
 }
 
+function useSignal(signal, callback, id) {
+  react.useEffect(function () {
+    // Assuming the signal might not have an initial value method like `atom.value()`,
+    // If your signal class has a method to get the current/latest value, use it here to initialize.
+
+    var subscription;
+    if (callback) {
+      subscription = signal.subscribe(callback, id);
+    }
+    return function () {
+      if (subscription) {
+        subscription.unsubscribe();
+      }
+    };
+  }, [signal, callback, id]);
+}
+
 function useSelectAtom(atom, key) {
   var _useState = react.useState(atom.get(key)),
     value = _useState[0],
@@ -378,3 +395,4 @@ exports.Signal = Signal;
 exports.hydrateAtoms = hydrateAtoms;
 exports.useAtom = useAtom;
 exports.useSelectAtom = useSelectAtom;
+exports.useSignal = useSignal;

package/dist/index.d.ts

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

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,mBAAmB,CAAC;AACjD,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,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.iife.js

@@ -305,6 +305,23 @@ var chemicalRx = (function (exports, rxjs, react) {
     return value;
   }
 
+  function useSignal(signal, callback, id) {
+    react.useEffect(function () {
+      // Assuming the signal might not have an initial value method like `atom.value()`,
+      // If your signal class has a method to get the current/latest value, use it here to initialize.
+
+      var subscription;
+      if (callback) {
+        subscription = signal.subscribe(callback, id);
+      }
+      return function () {
+        if (subscription) {
+          subscription.unsubscribe();
+        }
+      };
+    }, [signal, callback, id]);
+  }
+
   function useSelectAtom(atom, key) {
     var _useState = react.useState(atom.get(key)),
       value = _useState[0],
@@ -376,6 +393,7 @@ var chemicalRx = (function (exports, rxjs, react) {
   exports.hydrateAtoms = hydrateAtoms;
   exports.useAtom = useAtom;
   exports.useSelectAtom = useSelectAtom;
+  exports.useSignal = useSignal;
 
   return exports;
 

package/dist/index.js

@@ -225,6 +225,23 @@ function useAtom(atom) {
   return value;
 }
 
+function useSignal(signal, callback, id) {
+  useEffect(() => {
+    // Assuming the signal might not have an initial value method like `atom.value()`,
+    // If your signal class has a method to get the current/latest value, use it here to initialize.
+
+    let subscription;
+    if (callback) {
+      subscription = signal.subscribe(callback, id);
+    }
+    return () => {
+      if (subscription) {
+        subscription.unsubscribe();
+      }
+    };
+  }, [signal, callback, id]);
+}
+
 function useSelectAtom(atom, key) {
   const [value, setValue] = useState(atom.get(key));
   useEffect(() => {
@@ -281,4 +298,4 @@ class Signal {
   // Optionally, implement unsubscribe logic to manage subscriptions.
 }
 
-export { Atom, Signal, hydrateAtoms, useAtom, useSelectAtom };
+export { Atom, Signal, hydrateAtoms, useAtom, useSelectAtom, useSignal };

package/package.json

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

package/src/index.ts

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

package/src/useSignal.ts

@@ -20,5 +20,5 @@ export function useSignal<T>(
         subscription.unsubscribe();
       }
     };
-  }, [signal]);
+  }, [signal, callback, id]);
 }