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 +6 -8
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e11bbff234 - Show all commits

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

@@ -5,6 +5,8 @@ import type { ExcludeKeys } from "./utils.js"
export interface Component<E, R, P extends {}> extends Pipeable.Pipeable { export interface Component<E, R, P extends {}> extends Pipeable.Pipeable {
new(_: never): {}
readonly body: (props: P) => Effect.Effect<React.ReactNode, E, R> readonly body: (props: P) => Effect.Effect<React.ReactNode, E, R>
readonly displayName?: string readonly displayName?: string
readonly options: Component.Options readonly options: Component.Options
@@ -21,10 +23,6 @@ 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) }

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

@@ -28,16 +28,16 @@ const RouteComponent = Component.make(function* RouteComponent() {
Component.withRuntime(runtime.context) Component.withRuntime(runtime.context)
) )
const SubComponent = Component.make(function* SubComponent(props: { readonly value?: string }) { class SubComponent extends 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 = SubComponent.pipe( class MemoizedSubComponent extends SubComponent.pipe(
Component.memo, Component.memo,
Component.suspense, Component.suspense,
Component.memo, Component.memo,
) ) {}
type T = typeof MemoizedSubComponent extends Component.Memoized<infer P> ? P : never type T = typeof MemoizedSubComponent extends Component.Memoized<infer P> ? P : never
export const Route = createFileRoute("/dev/memo")({ export const Route = createFileRoute("/dev/memo")({