import type * as AsyncData from "@typed/async-data" import { type Cause, type Context, Effect, type Fiber, Layer, type Option, type Stream, type SubscriptionRef } from "effect" import * as React from "react" import { ReffuseExtension, type ReffuseHelpers } from "reffuse" import * as QueryClient from "./QueryClient.js" import * as QueryRunner from "./QueryRunner.js" import type * as QueryService from "./QueryService.js" export interface UseQueryProps { readonly key: Stream.Stream readonly query: (key: K) => Effect.Effect readonly refreshOnWindowFocus?: boolean } export interface UseQueryResult { readonly latestKey: SubscriptionRef.SubscriptionRef> readonly state: SubscriptionRef.SubscriptionRef> readonly refresh: Effect.Effect> readonly layer: ( tag: Context.TagClass> ) => Layer.Layer } export const QueryExtension = ReffuseExtension.make(() => ({ useQuery< EH, QK extends readonly unknown[], QA, QE, HandledE, QR extends R, R, >( this: ReffuseHelpers.ReffuseHelpers | EH>, props: UseQueryProps, ): UseQueryResult> { const runner = this.useMemo(() => QueryRunner.make({ QueryClient: QueryClient.makeGenericTagClass(), key: props.key, query: props.query, }), [props.key]) this.useFork(() => runner.fetchOnKeyChange, [runner]) this.useFork(() => (props.refreshOnWindowFocus ?? true) ? runner.refreshOnWindowFocus : Effect.void, [props.refreshOnWindowFocus, runner]) return React.useMemo(() => ({ latestKey: runner.latestKeyRef, state: runner.stateRef, refresh: runner.forkRefresh, layer: tag => Layer.succeed(tag, { latestKey: runner.latestKeyRef, state: runner.stateRef, refresh: runner.forkRefresh, }), }), [runner]) } }))