react-rx 4.1.2-canary.7 → 4.1.2-canary.9

package/dist/index.cjs

@@ -1,59 +1,75 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var react = require("react"), rxjs = require("rxjs"), operators = require("rxjs/operators"), observableCallback = require("observable-callback"), useEffectEvent = require("use-effect-event");
+var reactCompilerRuntime = require("react-compiler-runtime"), react = require("react"), rxjs = require("rxjs"), operators = require("rxjs/operators"), observableCallback = require("observable-callback"), useEffectEvent = require("use-effect-event");
 function getValue(value) {
   return typeof value == "function" ? value() : value;
 }
 const cache = /* @__PURE__ */ new WeakMap();
 function useObservable(observable, initialValue, debug) {
-  const store = react.useMemo(() => {
-    if (!cache.has(observable)) {
-      const entry = {};
-      entry.observable = observable.pipe(
-        operators.map((value) => ({ snapshot: value, error: void 0 })),
-        rxjs.catchError((error) => rxjs.of({ snapshot: void 0, error })),
-        operators.tap(({ snapshot, error }) => {
-          debug && console.log("tap", snapshot, error), entry.snapshot = snapshot, entry.error = error;
-        }),
-        // Note: any value or error emitted by the provided observable will be mapped to the cache entry's mutable state
-        // and the observable is thereafter only used as a notifier to call `onStoreChange`, hence the `void` return type.
-        operators.map((value) => {
-        }),
-        // Ensure that the cache entry is deleted when the observable completes or errors.
-        rxjs.finalize(() => cache.delete(observable)),
-        rxjs.share({ resetOnRefCountZero: () => rxjs.timer(0, rxjs.asapScheduler) })
-      ), entry.observable.subscribe().unsubscribe(), cache.set(observable, entry);
-    }
-    const instance = cache.get(observable);
-    return {
-      subscribe: (onStoreChange) => {
-        debug && console.log("subscribe", observable);
-        const subscription = instance.observable.subscribe(() => {
-          console.log("onStoreChange", observable), onStoreChange();
-        });
-        return () => {
-          debug && console.log("unsubscribe", observable), subscription.unsubscribe();
-        };
-      },
-      getSnapshot: () => {
-        if (debug && console.log("getSnapshot", instance.snapshot, instance.error), instance.error)
-          throw instance.error;
-        return instance.snapshot;
-      }
+  const $ = reactCompilerRuntime.c(18);
+  let t0;
+  if (!cache.has(observable)) {
+    const entry = {};
+    entry.observable = observable.pipe(operators.map((value) => ({
+      snapshot: value,
+      error: void 0
+    })), rxjs.catchError((error) => rxjs.of({
+      snapshot: void 0,
+      error
+    })), operators.tap((t12) => {
+      const {
+        snapshot,
+        error: error_0
+      } = t12;
+      debug && console.log("tap", snapshot, error_0), entry.snapshot = snapshot, entry.error = error_0;
+    }), operators.map((value_0) => {
+    }), rxjs.finalize(() => cache.delete(observable)), rxjs.share({
+      resetOnRefCountZero: () => rxjs.timer(0, rxjs.asapScheduler)
+    })), entry.observable.subscribe().unsubscribe(), cache.set(observable, entry);
+  }
+  let t1;
+  $[0] !== observable ? (t1 = cache.get(observable), $[0] = observable, $[1] = t1) : t1 = $[1];
+  const instance = t1;
+  let t2;
+  $[2] !== debug || $[3] !== observable || $[4] !== instance.observable ? (t2 = (onStoreChange) => {
+    debug && console.log("subscribe", observable);
+    const subscription_0 = instance.observable.subscribe(() => {
+      debug && console.log("onStoreChange", observable), onStoreChange();
+    });
+    return () => {
+      debug && console.log("unsubscribe", observable), subscription_0.unsubscribe();
     };
-  }, [debug, observable]);
-  return react.useSyncExternalStore(
-    store.subscribe,
-    () => store.getSnapshot() ?? getValue(initialValue),
-    typeof initialValue > "u" ? void 0 : () => getValue(initialValue)
-  );
+  }, $[2] = debug, $[3] = observable, $[4] = instance.observable, $[5] = t2) : t2 = $[5];
+  let t3;
+  $[6] !== debug || $[7] !== instance.snapshot || $[8] !== instance.error ? (t3 = () => {
+    if (debug && console.log("getSnapshot", instance.snapshot, instance.error), instance.error)
+      throw instance.error;
+    return instance.snapshot;
+  }, $[6] = debug, $[7] = instance.snapshot, $[8] = instance.error, $[9] = t3) : t3 = $[9];
+  let t4;
+  $[10] !== t2 || $[11] !== t3 ? (t4 = {
+    subscribe: t2,
+    getSnapshot: t3
+  }, $[10] = t2, $[11] = t3, $[12] = t4) : t4 = $[12], t0 = t4;
+  const store = t0;
+  let t5;
+  $[13] !== store || $[14] !== initialValue ? (t5 = () => store.getSnapshot() ?? getValue(initialValue), $[13] = store, $[14] = initialValue, $[15] = t5) : t5 = $[15];
+  let t6;
+  return $[16] !== initialValue ? (t6 = typeof initialValue > "u" ? void 0 : () => getValue(initialValue), $[16] = initialValue, $[17] = t6) : t6 = $[17], react.useSyncExternalStore(store.subscribe, t5, t6);
 }
 function useObservableEvent(handleEvent) {
-  const [[calls$, call]] = react.useState(() => observableCallback.observableCallback()), onEvent = useEffectEvent.useEffectEvent((observable) => handleEvent(observable));
-  return react.useEffect(() => {
-    const subscription = calls$.pipe((observable) => onEvent(observable)).subscribe();
+  const $ = reactCompilerRuntime.c(6), [t0] = react.useState(_temp), [calls$, call] = t0;
+  let t1;
+  $[0] !== handleEvent ? (t1 = (observable) => handleEvent(observable), $[0] = handleEvent, $[1] = t1) : t1 = $[1];
+  const onEvent = useEffectEvent.useEffectEvent(t1);
+  let t2, t3;
+  return $[2] !== calls$ || $[3] !== onEvent ? (t2 = () => {
+    const subscription = calls$.pipe((observable_0) => onEvent(observable_0)).subscribe();
     return () => subscription.unsubscribe();
-  }, [calls$, onEvent]), call;
+  }, t3 = [calls$, onEvent], $[2] = calls$, $[3] = onEvent, $[4] = t2, $[5] = t3) : (t2 = $[4], t3 = $[5]), react.useEffect(t2, t3), call;
+}
+function _temp() {
+  return observableCallback.observableCallback();
 }
 exports.useObservable = useObservable;
 exports.useObservableEvent = useObservableEvent;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/useObservable.ts","../src/useObservableEvent.ts"],"sourcesContent":["import {useMemo, useSyncExternalStore} from 'react'\nimport {\n  asapScheduler,\n  catchError,\n  finalize,\n  type Observable,\n  type ObservedValueOf,\n  of,\n  share,\n  timer,\n} from 'rxjs'\nimport {map, tap} from 'rxjs/operators'\n\nfunction getValue<T>(value: T): T extends () => infer U ? U : T {\n  return typeof value === 'function' ? value() : value\n}\n\ninterface CacheRecord<T> {\n  observable: Observable<void>\n  snapshot: T\n  error?: unknown\n}\n\nconst cache = new WeakMap<Observable<any>, CacheRecord<any>>()\n\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>>(\n  observable: ObservableType,\n  initialValue: ObservedValueOf<ObservableType> | (() => ObservedValueOf<ObservableType>),\n  debug?: boolean,\n): ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>>(\n  observable: ObservableType,\n): undefined | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n  observable: ObservableType,\n  initialValue: InitialValue | (() => InitialValue),\n  debug?: boolean,\n): InitialValue | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n  observable: ObservableType,\n  initialValue?: InitialValue | (() => InitialValue),\n  debug?: boolean,\n): InitialValue | ObservedValueOf<ObservableType> {\n  const store = useMemo(() => {\n    if (!cache.has(observable)) {\n      const entry: Partial<CacheRecord<ObservedValueOf<ObservableType>>> = {}\n      entry.observable = observable.pipe(\n        map((value) => ({snapshot: value, error: undefined})),\n        catchError((error) => of({snapshot: undefined, error})),\n        tap(({snapshot, error}) => {\n          if (debug) {\n            console.log('tap', snapshot, error)\n          }\n          entry.snapshot = snapshot\n          entry.error = error\n        }),\n        // Note: any value or error emitted by the provided observable will be mapped to the cache entry's mutable state\n        // and the observable is thereafter only used as a notifier to call `onStoreChange`, hence the `void` return type.\n        map((value) => void value),\n        // Ensure that the cache entry is deleted when the observable completes or errors.\n        finalize(() => cache.delete(observable)),\n        share({resetOnRefCountZero: () => timer(0, asapScheduler)}),\n      )\n\n      // Eagerly subscribe to sync set `entry.currentValue` to what the observable returns, and keep the observable alive until the component unmounts.\n      const subscription = entry.observable.subscribe()\n      subscription.unsubscribe()\n\n      cache.set(observable, entry as CacheRecord<ObservedValueOf<ObservableType>>)\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const instance = cache.get(observable)!\n\n    return {\n      subscribe: (onStoreChange: () => void) => {\n        if (debug) {\n          console.log('subscribe', observable)\n        }\n        const subscription = instance.observable.subscribe(() => {\n          console.log('onStoreChange', observable)\n          onStoreChange()\n        })\n        return () => {\n          if (debug) {\n            console.log('unsubscribe', observable)\n          }\n          subscription.unsubscribe()\n        }\n      },\n      getSnapshot: () => {\n        if (debug) {\n          console.log('getSnapshot', instance.snapshot, instance.error)\n        }\n        if (instance.error) {\n          throw instance.error\n        }\n        return instance.snapshot\n      },\n    }\n  }, [debug, observable])\n\n  return useSyncExternalStore<ObservedValueOf<ObservableType>>(\n    store.subscribe,\n    () => store.getSnapshot() ?? (getValue(initialValue) as ObservedValueOf<ObservableType>),\n    typeof initialValue === 'undefined'\n      ? undefined\n      : () => getValue(initialValue) as ObservedValueOf<ObservableType>,\n  )\n}\n","import {observableCallback} from 'observable-callback'\nimport {useEffect, useState} from 'react'\nimport {type Observable} from 'rxjs'\nimport {useEffectEvent} from 'use-effect-event'\n\n/** @public */\nexport function useObservableEvent<T, U>(\n  handleEvent: (arg: Observable<T>) => Observable<U>,\n): (arg: T) => void {\n  const [[calls$, call]] = useState(() => observableCallback<T>())\n\n  const onEvent = useEffectEvent((observable: Observable<T>) => handleEvent(observable))\n\n  useEffect(() => {\n    const subscription = calls$.pipe((observable) => onEvent(observable)).subscribe()\n    return () => subscription.unsubscribe()\n  }, [calls$, onEvent])\n\n  return call\n}\n"],"names":["useMemo","map","catchError","of","tap","finalize","share","timer","asapScheduler","useSyncExternalStore","useState","observableCallback","useEffectEvent","useEffect"],"mappings":";;;AAaA,SAAS,SAAY,OAA2C;AAC9D,SAAO,OAAO,SAAU,aAAa,MAAU,IAAA;AACjD;AAQA,MAAM,4BAAY,QAA2C;AAmB7C,SAAA,cACd,YACA,cACA,OACgD;AAC1C,QAAA,QAAQA,MAAAA,QAAQ,MAAM;AAC1B,QAAI,CAAC,MAAM,IAAI,UAAU,GAAG;AAC1B,YAAM,QAA+D,CAAC;AACtE,YAAM,aAAa,WAAW;AAAA,QAC5BC,cAAI,CAAC,WAAW,EAAC,UAAU,OAAO,OAAO,SAAW;AAAA,QACpDC,gBAAW,CAAC,UAAUC,QAAG,EAAC,UAAU,QAAW,MAAK,CAAC,CAAC;AAAA,QACtDC,UAAAA,IAAI,CAAC,EAAC,UAAU,YAAW;AACrB,mBACF,QAAQ,IAAI,OAAO,UAAU,KAAK,GAEpC,MAAM,WAAW,UACjB,MAAM,QAAQ;AAAA,QAAA,CACf;AAAA;AAAA;AAAA,QAGDH,UAAA,IAAI,CAAC,UAAO;AAAA,QAAA,CAAa;AAAA;AAAA,QAEzBI,KAAAA,SAAS,MAAM,MAAM,OAAO,UAAU,CAAC;AAAA,QACvCC,KAAA,MAAM,EAAC,qBAAqB,MAAMC,WAAM,GAAGC,KAAa,aAAA,EAAE,CAAA;AAAA,MAAA,GAIvC,MAAM,WAAW,YACzB,YAEb,GAAA,MAAM,IAAI,YAAY,KAAqD;AAAA,IAAA;AAGvE,UAAA,WAAW,MAAM,IAAI,UAAU;AAE9B,WAAA;AAAA,MACL,WAAW,CAAC,kBAA8B;AACpC,iBACF,QAAQ,IAAI,aAAa,UAAU;AAErC,cAAM,eAAe,SAAS,WAAW,UAAU,MAAM;AACvD,kBAAQ,IAAI,iBAAiB,UAAU,GACvC,cAAc;AAAA,QAAA,CACf;AACD,eAAO,MAAM;AACP,mBACF,QAAQ,IAAI,eAAe,UAAU,GAEvC,aAAa,YAAY;AAAA,QAC3B;AAAA,MACF;AAAA,MACA,aAAa,MAAM;AACb,YAAA,SACF,QAAQ,IAAI,eAAe,SAAS,UAAU,SAAS,KAAK,GAE1D,SAAS;AACX,gBAAM,SAAS;AAEjB,eAAO,SAAS;AAAA,MAAA;AAAA,IAEpB;AAAA,EAAA,GACC,CAAC,OAAO,UAAU,CAAC;AAEf,SAAAC,MAAA;AAAA,IACL,MAAM;AAAA,IACN,MAAM,MAAM,iBAAkB,SAAS,YAAY;AAAA,IACnD,OAAO,eAAiB,MACpB,SACA,MAAM,SAAS,YAAY;AAAA,EACjC;AACF;AC1GO,SAAS,mBACd,aACkB;AAClB,QAAM,CAAC,CAAC,QAAQ,IAAI,CAAC,IAAIC,MAAS,SAAA,MAAMC,mBAAAA,mBAAuB,CAAA,GAEzD,UAAUC,eAAAA,eAAe,CAAC,eAA8B,YAAY,UAAU,CAAC;AAErF,SAAAC,MAAA,UAAU,MAAM;AACR,UAAA,eAAe,OAAO,KAAK,CAAC,eAAe,QAAQ,UAAU,CAAC,EAAE,UAAU;AACzE,WAAA,MAAM,aAAa,YAAY;AAAA,EACrC,GAAA,CAAC,QAAQ,OAAO,CAAC,GAEb;AACT;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/useObservable.ts","../src/useObservableEvent.ts"],"sourcesContent":["import {useMemo, useSyncExternalStore} from 'react'\nimport {\n  asapScheduler,\n  catchError,\n  finalize,\n  type Observable,\n  type ObservedValueOf,\n  of,\n  share,\n  timer,\n} from 'rxjs'\nimport {map, tap} from 'rxjs/operators'\n\nfunction getValue<T>(value: T): T extends () => infer U ? U : T {\n  return typeof value === 'function' ? value() : value\n}\n\ninterface CacheRecord<T> {\n  observable: Observable<void>\n  snapshot: T\n  error?: unknown\n}\n\nconst cache = new WeakMap<Observable<any>, CacheRecord<any>>()\n\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>>(\n  observable: ObservableType,\n  initialValue: ObservedValueOf<ObservableType> | (() => ObservedValueOf<ObservableType>),\n  debug?: boolean,\n): ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>>(\n  observable: ObservableType,\n): undefined | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n  observable: ObservableType,\n  initialValue: InitialValue | (() => InitialValue),\n  debug?: boolean,\n): InitialValue | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n  observable: ObservableType,\n  initialValue?: InitialValue | (() => InitialValue),\n  debug?: boolean,\n): InitialValue | ObservedValueOf<ObservableType> {\n  const store = useMemo(() => {\n    if (!cache.has(observable)) {\n      const entry: Partial<CacheRecord<ObservedValueOf<ObservableType>>> = {}\n      entry.observable = observable.pipe(\n        map((value) => ({snapshot: value, error: undefined})),\n        catchError((error) => of({snapshot: undefined, error})),\n        tap(({snapshot, error}) => {\n          if (debug) {\n            console.log('tap', snapshot, error)\n          }\n          entry.snapshot = snapshot\n          entry.error = error\n        }),\n        // Note: any value or error emitted by the provided observable will be mapped to the cache entry's mutable state\n        // and the observable is thereafter only used as a notifier to call `onStoreChange`, hence the `void` return type.\n        map((value) => void value),\n        // Ensure that the cache entry is deleted when the observable completes or errors.\n        finalize(() => cache.delete(observable)),\n        share({resetOnRefCountZero: () => timer(0, asapScheduler)}),\n      )\n\n      // Eagerly subscribe to sync set `entry.currentValue` to what the observable returns, and keep the observable alive until the component unmounts.\n      const subscription = entry.observable.subscribe()\n      subscription.unsubscribe()\n\n      cache.set(observable, entry as CacheRecord<ObservedValueOf<ObservableType>>)\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const instance = cache.get(observable)!\n\n    return {\n      subscribe: (onStoreChange: () => void) => {\n        if (debug) {\n          console.log('subscribe', observable)\n        }\n        const subscription = instance.observable.subscribe(() => {\n          if (debug) {\n            console.log('onStoreChange', observable)\n          }\n          onStoreChange()\n        })\n        return () => {\n          if (debug) {\n            console.log('unsubscribe', observable)\n          }\n          subscription.unsubscribe()\n        }\n      },\n      getSnapshot: () => {\n        if (debug) {\n          console.log('getSnapshot', instance.snapshot, instance.error)\n        }\n        if (instance.error) {\n          throw instance.error\n        }\n        return instance.snapshot\n      },\n    }\n  }, [debug, observable])\n\n  return useSyncExternalStore<ObservedValueOf<ObservableType>>(\n    store.subscribe,\n    () => store.getSnapshot() ?? (getValue(initialValue) as ObservedValueOf<ObservableType>),\n    typeof initialValue === 'undefined'\n      ? undefined\n      : () => getValue(initialValue) as ObservedValueOf<ObservableType>,\n  )\n}\n","import {observableCallback} from 'observable-callback'\nimport {useEffect, useState} from 'react'\nimport {type Observable} from 'rxjs'\nimport {useEffectEvent} from 'use-effect-event'\n\n/** @public */\nexport function useObservableEvent<T, U>(\n  handleEvent: (arg: Observable<T>) => Observable<U>,\n): (arg: T) => void {\n  const [[calls$, call]] = useState(() => observableCallback<T>())\n\n  const onEvent = useEffectEvent((observable: Observable<T>) => handleEvent(observable))\n\n  useEffect(() => {\n    const subscription = calls$.pipe((observable) => onEvent(observable)).subscribe()\n    return () => subscription.unsubscribe()\n  }, [calls$, onEvent])\n\n  return call\n}\n"],"names":["getValue","value","cache","WeakMap","useObservable","observable","initialValue","debug","$","_c","t0","has","entry","pipe","map","snapshot","error","undefined","catchError","of","tap","t1","error_0","console","log","value_0","finalize","delete","share","resetOnRefCountZero","timer","asapScheduler","subscribe","unsubscribe","set","get","instance","t2","onStoreChange","subscription_0","subscription","t3","t4","getSnapshot","store","t5","t6","useSyncExternalStore","useObservableEvent","handleEvent","useState","_temp","calls$","call","onEvent","useEffectEvent","observable_0","useEffect","observableCallback"],"mappings":"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"}

package/dist/index.js

@@ -1,4 +1,5 @@
-import { useMemo, useSyncExternalStore, useState, useEffect } from "react";
+import { c } from "react-compiler-runtime";
+import { useSyncExternalStore, useState, useEffect } from "react";
 import { catchError, of, finalize, share, timer, asapScheduler } from "rxjs";
 import { map, tap } from "rxjs/operators";
 import { observableCallback } from "observable-callback";
@@ -8,54 +9,70 @@ function getValue(value) {
 }
 const cache = /* @__PURE__ */ new WeakMap();
 function useObservable(observable, initialValue, debug) {
-  const store = useMemo(() => {
-    if (!cache.has(observable)) {
-      const entry = {};
-      entry.observable = observable.pipe(
-        map((value) => ({ snapshot: value, error: void 0 })),
-        catchError((error) => of({ snapshot: void 0, error })),
-        tap(({ snapshot, error }) => {
-          debug && console.log("tap", snapshot, error), entry.snapshot = snapshot, entry.error = error;
-        }),
-        // Note: any value or error emitted by the provided observable will be mapped to the cache entry's mutable state
-        // and the observable is thereafter only used as a notifier to call `onStoreChange`, hence the `void` return type.
-        map((value) => {
-        }),
-        // Ensure that the cache entry is deleted when the observable completes or errors.
-        finalize(() => cache.delete(observable)),
-        share({ resetOnRefCountZero: () => timer(0, asapScheduler) })
-      ), entry.observable.subscribe().unsubscribe(), cache.set(observable, entry);
-    }
-    const instance = cache.get(observable);
-    return {
-      subscribe: (onStoreChange) => {
-        debug && console.log("subscribe", observable);
-        const subscription = instance.observable.subscribe(() => {
-          console.log("onStoreChange", observable), onStoreChange();
-        });
-        return () => {
-          debug && console.log("unsubscribe", observable), subscription.unsubscribe();
-        };
-      },
-      getSnapshot: () => {
-        if (debug && console.log("getSnapshot", instance.snapshot, instance.error), instance.error)
-          throw instance.error;
-        return instance.snapshot;
-      }
+  const $ = c(18);
+  let t0;
+  if (!cache.has(observable)) {
+    const entry = {};
+    entry.observable = observable.pipe(map((value) => ({
+      snapshot: value,
+      error: void 0
+    })), catchError((error) => of({
+      snapshot: void 0,
+      error
+    })), tap((t12) => {
+      const {
+        snapshot,
+        error: error_0
+      } = t12;
+      debug && console.log("tap", snapshot, error_0), entry.snapshot = snapshot, entry.error = error_0;
+    }), map((value_0) => {
+    }), finalize(() => cache.delete(observable)), share({
+      resetOnRefCountZero: () => timer(0, asapScheduler)
+    })), entry.observable.subscribe().unsubscribe(), cache.set(observable, entry);
+  }
+  let t1;
+  $[0] !== observable ? (t1 = cache.get(observable), $[0] = observable, $[1] = t1) : t1 = $[1];
+  const instance = t1;
+  let t2;
+  $[2] !== debug || $[3] !== observable || $[4] !== instance.observable ? (t2 = (onStoreChange) => {
+    debug && console.log("subscribe", observable);
+    const subscription_0 = instance.observable.subscribe(() => {
+      debug && console.log("onStoreChange", observable), onStoreChange();
+    });
+    return () => {
+      debug && console.log("unsubscribe", observable), subscription_0.unsubscribe();
     };
-  }, [debug, observable]);
-  return useSyncExternalStore(
-    store.subscribe,
-    () => store.getSnapshot() ?? getValue(initialValue),
-    typeof initialValue > "u" ? void 0 : () => getValue(initialValue)
-  );
+  }, $[2] = debug, $[3] = observable, $[4] = instance.observable, $[5] = t2) : t2 = $[5];
+  let t3;
+  $[6] !== debug || $[7] !== instance.snapshot || $[8] !== instance.error ? (t3 = () => {
+    if (debug && console.log("getSnapshot", instance.snapshot, instance.error), instance.error)
+      throw instance.error;
+    return instance.snapshot;
+  }, $[6] = debug, $[7] = instance.snapshot, $[8] = instance.error, $[9] = t3) : t3 = $[9];
+  let t4;
+  $[10] !== t2 || $[11] !== t3 ? (t4 = {
+    subscribe: t2,
+    getSnapshot: t3
+  }, $[10] = t2, $[11] = t3, $[12] = t4) : t4 = $[12], t0 = t4;
+  const store = t0;
+  let t5;
+  $[13] !== store || $[14] !== initialValue ? (t5 = () => store.getSnapshot() ?? getValue(initialValue), $[13] = store, $[14] = initialValue, $[15] = t5) : t5 = $[15];
+  let t6;
+  return $[16] !== initialValue ? (t6 = typeof initialValue > "u" ? void 0 : () => getValue(initialValue), $[16] = initialValue, $[17] = t6) : t6 = $[17], useSyncExternalStore(store.subscribe, t5, t6);
 }
 function useObservableEvent(handleEvent) {
-  const [[calls$, call]] = useState(() => observableCallback()), onEvent = useEffectEvent((observable) => handleEvent(observable));
-  return useEffect(() => {
-    const subscription = calls$.pipe((observable) => onEvent(observable)).subscribe();
+  const $ = c(6), [t0] = useState(_temp), [calls$, call] = t0;
+  let t1;
+  $[0] !== handleEvent ? (t1 = (observable) => handleEvent(observable), $[0] = handleEvent, $[1] = t1) : t1 = $[1];
+  const onEvent = useEffectEvent(t1);
+  let t2, t3;
+  return $[2] !== calls$ || $[3] !== onEvent ? (t2 = () => {
+    const subscription = calls$.pipe((observable_0) => onEvent(observable_0)).subscribe();
     return () => subscription.unsubscribe();
-  }, [calls$, onEvent]), call;
+  }, t3 = [calls$, onEvent], $[2] = calls$, $[3] = onEvent, $[4] = t2, $[5] = t3) : (t2 = $[4], t3 = $[5]), useEffect(t2, t3), call;
+}
+function _temp() {
+  return observableCallback();
 }
 export {
   useObservable,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/useObservable.ts","../src/useObservableEvent.ts"],"sourcesContent":["import {useMemo, useSyncExternalStore} from 'react'\nimport {\n  asapScheduler,\n  catchError,\n  finalize,\n  type Observable,\n  type ObservedValueOf,\n  of,\n  share,\n  timer,\n} from 'rxjs'\nimport {map, tap} from 'rxjs/operators'\n\nfunction getValue<T>(value: T): T extends () => infer U ? U : T {\n  return typeof value === 'function' ? value() : value\n}\n\ninterface CacheRecord<T> {\n  observable: Observable<void>\n  snapshot: T\n  error?: unknown\n}\n\nconst cache = new WeakMap<Observable<any>, CacheRecord<any>>()\n\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>>(\n  observable: ObservableType,\n  initialValue: ObservedValueOf<ObservableType> | (() => ObservedValueOf<ObservableType>),\n  debug?: boolean,\n): ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>>(\n  observable: ObservableType,\n): undefined | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n  observable: ObservableType,\n  initialValue: InitialValue | (() => InitialValue),\n  debug?: boolean,\n): InitialValue | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n  observable: ObservableType,\n  initialValue?: InitialValue | (() => InitialValue),\n  debug?: boolean,\n): InitialValue | ObservedValueOf<ObservableType> {\n  const store = useMemo(() => {\n    if (!cache.has(observable)) {\n      const entry: Partial<CacheRecord<ObservedValueOf<ObservableType>>> = {}\n      entry.observable = observable.pipe(\n        map((value) => ({snapshot: value, error: undefined})),\n        catchError((error) => of({snapshot: undefined, error})),\n        tap(({snapshot, error}) => {\n          if (debug) {\n            console.log('tap', snapshot, error)\n          }\n          entry.snapshot = snapshot\n          entry.error = error\n        }),\n        // Note: any value or error emitted by the provided observable will be mapped to the cache entry's mutable state\n        // and the observable is thereafter only used as a notifier to call `onStoreChange`, hence the `void` return type.\n        map((value) => void value),\n        // Ensure that the cache entry is deleted when the observable completes or errors.\n        finalize(() => cache.delete(observable)),\n        share({resetOnRefCountZero: () => timer(0, asapScheduler)}),\n      )\n\n      // Eagerly subscribe to sync set `entry.currentValue` to what the observable returns, and keep the observable alive until the component unmounts.\n      const subscription = entry.observable.subscribe()\n      subscription.unsubscribe()\n\n      cache.set(observable, entry as CacheRecord<ObservedValueOf<ObservableType>>)\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const instance = cache.get(observable)!\n\n    return {\n      subscribe: (onStoreChange: () => void) => {\n        if (debug) {\n          console.log('subscribe', observable)\n        }\n        const subscription = instance.observable.subscribe(() => {\n          console.log('onStoreChange', observable)\n          onStoreChange()\n        })\n        return () => {\n          if (debug) {\n            console.log('unsubscribe', observable)\n          }\n          subscription.unsubscribe()\n        }\n      },\n      getSnapshot: () => {\n        if (debug) {\n          console.log('getSnapshot', instance.snapshot, instance.error)\n        }\n        if (instance.error) {\n          throw instance.error\n        }\n        return instance.snapshot\n      },\n    }\n  }, [debug, observable])\n\n  return useSyncExternalStore<ObservedValueOf<ObservableType>>(\n    store.subscribe,\n    () => store.getSnapshot() ?? (getValue(initialValue) as ObservedValueOf<ObservableType>),\n    typeof initialValue === 'undefined'\n      ? undefined\n      : () => getValue(initialValue) as ObservedValueOf<ObservableType>,\n  )\n}\n","import {observableCallback} from 'observable-callback'\nimport {useEffect, useState} from 'react'\nimport {type Observable} from 'rxjs'\nimport {useEffectEvent} from 'use-effect-event'\n\n/** @public */\nexport function useObservableEvent<T, U>(\n  handleEvent: (arg: Observable<T>) => Observable<U>,\n): (arg: T) => void {\n  const [[calls$, call]] = useState(() => observableCallback<T>())\n\n  const onEvent = useEffectEvent((observable: Observable<T>) => handleEvent(observable))\n\n  useEffect(() => {\n    const subscription = calls$.pipe((observable) => onEvent(observable)).subscribe()\n    return () => subscription.unsubscribe()\n  }, [calls$, onEvent])\n\n  return call\n}\n"],"names":[],"mappings":";;;;;AAaA,SAAS,SAAY,OAA2C;AAC9D,SAAO,OAAO,SAAU,aAAa,MAAU,IAAA;AACjD;AAQA,MAAM,4BAAY,QAA2C;AAmB7C,SAAA,cACd,YACA,cACA,OACgD;AAC1C,QAAA,QAAQ,QAAQ,MAAM;AAC1B,QAAI,CAAC,MAAM,IAAI,UAAU,GAAG;AAC1B,YAAM,QAA+D,CAAC;AACtE,YAAM,aAAa,WAAW;AAAA,QAC5B,IAAI,CAAC,WAAW,EAAC,UAAU,OAAO,OAAO,SAAW;AAAA,QACpD,WAAW,CAAC,UAAU,GAAG,EAAC,UAAU,QAAW,MAAK,CAAC,CAAC;AAAA,QACtD,IAAI,CAAC,EAAC,UAAU,YAAW;AACrB,mBACF,QAAQ,IAAI,OAAO,UAAU,KAAK,GAEpC,MAAM,WAAW,UACjB,MAAM,QAAQ;AAAA,QAAA,CACf;AAAA;AAAA;AAAA,QAGD,IAAI,CAAC,UAAO;AAAA,QAAA,CAAa;AAAA;AAAA,QAEzB,SAAS,MAAM,MAAM,OAAO,UAAU,CAAC;AAAA,QACvC,MAAM,EAAC,qBAAqB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;AAAA,MAAA,GAIvC,MAAM,WAAW,YACzB,YAEb,GAAA,MAAM,IAAI,YAAY,KAAqD;AAAA,IAAA;AAGvE,UAAA,WAAW,MAAM,IAAI,UAAU;AAE9B,WAAA;AAAA,MACL,WAAW,CAAC,kBAA8B;AACpC,iBACF,QAAQ,IAAI,aAAa,UAAU;AAErC,cAAM,eAAe,SAAS,WAAW,UAAU,MAAM;AACvD,kBAAQ,IAAI,iBAAiB,UAAU,GACvC,cAAc;AAAA,QAAA,CACf;AACD,eAAO,MAAM;AACP,mBACF,QAAQ,IAAI,eAAe,UAAU,GAEvC,aAAa,YAAY;AAAA,QAC3B;AAAA,MACF;AAAA,MACA,aAAa,MAAM;AACb,YAAA,SACF,QAAQ,IAAI,eAAe,SAAS,UAAU,SAAS,KAAK,GAE1D,SAAS;AACX,gBAAM,SAAS;AAEjB,eAAO,SAAS;AAAA,MAAA;AAAA,IAEpB;AAAA,EAAA,GACC,CAAC,OAAO,UAAU,CAAC;AAEf,SAAA;AAAA,IACL,MAAM;AAAA,IACN,MAAM,MAAM,iBAAkB,SAAS,YAAY;AAAA,IACnD,OAAO,eAAiB,MACpB,SACA,MAAM,SAAS,YAAY;AAAA,EACjC;AACF;AC1GO,SAAS,mBACd,aACkB;AAClB,QAAM,CAAC,CAAC,QAAQ,IAAI,CAAC,IAAI,SAAS,MAAM,mBAAuB,CAAA,GAEzD,UAAU,eAAe,CAAC,eAA8B,YAAY,UAAU,CAAC;AAErF,SAAA,UAAU,MAAM;AACR,UAAA,eAAe,OAAO,KAAK,CAAC,eAAe,QAAQ,UAAU,CAAC,EAAE,UAAU;AACzE,WAAA,MAAM,aAAa,YAAY;AAAA,EACrC,GAAA,CAAC,QAAQ,OAAO,CAAC,GAEb;AACT;"}
+{"version":3,"file":"index.js","sources":["../src/useObservable.ts","../src/useObservableEvent.ts"],"sourcesContent":["import {useMemo, useSyncExternalStore} from 'react'\nimport {\n  asapScheduler,\n  catchError,\n  finalize,\n  type Observable,\n  type ObservedValueOf,\n  of,\n  share,\n  timer,\n} from 'rxjs'\nimport {map, tap} from 'rxjs/operators'\n\nfunction getValue<T>(value: T): T extends () => infer U ? U : T {\n  return typeof value === 'function' ? value() : value\n}\n\ninterface CacheRecord<T> {\n  observable: Observable<void>\n  snapshot: T\n  error?: unknown\n}\n\nconst cache = new WeakMap<Observable<any>, CacheRecord<any>>()\n\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>>(\n  observable: ObservableType,\n  initialValue: ObservedValueOf<ObservableType> | (() => ObservedValueOf<ObservableType>),\n  debug?: boolean,\n): ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>>(\n  observable: ObservableType,\n): undefined | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n  observable: ObservableType,\n  initialValue: InitialValue | (() => InitialValue),\n  debug?: boolean,\n): InitialValue | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n  observable: ObservableType,\n  initialValue?: InitialValue | (() => InitialValue),\n  debug?: boolean,\n): InitialValue | ObservedValueOf<ObservableType> {\n  const store = useMemo(() => {\n    if (!cache.has(observable)) {\n      const entry: Partial<CacheRecord<ObservedValueOf<ObservableType>>> = {}\n      entry.observable = observable.pipe(\n        map((value) => ({snapshot: value, error: undefined})),\n        catchError((error) => of({snapshot: undefined, error})),\n        tap(({snapshot, error}) => {\n          if (debug) {\n            console.log('tap', snapshot, error)\n          }\n          entry.snapshot = snapshot\n          entry.error = error\n        }),\n        // Note: any value or error emitted by the provided observable will be mapped to the cache entry's mutable state\n        // and the observable is thereafter only used as a notifier to call `onStoreChange`, hence the `void` return type.\n        map((value) => void value),\n        // Ensure that the cache entry is deleted when the observable completes or errors.\n        finalize(() => cache.delete(observable)),\n        share({resetOnRefCountZero: () => timer(0, asapScheduler)}),\n      )\n\n      // Eagerly subscribe to sync set `entry.currentValue` to what the observable returns, and keep the observable alive until the component unmounts.\n      const subscription = entry.observable.subscribe()\n      subscription.unsubscribe()\n\n      cache.set(observable, entry as CacheRecord<ObservedValueOf<ObservableType>>)\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const instance = cache.get(observable)!\n\n    return {\n      subscribe: (onStoreChange: () => void) => {\n        if (debug) {\n          console.log('subscribe', observable)\n        }\n        const subscription = instance.observable.subscribe(() => {\n          if (debug) {\n            console.log('onStoreChange', observable)\n          }\n          onStoreChange()\n        })\n        return () => {\n          if (debug) {\n            console.log('unsubscribe', observable)\n          }\n          subscription.unsubscribe()\n        }\n      },\n      getSnapshot: () => {\n        if (debug) {\n          console.log('getSnapshot', instance.snapshot, instance.error)\n        }\n        if (instance.error) {\n          throw instance.error\n        }\n        return instance.snapshot\n      },\n    }\n  }, [debug, observable])\n\n  return useSyncExternalStore<ObservedValueOf<ObservableType>>(\n    store.subscribe,\n    () => store.getSnapshot() ?? (getValue(initialValue) as ObservedValueOf<ObservableType>),\n    typeof initialValue === 'undefined'\n      ? undefined\n      : () => getValue(initialValue) as ObservedValueOf<ObservableType>,\n  )\n}\n","import {observableCallback} from 'observable-callback'\nimport {useEffect, useState} from 'react'\nimport {type Observable} from 'rxjs'\nimport {useEffectEvent} from 'use-effect-event'\n\n/** @public */\nexport function useObservableEvent<T, U>(\n  handleEvent: (arg: Observable<T>) => Observable<U>,\n): (arg: T) => void {\n  const [[calls$, call]] = useState(() => observableCallback<T>())\n\n  const onEvent = useEffectEvent((observable: Observable<T>) => handleEvent(observable))\n\n  useEffect(() => {\n    const subscription = calls$.pipe((observable) => onEvent(observable)).subscribe()\n    return () => subscription.unsubscribe()\n  }, [calls$, onEvent])\n\n  return call\n}\n"],"names":["getValue","value","cache","WeakMap","useObservable","observable","initialValue","debug","$","_c","t0","has","entry","pipe","map","snapshot","error","undefined","catchError","of","tap","t1","error_0","console","log","value_0","finalize","delete","share","resetOnRefCountZero","timer","asapScheduler","subscribe","unsubscribe","set","get","instance","t2","onStoreChange","subscription_0","subscription","t3","t4","getSnapshot","store","t5","t6","useSyncExternalStore","useObservableEvent","handleEvent","useState","_temp","calls$","call","onEvent","useEffectEvent","observable_0","useEffect","observableCallback"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-rx",
-  "version": "4.1.2-canary.7",
+  "version": "4.1.2-canary.9",
   "description": "React + RxJS = <3",
   "keywords": [
     "action",

package/src/useObservable.ts

@@ -81,7 +81,9 @@ export function useObservable<ObservableType extends Observable<any>, InitialVal
           console.log('subscribe', observable)
         }
         const subscription = instance.observable.subscribe(() => {
-          console.log('onStoreChange', observable)
+          if (debug) {
+            console.log('onStoreChange', observable)
+          }
           onStoreChange()
         })
         return () => {