@effect-tui/core 0.1.0 → 0.1.4

package/src/ui/view-constructors.ts

@@ -1,96 +0,0 @@
-/* view-constructors.ts — Static constructor methods for View
- *
- * This module contains all the static constructor methods that will be merged
- * with the View class via namespace merging to avoid circular dependencies.
- */
-
-import { Colors } from "../render/surface.js"
-import type { View } from "./core/view.js"
-import type { Align2D, HAlign, VAlign } from "./core/geometry.js"
-
-// Import all component classes for builders
-import { Text } from "./primitives/text.js"
-import { Rectangle } from "./primitives/rectangle.js"
-import { Spacer } from "./primitives/spacer.js"
-import { WrappedText, type WrappingOptions } from "./primitives/wrapped-text.js"
-import { HStack } from "./containers/hstack.js"
-import { VStack } from "./containers/vstack.js"
-import { ZStack } from "./containers/zstack.js"
-import { Scroll } from "./containers/scroll.js"
-import { Canvas } from "./containers/canvas.js"
-import { GeometryReader, type GeometryProxy } from "./containers/geometry-reader.js"
-import { TextInput, type TextInputState, type TextInputOptions } from "./textinput.js"
-import { Markdown, type MarkdownOptions } from "./markdown.js"
-
-// Options types for clean API (gap preferred; spacing kept for compat)
-type HStackOpts = { gap?: number; spacing?: number; alignment?: VAlign }
-type VStackOpts = { gap?: number; spacing?: number; alignment?: HAlign }
-type ScrollOpts = { axis?: "vertical" | "horizontal"; offset?: number; align?: VAlign | HAlign }
-
-// Constructor functions that will become static methods on View
-export const ViewConstructors = {
-  // Primitives
-  text: (s: string, wrap?: boolean): Text => {
-    return new Text(s, wrap)
-  },
-
-  wrappedText: (s: string, options?: WrappingOptions): WrappedText => {
-    return new WrappedText(s, options)
-  },
-
-  rect: (w: number, h: number, fill?: string | number): Rectangle => {
-    return new Rectangle(w, h, typeof fill === "number" ? fill : (fill?.codePointAt?.(0) ?? 32))
-  },
-
-  spacer: (minLength = 0): Spacer => {
-    return new Spacer(minLength)
-  },
-
-  // Containers (accept opts or legacy (gap, { alignment }))
-  hstack: (children: View[], optsOrGap: number | HStackOpts = {}, maybe: { alignment?: VAlign } = {}): HStack => {
-    const isNum = typeof optsOrGap === "number"
-    const gap = isNum ? (optsOrGap as number) : (optsOrGap.gap ?? optsOrGap.spacing ?? 1)
-    const alignment = (isNum ? maybe.alignment : (optsOrGap as HStackOpts).alignment) ?? "center"
-    return new HStack(children, gap, alignment)
-  },
-
-  vstack: (children: View[], optsOrGap: number | VStackOpts = {}, maybe: { alignment?: HAlign } = {}): VStack => {
-    const isNum = typeof optsOrGap === "number"
-    const gap = isNum ? (optsOrGap as number) : (optsOrGap.gap ?? optsOrGap.spacing ?? 0)
-    const alignment = (isNum ? maybe.alignment : (optsOrGap as VStackOpts).alignment) ?? "leading"
-    return new VStack(children, gap, alignment)
-  },
-
-  zstack: (children: View[], alignment?: Align2D): ZStack => {
-    return new ZStack(children, alignment ?? { h: "center", v: "center" })
-  },
-
-  scroll: (child: View, opts?: ScrollOpts): Scroll => {
-    return new Scroll(child, opts ?? {})
-  },
-
-  canvas: (paint: (s: any, pal: any, rect: any) => void): Canvas => {
-    return new Canvas(paint)
-  },
-
-  geometryReader: (reader: (proxy: GeometryProxy) => View): GeometryReader => {
-    return new GeometryReader(reader)
-  },
-
-  // Overlay method (moved from chainer to avoid circular dependency)
-  overlay: (base: View, overlay: View, alignment?: Align2D): ZStack => {
-    return new ZStack([base, overlay], alignment ?? { h: "center", v: "center" })
-  },
-
-  // Components
-  textInput: (state: TextInputState, opts?: TextInputOptions): TextInput => {
-    return new TextInput(state, opts)
-  },
-
-  markdown: (text: string, opts?: MarkdownOptions): Markdown => {
-    return new Markdown(text, opts)
-  },
-
-  // Utilities
-  Colors,
-} as const

package/src/ui/wrappedtext.test.ts

@@ -1,138 +0,0 @@
-import { describe, expect, it } from "@effect/vitest"
-import { Surface, Palette } from "../render/surface"
-import { WrappedText } from "./primitives/wrapped-text"
-
-describe("WrappedText", () => {
-  describe("basic word wrapping", () => {
-    it("should wrap text at word boundaries", () => {
-      const node = new WrappedText("hello world test", { wordWrap: true })
-      const surface = new Surface(8, 3)
-      const palette = new Palette()
-
-      // Measure should calculate height based on wrapped lines
-      const measure = node.measure(8, 10)
-      expect(measure.w).toBe(8) // Takes full width available
-      expect(measure.h).toBe(3) // "hello world" splits into 3 lines at width 8
-
-      // Render and check output
-      node.render(surface, palette, { x: 0, y: 0, w: 8, h: 3 })
-      const output = surface.toString()
-
-      expect(output).toMatchSnapshot()
-    })
-
-    it("should handle single words longer than width", () => {
-      const node = new WrappedText("verylongword", { wordWrap: true, breakWords: true })
-      const surface = new Surface(6, 3)
-      const palette = new Palette()
-
-      const measure = node.measure(6, 10)
-      expect(measure.w).toBe(6)
-      expect(measure.h).toBe(2) // "verylo" + "ngword"
-
-      node.render(surface, palette, { x: 0, y: 0, w: 6, h: 3 })
-      const output = surface.toString()
-
-      expect(output).toMatchSnapshot()
-    })
-
-    it("should preserve explicit line breaks", () => {
-      const node = new WrappedText("line1\nline2\nline3")
-      const surface = new Surface(10, 5)
-      const palette = new Palette()
-
-      const measure = node.measure(10, 10)
-      expect(measure.w).toBe(10) // Takes full width available
-      expect(measure.h).toBe(3) // 3 lines from explicit breaks
-
-      node.render(surface, palette, { x: 0, y: 0, w: 10, h: 5 })
-      const output = surface.toString()
-
-      expect(output).toMatchSnapshot()
-    })
-  })
-
-  describe("measurement calculations", () => {
-    it("should calculate height correctly for wrapped text", () => {
-      const node = new WrappedText("a b c d e f g h")
-
-      // At width 3, should wrap to multiple lines
-      const measure3 = node.measure(3, 10)
-      expect(measure3.h).toBeGreaterThan(1)
-
-      // At width 20, should fit on one line
-      const measure20 = node.measure(20, 10)
-      expect(measure20.h).toBe(1)
-    })
-
-    it("should respect max height constraint", () => {
-      const node = new WrappedText("a b c d e f g h i j k l m n")
-
-      const measure = node.measure(3, 2) // force to 2 lines max
-      expect(measure.h).toBe(2)
-    })
-  })
-
-  describe("wrapping strategies", () => {
-    it("should default to word wrap", () => {
-      const node = new WrappedText("hello world")
-      const surface = new Surface(8, 2)
-      const palette = new Palette()
-
-      node.render(surface, palette, { x: 0, y: 0, w: 8, h: 2 })
-      const output = surface.toString()
-
-      // Should break at word boundary, not in middle of "world"
-      expect(output).toContain("hello")
-      expect(output).toContain("world")
-    })
-
-    it("should break words when breakWords is enabled", () => {
-      const node = new WrappedText("supercalifragilisticexpialidocious", {
-        wordWrap: true,
-        breakWords: true,
-      })
-      const surface = new Surface(10, 5)
-      const palette = new Palette()
-
-      const measure = node.measure(10, 10)
-      expect(measure.h).toBeGreaterThan(1)
-
-      node.render(surface, palette, { x: 0, y: 0, w: 10, h: 5 })
-      const output = surface.toString()
-
-      expect(output).toMatchSnapshot()
-    })
-
-    it("should handle empty text", () => {
-      const node = new WrappedText("")
-      const surface = new Surface(10, 1)
-      const palette = new Palette()
-
-      const measure = node.measure(10, 10)
-      expect(measure.w).toBe(10) // Takes full width available
-      expect(measure.h).toBe(1) // Always at least 1 line
-
-      node.render(surface, palette, { x: 0, y: 0, w: 10, h: 1 })
-      const output = surface.toString()
-
-      // Empty text should render as empty string (no content)
-      expect(output).toBe("")
-    })
-  })
-
-  describe("styling", () => {
-    it("should apply styles to wrapped text", () => {
-      const node = new WrappedText("hello world", { wordWrap: true }).fg("red").bold(true)
-
-      const surface = new Surface(8, 3)
-      const palette = new Palette()
-
-      node.render(surface, palette, { x: 0, y: 0, w: 8, h: 3 })
-
-      // Check that style was applied (we can't easily test SGR codes in snapshots,
-      // but this ensures the style system is integrated)
-      expect(node).toBeDefined()
-    })
-  })
-})