@effect-tui/react 0.2.0 → 0.2.1

package/src/hosts/scroll.ts

@@ -1,8 +1,8 @@
 // scroll.ts — Scrollable container host
-import type { CellBuffer, Palette, Color } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { SingleChildHost } from "./single-child.js"
+import type { CellBuffer, Color, Palette } from "@effect-tui/core"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { resolveInheritedBgStyle } from "../utils/index.js"
+import { SingleChildHost } from "./single-child.js"
 
 export interface ScrollProps extends CommonProps {
 	/** Scroll axis: "vertical" (default), "horizontal", or "both" */

package/src/hosts/single-child.ts

@@ -1,4 +1,4 @@
-import type { HostInstance, CommonProps, HostContext } from "../reconciler/types.js"
+import type { CommonProps, HostContext, HostInstance } from "../reconciler/types.js"
 import { BaseHost } from "./base.js"
 
 /**

package/src/hosts/spacer.ts

@@ -1,5 +1,5 @@
 import type { CellBuffer, Palette } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { BaseHost } from "./base.js"
 
 export interface SpacerProps extends CommonProps {

package/src/hosts/text.ts

@@ -1,7 +1,7 @@
-import { displayWidth, type CellBuffer, type Palette, type Color } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { BaseHost, getInheritedBg } from "./base.js"
+import { type CellBuffer, type Color, displayWidth, type Palette } from "@effect-tui/core"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { resolveInheritedBgStyle, styleIdFromProps } from "../utils/index.js"
+import { BaseHost, getInheritedBg } from "./base.js"
 
 export interface TextProps extends CommonProps {
 	fg?: Color

package/src/hosts/vstack.ts

@@ -1,4 +1,4 @@
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { FlexContainerHost, type FlexContainerProps } from "./flex-container.js"
 
 export interface VStackProps extends CommonProps {

package/src/hosts/zstack.ts

@@ -1,7 +1,7 @@
 import type { CellBuffer, Palette } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { BaseHost } from "./base.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { alignInRect, type HAlign, type VAlign } from "../utils/index.js"
+import { BaseHost } from "./base.js"
 
 export interface ZStackProps extends CommonProps {
 	alignment?: { h?: "leading" | "center" | "trailing"; v?: "top" | "center" | "bottom" }

package/src/index.ts

@@ -1,88 +1,88 @@
 // Convenience: re-export core theming/types so apps can import from one place
 export * from "@effect-tui/core"
-
-// Renderer
-export {
-	createRenderer,
-	createRoot,
-	render,
-	useRenderer,
-	useTerminalSize,
-	RendererContext,
-} from "./renderer.js"
-export type { TuiRenderer, RendererOptions, Root, FrameStats, RenderInstance } from "./renderer.js"
-
+export type { CodeBlockProps } from "./codeblock.js"
 // CodeBlock (syntax highlighting)
 export { CodeBlock } from "./codeblock.js"
-export type { CodeBlockProps } from "./codeblock.js"
-
+// Input components
+export {
+	Markdown,
+	type MarkdownProps,
+	type MarkdownTheme,
+	MultilineTextInput,
+	type MultilineTextInputProps,
+	Overlay,
+	type OverlayItemProps,
+	type OverlayProps,
+	Static,
+	type StaticProps,
+	TextInput,
+	type TextInputProps,
+} from "./components/index.js"
+// Debug
+export { DiagnosticsPanel } from "./debug/DiagnosticsPanel.js"
+// Development utilities (HMR)
+export {
+	autoHmr,
+	type DevRenderOptions,
+	type DevRenderResult,
+	devMain,
+	devRender,
+	hmr,
+	hmrState,
+} from "./dev.js"
 // Highlight utilities
 export {
-	highlightCode,
-	toPlainLines,
 	type HighlightLine,
 	type HighlightToken,
 	type HighlightTokenStyle,
+	highlightCode,
+	toPlainLines,
 } from "./highlight.js"
-
-// Hooks
-export { useKeyboard, useMouse, usePaste, useScroll } from "./hooks/index.js"
-export { useFrameStats } from "./hooks/useFrameStats.js"
 export type {
+	ScrollState,
 	UseKeyboardOptions,
 	UseMouseOptions,
 	UseScrollOptions,
 	UseScrollReturn,
-	ScrollState,
 } from "./hooks/index.js"
-
+// Hooks
+export { useKeyboard, useMouse, usePaste, useQuit, useScroll } from "./hooks/index.js"
+export { useFrameStats } from "./hooks/useFrameStats.js"
+export type { BorderKind, BoxProps } from "./hosts/box.js"
+export type { CanvasProps, DrawContext } from "./hosts/canvas.js"
+export type { HStackProps } from "./hosts/hstack.js"
+export type { ScrollProps } from "./hosts/scroll.js"
+export type { SpacerProps } from "./hosts/spacer.js"
+export type { TextProps } from "./hosts/text.js"
+export type { VStackProps } from "./hosts/vstack.js"
+export type { ZStackProps } from "./hosts/zstack.js"
+export type { ColorInput, MotionValue, RGBA, SpringOptions } from "./motion/index.js"
 // Motion (spring animations)
 export {
-	useMotionValue,
-	useSpring,
-	useSprings,
-	useSpringRenderer,
-	useMotionValueEvent,
-	useAnimationFrame,
-	motionValue,
 	// Color springs
 	ColorMotionValue,
+	motionValue,
+	useAnimationFrame,
 	useColorMotionValue,
 	useColorSpring,
+	useMotionValue,
+	useMotionValueEvent,
+	useSpring,
+	useSpringRenderer,
+	useSprings,
 } from "./motion/index.js"
-export type { SpringOptions, MotionValue, RGBA, ColorInput } from "./motion/index.js"
-
 // Types
-export type { HostInstance, HostContext, Rect, Size, CommonProps } from "./reconciler/types.js"
-export type { TextProps } from "./hosts/text.js"
-export type { SpacerProps } from "./hosts/spacer.js"
-export type { VStackProps } from "./hosts/vstack.js"
-export type { HStackProps } from "./hosts/hstack.js"
-export type { ZStackProps } from "./hosts/zstack.js"
-export type { BoxProps, BorderKind } from "./hosts/box.js"
-export type { CanvasProps, DrawContext } from "./hosts/canvas.js"
-export type { ScrollProps } from "./hosts/scroll.js"
-
-// Debug
-export { DiagnosticsPanel } from "./debug/DiagnosticsPanel.js"
-
-// Input components
-export { TextInput, type TextInputProps } from "./components/index.js"
-export { MultilineTextInput, type MultilineTextInputProps } from "./components/index.js"
-export { Markdown, type MarkdownProps, type MarkdownTheme } from "./components/index.js"
-export { Static, type StaticProps } from "./components/index.js"
-export { Overlay, type OverlayProps, type OverlayItemProps } from "./components/index.js"
-
-// Development utilities (HMR)
+export type { CommonProps, HostContext, HostInstance, Rect, Size } from "./reconciler/types.js"
+export type { FrameStats, RendererOptions, RenderInstance, Root, TuiRenderer } from "./renderer.js"
+// Renderer
 export {
-	devRender,
-	devMain,
-	hmr,
-	hmrState,
-	autoHmr,
-	type DevRenderOptions,
-	type DevRenderResult,
-} from "./dev.js"
+	createRenderer,
+	createRoot,
+	RendererContext,
+	render,
+	useRenderer,
+	useTerminalSize,
+} from "./renderer.js"
 
 // JSX types are provided via jsxImportSource: "@effect-tui/react"
 // See jsx-runtime.ts at package root for the JSX namespace

package/src/inline/index.tsx

@@ -7,8 +7,8 @@
 //   }).pipe(Effect.provide(InlineRendererLive))
 //   Effect.runPromise(program)
 
-import { Context, Effect, Either, Layer } from "effect"
 import { Colors } from "@effect-tui/core"
+import { Context, Effect, Either, Layer } from "effect"
 import { createRenderer, createRoot } from "../renderer.js"
 
 // Spinner frames

package/src/motion/color-motion-value.ts

@@ -2,7 +2,7 @@
  * ColorMotionValue - animates RGBA colors using 4 internal numeric springs.
  */
 
-import { parseColor, type RGBA, type ColorInput } from "./color.js"
+import { type ColorInput, parseColor, type RGBA } from "./color.js"
 import { EventEmitter } from "./event-emitter.js"
 import { MotionValue } from "./motion-value.js"
 import type { SpringOptions } from "./types.js"

package/src/motion/color.test.ts

@@ -1,5 +1,5 @@
-import { describe, it, expect } from "vitest"
-import { parseColor, isColorInput } from "./color.js"
+import { describe, expect, it } from "vitest"
+import { isColorInput, parseColor } from "./color.js"
 
 describe("parseColor", () => {
 	describe("hex", () => {

package/src/motion/color.ts

@@ -2,9 +2,9 @@
 // Re-exports from @effect-tui/core with local aliases
 
 export {
-	parseColorRGBA as parseColor,
+	type ColorInput,
 	hslToRgba as hslToRgb,
 	isColorInput,
+	parseColorRGBA as parseColor,
 	type RGBA,
-	type ColorInput,
 } from "@effect-tui/core"

package/src/motion/hooks.ts

@@ -4,11 +4,11 @@
 
 import { useCallback, useEffect, useRef } from "react"
 import { useRenderer } from "../renderer.js"
-import { MotionValue } from "./motion-value.js"
+import type { ColorInput } from "./color.js"
 import { ColorMotionValue } from "./color-motion-value.js"
-import type { SpringOptions } from "./types.js"
 import type { EventName, Subscriber } from "./event-emitter.js"
-import type { ColorInput } from "./color.js"
+import { MotionValue } from "./motion-value.js"
+import type { SpringOptions } from "./types.js"
 
 // Global requestRender callback - set by useSpringRenderer hook
 let globalRequestRender: (() => void) | null = null

package/src/motion/index.ts

@@ -1,17 +1,17 @@
 // Motion-inspired animation system for TUI
 // Analytical spring physics (not Euler integration) + setTimeout-based frame loop
 
-export type { SpringOptions, MotionValue, RGBA, ColorInput } from "./motion-value.js"
+export { useAnimationFrame } from "./frame.js"
+export type { ColorInput, MotionValue, RGBA, SpringOptions } from "./motion-value.js"
 export {
-	motionValue,
-	useMotionValue,
-	useSpring,
-	useSprings,
-	useSpringRenderer,
-	useMotionValueEvent,
 	// Color springs
 	ColorMotionValue,
+	motionValue,
 	useColorMotionValue,
 	useColorSpring,
+	useMotionValue,
+	useMotionValueEvent,
+	useSpring,
+	useSpringRenderer,
+	useSprings,
 } from "./motion-value.js"
-export { useAnimationFrame } from "./frame.js"

package/src/motion/motion-value.test.ts

@@ -1,4 +1,4 @@
-import { describe, it, expect } from "vitest"
+import { describe, expect, it } from "vitest"
 import { motionValue } from "./motion-value.js"
 
 describe("MotionValue", () => {

package/src/motion/motion-value.ts

@@ -3,10 +3,10 @@
  * Inspired by framer-motion's MotionValue.
  */
 
-import { subscribeFrame } from "./frame.js"
 import { EventEmitter } from "./event-emitter.js"
+import { subscribeFrame } from "./frame.js"
 import { createSpringResolver, springFromVisualDuration } from "./spring-math.js"
-import { type SpringOptions, DEFAULT_SPRING_OPTIONS } from "./types.js"
+import { DEFAULT_SPRING_OPTIONS, type SpringOptions } from "./types.js"
 
 /** Create a MotionValue. Factory function like Motion's motionValue(). */
 export function motionValue<T>(initial: T): MotionValue<T> {
@@ -123,18 +123,18 @@ export class MotionValue<T = number> extends EventEmitter<T> {
 	}
 }
 
-// Re-export everything for backwards compatibility
-export { type SpringOptions, DEFAULT_SPRING_OPTIONS } from "./types.js"
-export type { EventName, Subscriber } from "./event-emitter.js"
-export { createSpringResolver, springFromVisualDuration, isSpringSettled } from "./spring-math.js"
+export type { ColorInput, RGBA } from "./color.js"
 export { ColorMotionValue } from "./color-motion-value.js"
+export type { EventName, Subscriber } from "./event-emitter.js"
 export {
+	useColorMotionValue,
+	useColorSpring,
 	useMotionValue,
+	useMotionValueEvent,
 	useSpring,
-	useSprings,
 	useSpringRenderer,
-	useMotionValueEvent,
-	useColorMotionValue,
-	useColorSpring,
+	useSprings,
 } from "./hooks.js"
-export type { RGBA, ColorInput } from "./color.js"
+export { createSpringResolver, isSpringSettled, springFromVisualDuration } from "./spring-math.js"
+// Re-export everything for backwards compatibility
+export { DEFAULT_SPRING_OPTIONS, type SpringOptions } from "./types.js"

package/src/reconciler/host-config.ts

@@ -1,8 +1,8 @@
-import Reconciler from "react-reconciler"
 import { createContext } from "react"
-import type { HostInstance, HostContext } from "./types.js"
-import { createHostInstance, createTextInstance, type RawTextHost, type BaseHost } from "../hosts/index.js"
+import Reconciler from "react-reconciler"
+import { type BaseHost, createHostInstance, createTextInstance, type RawTextHost } from "../hosts/index.js"
 import { noopMethods } from "./noop-methods.js"
+import type { HostContext, HostInstance } from "./types.js"
 
 // ============================================================================
 // Type Definitions

package/src/reconciler/types.ts

@@ -1,4 +1,4 @@
-import type { CellBuffer, Palette, Size, Rect } from "@effect-tui/core"
+import type { CellBuffer, Palette, Rect, Size } from "@effect-tui/core"
 
 // Re-export for backwards compatibility
 export type { Size, Rect }

package/src/remote/Procedures.ts

@@ -47,10 +47,4 @@ const Info = Rpc.make("Info", {
 })
 
 // Group all RPCs together
-export class TuiRpcs extends RpcGroup.make(
-	Screenshot,
-	SendKey,
-	Paste,
-	Resize,
-	Info,
-) {}
+export class TuiRpcs extends RpcGroup.make(Screenshot, SendKey, Paste, Resize, Info) {}

package/src/remote/Router.ts

@@ -1,7 +1,7 @@
 // RPC handlers for remote session control
 import type { Rpc } from "@effect/rpc"
-import { Effect, Layer, Context } from "effect"
 import type { KeyMsg } from "@effect-tui/core"
+import { Context, Effect, type Layer } from "effect"
 import { TuiRpcs } from "./Procedures.js"
 
 // Service interface for the TUI session
@@ -19,10 +19,7 @@ export interface TuiSessionImpl {
 	}
 }
 
-export class TuiSession extends Context.Tag("TuiSession")<
-	TuiSession,
-	TuiSessionImpl
->() {}
+export class TuiSession extends Context.Tag("TuiSession")<TuiSession, TuiSessionImpl>() {}
 
 // Create the RPC handlers layer
 export const HandlersLive: Layer.Layer<
@@ -55,8 +52,7 @@ export const HandlersLive: Layer.Layer<
 
 			Paste: ({ text }) => Effect.sync(() => session.dispatchPaste(text)),
 
-			Resize: ({ width, height }) =>
-				Effect.sync(() => session.dispatchResize(width, height)),
+			Resize: ({ width, height }) => Effect.sync(() => session.dispatchResize(width, height)),
 
 			Info: () => Effect.sync(() => session.getInfo()),
 		}

package/src/remote/Server.ts

@@ -1,9 +1,10 @@
 // Remote server that exposes TUI session via Unix socket
-import { Effect, Layer } from "effect"
-import { RpcSerialization, RpcServer } from "@effect/rpc"
-import { BunSocketServer } from "@effect/platform-bun"
+
 import * as fs from "node:fs"
 import * as path from "node:path"
+import { BunSocketServer } from "@effect/platform-bun"
+import { RpcSerialization, RpcServer } from "@effect/rpc"
+import { Effect, Layer } from "effect"
 import { TuiRpcs } from "./Procedures.js"
 import { HandlersLive, TuiSession, type TuiSessionImpl } from "./Router.js"
 
@@ -18,8 +19,7 @@ const ensureSocketDir = Effect.sync(() => {
 })
 
 // Get socket path for current process
-export const getSocketPath = (pid?: number) =>
-	path.join(SOCKET_DIR, `${pid ?? process.pid}.sock`)
+export const getSocketPath = (pid?: number) => path.join(SOCKET_DIR, `${pid ?? process.pid}.sock`)
 
 // Clean up socket file
 const cleanupSocket = (socketPath: string) =>
@@ -34,10 +34,7 @@ const cleanupSocket = (socketPath: string) =>
 	})
 
 // Create the server layer
-export const makeServerLayer = (
-	sessionImpl: TuiSessionImpl,
-	socketPath?: string,
-) => {
+export const makeServerLayer = (sessionImpl: TuiSessionImpl, socketPath?: string) => {
 	const actualPath = socketPath ?? getSocketPath()
 
 	// Setup layer - creates directory, cleans stale socket
@@ -52,9 +49,7 @@ export const makeServerLayer = (
 	)
 
 	// RPC handlers layer (needs TuiSession)
-	const HandlersLayer = HandlersLive.pipe(
-		Layer.provide(Layer.succeed(TuiSession, sessionImpl)),
-	)
+	const HandlersLayer = HandlersLive.pipe(Layer.provide(Layer.succeed(TuiSession, sessionImpl)))
 
 	// Full RPC server stack:
 	// 1. RpcServer.layer creates the RPC server, needs handlers

package/src/remote/index.ts

@@ -8,14 +8,14 @@
 // 2. Connect using etui CLI or raw socket at /tmp/effect-tui-sessions/<pid>.sock
 
 export { TuiRpcs } from "./Procedures.js"
-export { TuiSession, HandlersLive } from "./Router.js"
-export { makeServerLayer, getSocketPath } from "./Server.js"
+export { HandlersLive, TuiSession } from "./Router.js"
+export { getSocketPath, makeServerLayer } from "./Server.js"
 
-import { Effect, Exit, Layer, Scope } from "effect"
 import * as fs from "node:fs"
+import { Effect, Exit, Layer, Scope } from "effect"
 import type { TuiRenderer } from "../renderer-types.js"
 import type { TuiSessionImpl } from "./Router.js"
-import { makeServerLayer, getSocketPath } from "./Server.js"
+import { getSocketPath, makeServerLayer } from "./Server.js"
 
 export interface EnableRemoteOptions {
 	/** Custom socket path (defaults to /tmp/effect-tui-sessions/<pid>.sock) */
@@ -55,13 +55,9 @@ function deriveSessionName(entryPath: string): string {
  * @param options - Socket path and entry path for session identification
  * @returns A cleanup function to stop the server
  */
-export function enableRemote(
-	renderer: TuiRenderer,
-	options?: EnableRemoteOptions | string,
-): () => void {
+export function enableRemote(renderer: TuiRenderer, options?: EnableRemoteOptions | string): () => void {
 	// Support old API: enableRemote(renderer, socketPath?)
-	const opts: EnableRemoteOptions =
-		typeof options === "string" ? { socketPath: options } : options ?? {}
+	const opts: EnableRemoteOptions = typeof options === "string" ? { socketPath: options } : (options ?? {})
 	const actualPath = opts.socketPath ?? getSocketPath()
 
 	// Derive session name from entry path

package/src/renderer/core/FrameBuilder.ts

@@ -1,7 +1,7 @@
 import { performance } from "node:perf_hooks"
 import type { CellBuffer, Palette } from "@effect-tui/core"
-import type { HostInstance } from "../../reconciler/types.js"
 import * as Prof from "../../profiler.js"
+import type { HostInstance } from "../../reconciler/types.js"
 
 export interface FrameTimings {
 	clear: number

package/src/renderer/input/InputProcessor.ts

@@ -1,4 +1,4 @@
-import { decodeInput, ANSI, type KeyMsg, type MouseMsg } from "@effect-tui/core"
+import { ANSI, decodeInput, type KeyMsg, type MouseMsg } from "@effect-tui/core"
 
 export interface InputProcessorConfig {
 	exitOnCtrlC: boolean

package/src/renderer/lifecycle/TerminalSetup.ts

@@ -1,5 +1,5 @@
 import { ANSI, Terminal } from "@effect-tui/core"
-import type { TuiWriteStream, TuiReadStream } from "../../renderer-types.js"
+import type { TuiReadStream, TuiWriteStream } from "../../renderer-types.js"
 
 export interface TerminalSetupConfig {
 	mode: "fullscreen" | "inline"

package/src/renderer/lifecycle/index.ts

@@ -1,3 +1,3 @@
 export { EventBus } from "./EventBus.js"
+export { ResizeManager, type ResizeResult, type ResizeState } from "./ResizeManager.js"
 export { TerminalSetup, type TerminalSetupConfig } from "./TerminalSetup.js"
-export { ResizeManager, type ResizeState, type ResizeResult } from "./ResizeManager.js"

package/src/renderer/modes/FullscreenRenderer.ts

@@ -1,5 +1,5 @@
 import { ANSI, emitRowWithReset, rowChanged } from "@effect-tui/core"
-import type { RendererMode, RenderContext, RenderOutput } from "./RendererMode.js"
+import type { RenderContext, RendererMode, RenderOutput } from "./RendererMode.js"
 
 /**
  * Fullscreen rendering mode using alternate buffer.

package/src/renderer/modes/InlineRenderer.ts

@@ -1,5 +1,5 @@
-import { ANSI, emitRowWithReset, rowContentWidth, findChangeWindow } from "@effect-tui/core"
-import type { RendererMode, RenderContext, RenderOutput } from "./RendererMode.js"
+import { ANSI, emitRowWithReset, findChangeWindow, rowContentWidth } from "@effect-tui/core"
+import type { RenderContext, RendererMode, RenderOutput } from "./RendererMode.js"
 
 /**
  * Inline rendering mode that renders in-place without alternate buffer.

package/src/renderer/modes/StaticContentRenderer.ts

@@ -1,4 +1,4 @@
-import { CellBuffer, emitRowWithReset, rowContentWidth, type Palette } from "@effect-tui/core"
+import { CellBuffer, emitRowWithReset, type Palette, rowContentWidth } from "@effect-tui/core"
 import type { HostInstance } from "../../reconciler/types.js"
 import type { TuiWriteStream } from "../../renderer-types.js"
 

package/src/renderer/modes/index.ts

@@ -1,4 +1,4 @@
-export type { RendererMode, RenderContext, RenderOutput } from "./RendererMode.js"
 export { FullscreenRenderer } from "./FullscreenRenderer.js"
 export { InlineRenderer } from "./InlineRenderer.js"
+export type { RenderContext, RendererMode, RenderOutput } from "./RendererMode.js"
 export { StaticContentRenderer } from "./StaticContentRenderer.js"

package/src/renderer-context.ts

@@ -1,4 +1,4 @@
-import { createContext, useContext, useState, useEffect } from "react"
+import { createContext, useContext, useEffect, useState } from "react"
 import type { TuiRenderer } from "./renderer-types.js"
 
 // Context for accessing renderer in components

package/src/renderer-types.ts

@@ -1,5 +1,5 @@
 import type { KeyMsg, MouseMsg } from "@effect-tui/core"
-import type { HostInstance, HostContext } from "./reconciler/types.js"
+import type { HostContext, HostInstance } from "./reconciler/types.js"
 
 /** Minimal write stream interface for renderer output */
 export interface TuiWriteStream {

package/src/renderer.ts

@@ -1,30 +1,29 @@
-import React, { type ReactNode } from "react"
 import { performance } from "node:perf_hooks"
-import { ANSI, type KeyMsg, type MouseMsg, bufferToString } from "@effect-tui/core"
-import { reconciler, flushSync } from "./reconciler/host-config.js"
-import type { HostContext } from "./reconciler/types.js"
-import * as Prof from "./profiler.js"
+import { ANSI, bufferToString, type KeyMsg, type MouseMsg } from "@effect-tui/core"
+import React, { type ReactNode } from "react"
 import { DEFAULT_FPS } from "./constants.js"
+import * as Prof from "./profiler.js"
+import { flushSync, reconciler } from "./reconciler/host-config.js"
+import type { HostContext } from "./reconciler/types.js"
+// Extracted modules
+import { FrameBuilder, RendererState } from "./renderer/core/index.js"
+import { InputProcessor } from "./renderer/input/index.js"
+import { EventBus, TerminalSetup } from "./renderer/lifecycle/index.js"
+import { FullscreenRenderer, InlineRenderer, StaticContentRenderer } from "./renderer/modes/index.js"
+import { RendererContext } from "./renderer-context.js"
 import type {
-	TuiWriteStream,
+	Container,
+	FrameStats,
+	RendererOptions,
 	TuiReadStream,
 	TuiRenderer,
 	TuiRendererInternal,
-	Container,
-	RendererOptions,
-	FrameStats,
+	TuiWriteStream,
 } from "./renderer-types.js"
-import { RendererContext } from "./renderer-context.js"
 
-// Extracted modules
-import { RendererState, FrameBuilder } from "./renderer/core/index.js"
-import { InputProcessor } from "./renderer/input/index.js"
-import { EventBus, TerminalSetup } from "./renderer/lifecycle/index.js"
-import { FullscreenRenderer, InlineRenderer, StaticContentRenderer } from "./renderer/modes/index.js"
-
-// Re-export types and context for backwards compatibility
-export type { TuiWriteStream, TuiReadStream, TuiRenderer, RendererOptions, FrameStats } from "./renderer-types.js"
 export { RendererContext, useRenderer, useTerminalSize } from "./renderer-context.js"
+// Re-export types and context for backwards compatibility
+export type { FrameStats, RendererOptions, TuiReadStream, TuiRenderer, TuiWriteStream } from "./renderer-types.js"
 
 export function createRenderer(options?: RendererOptions): TuiRenderer {
 	const fps = options?.fps ?? DEFAULT_FPS
@@ -167,7 +166,7 @@ export function createRenderer(options?: RendererOptions): TuiRenderer {
 			})
 
 			// Combine static + dynamic output for atomic write
-			let output = staticOutput + modeOutput + state.palette.sgr(0)
+			const output = staticOutput + modeOutput + state.palette.sgr(0)
 			contentH = contentHeight
 			const diffAnsiMs = performance.now() - diffStartMs
 			Prof.endPhase("diff+ansi", t)

package/src/test/index.ts

@@ -1,8 +1,8 @@
-export { renderTUI, type RenderTUIOptions, type RenderTUIResult } from "./render-tui.js"
 export {
-	MockStdout,
-	MockStdin,
 	encodeKey,
-	stripAnsi,
 	getVisibleLines,
+	MockStdin,
+	MockStdout,
+	stripAnsi,
 } from "./mock-streams.js"
+export { type RenderTUIOptions, type RenderTUIResult, renderTUI } from "./render-tui.js"