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

0.1.2 #3

Merged
Thilawyn merged 28 commits from next into master 2025-07-23 21:28:25 +02:00
Conversation 0 Commits 28 Files Changed 13 +32 -20
2 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3484664832 - Show all commits

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({ const ComponentProto = Object.seal({
pipe() { return Pipeable.pipeArguments(this, arguments) } pipe() { return Pipeable.pipeArguments(this, arguments) }
@@ -378,28 +382,31 @@ export namespace Suspense {
export type Props = Omit<React.SuspenseProps, "children"> export type Props = Omit<React.SuspenseProps, "children">
} }
export const suspense = <T extends Component<any, any, P>, P extends {}>( export const suspense = <T extends Component<any, any, P> | Component<any, any, P> & Suspense, P extends {}>(
self: ExcludeKeys<T, keyof Suspense> & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>> self: T & 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>
): ( ): (
self: ExcludeKeys<T, keyof Suspense> & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>> & T
) => T & Suspense & Component<Component.Error<T>, Component.Context<T>, P & Suspense.Props>
<T extends Component<any, any, P>, P extends {}>( & Suspense
self: ExcludeKeys<T, keyof Suspense> & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>>, ) => 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>, suspenseOptions: Partial<Suspense.Options>,
): T & Suspense ): T
} = Function.dual(2, <T extends Component<any, any, P>, P extends {}>( } = Function.dual(2, <T extends Component<any, any, any> & Suspense>(
self: ExcludeKeys<T, keyof Suspense> & Component<any, any, ExcludeKeys<P, keyof Suspense.Props>>, self: T,
suspenseOptions: Partial<Suspense.Options>, suspenseOptions: Partial<Suspense.Options>,
): T & Suspense => Object.setPrototypeOf( ): T => Object.setPrototypeOf(
{ ...self, suspense: true, suspenseOptions }, { ...self, suspense: true, suspenseOptions: { ...self.suspenseOptions, ...suspenseOptions } },
Object.getPrototypeOf(self), 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) 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)) const id = yield* makeUuid4.pipe(Effect.provide(GetRandomValues.CryptoRandom))
return <Text>{id}</Text> 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")({ export const Route = createFileRoute("/dev/memo")({
component: RouteComponent, component: RouteComponent,