@effect-tui/react 0.15.1 → 0.15.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@effect-tui/react",
-	"version": "0.15.1",
+	"version": "0.15.2",
 	"description": "React bindings for @effect-tui/core",
 	"type": "module",
 	"files": [
@@ -83,7 +83,7 @@
 		"prepublishOnly": "bun run typecheck && bun run build"
 	},
 	"dependencies": {
-		"@effect-tui/core": "^0.15.1",
+		"@effect-tui/core": "^0.15.2",
 		"@effect/platform": "^0.94.1",
 		"@effect/platform-bun": "^0.87.0",
 		"@effect/rpc": "^0.73.0",

package/src/hosts/codeblock.ts

@@ -1,6 +1,6 @@
 import { type CellBuffer, type Color, Colors, displayWidth, type Palette } from "@effect-tui/core"
 import type { HighlightLine } from "../highlight.js"
-import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
+import type { CommonProps, HostContext, Size } from "../reconciler/types.js"
 import { type Padding, type PaddingInput, resolveBgStyle, resolvePadding, styleIdFromProps } from "../utils/index.js"
 import { BaseHost } from "./base.js"
 
@@ -27,6 +27,7 @@ export class CodeBlockHost extends BaseHost {
 
 	private cachedLineWidths: number[] = []
 	private gutterWidth = 0
+	private prepared = false
 
 	constructor(props: CodeBlockProps, ctx: HostContext) {
 		super("codeblock", props, ctx)
@@ -49,10 +50,24 @@ export class CodeBlockHost extends BaseHost {
 		return this.padding.top + this.padding.bottom
 	}
 
+	private prepareMetrics(): void {
+		this.cachedLineWidths = this.lines.map((line) => lineDisplayWidth(line))
+		this.gutterWidth = this.computeGutterWidth()
+		this.prepared = true
+	}
+
+	private ensurePrepared(): void {
+		if (this.prepared) return
+		this.prepareMetrics()
+	}
+
+	protected override prepareSelf(): void {
+		this.ensurePrepared()
+	}
+
 	measure(maxW: number, maxH: number): Size {
 		const constrained = this.constrainProposal(maxW, maxH)
-		this.cachedLineWidths = this.lines.map((l) => lineDisplayWidth(l))
-		this.gutterWidth = this.computeGutterWidth()
+		this.ensurePrepared()
 
 		const maxLineW = this.cachedLineWidths.reduce((max, w) => (w > max ? w : max), 0)
 		const contentW = maxLineW + this.insetX
@@ -65,10 +80,6 @@ export class CodeBlockHost extends BaseHost {
 		})
 	}
 
-	override layout(rect: Rect): void {
-		super.layout(rect)
-	}
-
 	render(buffer: CellBuffer, palette: Palette): void {
 		if (!this.rect) return
 
@@ -120,11 +131,19 @@ export class CodeBlockHost extends BaseHost {
 
 	override updateProps(props: Record<string, unknown>): void {
 		super.updateProps(props)
-		if (props.lines !== undefined) this.lines = props.lines as HighlightLine[]
-		if (props.lineNumbers !== undefined) this.lineNumbers = !!props.lineNumbers
+		let invalidate = false
+		if (props.lines !== undefined) {
+			this.lines = props.lines as HighlightLine[]
+			invalidate = true
+		}
+		if (props.lineNumbers !== undefined) {
+			this.lineNumbers = !!props.lineNumbers
+			invalidate = true
+		}
 		if (props.padding !== undefined) this.padding = resolvePadding(props.padding as CodeBlockProps["padding"])
 		if (props.background !== undefined) this.background = props.background as Color
 		if (props.lineNumberColor !== undefined) this.lineNumberColor = props.lineNumberColor as Color
 		if (props.lineNumberBackground !== undefined) this.lineNumberBackground = props.lineNumberBackground as Color
+		if (invalidate) this.prepared = false
 	}
 }

package/src/hosts/spacer.ts

@@ -1,5 +1,5 @@
 import type { CellBuffer, Palette } from "@effect-tui/core"
-import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
+import type { CommonProps, HostContext, Size } from "../reconciler/types.js"
 import { BaseHost } from "./base.js"
 
 export interface SpacerProps extends CommonProps {
@@ -26,10 +26,6 @@ export class SpacerHost extends BaseHost {
 		return { w: this.minWidth, h: this.minHeight }
 	}
 
-	override layout(rect: Rect): void {
-		super.layout(rect)
-	}
-
 	render(_buffer: CellBuffer, _palette: Palette): void {
 		// Spacers render nothing
 	}

package/src/renderer.ts

@@ -2,7 +2,7 @@ import { performance } from "node:perf_hooks"
 import { fileURLToPath } from "node:url"
 import { ANSI, bufferToString, type KeyMsg, type MouseMsg } from "@effect-tui/core"
 import React, { type ReactNode } from "react"
-import { createTerminalWriter } from "./console/ConsoleCapture.js"
+import { createTerminalWriter, writeToTerminal } from "./console/ConsoleCapture.js"
 import { DEFAULT_FPS } from "./constants.js"
 import { requestExit } from "./exit.js"
 import * as Prof from "./profiler.js"
@@ -272,6 +272,8 @@ export function createRenderer(options?: RendererOptions): TuiRenderer {
 
 	let onExit: (() => void) | null = null
 	let onSignal: ((signal: NodeJS.Signals) => void) | null = null
+	let onUncaughtException: ((err: Error) => void) | null = null
+	let onUnhandledRejection: ((reason: unknown) => void) | null = null
 
 	// Build renderer object
 	const renderer: TuiRenderer = {
@@ -300,6 +302,14 @@ export function createRenderer(options?: RendererOptions): TuiRenderer {
 				process.off("SIGTERM", onSignal)
 				onSignal = null
 			}
+			if (onUncaughtException) {
+				process.off("uncaughtException", onUncaughtException)
+				onUncaughtException = null
+			}
+			if (onUnhandledRejection) {
+				process.off("unhandledRejection", onUnhandledRejection)
+				onUnhandledRejection = null
+			}
 			if (state.loop) {
 				clearInterval(state.loop)
 				state.loop = null
@@ -333,6 +343,7 @@ export function createRenderer(options?: RendererOptions): TuiRenderer {
 			if (!manualMode) renderFrame()
 		},
 		dispatchResize(width: number, height: number) {
+			renderMode.handleResize(width, height, state.lastWidth)
 			state.updateDimensions(width, height)
 			state.invalidateBuffers()
 			state.markDirty()
@@ -403,6 +414,24 @@ export function createRenderer(options?: RendererOptions): TuiRenderer {
 		}
 		process.on("SIGINT", onSignal)
 		process.on("SIGTERM", onSignal)
+
+		// Handle uncaught exceptions - ensure error is visible before exit
+		onUncaughtException = (err: Error) => {
+			cleanup()
+			// Write directly to terminal, bypassing console capture
+			writeToTerminal(`\n[effect-tui] Uncaught exception:\n${err.stack || err.message}\n`)
+			process.exit(1)
+		}
+		process.on("uncaughtException", onUncaughtException)
+
+		// Handle unhandled promise rejections
+		onUnhandledRejection = (reason: unknown) => {
+			cleanup()
+			const message = reason instanceof Error ? reason.stack || reason.message : String(reason)
+			writeToTerminal(`\n[effect-tui] Unhandled rejection:\n${message}\n`)
+			process.exit(1)
+		}
+		process.on("unhandledRejection", onUnhandledRejection)
 	}
 
 	;(renderer as TuiRendererInternal)._container = null