reactjrx 1.47.0 → 1.48.0

package/dist/index.cjs

@@ -232,6 +232,107 @@ const createLocalforageAdapter = (forage) => ({
     await forage.setItem(key, JSON.stringify(value));
   }
 });
+const createLocalStorageAdapter = (forage) => ({
+  getItem: async (key) => {
+    const serializedValue = forage.getItem(key);
+    if (!serializedValue)
+      return void 0;
+    return JSON.parse(serializedValue);
+  },
+  setItem: async (key, value) => {
+    forage.setItem(key, JSON.stringify(value));
+  }
+});
+const IDENTIFIER_PERSISTANCE_KEY = "__reactjrx";
+const getNormalizedPersistanceValue = (unknownValue) => {
+  if (typeof unknownValue === "object" && unknownValue !== null && IDENTIFIER_PERSISTANCE_KEY in unknownValue && unknownValue[IDENTIFIER_PERSISTANCE_KEY] === IDENTIFIER_PERSISTANCE_KEY) {
+    return unknownValue;
+  }
+  return void 0;
+};
+const persistValue = async ({
+  adapter,
+  signal: signal2,
+  version
+}) => {
+  const state = signal2.getValue();
+  const value = {
+    value: state,
+    [IDENTIFIER_PERSISTANCE_KEY]: IDENTIFIER_PERSISTANCE_KEY,
+    migrationVersion: version
+  };
+  await adapter.setItem(signal2.config.key, value);
+};
+const hydrateValueToSignal = ({
+  adapter,
+  version,
+  signal: signal2
+}) => {
+  return rxjs.from(adapter.getItem(signal2.config.key)).pipe(
+    rxjs.switchMap((value) => {
+      const normalizedValue = getNormalizedPersistanceValue(value);
+      if (!normalizedValue)
+        return rxjs.of(value);
+      if (normalizedValue.migrationVersion !== void 0 && version > normalizedValue.migrationVersion) {
+        return rxjs.of(value);
+      }
+      signal2.setValue(value.value);
+      return rxjs.of(value);
+    })
+  );
+};
+const usePersistSignals = ({
+  entries = [],
+  onReady,
+  adapter = createLocalStorageAdapter(localStorage)
+}) => {
+  const entriesRef = useLiveRef(entries);
+  const onReadyRef = useLiveRef(onReady);
+  const adapterRef = useLiveRef(adapter);
+  const isHydrated = useObserve(
+    () => {
+      const entries2 = entriesRef.current;
+      const stream = entries2.length === 0 ? rxjs.of(true) : rxjs.zip(
+        ...entries2.map(
+          ({ signal: signal2, version }) => hydrateValueToSignal({
+            adapter: adapterRef.current,
+            signal: signal2,
+            version
+          })
+        )
+      ).pipe(rxjs.map(() => true));
+      return stream.pipe(
+        rxjs.tap(() => {
+          if (onReadyRef.current != null)
+            onReadyRef.current();
+        }),
+        rxjs.catchError((error) => {
+          console.error("Unable to hydrate", error);
+          return rxjs.EMPTY;
+        })
+      );
+    },
+    { defaultValue: false },
+    []
+  );
+  useSubscribe(() => {
+    return !isHydrated ? rxjs.EMPTY : rxjs.merge(
+      ...entriesRef.current.map(
+        ({ signal: signal2, version }) => signal2.subject.pipe(
+          rxjs.throttleTime(500, rxjs.asyncScheduler, {
+            trailing: true
+          }),
+          rxjs.switchMap(
+            () => rxjs.from(
+              persistValue({ adapter: adapterRef.current, signal: signal2, version })
+            )
+          )
+        )
+      )
+    );
+  }, [isHydrated, adapterRef]);
+  return { isHydrated };
+};
 const useUnmountObservable = () => {
   const subject = useSubject({
     onBeforeComplete: () => {
@@ -1575,6 +1676,7 @@ exports.useBehaviorSubject = useBehaviorSubject;
 exports.useLiveRef = useLiveRef;
 exports.useObserve = useObserve;
 exports.useObserveCallback = useObserveCallback;
+exports.usePersistSignals = usePersistSignals;
 exports.useQuery = useQuery;
 exports.useQueryClient = useQueryClient;
 exports.useSignalValue = useSignalValue;

package/dist/index.d.ts

@@ -9,6 +9,7 @@ export * from "./lib/state/useSignalValue";
 export * from "./lib/state/constants";
 export * from "./lib/state/persistance/adapters/createSharedStoreAdapter";
 export * from "./lib/state/persistance/adapters/createLocalforageAdapter";
+export * from "./lib/state/persistance/usePersistSignals";
 export * from "./lib/utils/useUnmountObservable";
 export * from "./lib/utils/retryBackoff";
 export * from "./lib/utils/useLiveRef";

package/dist/index.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { useRef, useMemo, useCallback, useSyncExternalStore, useEffect, createContext, memo, useContext } from "react";
-import { distinctUntilChanged, tap, finalize, catchError, EMPTY, Subject, identity, BehaviorSubject, defer, iif, timer, throwError, scan, merge, map, take, startWith, of, combineLatest, from, first, takeUntil, filter, concatMap as concatMap$1, switchMap, mergeMap, fromEvent, skip, throttleTime, withLatestFrom, retry, shareReplay, endWith, delay, share, pairwise, NEVER, takeWhile } from "rxjs";
+import { distinctUntilChanged, tap, finalize, catchError, EMPTY, Subject, identity, BehaviorSubject, of, zip, map, merge, throttleTime, asyncScheduler, switchMap, from, defer, iif, timer, throwError, scan, take, startWith, combineLatest, first, takeUntil, filter, concatMap as concatMap$1, mergeMap, fromEvent, skip, withLatestFrom, retry, shareReplay, endWith, delay, share, pairwise, NEVER, takeWhile } from "rxjs";
 import { retryWhen, concatMap, tap as tap$1 } from "rxjs/operators";
 import { jsxs, jsx } from "react/jsx-runtime";
 const useLiveRef = (value) => {
@@ -230,6 +230,107 @@ const createLocalforageAdapter = (forage) => ({
     await forage.setItem(key, JSON.stringify(value));
   }
 });
+const createLocalStorageAdapter = (forage) => ({
+  getItem: async (key) => {
+    const serializedValue = forage.getItem(key);
+    if (!serializedValue)
+      return void 0;
+    return JSON.parse(serializedValue);
+  },
+  setItem: async (key, value) => {
+    forage.setItem(key, JSON.stringify(value));
+  }
+});
+const IDENTIFIER_PERSISTANCE_KEY = "__reactjrx";
+const getNormalizedPersistanceValue = (unknownValue) => {
+  if (typeof unknownValue === "object" && unknownValue !== null && IDENTIFIER_PERSISTANCE_KEY in unknownValue && unknownValue[IDENTIFIER_PERSISTANCE_KEY] === IDENTIFIER_PERSISTANCE_KEY) {
+    return unknownValue;
+  }
+  return void 0;
+};
+const persistValue = async ({
+  adapter,
+  signal: signal2,
+  version
+}) => {
+  const state = signal2.getValue();
+  const value = {
+    value: state,
+    [IDENTIFIER_PERSISTANCE_KEY]: IDENTIFIER_PERSISTANCE_KEY,
+    migrationVersion: version
+  };
+  await adapter.setItem(signal2.config.key, value);
+};
+const hydrateValueToSignal = ({
+  adapter,
+  version,
+  signal: signal2
+}) => {
+  return from(adapter.getItem(signal2.config.key)).pipe(
+    switchMap((value) => {
+      const normalizedValue = getNormalizedPersistanceValue(value);
+      if (!normalizedValue)
+        return of(value);
+      if (normalizedValue.migrationVersion !== void 0 && version > normalizedValue.migrationVersion) {
+        return of(value);
+      }
+      signal2.setValue(value.value);
+      return of(value);
+    })
+  );
+};
+const usePersistSignals = ({
+  entries = [],
+  onReady,
+  adapter = createLocalStorageAdapter(localStorage)
+}) => {
+  const entriesRef = useLiveRef(entries);
+  const onReadyRef = useLiveRef(onReady);
+  const adapterRef = useLiveRef(adapter);
+  const isHydrated = useObserve(
+    () => {
+      const entries2 = entriesRef.current;
+      const stream = entries2.length === 0 ? of(true) : zip(
+        ...entries2.map(
+          ({ signal: signal2, version }) => hydrateValueToSignal({
+            adapter: adapterRef.current,
+            signal: signal2,
+            version
+          })
+        )
+      ).pipe(map(() => true));
+      return stream.pipe(
+        tap(() => {
+          if (onReadyRef.current != null)
+            onReadyRef.current();
+        }),
+        catchError((error) => {
+          console.error("Unable to hydrate", error);
+          return EMPTY;
+        })
+      );
+    },
+    { defaultValue: false },
+    []
+  );
+  useSubscribe(() => {
+    return !isHydrated ? EMPTY : merge(
+      ...entriesRef.current.map(
+        ({ signal: signal2, version }) => signal2.subject.pipe(
+          throttleTime(500, asyncScheduler, {
+            trailing: true
+          }),
+          switchMap(
+            () => from(
+              persistValue({ adapter: adapterRef.current, signal: signal2, version })
+            )
+          )
+        )
+      )
+    );
+  }, [isHydrated, adapterRef]);
+  return { isHydrated };
+};
 const useUnmountObservable = () => {
   const subject = useSubject({
     onBeforeComplete: () => {
@@ -1574,6 +1675,7 @@ export {
   useLiveRef,
   useObserve,
   useObserveCallback,
+  usePersistSignals,
   useQuery,
   useQueryClient,
   useSignalValue,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactjrx",
   "private": false,
-  "version": "1.47.0",
+  "version": "1.48.0",
   "type": "module",
   "files": [
     "dist"