reactjrx 1.0.3 → 1.2.0

package/dist/index.js

@@ -0,0 +1,62 @@
+import { distinctUntilChanged, tap, BehaviorSubject } from "rxjs";
+import { useRef, useCallback, useSyncExternalStore } from "react";
+function shallowEqual(objA, objB) {
+  if (objA === null || objA === void 0 || objB === null || objB === void 0) {
+    return objA === objB;
+  }
+  if (typeof objA !== "object" || typeof objB !== "object") {
+    return objA === objB;
+  }
+  if (objA.constructor !== objB.constructor) {
+    return false;
+  }
+  const keysA = Object.keys(objA);
+  const keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+  for (let i = 0; i < keysA.length; i++) {
+    const key = keysA[i];
+    if (key && objA[key] !== objB[key]) {
+      return false;
+    }
+  }
+  return true;
+}
+function useObserve(source$, { defaultValue }, deps = []) {
+  const valueRef = useRef(defaultValue);
+  const subscribe = useCallback((next) => {
+    const sourceAsFn = typeof source$ === "function" ? source$ : () => source$;
+    const sub = sourceAsFn().pipe(
+      distinctUntilChanged(shallowEqual),
+      tap((value) => {
+        valueRef.current = value;
+      })
+    ).subscribe(next);
+    return () => sub.unsubscribe();
+  }, deps);
+  const getSnapshot = useCallback(() => valueRef.current, []);
+  return useSyncExternalStore(subscribe, getSnapshot);
+}
+const signal = ({
+  default: defaultValue
+}) => {
+  const subject = new BehaviorSubject(defaultValue);
+  const hook = () => useObserve(subject.asObservable(), { defaultValue }, []);
+  const setValue = (arg) => {
+    if (arg === subject.getValue())
+      return;
+    if (typeof arg === "function") {
+      const change = arg(subject.getValue());
+      if (change === subject.getValue())
+        return;
+      return subject.next(change);
+    }
+    return subject.next(arg);
+  };
+  return [hook, setValue];
+};
+export {
+  signal,
+  useObserve
+};

package/dist/index.umd.cjs

@@ -0,0 +1,64 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("rxjs"), require("react")) : typeof define === "function" && define.amd ? define(["exports", "rxjs", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.reactjrx = {}, global.rxjs, global.react));
+})(this, function(exports2, rxjs, react) {
+  "use strict";
+  function shallowEqual(objA, objB) {
+    if (objA === null || objA === void 0 || objB === null || objB === void 0) {
+      return objA === objB;
+    }
+    if (typeof objA !== "object" || typeof objB !== "object") {
+      return objA === objB;
+    }
+    if (objA.constructor !== objB.constructor) {
+      return false;
+    }
+    const keysA = Object.keys(objA);
+    const keysB = Object.keys(objB);
+    if (keysA.length !== keysB.length) {
+      return false;
+    }
+    for (let i = 0; i < keysA.length; i++) {
+      const key = keysA[i];
+      if (key && objA[key] !== objB[key]) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function useObserve(source$, { defaultValue }, deps = []) {
+    const valueRef = react.useRef(defaultValue);
+    const subscribe = react.useCallback((next) => {
+      const sourceAsFn = typeof source$ === "function" ? source$ : () => source$;
+      const sub = sourceAsFn().pipe(
+        rxjs.distinctUntilChanged(shallowEqual),
+        rxjs.tap((value) => {
+          valueRef.current = value;
+        })
+      ).subscribe(next);
+      return () => sub.unsubscribe();
+    }, deps);
+    const getSnapshot = react.useCallback(() => valueRef.current, []);
+    return react.useSyncExternalStore(subscribe, getSnapshot);
+  }
+  const signal = ({
+    default: defaultValue
+  }) => {
+    const subject = new rxjs.BehaviorSubject(defaultValue);
+    const hook = () => useObserve(subject.asObservable(), { defaultValue }, []);
+    const setValue = (arg) => {
+      if (arg === subject.getValue())
+        return;
+      if (typeof arg === "function") {
+        const change = arg(subject.getValue());
+        if (change === subject.getValue())
+          return;
+        return subject.next(change);
+      }
+      return subject.next(arg);
+    };
+    return [hook, setValue];
+  };
+  exports2.signal = signal;
+  exports2.useObserve = useObserve;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "reactjrx",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.2.0",
   "type": "module",
   "files": [
     "dist"
   ],
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -13,6 +21,7 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
+    "prepublishOnly": "npm run build",
     "semantic-release": "semantic-release"
   },
   "peerDependencies": {