react-rx 3.0.0-4 → 3.0.0-6

package/dist/esm/useObservable.js

@@ -1,44 +0,0 @@
-import { useEffect, useMemo, useRef, useSyncExternalStore } from 'react';
-import { shareReplay, tap } from 'rxjs/operators';
-function getValue(value) {
-    return typeof value === 'function' ? value() : value;
-}
-var cache = new WeakMap();
-export function useObservable(observable, initialValue) {
-    /**
-     * Store the initialValue in a ref, as we don't want a changed `initialValue` to trigger a re-subscription.
-     * But we also don't want the initialValue to be stale if the observable changes.
-     */
-    var initialValueRef = useRef(getValue(initialValue));
-    /**
-     * Ensures that the initialValue is always up-to-date in case the observable changes.
-     */
-    useEffect(function () {
-        initialValueRef.current = getValue(initialValue);
-    }, [initialValue]);
-    var store = useMemo(function () {
-        if (!cache.has(observable)) {
-            var entry_1 = {
-                snapshot: initialValueRef.current,
-            };
-            entry_1.observable = observable.pipe(shareReplay({ refCount: true, bufferSize: 1 }), tap(function (value) { return (entry_1.snapshot = value); }));
-            // Eagerly subscribe to sync set `entry.currentValue` to what the observable returns, and keep the observable alive until the component unmounts.
-            entry_1.subscription = entry_1.observable.subscribe();
-            cache.set(observable, entry_1);
-        }
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        var instance = cache.get(observable);
-        if (instance.subscription.closed) {
-            instance.subscription = instance.observable.subscribe();
-        }
-        return {
-            subscribe: function (onStoreChange) {
-                var subscription = instance.observable.subscribe(onStoreChange);
-                instance.subscription.unsubscribe();
-                return function () { return subscription.unsubscribe(); };
-            },
-            getSnapshot: function () { return instance.snapshot; },
-        };
-    }, [observable]);
-    return useSyncExternalStore(store.subscribe, store.getSnapshot);
-}

package/dist/esm/useObservableEvent.d.ts

@@ -1,8 +0,0 @@
-import { DependencyList } from 'react';
-import { Observable } from 'rxjs';
-export declare function useObservableCallback<T, U>(fn: (arg: Observable<T>) => Observable<U>, dependencies?: DependencyList): (arg: T) => void;
-export declare function useObservableEvent<T, U>(fn: (arg: Observable<T>) => Observable<U>): (arg: T) => void;
-/**
- * This is a ponyfill of the upcoming `useEffectEvent` hook that'll arrive in React 19
- */
-export declare function useEffectEvent<const T extends (...args: any[]) => void>(fn: T): T;

package/dist/esm/useObservableEvent.js

@@ -1,46 +0,0 @@
-import { observableCallback } from 'observable-callback';
-import { useCallback, useEffect, useInsertionEffect, useRef, useState } from 'react';
-var EMPTY_DEPS = [];
-export function useObservableCallback(fn, dependencies) {
-    if (dependencies === void 0) { dependencies = EMPTY_DEPS; }
-    var callbackRef = useRef();
-    if (!callbackRef.current) {
-        callbackRef.current = observableCallback();
-    }
-    var _a = callbackRef.current, calls$ = _a[0], call = _a[1];
-    var callback = useCallback(fn, dependencies);
-    useEffect(function () {
-        var subscription = calls$.pipe(callback).subscribe();
-        return function () {
-            subscription.unsubscribe();
-        };
-    }, [calls$, call, callback]);
-    return call;
-}
-export function useObservableEvent(fn) {
-    var _a = useState(function () { return observableCallback(); })[0], calls$ = _a[0], call = _a[1];
-    var callback = useEffectEvent(fn);
-    useEffect(function () {
-        var subscription = calls$.pipe(callback).subscribe();
-        return function () { return subscription.unsubscribe(); };
-    }, [callback, calls$]);
-    return call;
-}
-/**
- * This is a ponyfill of the upcoming `useEffectEvent` hook that'll arrive in React 19
- */
-export function useEffectEvent(fn) {
-    var ref = useRef(null);
-    useInsertionEffect(function () {
-        ref.current = fn;
-    }, [fn]);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return useCallback(function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var f = ref.current;
-        return f.apply(void 0, args);
-    }, []);
-}