react-rx 4.0.1 → 4.1.0-canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,58 +1,81 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: !0 });
3
- var react = require("react"), rxjs = require("rxjs"), operators = require("rxjs/operators"), observableCallback = require("observable-callback"), useEffectEvent = require("use-effect-event");
3
+ 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");
4
4
  function getValue(value) {
5
5
  return typeof value == "function" ? value() : value;
6
6
  }
7
7
  const cache = /* @__PURE__ */ new WeakMap();
8
8
  function useObservable(observable, initialValue) {
9
+ const $ = reactCompilerRuntime.c(12);
9
10
  if (!cache.has(observable)) {
10
11
  const entry = {
11
12
  snapshot: getValue(initialValue)
12
13
  };
13
- entry.observable = observable.pipe(
14
- operators.map((value) => ({ snapshot: value, error: void 0 })),
15
- rxjs.catchError((error) => rxjs.of({ snapshot: void 0, error })),
16
- operators.tap(({ snapshot, error }) => {
17
- entry.snapshot = snapshot, entry.error = error;
18
- }),
19
- // Note: any value or error emitted by the provided observable will be mapped to the cache entry's mutable state
20
- // and the observable is thereafter only used as a notifier to call `onStoreChange`, hence the `void` return type.
21
- operators.map((value) => {
22
- }),
23
- // Ensure that the cache entry is deleted when the observable completes or errors.
24
- rxjs.finalize(() => cache.delete(observable)),
25
- rxjs.share({ resetOnRefCountZero: () => rxjs.timer(0, rxjs.asapScheduler) })
26
- ), entry.observable.subscribe().unsubscribe(), cache.set(observable, entry);
14
+ entry.observable = observable.pipe(operators.map(_temp$1), rxjs.catchError(_temp2), operators.tap((t02) => {
15
+ const {
16
+ snapshot,
17
+ error: error_0
18
+ } = t02;
19
+ entry.snapshot = snapshot, entry.error = error_0;
20
+ }), operators.map(_temp3), rxjs.finalize(() => cache.delete(observable)), rxjs.share({
21
+ resetOnRefCountZero: _temp4
22
+ })), entry.observable.subscribe().unsubscribe(), cache.set(observable, entry);
27
23
  }
28
- const store = react.useMemo(() => {
29
- const instance = cache.get(observable);
30
- return {
31
- subscribe: (onStoreChange) => {
32
- const subscription = instance.observable.subscribe(onStoreChange);
33
- return () => {
34
- subscription.unsubscribe();
35
- };
36
- },
37
- getSnapshot: () => {
38
- if (instance.error)
39
- throw instance.error;
40
- return instance.snapshot;
41
- }
24
+ let t0, t1;
25
+ $[0] !== observable ? (t1 = cache.get(observable), $[0] = observable, $[1] = t1) : t1 = $[1];
26
+ const instance = t1;
27
+ let t2;
28
+ $[2] !== instance.observable ? (t2 = (onStoreChange) => {
29
+ const subscription_0 = instance.observable.subscribe(onStoreChange);
30
+ return () => {
31
+ subscription_0.unsubscribe();
42
32
  };
43
- }, [observable]);
44
- return react.useSyncExternalStore(
45
- store.subscribe,
46
- store.getSnapshot,
47
- typeof initialValue > "u" ? void 0 : () => getValue(initialValue)
48
- );
33
+ }, $[2] = instance.observable, $[3] = t2) : t2 = $[3];
34
+ let t3;
35
+ $[4] !== instance.error || $[5] !== instance.snapshot ? (t3 = () => {
36
+ if (instance.error)
37
+ throw instance.error;
38
+ return instance.snapshot;
39
+ }, $[4] = instance.error, $[5] = instance.snapshot, $[6] = t3) : t3 = $[6];
40
+ let t4;
41
+ $[7] !== t2 || $[8] !== t3 ? (t4 = {
42
+ subscribe: t2,
43
+ getSnapshot: t3
44
+ }, $[7] = t2, $[8] = t3, $[9] = t4) : t4 = $[9], t0 = t4;
45
+ const store = t0;
46
+ let t5;
47
+ return $[10] !== initialValue ? (t5 = typeof initialValue > "u" ? void 0 : () => getValue(initialValue), $[10] = initialValue, $[11] = t5) : t5 = $[11], react.useSyncExternalStore(store.subscribe, store.getSnapshot, t5);
48
+ }
49
+ function _temp4() {
50
+ return rxjs.timer(0, rxjs.asapScheduler);
51
+ }
52
+ function _temp3(value_0) {
53
+ }
54
+ function _temp2(error) {
55
+ return rxjs.of({
56
+ snapshot: void 0,
57
+ error
58
+ });
59
+ }
60
+ function _temp$1(value) {
61
+ return {
62
+ snapshot: value,
63
+ error: void 0
64
+ };
49
65
  }
50
66
  function useObservableEvent(handleEvent) {
51
- const [[calls$, call]] = react.useState(() => observableCallback.observableCallback()), onEvent = useEffectEvent.useEffectEvent((observable) => handleEvent(observable));
52
- return react.useEffect(() => {
53
- const subscription = calls$.pipe((observable) => onEvent(observable)).subscribe();
67
+ const $ = reactCompilerRuntime.c(6), [t0] = react.useState(_temp), [calls$, call] = t0;
68
+ let t1;
69
+ $[0] !== handleEvent ? (t1 = (observable) => handleEvent(observable), $[0] = handleEvent, $[1] = t1) : t1 = $[1];
70
+ const onEvent = useEffectEvent.useEffectEvent(t1);
71
+ let t2, t3;
72
+ return $[2] !== calls$ || $[3] !== onEvent ? (t2 = () => {
73
+ const subscription = calls$.pipe((observable_0) => onEvent(observable_0)).subscribe();
54
74
  return () => subscription.unsubscribe();
55
- }, [calls$, onEvent]), call;
75
+ }, t3 = [calls$, onEvent], $[2] = calls$, $[3] = onEvent, $[4] = t2, $[5] = t3) : (t2 = $[4], t3 = $[5]), react.useEffect(t2, t3), call;
76
+ }
77
+ function _temp() {
78
+ return observableCallback.observableCallback();
56
79
  }
57
80
  exports.useObservable = useObservable;
58
81
  exports.useObservableEvent = useObservableEvent;
@@ -1 +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): 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): InitialValue | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n observable: ObservableType,\n initialValue?: InitialValue | (() => InitialValue),\n): InitialValue | ObservedValueOf<ObservableType> {\n if (!cache.has(observable)) {\n const entry: Partial<CacheRecord<ObservedValueOf<ObservableType>>> = {\n snapshot: getValue(initialValue) as ObservedValueOf<ObservableType>,\n }\n entry.observable = observable.pipe(\n map((value) => ({snapshot: value, error: undefined})),\n catchError((error) => of({snapshot: undefined, error})),\n tap(({snapshot, error}) => {\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\n const store = useMemo(() => {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const instance = cache.get(observable)!\n return {\n subscribe: (onStoreChange: () => void) => {\n const subscription = instance.observable.subscribe(onStoreChange)\n return () => {\n subscription.unsubscribe()\n }\n },\n getSnapshot: () => {\n if (instance.error) {\n throw instance.error\n }\n return instance.snapshot\n },\n }\n }, [observable])\n\n return useSyncExternalStore<ObservedValueOf<ObservableType>>(\n store.subscribe,\n store.getSnapshot,\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":["map","catchError","of","tap","finalize","share","timer","asapScheduler","useMemo","useSyncExternalStore","useState","observableCallback","useEffectEvent","useEffect"],"mappings":";;;AAaA,SAAS,SAAY,OAA2C;AAC9D,SAAO,OAAO,SAAU,aAAa,MAAU,IAAA;AACjD;AAQA,MAAM,4BAAY,QAA2C;AAiB7C,SAAA,cACd,YACA,cACgD;AAChD,MAAI,CAAC,MAAM,IAAI,UAAU,GAAG;AAC1B,UAAM,QAA+D;AAAA,MACnE,UAAU,SAAS,YAAY;AAAA,IACjC;AACA,UAAM,aAAa,WAAW;AAAA,MAC5BA,cAAI,CAAC,WAAW,EAAC,UAAU,OAAO,OAAO,SAAW;AAAA,MACpDC,gBAAW,CAAC,UAAUC,QAAG,EAAC,UAAU,QAAW,MAAK,CAAC,CAAC;AAAA,MACtDC,UAAAA,IAAI,CAAC,EAAC,UAAU,YAAW;AACnB,cAAA,WAAW,UACjB,MAAM,QAAQ;AAAA,MAAA,CACf;AAAA;AAAA;AAAA,MAGDH,UAAA,IAAI,CAAC,UAAO;AAAA,MAAA,CAAa;AAAA;AAAA,MAEzBI,KAAAA,SAAS,MAAM,MAAM,OAAO,UAAU,CAAC;AAAA,MACvCC,KAAA,MAAM,EAAC,qBAAqB,MAAMC,WAAM,GAAGC,KAAa,aAAA,EAAE,CAAA;AAAA,IAAA,GAIvC,MAAM,WAAW,YACzB,YAEb,GAAA,MAAM,IAAI,YAAY,KAAqD;AAAA,EAAA;AAGvE,QAAA,QAAQC,MAAAA,QAAQ,MAAM;AAEpB,UAAA,WAAW,MAAM,IAAI,UAAU;AAC9B,WAAA;AAAA,MACL,WAAW,CAAC,kBAA8B;AACxC,cAAM,eAAe,SAAS,WAAW,UAAU,aAAa;AAChE,eAAO,MAAM;AACX,uBAAa,YAAY;AAAA,QAC3B;AAAA,MACF;AAAA,MACA,aAAa,MAAM;AACjB,YAAI,SAAS;AACX,gBAAM,SAAS;AAEjB,eAAO,SAAS;AAAA,MAAA;AAAA,IAEpB;AAAA,EAAA,GACC,CAAC,UAAU,CAAC;AAER,SAAAC,MAAA;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO,eAAiB,MACpB,SACA,MAAM,SAAS,YAAY;AAAA,EACjC;AACF;AC1FO,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;;;"}
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): 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): InitialValue | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n observable: ObservableType,\n initialValue?: InitialValue | (() => InitialValue),\n): InitialValue | ObservedValueOf<ObservableType> {\n if (!cache.has(observable)) {\n const entry: Partial<CacheRecord<ObservedValueOf<ObservableType>>> = {\n snapshot: getValue(initialValue) as ObservedValueOf<ObservableType>,\n }\n entry.observable = observable.pipe(\n map((value) => ({snapshot: value, error: undefined})),\n catchError((error) => of({snapshot: undefined, error})),\n tap(({snapshot, error}) => {\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\n const store = useMemo(() => {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const instance = cache.get(observable)!\n return {\n subscribe: (onStoreChange: () => void) => {\n const subscription = instance.observable.subscribe(onStoreChange)\n return () => {\n subscription.unsubscribe()\n }\n },\n getSnapshot: () => {\n if (instance.error) {\n throw instance.error\n }\n return instance.snapshot\n },\n }\n }, [observable])\n\n return useSyncExternalStore<ObservedValueOf<ObservableType>>(\n store.subscribe,\n store.getSnapshot,\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","$","_c","has","entry","snapshot","pipe","map","_temp","catchError","_temp2","tap","t0","error","error_0","_temp3","finalize","delete","share","resetOnRefCountZero","_temp4","subscribe","unsubscribe","set","t1","get","instance","t2","onStoreChange","subscription_0","subscription","t3","t4","getSnapshot","store","t5","undefined","useSyncExternalStore","timer","asapScheduler","value_0","of","useObservableEvent","handleEvent","useState","calls$","call","onEvent","useEffectEvent","observable_0","useEffect","observableCallback"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,5 +1,6 @@
1
- import { useMemo, useSyncExternalStore, useState, useEffect } from "react";
2
- import { catchError, of, finalize, share, timer, asapScheduler } from "rxjs";
1
+ import { c } from "react-compiler-runtime";
2
+ import { useSyncExternalStore, useState, useEffect } from "react";
3
+ import { catchError, finalize, share, timer, asapScheduler, of } from "rxjs";
3
4
  import { map, tap } from "rxjs/operators";
4
5
  import { observableCallback } from "observable-callback";
5
6
  import { useEffectEvent } from "use-effect-event";
@@ -8,53 +9,76 @@ function getValue(value) {
8
9
  }
9
10
  const cache = /* @__PURE__ */ new WeakMap();
10
11
  function useObservable(observable, initialValue) {
12
+ const $ = c(12);
11
13
  if (!cache.has(observable)) {
12
14
  const entry = {
13
15
  snapshot: getValue(initialValue)
14
16
  };
15
- entry.observable = observable.pipe(
16
- map((value) => ({ snapshot: value, error: void 0 })),
17
- catchError((error) => of({ snapshot: void 0, error })),
18
- tap(({ snapshot, error }) => {
19
- entry.snapshot = snapshot, entry.error = error;
20
- }),
21
- // Note: any value or error emitted by the provided observable will be mapped to the cache entry's mutable state
22
- // and the observable is thereafter only used as a notifier to call `onStoreChange`, hence the `void` return type.
23
- map((value) => {
24
- }),
25
- // Ensure that the cache entry is deleted when the observable completes or errors.
26
- finalize(() => cache.delete(observable)),
27
- share({ resetOnRefCountZero: () => timer(0, asapScheduler) })
28
- ), entry.observable.subscribe().unsubscribe(), cache.set(observable, entry);
17
+ entry.observable = observable.pipe(map(_temp$1), catchError(_temp2), tap((t02) => {
18
+ const {
19
+ snapshot,
20
+ error: error_0
21
+ } = t02;
22
+ entry.snapshot = snapshot, entry.error = error_0;
23
+ }), map(_temp3), finalize(() => cache.delete(observable)), share({
24
+ resetOnRefCountZero: _temp4
25
+ })), entry.observable.subscribe().unsubscribe(), cache.set(observable, entry);
29
26
  }
30
- const store = useMemo(() => {
31
- const instance = cache.get(observable);
32
- return {
33
- subscribe: (onStoreChange) => {
34
- const subscription = instance.observable.subscribe(onStoreChange);
35
- return () => {
36
- subscription.unsubscribe();
37
- };
38
- },
39
- getSnapshot: () => {
40
- if (instance.error)
41
- throw instance.error;
42
- return instance.snapshot;
43
- }
27
+ let t0, t1;
28
+ $[0] !== observable ? (t1 = cache.get(observable), $[0] = observable, $[1] = t1) : t1 = $[1];
29
+ const instance = t1;
30
+ let t2;
31
+ $[2] !== instance.observable ? (t2 = (onStoreChange) => {
32
+ const subscription_0 = instance.observable.subscribe(onStoreChange);
33
+ return () => {
34
+ subscription_0.unsubscribe();
44
35
  };
45
- }, [observable]);
46
- return useSyncExternalStore(
47
- store.subscribe,
48
- store.getSnapshot,
49
- typeof initialValue > "u" ? void 0 : () => getValue(initialValue)
50
- );
36
+ }, $[2] = instance.observable, $[3] = t2) : t2 = $[3];
37
+ let t3;
38
+ $[4] !== instance.error || $[5] !== instance.snapshot ? (t3 = () => {
39
+ if (instance.error)
40
+ throw instance.error;
41
+ return instance.snapshot;
42
+ }, $[4] = instance.error, $[5] = instance.snapshot, $[6] = t3) : t3 = $[6];
43
+ let t4;
44
+ $[7] !== t2 || $[8] !== t3 ? (t4 = {
45
+ subscribe: t2,
46
+ getSnapshot: t3
47
+ }, $[7] = t2, $[8] = t3, $[9] = t4) : t4 = $[9], t0 = t4;
48
+ const store = t0;
49
+ let t5;
50
+ return $[10] !== initialValue ? (t5 = typeof initialValue > "u" ? void 0 : () => getValue(initialValue), $[10] = initialValue, $[11] = t5) : t5 = $[11], useSyncExternalStore(store.subscribe, store.getSnapshot, t5);
51
+ }
52
+ function _temp4() {
53
+ return timer(0, asapScheduler);
54
+ }
55
+ function _temp3(value_0) {
56
+ }
57
+ function _temp2(error) {
58
+ return of({
59
+ snapshot: void 0,
60
+ error
61
+ });
62
+ }
63
+ function _temp$1(value) {
64
+ return {
65
+ snapshot: value,
66
+ error: void 0
67
+ };
51
68
  }
52
69
  function useObservableEvent(handleEvent) {
53
- const [[calls$, call]] = useState(() => observableCallback()), onEvent = useEffectEvent((observable) => handleEvent(observable));
54
- return useEffect(() => {
55
- const subscription = calls$.pipe((observable) => onEvent(observable)).subscribe();
70
+ const $ = c(6), [t0] = useState(_temp), [calls$, call] = t0;
71
+ let t1;
72
+ $[0] !== handleEvent ? (t1 = (observable) => handleEvent(observable), $[0] = handleEvent, $[1] = t1) : t1 = $[1];
73
+ const onEvent = useEffectEvent(t1);
74
+ let t2, t3;
75
+ return $[2] !== calls$ || $[3] !== onEvent ? (t2 = () => {
76
+ const subscription = calls$.pipe((observable_0) => onEvent(observable_0)).subscribe();
56
77
  return () => subscription.unsubscribe();
57
- }, [calls$, onEvent]), call;
78
+ }, t3 = [calls$, onEvent], $[2] = calls$, $[3] = onEvent, $[4] = t2, $[5] = t3) : (t2 = $[4], t3 = $[5]), useEffect(t2, t3), call;
79
+ }
80
+ function _temp() {
81
+ return observableCallback();
58
82
  }
59
83
  export {
60
84
  useObservable,
package/dist/index.js.map CHANGED
@@ -1 +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): 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): InitialValue | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n observable: ObservableType,\n initialValue?: InitialValue | (() => InitialValue),\n): InitialValue | ObservedValueOf<ObservableType> {\n if (!cache.has(observable)) {\n const entry: Partial<CacheRecord<ObservedValueOf<ObservableType>>> = {\n snapshot: getValue(initialValue) as ObservedValueOf<ObservableType>,\n }\n entry.observable = observable.pipe(\n map((value) => ({snapshot: value, error: undefined})),\n catchError((error) => of({snapshot: undefined, error})),\n tap(({snapshot, error}) => {\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\n const store = useMemo(() => {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const instance = cache.get(observable)!\n return {\n subscribe: (onStoreChange: () => void) => {\n const subscription = instance.observable.subscribe(onStoreChange)\n return () => {\n subscription.unsubscribe()\n }\n },\n getSnapshot: () => {\n if (instance.error) {\n throw instance.error\n }\n return instance.snapshot\n },\n }\n }, [observable])\n\n return useSyncExternalStore<ObservedValueOf<ObservableType>>(\n store.subscribe,\n store.getSnapshot,\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;AAiB7C,SAAA,cACd,YACA,cACgD;AAChD,MAAI,CAAC,MAAM,IAAI,UAAU,GAAG;AAC1B,UAAM,QAA+D;AAAA,MACnE,UAAU,SAAS,YAAY;AAAA,IACjC;AACA,UAAM,aAAa,WAAW;AAAA,MAC5B,IAAI,CAAC,WAAW,EAAC,UAAU,OAAO,OAAO,SAAW;AAAA,MACpD,WAAW,CAAC,UAAU,GAAG,EAAC,UAAU,QAAW,MAAK,CAAC,CAAC;AAAA,MACtD,IAAI,CAAC,EAAC,UAAU,YAAW;AACnB,cAAA,WAAW,UACjB,MAAM,QAAQ;AAAA,MAAA,CACf;AAAA;AAAA;AAAA,MAGD,IAAI,CAAC,UAAO;AAAA,MAAA,CAAa;AAAA;AAAA,MAEzB,SAAS,MAAM,MAAM,OAAO,UAAU,CAAC;AAAA,MACvC,MAAM,EAAC,qBAAqB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAA;AAAA,IAAA,GAIvC,MAAM,WAAW,YACzB,YAEb,GAAA,MAAM,IAAI,YAAY,KAAqD;AAAA,EAAA;AAGvE,QAAA,QAAQ,QAAQ,MAAM;AAEpB,UAAA,WAAW,MAAM,IAAI,UAAU;AAC9B,WAAA;AAAA,MACL,WAAW,CAAC,kBAA8B;AACxC,cAAM,eAAe,SAAS,WAAW,UAAU,aAAa;AAChE,eAAO,MAAM;AACX,uBAAa,YAAY;AAAA,QAC3B;AAAA,MACF;AAAA,MACA,aAAa,MAAM;AACjB,YAAI,SAAS;AACX,gBAAM,SAAS;AAEjB,eAAO,SAAS;AAAA,MAAA;AAAA,IAEpB;AAAA,EAAA,GACC,CAAC,UAAU,CAAC;AAER,SAAA;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO,eAAiB,MACpB,SACA,MAAM,SAAS,YAAY;AAAA,EACjC;AACF;AC1FO,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;"}
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): 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): InitialValue | ObservedValueOf<ObservableType>\n/** @public */\nexport function useObservable<ObservableType extends Observable<any>, InitialValue>(\n observable: ObservableType,\n initialValue?: InitialValue | (() => InitialValue),\n): InitialValue | ObservedValueOf<ObservableType> {\n if (!cache.has(observable)) {\n const entry: Partial<CacheRecord<ObservedValueOf<ObservableType>>> = {\n snapshot: getValue(initialValue) as ObservedValueOf<ObservableType>,\n }\n entry.observable = observable.pipe(\n map((value) => ({snapshot: value, error: undefined})),\n catchError((error) => of({snapshot: undefined, error})),\n tap(({snapshot, error}) => {\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\n const store = useMemo(() => {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const instance = cache.get(observable)!\n return {\n subscribe: (onStoreChange: () => void) => {\n const subscription = instance.observable.subscribe(onStoreChange)\n return () => {\n subscription.unsubscribe()\n }\n },\n getSnapshot: () => {\n if (instance.error) {\n throw instance.error\n }\n return instance.snapshot\n },\n }\n }, [observable])\n\n return useSyncExternalStore<ObservedValueOf<ObservableType>>(\n store.subscribe,\n store.getSnapshot,\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","$","_c","has","entry","snapshot","pipe","map","_temp","catchError","_temp2","tap","t0","error","error_0","_temp3","finalize","delete","share","resetOnRefCountZero","_temp4","subscribe","unsubscribe","set","t1","get","instance","t2","onStoreChange","subscription_0","subscription","t3","t4","getSnapshot","store","t5","undefined","useSyncExternalStore","timer","asapScheduler","value_0","of","useObservableEvent","handleEvent","useState","calls$","call","onEvent","useEffectEvent","observable_0","useEffect","observableCallback"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-rx",
3
- "version": "4.0.1",
3
+ "version": "4.1.0-canary.0",
4
4
  "description": "React + RxJS = <3",
5
5
  "keywords": [
6
6
  "action",
@@ -62,19 +62,11 @@
62
62
  "dist",
63
63
  "src"
64
64
  ],
65
- "scripts": {
66
- "build": "pkg build --strict --clean --check",
67
- "dev": "pnpm --filter 'react-rx-website' dev",
68
- "format": "prettier --cache --write .",
69
- "lint": "eslint --cache .",
70
- "prepublishOnly": "pnpm build",
71
- "test": "vitest run --typecheck",
72
- "watch": "pnpm build -- --watch"
73
- },
74
65
  "browserslist": "extends @sanity/browserslist-config",
75
66
  "prettier": "@sanity/prettier-config",
76
67
  "dependencies": {
77
68
  "observable-callback": "^1.0.3",
69
+ "react-compiler-runtime": "19.0.0-beta-6fc168f-20241025",
78
70
  "use-effect-event": "^1.0.2"
79
71
  },
80
72
  "devDependencies": {
@@ -88,6 +80,7 @@
88
80
  "@types/react-dom": "^18.3.1",
89
81
  "@typescript-eslint/eslint-plugin": "^8.12.2",
90
82
  "@typescript-eslint/parser": "^8.12.2",
83
+ "babel-plugin-react-compiler": "beta",
91
84
  "eslint": "^8.57.1",
92
85
  "eslint-config-prettier": "^9.1.0",
93
86
  "eslint-plugin-prettier": "^5.2.1",
@@ -106,8 +99,15 @@
106
99
  "vitest": "^2.1.4"
107
100
  },
108
101
  "peerDependencies": {
109
- "react": "^18.3 || >=19.0.0-rc",
102
+ "react": "^18.3 || >=19.0.0-0",
110
103
  "rxjs": "^7"
111
104
  },
112
- "packageManager": "pnpm@9.12.3"
113
- }
105
+ "scripts": {
106
+ "build": "pkg build --strict --clean --check",
107
+ "dev": "pnpm --filter 'react-rx-website' dev",
108
+ "format": "prettier --cache --write .",
109
+ "lint": "eslint --cache .",
110
+ "test": "vitest run --typecheck",
111
+ "watch": "pnpm build -- --watch"
112
+ }
113
+ }