@preact-signals/query/dist/esm/useObserver.js

A reactive utility for React/Preact that simplifies the handling of data fetching and state management. Powered by Preact Signals, it provides hooks and functions to create reactive resources and manage their state seamlessly.

import { useFlatStore, useInitSignal, useSignalEffectOnce, useSignalOfReactive, } from "@preact-signals/utils/hooks";
export const useObserverSignal = (createObserver) => {
    const observer = useSignalOfReactive(createObserver);
    const s = useInitSignal(() => observer.value.getCurrent());
    useSignalEffectOnce(() => {
        s.value = observer.value.getCurrent();
    });
    useSignalEffectOnce(() => observer.value.subscribe((value) => {
        s.value = value;
    }));
    return s;
};
export const useObserverStore = (createObserverStore) => {
    const observer = useSignalOfReactive(createObserverStore);
    const [store, setStore] = useFlatStore(() => observer.value.getCurrent());
    useSignalEffectOnce(() => {
        setStore(observer.value.getCurrent());
    });
    useSignalEffectOnce(() => observer.value.subscribe(setStore));
    return store;
};
//# sourceMappingURL=useObserver.js.map