Refactor QueryClient

packages/docs/docs/query.md

@@ -39,7 +39,7 @@ import { Layer } from "effect"
 import { QueryClient, ReactRuntime } from "effect-view"
 
 const AppLive = Layer.empty.pipe(
-  Layer.provideMerge(QueryClient.layer({
+  Layer.provideMerge(QueryClient.layerWithOptions({
     defaultStaleTime: "30 seconds",
     defaultRefreshOnWindowFocus: true,
     cacheGcTime: "5 minutes",

packages/effect-view/ai-docs/Query.md

@@ -21,7 +21,7 @@ import { Layer } from "effect"
 import { QueryClient, ReactRuntime } from "effect-view"
 
 const AppLive = Layer.empty.pipe(
-  Layer.provideMerge(QueryClient.layer({
+  Layer.provideMerge(QueryClient.layerWithOptions({
     defaultStaleTime: "30 seconds",     // default: "0 minutes"
     defaultRefreshOnWindowFocus: true,  // default: true
     cacheGcTime: "5 minutes",           // default: "5 minutes"
@@ -30,7 +30,7 @@ const AppLive = Layer.empty.pipe(
 export const runtime = ReactRuntime.make(AppLive)
 ```
 
-`QueryClient.layer(options?)` builds the service and forks its background garbage-collection loop into the layer's scope. Individual queries may override `staleTime`/`refreshOnWindowFocus`; unset options fall back to these client defaults. `cacheGcTime` controls how long a stale, unaccessed cache entry is kept before eviction. You interact with the client only indirectly through `Query` instances — no need to call `QueryClientService` methods directly.
+`QueryClient.layer` (defaults) / `QueryClient.layerWithOptions(options)` build the service and fork its background garbage-collection loop into the layer's scope. Individual queries may override `staleTime`/`refreshOnWindowFocus`; unset options fall back to these client defaults. `cacheGcTime` controls how long a stale, unaccessed cache entry is kept before eviction. You interact with the client only indirectly through `Query` instances — no need to call `QueryClientService` methods directly.
 
 ## Create and run a query
 

packages/effect-view/src/Query.test.ts

@@ -9,7 +9,7 @@ import * as View from "./View.js"
 
 const runQueryTest = <A, E>(effect: Effect.Effect<A, E, QueryClient.QueryClient | Scope.Scope>) =>
     Effect.runPromise(Effect.scoped(effect.pipe(
-        Effect.provide(QueryClient.layer()),
+        Effect.provide(QueryClient.layer),
     )))
 
 const staticKey = <K>(key: K): View.View<K> => View.make({

packages/effect-view/src/QueryClient.ts

@@ -122,7 +122,8 @@ export const thenRun = <E = never, R = never>(
     client => Effect.forkScoped(client.run),
 )
 
-export const layer = (options?: make.Options) => Layer.effect(QueryClient, thenRun(make(options)))
+export const layer = Layer.effect(QueryClient, thenRun(make()))
+export const layerWithOptions = (options: make.Options) => Layer.effect(QueryClient, thenRun(make(options)))
 
 
 export const QueryClientCacheKeyTypeId: unique symbol = Symbol.for("@effect-view/QueryClient/QueryClientCacheKey")

packages/example/src/runtime.ts

@@ -5,7 +5,7 @@ import { QueryClient, ReactRuntime } from "effect-view"
 
 
 export const layer = Layer.empty.pipe(
-    Layer.provideMerge(QueryClient.layer()),
+    Layer.provideMerge(QueryClient.layer),
     Layer.provideMerge(DateTime.layerCurrentZoneLocal),
     Layer.provideMerge(Clipboard.layer),
     Layer.provideMerge(Geolocation.layer),