@reffuse/extension-query 0.1.5 #16

Merged
Thilawyn merged 347 commits from next into master 2025-06-01 05:28:47 +02:00
3 changed files with 18 additions and 53 deletions
Showing only changes of commit 6f65574ebd - Show all commits

View File

@@ -1,8 +1,8 @@
import { R } from "@/reffuse" import { R } from "@/reffuse"
import { Button, Flex, Text } from "@radix-ui/themes" import { Button, Flex, Text } from "@radix-ui/themes"
import { createFileRoute } from "@tanstack/react-router" import { createFileRoute } from "@tanstack/react-router"
import { Option, Random, Stream } from "effect" import { Chunk, Effect, Exit, Option, Queue, Random, Scope, Stream } from "effect"
import { useMemo } from "react" import { useMemo, useState } from "react"
export const Route = createFileRoute("/streams/pull")({ export const Route = createFileRoute("/streams/pull")({
@@ -11,13 +11,24 @@ export const Route = createFileRoute("/streams/pull")({
function RouteComponent() { function RouteComponent() {
const stream = useMemo(() => Stream.repeatEffect(Random.nextInt), []) const stream = useMemo(() => Stream.repeatEffect(Random.nextInt), [])
const [value, pull] = R.usePullStream(stream) const streamScope = R.useScope([stream])
const pullNext = R.useCallbackSync(() => pull, [pull])
const queue = R.useMemo(() => Effect.provideService(Stream.toQueueOfElements(stream), Scope.Scope, streamScope), [streamScope])
const [value, setValue] = useState(Option.none<number>())
const pullLatest = R.useCallbackSync(() => Queue.takeAll(queue).pipe(
Effect.flatMap(Chunk.last),
Effect.flatMap(Exit.matchEffect({
onSuccess: Effect.succeed,
onFailure: Effect.fail,
})),
Effect.tap(v => Effect.sync(() => setValue(Option.some(v)))),
), [queue])
return ( return (
<Flex direction="column" align="center" gap="2"> <Flex direction="column" align="center" gap="2">
{Option.isSome(value) && <Text>{value.value}</Text>} {Option.isSome(value) && <Text>{value.value}</Text>}
<Button onClick={pullNext}>Pull next</Button> <Button onClick={pullLatest}>Pull latest</Button>
</Flex> </Flex>
) )
} }

View File

@@ -15,7 +15,6 @@ export const Route = createFileRoute("/tests")({
function RouteComponent() { function RouteComponent() {
const runSync = R.useRunSync() const runSync = R.useRunSync()
const runPromise = R.useRunPromise()
const [uuid, setUuid] = useState(R.useMemo(() => makeUuid, [])) const [uuid, setUuid] = useState(R.useMemo(() => makeUuid, []))
const generateUuid = R.useCallbackSync(() => makeUuid.pipe( const generateUuid = R.useCallbackSync(() => makeUuid.pipe(
@@ -23,7 +22,7 @@ function RouteComponent() {
), []) ), [])
const uuidStream = R.useStreamFromReactiveValues([uuid]) const uuidStream = R.useStreamFromReactiveValues([uuid])
const [uuidStreamLatestValue, pullUuidStream] = R.usePullStream(uuidStream) const uuidStreamLatestValue = R.useSubscribeStream(uuidStream)
const scope = R.useScope([uuid]) const scope = R.useScope([uuid])
@@ -43,7 +42,6 @@ function RouteComponent() {
onNone: () => <></>, onNone: () => <></>,
})} })}
</Text> </Text>
<Button onClick={() => runPromise(pullUuidStream)}>Pull UUID</Button>
</Flex> </Flex>
) )
} }

View File

@@ -1,4 +1,4 @@
import { Chunk, type Context, Effect, ExecutionStrategy, Exit, type Fiber, flow, type Layer, Match, Option, pipe, Pipeable, PubSub, Ref, Runtime, Scope, Stream, SubscriptionRef } from "effect" import { type Context, Effect, ExecutionStrategy, Exit, type Fiber, type Layer, Match, Option, pipe, Pipeable, PubSub, Ref, Runtime, Scope, Stream, SubscriptionRef } from "effect"
import * as React from "react" import * as React from "react"
import * as ReffuseContext from "./ReffuseContext.js" import * as ReffuseContext from "./ReffuseContext.js"
import * as ReffuseRuntime from "./ReffuseRuntime.js" import * as ReffuseRuntime from "./ReffuseRuntime.js"
@@ -527,50 +527,6 @@ export abstract class ReffuseNamespace<R> {
return reactStateValue return reactStateValue
} }
usePullStream<A, E, IE, R>(
this: ReffuseNamespace<R>,
stream: Stream.Stream<A, E, R>,
): [latestValue: Option.Option<A>, pull: Effect.Effect<Chunk.Chunk<A>, Option.Option<E>>]
usePullStream<A, E, IE, R>(
this: ReffuseNamespace<R>,
stream: Stream.Stream<A, E, R>,
initialValue: () => Effect.Effect<A, IE, R>,
): [latestValue: Option.Some<A>, pull: Effect.Effect<Chunk.Chunk<A>, Option.Option<E>>]
usePullStream<A, E, IE, R>(
this: ReffuseNamespace<R>,
stream: Stream.Stream<A, E, R>,
initialValue?: () => Effect.Effect<A, IE, R>,
): [latestValue: Option.Option<A>, pull: Effect.Effect<Chunk.Chunk<A>, Option.Option<E>>] {
const scope = this.useScope([stream])
const [reactStateValue, setReactStateValue] = React.useState(this.useMemo(
() => initialValue
? Effect.map(initialValue(), Option.some)
: Effect.succeed(Option.none()),
[],
{ doNotReExecuteOnRuntimeOrContextChange: true },
))
const pull = this.useMemo(() => Effect.context<R>().pipe(
Effect.flatMap(context => Stream.toPull(Stream.changesWith(stream, (x, y) => x === y)).pipe(
Effect.map(effect => effect.pipe(
Effect.tap(flow(
Chunk.last,
v => Option.match(v, {
onSome: () => Effect.sync(() => setReactStateValue(v)),
onNone: () => Effect.void,
}),
)),
Effect.provide(context),
)),
Effect.provideService(Scope.Scope, scope),
))
), [stream, scope])
return [reactStateValue, pull]
}
SubRef<B, const P extends PropertyPath.Paths<B>, R>( SubRef<B, const P extends PropertyPath.Paths<B>, R>(
this: ReffuseNamespace<R>, this: ReffuseNamespace<R>,