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

0.1.4 #5

Merged
Thilawyn merged 67 commits from next into master 2025-10-02 18:18:23 +02:00
Conversation 0 Commits 67 Files Changed 66 +15 -14
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 46ef35040a - Show all commits

25
packages/effect-fc/src/Form.ts
View File

@@ -70,8 +70,7 @@ export const make: {
export namespace useInput {
export interface Options<I, P extends PropertyPath.Paths<I>> {
readonly path: P
export interface Options {
readonly debounce?: Duration.DurationInput
}
@@ -83,21 +82,23 @@ export namespace useInput {
}
export const useInput: {
<A, I, R, P extends PropertyPath.Paths<I>>(
<A, I, R, const P extends PropertyPath.Paths<I>>(
self: Form<A, I, R>,
options: useInput.Options<NoInfer<I>, P>,
path: P,
options?: useInput.Options,
): Effect.Effect<useInput.Result<PropertyPath.ValueFromPath<I, P>>, NoSuchElementException, R>
} = Effect.fnUntraced(function* <A, I, R, P extends PropertyPath.Paths<I>>(
} = Effect.fnUntraced(function* <A, I, R, const P extends PropertyPath.Paths<I>>(
self: Form<A, I, R>,
options: useInput.Options<NoInfer<I>, P>,
path: P,
options?: useInput.Options,
) {
const [internalValueRef, issuesSubscribable] = yield* Hooks.useMemo(() => Effect.all([
self.encodedValueRef.pipe(
Effect.andThen(PropertyPath.get(options.path)),
Effect.andThen(PropertyPath.get(path)),
Effect.andThen(SubscriptionRef.make<PropertyPath.ValueFromPath<I, P>>),
),
Effect.succeed(self.makeFieldIssuesSubscribable(options.path)),
]), [self, ...options.path])
Effect.succeed(self.makeFieldIssuesSubscribable(path)),
]), [self, ...path])
const [value, setValue] = yield* Hooks.useRefState(internalValueRef)
const [issues] = yield* Hooks.useSubscribe(issuesSubscribable)
@@ -105,12 +106,12 @@ export const useInput: {
yield* Hooks.useFork(() => Stream.runForEach(
internalValueRef.changes.pipe(
Stream.changesWith(Equivalence.strict()),
options.debounce ? Stream.debounce(options.debounce) : identity,
options?.debounce ? Stream.debounce(options.debounce) : identity,
Stream.drop(1),
),
internalValue => self.encodedValueRef.pipe(
Effect.andThen(encodedValue => PropertyPath.immutableSet(encodedValue, options.path, internalValue)),
Effect.andThen(encodedValue => PropertyPath.immutableSet(encodedValue, path, internalValue)),
Effect.tap(encodedValue => SubscriptionRef.set(self.encodedValueRef, encodedValue)),
Effect.andThen(flow(
Schema.decode(self.schema),
@@ -119,7 +120,7 @@ export const useInput: {
Effect.catchTag("ParseError", e => SubscriptionRef.set(self.errorRef, Option.some(e)))
)),
),
), [internalValueRef, self, ...options.path])
), [internalValueRef, self, ...path])
return { value, setValue, issues }
})

4
packages/example/src/routes/form.tsx
View File

@@ -20,8 +20,8 @@ class RegisterForm extends Effect.Service<RegisterForm>()("RegisterForm", {
class RegisterPage extends Component.makeUntraced(function* RegisterPage() {
const form = yield* RegisterForm
const emailInput = yield* Form.useInput(form, { path: ["email"] })
const passwordInput = yield* Form.useInput(form, { path: ["password"] })
const emailInput = yield* Form.useInput(form, ["email"])
const passwordInput = yield* Form.useInput(form, ["password"])
yield* useFork(() => Stream.runForEach(form.valueRef.changes, Console.log), [])