Thilawyn/effect-fc
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Work
All checks were successful
Lint / lint (push) Successful in 12s
Details

Browse Source
This commit is contained in:
Julien Valverdé
2025-07-14 06:52:38 +02:00
parent 0bb2a2fa01
commit 40eb25d2c3
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/effect-fc/src/Component.ts
View File

@@ -110,6 +110,8 @@ export interface Suspense {
readonly suspense: true readonly suspense: true
} }
export type SuspenseProps = Omit<React.SuspenseProps, "children">
export const suspense = <T extends Component<any, any, any>>( export const suspense = <T extends Component<any, any, any>>(
self: ExcludeKeys<T, keyof Suspense> self: ExcludeKeys<T, keyof Suspense>
): T & Suspense => Object.setPrototypeOf( ): T & Suspense => Object.setPrototypeOf(
@@ -119,6 +121,9 @@ export const suspense = <T extends Component<any, any, any>>(
export const useFC: { export const useFC: {
<E, R, P extends {}>(
self: Component<E, R, ExcludeKeys<P, keyof SuspenseProps>> & Suspense
): Effect.Effect<React.FC<P & SuspenseProps>, never, Exclude<R, Scope.Scope>>
<E, R, P extends {}>( <E, R, P extends {}>(
self: Component<E, R, P> self: Component<E, R, P>
): Effect.Effect<React.FC<P>, never, Exclude<R, Scope.Scope>> ): Effect.Effect<React.FC<P>, never, Exclude<R, Scope.Scope>>

6
packages/example/src/routes/dev/async-rendering.tsx
View File

@@ -8,7 +8,7 @@ import * as React from "react"
const RouteComponent = Component.make(function* AsyncRendering() { const RouteComponent = Component.make(function* AsyncRendering() {
const VAsyncComponent = yield* Component.useSuspenseFC(AsyncComponent) const VAsyncComponent = yield* Component.useFC(AsyncComponent)
const [input, setInput] = React.useState("") const [input, setInput] = React.useState("")
return <> return <>
@@ -34,7 +34,9 @@ const AsyncComponent = Component.make(function* AsyncComponent() {
<Text>Rendered!</Text><br /> <Text>Rendered!</Text><br />
<VSubComponent /> <VSubComponent />
</> </>
}) }).pipe(
Component.suspense
)
const SubComponent = Component.make(function* SubComponent() { const SubComponent = Component.make(function* SubComponent() {
const [state] = React.useState(yield* Hook.useOnce(() => Effect.provide(makeUuid4, GetRandomValues.CryptoRandom))) const [state] = React.useState(yield* Hook.useOnce(() => Effect.provide(makeUuid4, GetRandomValues.CryptoRandom)))