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

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

Browse Source
This commit is contained in:
Julien Valverdé
2025-07-22 00:54:59 +02:00
parent 77abffc8ff
commit 3484664832
2 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,6 +21,10 @@ export namespace Component {
}
}
export interface ComponentClass<E, R, P extends {}> extends Component<E, R, P> {
}
const ComponentProto = Object.seal({
pipe() { return Pipeable.pipeArguments(this, arguments) }
@@ -378,28 +382,31 @@ export namespace Suspense {
export type Props = Omit<React.SuspenseProps, "children">
}
export const suspense = <T extends Component<any, any, P>, P extends {}>(
self: ExcludeKeys<T, keyof Suspense> & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>>
): T & Suspense => Object.setPrototypeOf(
{ ...self, suspense: true, suspenseOptions: {} },
Object.getPrototypeOf(self),
)
export const suspenseWithOptions: {
<T extends Component<any, any, P>, P extends {}>(
suspenseOptions: Partial<Suspense.Options>
export const suspense = <T extends Component<any, any, P> | Component<any, any, P> & Suspense, P extends {}>(
self: T & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>>
): (
self: ExcludeKeys<T, keyof Suspense> & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>>
) => T & Suspense
<T extends Component<any, any, P>, P extends {}>(
self: ExcludeKeys<T, keyof Suspense> & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>>,
& T
& Component<Component.Error<T>, Component.Context<T>, P & Suspense.Props>
& Suspense
) => Object.setPrototypeOf({
...self,
suspense: true,
suspenseOptions: Predicate.hasProperty(self, "suspense") ? { ...self.suspenseOptions } : {},
}, Object.getPrototypeOf(self))
export const withSuspenseOptions: {
<T extends Component<any, any, any> & Suspense>(
suspenseOptions: Partial<Suspense.Options>
): (self: T) => T
<T extends Component<any, any, any> & Suspense>(
self: T,
suspenseOptions: Partial<Suspense.Options>,
): T & Suspense
} = Function.dual(2, <T extends Component<any, any, P>, P extends {}>(
self: ExcludeKeys<T, keyof Suspense> & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>>,
): T
} = Function.dual(2, <T extends Component<any, any, any> & Suspense>(
self: T,
suspenseOptions: Partial<Suspense.Options>,
): T & Suspense => Object.setPrototypeOf(
{ ...self, suspense: true, suspenseOptions },
): T => Object.setPrototypeOf(
{ ...self, suspense: true, suspenseOptions: { ...self.suspenseOptions, ...suspenseOptions } },
Object.getPrototypeOf(self),
))

9
packages/example/src/routes/dev/memo.tsx
View File

@@ -28,12 +28,17 @@ const RouteComponent = Component.make(function* RouteComponent() {
Component.withRuntime(runtime.context)
)
const SubComponent = Component.make(function* SubComponent() {
const SubComponent = Component.make(function* SubComponent(props: { readonly value?: string }) {
const id = yield* makeUuid4.pipe(Effect.provide(GetRandomValues.CryptoRandom))
return <Text>{id}</Text>
})
const MemoizedSubComponent = Component.memo(SubComponent)
const MemoizedSubComponent = SubComponent.pipe(
Component.memo,
Component.suspense,
Component.memo,
)
type T = typeof MemoizedSubComponent extends Component.Memoized<infer P> ? P : never
export const Route = createFileRoute("/dev/memo")({
component: RouteComponent,