| 1 | import * as RpcWebSocketClient from "alchemy/Cloudflare/RpcWebSocketClient"; |
| 2 | import * as Context from "effect/Context"; |
| 3 | import * as Effect from "effect/Effect"; |
| 4 | import * as Layer from "effect/Layer"; |
| 5 | import * as RpcClient from "effect/rpc/RpcClient"; |
| 6 | import * as Socket from "effect/socket/Socket"; |
| 7 | import { BrowserRpcs } from "./rpcs.ts"; |
| 8 | |
| 9 | export class BrowserClient extends Context.Service<BrowserClient>()( |
| 10 | "RpcWebSocketBrowserClient", |
| 11 | { make: RpcClient.make(BrowserRpcs) }, |
| 12 | ) {} |
| 13 | |
| 14 | export const clientLayer = RpcWebSocketClient.layer( |
| 15 | BrowserClient, |
| 16 | BrowserRpcs, |
| 17 | "wss://example.com/rpc", |
| 18 | ).pipe(Layer.provide(Socket.layerWebSocketConstructorGlobal)); |
| 19 | |
| 20 | export const echo = (value: string) => |
| 21 | Effect.gen(function* () { |
| 22 | const client = yield* BrowserClient; |
| 23 | return yield* client.echo({ value }); |
| 24 | }).pipe(Effect.provide(clientLayer)); |