packages/extension-query/src/QueryExtension.ts

@@ -0,0 +1,36 @@
+import * as AsyncData from "@typed/async-data"
+import { Effect, Fiber, Ref, SubscriptionRef } from "effect"
+import * as React from "react"
+import { ReffuseExtension, type ReffuseHelpers } from "reffuse"
+import * as QueryRunner from "./QueryRunner.js"
+
+
+export interface UseQueryProps<A, E, R> {
+    effect: () => Effect.Effect<A, E, R>
+    readonly deps: React.DependencyList
+}
+
+export interface UseQueryResult<A, E> {
+    readonly state: SubscriptionRef.SubscriptionRef<AsyncData.AsyncData<A, E>>
+    readonly refresh: Effect.Effect<Fiber.RuntimeFiber<void>>
+}
+
+
+export const QueryExtension = ReffuseExtension.make(() => ({
+    useQuery<A, E, R>(
+        this: ReffuseHelpers.ReffuseHelpers<R>,
+        props: UseQueryProps<A, E, R>,
+    ): UseQueryResult<A, E> {
+        const runner = this.useMemo(() => QueryRunner.make(props.effect()), [])
+
+        this.useEffect(() => Effect.addFinalizer(() => runner.forkInterrupt).pipe(
+            Effect.andThen(Ref.set(runner.queryRef, props.effect())),
+            Effect.andThen(runner.forkFetch),
+        ), [runner, ...props.deps])
+
+        return React.useMemo(() => ({
+            state: runner.stateRef,
+            refresh: runner.forkRefresh,
+        }), [runner])
+    }
+}))

packages/extension-query/src/index.ts

@@ -1,39 +1,2 @@
-import * as AsyncData from "@typed/async-data"
+export * from "./QueryExtension.js"
-import { Effect, Fiber, Ref, SubscriptionRef } from "effect"
-import * as React from "react"
-import { ReffuseExtension, type ReffuseHelpers } from "reffuse"
-import * as QueryRunner from "./QueryRunner.js"
-
-
-export interface UseQueryProps<A, E, R> {
-    effect: () => Effect.Effect<A, E, R>
-    readonly deps: React.DependencyList
-}
-
-export interface UseQueryResult<A, E> {
-    readonly state: SubscriptionRef.SubscriptionRef<AsyncData.AsyncData<A, E>>
-    readonly refresh: Effect.Effect<Fiber.RuntimeFiber<void>>
-}
-
-
-export const QueryExtension = ReffuseExtension.make(() => ({
-    useQuery<A, E, R>(
-        this: ReffuseHelpers.ReffuseHelpers<R>,
-        props: UseQueryProps<A, E, R>,
-    ): UseQueryResult<A, E> {
-        const runner = this.useMemo(() => QueryRunner.make(props.effect()), [])
-
-        this.useEffect(() => Effect.addFinalizer(() => runner.forkInterrupt).pipe(
-            Effect.andThen(Ref.set(runner.queryRef, props.effect())),
-            Effect.andThen(runner.forkFetch),
-        ), [runner, ...props.deps])
-
-        return React.useMemo(() => ({
-            state: runner.stateRef,
-            refresh: runner.forkRefresh,
-        }), [runner])
-    }
-}))
-
-
 export * as QueryRunner from "./QueryRunner.js"