reactjrx 1.44.1 → 1.46.0

package/README.md

@@ -2,4 +2,4 @@
 
 `reactjrx` is a javascript library which provides a simple and efficient API for handling global state, flow control, and queries in React applications using RxJS. With a small footprint and scalability to suit any project size, it is a great alternative to other popular libraries such as Recoil, Redux, React Query, Zustand, etc.
 
-Please visit the [documentation](https://bret-maxime.gitbook.io/reactjrx/) for more information on how to use.
+Please visit the [documentation](https://bret-maxime.gitbook.io/reactjrx/) for more information on how to use.

package/dist/index.cjs

@@ -145,6 +145,23 @@ function trigger(mapper = rxjs.identity) {
     }
   ];
 }
+const useBehaviorSubject = (state) => {
+  const subject = useConstant(() => new rxjs.BehaviorSubject(state));
+  const completed = react.useRef(false);
+  react.useEffect(() => {
+    if (completed.current) {
+      subject.current = new rxjs.BehaviorSubject(state);
+      completed.current = false;
+    }
+    return () => {
+      if (!completed.current) {
+        subject.current.complete();
+        completed.current = true;
+      }
+    };
+  }, []);
+  return subject;
+};
 const SIGNAL_RESET = Symbol("SIGNAL_RESET");
 function signal(options) {
   const { default: defaultValue2 } = options ?? {};
@@ -410,31 +427,14 @@ function retryBackoff(config) {
     );
   });
 }
-const useBehaviorSubject = (state) => {
-  const subject = useConstant(() => new rxjs.BehaviorSubject(state));
-  const completed = react.useRef(false);
-  react.useEffect(() => {
-    if (completed.current) {
-      subject.current = new rxjs.BehaviorSubject(state);
-      completed.current = false;
-    }
-    return () => {
-      if (!completed.current) {
-        subject.current.complete();
-        completed.current = true;
-      }
-    };
-  }, []);
-  return subject;
-};
 function shallowEqual(objA, objB) {
-  if (objA === null || objA === void 0 || objB === null || objB === void 0) {
+  if (objA === null || objA === void 0 || objB === void 0) {
     return objA === objB;
   }
   if (typeof objA !== "object" || typeof objB !== "object") {
     return objA === objB;
   }
-  if (objA.constructor !== objB.constructor) {
+  if (objA.constructor !== (objB == null ? void 0 : objB.constructor)) {
     return false;
   }
   const keysA = Object.keys(objA);
@@ -818,7 +818,10 @@ const resetStyle = { backgroundColor: "transparent", color: "inherit" };
 function createLogger(env) {
   const _logger = {
     namespaces: [
-      { name: "@reactjrx", style: { backgroundColor: "#d02f4e", color: "white" } }
+      {
+        name: "@reactjrx",
+        style: { backgroundColor: "#d02f4e", color: "white" }
+      }
     ],
     namespace(name, style) {
       const logger2 = createLogger(env);
@@ -1712,6 +1715,7 @@ exports.retryBackoff = retryBackoff;
 exports.signal = signal;
 exports.trigger = trigger;
 exports.useAsyncQuery = useAsyncQuery;
+exports.useBehaviorSubject = useBehaviorSubject;
 exports.useLiveRef = useLiveRef;
 exports.useObserve = useObserve;
 exports.useObserveCallback = useObserveCallback;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export * from "./lib/binding/useSubscribe";
 export * from "./lib/binding/useObserveCallback";
 export * from "./lib/binding/trigger";
 export * from "./lib/binding/useSubject";
+export * from "./lib/binding/useBehaviorSubject";
 export * from "./lib/state/signal";
 export * from "./lib/state/useSignal";
 export * from "./lib/state/useSetSignal";

package/dist/index.js

@@ -143,6 +143,23 @@ function trigger(mapper = identity) {
     }
   ];
 }
+const useBehaviorSubject = (state) => {
+  const subject = useConstant(() => new BehaviorSubject(state));
+  const completed = useRef(false);
+  useEffect(() => {
+    if (completed.current) {
+      subject.current = new BehaviorSubject(state);
+      completed.current = false;
+    }
+    return () => {
+      if (!completed.current) {
+        subject.current.complete();
+        completed.current = true;
+      }
+    };
+  }, []);
+  return subject;
+};
 const SIGNAL_RESET = Symbol("SIGNAL_RESET");
 function signal(options) {
   const { default: defaultValue2 } = options ?? {};
@@ -408,31 +425,14 @@ function retryBackoff(config) {
     );
   });
 }
-const useBehaviorSubject = (state) => {
-  const subject = useConstant(() => new BehaviorSubject(state));
-  const completed = useRef(false);
-  useEffect(() => {
-    if (completed.current) {
-      subject.current = new BehaviorSubject(state);
-      completed.current = false;
-    }
-    return () => {
-      if (!completed.current) {
-        subject.current.complete();
-        completed.current = true;
-      }
-    };
-  }, []);
-  return subject;
-};
 function shallowEqual(objA, objB) {
-  if (objA === null || objA === void 0 || objB === null || objB === void 0) {
+  if (objA === null || objA === void 0 || objB === void 0) {
     return objA === objB;
   }
   if (typeof objA !== "object" || typeof objB !== "object") {
     return objA === objB;
   }
-  if (objA.constructor !== objB.constructor) {
+  if (objA.constructor !== (objB == null ? void 0 : objB.constructor)) {
     return false;
   }
   const keysA = Object.keys(objA);
@@ -816,7 +816,10 @@ const resetStyle = { backgroundColor: "transparent", color: "inherit" };
 function createLogger(env) {
   const _logger = {
     namespaces: [
-      { name: "@reactjrx", style: { backgroundColor: "#d02f4e", color: "white" } }
+      {
+        name: "@reactjrx",
+        style: { backgroundColor: "#d02f4e", color: "white" }
+      }
     ],
     namespace(name, style) {
       const logger2 = createLogger(env);
@@ -1711,6 +1714,7 @@ export {
   signal,
   trigger,
   useAsyncQuery,
+  useBehaviorSubject,
   useLiveRef,
   useObserve,
   useObserveCallback,

package/dist/lib/binding/useObserve.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/client/cache/cache.garbage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/client/cache/cacheClient.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/client/cache/logger.d.ts

@@ -14,8 +14,8 @@ export declare const logger: {
         namespaces: string;
         styles: string[];
     };
-    print(method: "log" | "warn" | "error" | "group", ...message: any[]): any;
-    printWithoutNamespace(method: "log" | "warn" | "error" | "group", ...message: any[]): any;
+    print(method: "error" | "log" | "warn" | "group", ...message: any[]): any;
+    printWithoutNamespace(method: "error" | "log" | "warn" | "group", ...message: any[]): any;
     log(...message: any): any;
     warn(...message: any): any;
     error(...message: any): any;

package/dist/lib/queries/client/deduplication/deduplicate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/client/invalidation/invalidation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/client/invalidation/logger.d.ts

@@ -14,8 +14,8 @@ export declare const logger: {
         namespaces: string;
         styles: string[];
     };
-    print(method: "log" | "warn" | "error" | "group", ...message: any[]): any;
-    printWithoutNamespace(method: "log" | "warn" | "error" | "group", ...message: any[]): any;
+    print(method: "error" | "log" | "warn" | "group", ...message: any[]): any;
+    printWithoutNamespace(method: "error" | "log" | "warn" | "group", ...message: any[]): any;
     log(...message: any): any;
     warn(...message: any): any;
     error(...message: any): any;

package/dist/lib/queries/client/keys/compareKeys.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/client/keys/keys.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/client/keys/serializeKey.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/client/keys/withKeyComparison.d.ts

@@ -0,0 +1,16 @@
+import type { Observable } from "rxjs";
+export declare const withKeyComparison: <T extends {
+    key: any[];
+}>(stream: Observable<T>) => Observable<(T & {
+    previousKey: undefined;
+    isUsingDifferentKey: boolean;
+} extends infer T_1 ? T_1 extends T & {
+    previousKey: undefined;
+    isUsingDifferentKey: boolean;
+} ? T_1 extends null | undefined ? never : T_1 : never : never) | (T & {
+    previousKey: any[];
+    isUsingDifferentKey: boolean;
+} extends infer T_2 ? T_2 extends T & {
+    previousKey: any[];
+    isUsingDifferentKey: boolean;
+} ? T_2 extends null | undefined ? never : T_2 : never : never)>;

package/dist/lib/queries/client/refetch/logger.d.ts

@@ -14,8 +14,8 @@ export declare const logger: {
         namespaces: string;
         styles: string[];
     };
-    print(method: "log" | "warn" | "error" | "group", ...message: any[]): any;
-    printWithoutNamespace(method: "log" | "warn" | "error" | "group", ...message: any[]): any;
+    print(method: "error" | "log" | "warn" | "group", ...message: any[]): any;
+    printWithoutNamespace(method: "error" | "log" | "warn" | "group", ...message: any[]): any;
     log(...message: any): any;
     warn(...message: any): any;
     error(...message: any): any;

package/dist/lib/queries/client/refetch/refetch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/react/useAsyncQuery.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/react/useQuery.deduplication.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/react/useQuery.invalidation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/react/useQuery.keys.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/queries/react/useQuery.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/state/persistance/withPersistance.d.ts

@@ -7,8 +7,8 @@ export interface WithPersistanceReturn<T> {
     persistValue: (params: {
         adapter: Adapter;
     }) => Promise<void>;
-    setValue: Signal<T, T>['setState'];
-    $: Signal<T, T>['subject'];
+    setValue: Signal<T, T>["setState"];
+    $: Signal<T, T>["subject"];
     options: {
         key?: string;
     };

package/dist/lib/state/signal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/utils/emitToSubject.d.ts

@@ -0,0 +1,2 @@
+import { type MonoTypeOperatorFunction, type Subject } from "rxjs";
+export declare function emitToSubject<T>(subject: Subject<T>): MonoTypeOperatorFunction<T>;

package/dist/lib/utils/shallowEqual.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/utils/shareLatest.d.ts

@@ -0,0 +1,10 @@
+import { type MonoTypeOperatorFunction } from "rxjs";
+/**
+ * Share the latest value to every new observers but clean up
+ * otherwise.
+ *
+ * We cannot use shareReplay with react since it would never clean
+ * selectors and create memory leak. shareLatest ensure when the selector
+ * is not mounted anywhere we reset it
+ */
+export declare const shareLatest: <T>() => MonoTypeOperatorFunction<T>;

package/dist/lib/utils/trackSubscriptions.d.ts

@@ -0,0 +1,2 @@
+import { type Observable } from "rxjs";
+export declare function trackSubscriptions(onCountUpdate: (activeSubscriptions: number) => void): <T>(source$: Observable<T>) => Observable<T>;

package/dist/lib/utils/useLiveRef.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const useLiveRef: <T>(value: T) => import("react").MutableRefObject<T>;

package/dist/lib/utils/useLiveRef.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/utils/useUnmountObservable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/testUtils.d.ts

@@ -0,0 +1 @@
+export declare const printQuery: (data: any) => string;

package/dist/tests/utils.d.ts

@@ -0,0 +1 @@
+export declare const waitForTimeout: (timeout: number) => Promise<unknown>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactjrx",
   "private": false,
-  "version": "1.44.1",
+  "version": "1.46.0",
   "type": "module",
   "files": [
     "dist"
@@ -39,25 +39,25 @@
   "devDependencies": {
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.59.0",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
     "@vitejs/plugin-react": "^4.0.0",
     "eslint": "^8.47.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-config-standard-with-typescript": "^34.0.1",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-standard-with-typescript": "^39.1.1",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^15.7.0",
+    "eslint-plugin-n": "^16.3.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.32.2",
     "global-jsdom": "^9.0.1",
     "jsdom": "^22.0.0",
-    "prettier": "^2.8.7",
-    "rollup-plugin-node-externals": "^5.1.2",
+    "prettier": "^3.1.0",
+    "rollup-plugin-node-externals": "^6.1.2",
     "rxjs": "^7.8.0",
-    "semantic-release": "^21.0.1",
+    "semantic-release": "^22.0.7",
     "typescript": "^5.0.4",
     "vite": "^4.2.1",
-    "vite-plugin-dts": "^2.2.0",
-    "vitest": "^0.31.0",
+    "vite-plugin-dts": "^3.6.3",
+    "vitest": "^0.34.6",
     "@testing-library/react": "^14.0.0",
     "@types/node": "^18.15.11"
   },