@effect-tui/react 0.2.0 → 0.2.1

package/src/test/render-tui.ts

@@ -1,8 +1,8 @@
-import type { ReactElement } from "react"
 import type { KeyMsg } from "@effect-tui/core"
-import { createRenderer, createRoot } from "../renderer.js"
+import type { ReactElement } from "react"
 import { flushPassiveEffects, flushSync } from "../reconciler/host-config.js"
-import { MockStdout, MockStdin, stripAnsi, getVisibleLines } from "./mock-streams.js"
+import { createRenderer, createRoot } from "../renderer.js"
+import { getVisibleLines, MockStdin, MockStdout, stripAnsi } from "./mock-streams.js"
 
 export interface RenderTUIOptions {
 	width?: number

package/src/utils/flex-layout.ts

@@ -2,9 +2,9 @@
  * Generic flex layout algorithm for VStack and HStack.
  */
 
-import type { HostInstance, Rect, Size } from "../reconciler/types.js"
+import { type Axis, crossDim, crossPos, crossSize, mainDim, mainPos, mainSize, makeRect } from "@effect-tui/core"
 import type { BaseHost } from "../hosts/base.js"
-import { type Axis, mainSize, crossSize, mainPos, crossPos, mainDim, crossDim, makeRect } from "@effect-tui/core"
+import type { HostInstance, Rect, Size } from "../reconciler/types.js"
 
 export type FlexAxis = Axis
 export type FlexAlignment = "start" | "center" | "end"

package/src/utils/index.ts

@@ -1,13 +1,13 @@
-export { type HAlign, type VAlign, alignInRect } from "./alignment.js"
-export { type BorderKind, type BorderChars, borderChars, type ClipRect, drawBorder } from "./border.js"
+export { alignInRect, type HAlign, type VAlign } from "./alignment.js"
+export { type BorderChars, type BorderKind, borderChars, type ClipRect, drawBorder } from "./border.js"
+export { type FlexAlignment, type FlexAxis, type FlexMeasureResult, layoutFlex, measureFlex } from "./flex-layout.js"
 export { type Padding, type PaddingInput, resolvePadding } from "./padding.js"
 export {
-	type StyleOptions,
-	type StyleInput,
-	toColorValue,
-	styleSpecFromProps,
-	styleIdFromProps,
 	resolveBgStyle,
 	resolveInheritedBgStyle,
+	type StyleInput,
+	type StyleOptions,
+	styleIdFromProps,
+	styleSpecFromProps,
+	toColorValue,
 } from "./styles.js"
-export { type FlexAxis, type FlexAlignment, type FlexMeasureResult, measureFlex, layoutFlex } from "./flex-layout.js"

package/src/utils/styles.ts

@@ -2,7 +2,7 @@
  * Style utilities for building palette-compatible style objects.
  */
 
-import { parseColor, type Color, type ColorValue, type Palette, type StyleSpec } from "@effect-tui/core"
+import { type Color, type ColorValue, type Palette, parseColor, type StyleSpec } from "@effect-tui/core"
 
 export interface StyleOptions {
 	fg?: ColorValue
@@ -56,8 +56,8 @@ export function resolveBgStyle(palette: Palette, bg?: Color): { value?: ColorVal
 	return { value, styleId }
 }
 
-import type { HostInstance } from "../reconciler/types.js"
 import { getInheritedBg } from "../hosts/base.js"
+import type { HostInstance } from "../reconciler/types.js"
 
 /**
  * Resolve background style, inheriting from parent if not explicitly set.

package/src/visualize/index.tsx

@@ -1,9 +1,9 @@
 // Effect visualization wrapper using React
 // Uses Effect Layer for proper terminal state management across multiple calls
 
-import { useState, useEffect } from "react"
+import { ANSI, Colors } from "@effect-tui/core"
 import { Cause, Context, Duration, Effect, Exit, Fiber, Layer, Option } from "effect"
-import { Colors, ANSI } from "@effect-tui/core"
+import { useEffect, useState } from "react"
 import { createRenderer, createRoot } from "../renderer.js"
 
 const SPINNER_FRAMES = ["⠋", "⠙", "⠸", "⠴", "⠦", "⠇"] as const