Type Alias AnimationHook

AnimationHook: (
element: Effect.Effect<HTMLElement>,
) => Effect.Effect<unknown, unknown, Scope.Scope | RendererContext>

Lifecycle hook that receives an Effect-wrapped HTMLElement for piping. The element is wrapped in Effect.succeed() so Element helpers can be piped.

The hook can return an Effect that requires Scope and RendererContext, which are available during component lifecycle.

Type Declaration

- (
  element: Effect.Effect<HTMLElement>,
  ): Effect.Effect<unknown, unknown, Scope.Scope | RendererContext>
- Parameters
  - element: Effect.Effect<HTMLElement>
  Returns Effect.Effect<unknown, unknown, Scope.Scope | RendererContext>

Example

// Pipe Element helpers
onEnter: (el) => el.pipe(
  Element.setStyles({ animation: "none" }),
  Element.focus,
)

// Or use Effect.gen for complex logic
onEnter: (el) => Effect.gen(function* () {
  yield* el.pipe(Element.focus);
  yield* doSomethingElse();
})