import { Effect, Equivalence, pipe, type Scope, Stream, Subscribable } from "effect" import * as React from "react" import * as Component from "./Component.js" export const zipLatestAll = []>( ...elements: T ): Subscribable.Subscribable< [T[number]] extends [never] ? never : { [K in keyof T]: T[K] extends Subscribable.Subscribable ? A : never }, [T[number]] extends [never] ? never : T[number] extends Subscribable.Subscribable ? E : never, [T[number]] extends [never] ? never : T[number] extends Subscribable.Subscribable ? R : never > => Subscribable.make({ get: Effect.all(elements.map(v => v.get)), changes: Stream.zipLatestAll(...elements.map(v => v.changes)), }) as any export const useSubscribables: { []>( ...elements: T ): Effect.Effect< [T[number]] extends [never] ? never : { [K in keyof T]: T[K] extends Subscribable.Subscribable ? A : never }, [T[number]] extends [never] ? never : T[number] extends Subscribable.Subscribable ? E : never, ([T[number]] extends [never] ? never : T[number] extends Subscribable.Subscribable ? R : never) | Scope.Scope > } = Effect.fnUntraced(function* []>( ...elements: T ) { const [reactStateValue, setReactStateValue] = React.useState( yield* Component.useOnMount(() => Effect.all(elements.map(v => v.get))) ) yield* Component.useReactEffect(() => Effect.forkScoped(pipe( elements.map(ref => Stream.changesWith(ref.changes, Equivalence.strict())), streams => Stream.zipLatestAll(...streams), Stream.runForEach(v => Effect.sync(() => setReactStateValue(v)) ), )), elements) return reactStateValue as any }) export * from "effect/Subscribable"