Commit Graph
25 Commits
Author SHA1 Message Date
phranck 37cd4b88f5 feat: Add ContainerView with Header/Body/Footer architecture
- Add ContainerView as unified base for container views
- Add ContainerStyle for separator and border configuration
- Add containerBackground and containerHeaderBackground to Theme
- Standard appearances: Title in top border, Footer as separate section
- Block appearance: Separate Header section with darker background
- Migrate Panel, Card, Alert, Dialog to use ContainerView
- All views now support optional footer with separator
2026-01-28 23:24:35 +01:00
phranck 9b70dd0b46 feat(Menu): Use T-junction characters for title separator
- Add leftT and rightT characters to BorderStyle
- Update all preset styles with correct T-junction characters:
  - line: ├ ┤
  - doubleLine: ╠ ╣
  - rounded: ├ ┤
  - heavy: ┣ ┫
  - block: █ █
  - ascii: + +
- Menu title separator now connects to border with T-junctions
- Separator spans full width from left to right border
2026-01-28 23:07:19 +01:00
phranck 8f48b78de3 fix(Menu): Extend title separator to full content width 2026-01-28 23:04:32 +01:00
phranck 2c60a7ed8a feat(Menu): Improve selection bar styling
- Selection bar now uses full width (padded to content width)
- Selection background uses dimmed theme color (selectionBackground)
- Selection text is bold and highlighted with accent color
- Add selectionBackground to Theme protocol and all themes
- Remove arrow indicator, use pure background highlight for selection
2026-01-28 23:02:05 +01:00
phranck fb434fe77d feat(StatusBar): Add appearance system integration
- StatusBar bordered style now uses appearance-based borderStyle
- Replace help item (`?`) with appearance item (`a`) in system items
- Add `showAppearanceItem` flag to StatusBarState
- Add `StatusBarItemOrder.appearance` for proper ordering
- Update SystemStatusBarItem to include appearance cycling
- Pressing `a` now cycles through appearances (line, rounded, doubleLine, heavy, block)

The StatusBar bordered style adapts to the current appearance, showing the
same border style as all other controls in the app.
2026-01-28 22:47:33 +01:00
phranck f7df2fa2de feat(Menu): Add appearance-based selection highlighting
- Block appearance uses background highlight for selected items
- Other appearances use arrow indicator prefix
- Selected item in block appearance swaps foreground/background colors
2026-01-28 22:43:15 +01:00
phranck 5147951420 fix: Remove ESC as quit shortcut - only 'q' quits the app
ESC should only be used for navigation (back to menu), not for quitting.
The 'q' key is the only way to quit the app.
2026-01-28 22:39:04 +01:00
phranck da3a0a1922 refactor: Remove ascii Appearance (not needed)
Remaining appearances: line, rounded, doubleLine, heavy, block
2026-01-28 22:34:56 +01:00
phranck bb465c8839 refactor: Rename Appearance presets to match BorderStyle names
Changed from invented names to existing BorderStyle names:
- .sharp → .line
- .double → .doubleLine
- Added .block (was missing)

Appearance IDs now match BorderStyle names exactly:
- .line, .rounded, .doubleLine, .heavy, .block, .ascii

Cycling order: line → rounded → doubleLine → heavy → block → ascii
2026-01-28 22:33:18 +01:00
phranck 282585a68b feat: Add Appearance system for consistent UI styling
Appearance controls the visual structure (border style) of UI controls,
while Theme controls colors. Together they create a complete look.

New types:
- Appearance: Defines borderStyle for all controls
- Appearance.ID: Type-safe identifier (no magic strings)
- AppearanceManager: Environment-based cycling (no singleton)
- AppearanceRegistry: Available appearances

Predefined appearances:
- .rounded (default) - Curved corners
- .sharp - 90-degree corners
- .double - Double-line borders
- .heavy - Thick/bold borders
- .ascii - Maximum terminal compatibility (+, -, |)

Updated components to use appearance.borderStyle as default:
- Menu, Button, Panel, Card, Box, Alert, Dialog
- BorderModifier (.border() modifier)

Added 'a' key shortcut to cycle through appearances.

Also added BorderStyle.ascii for ASCII-only terminals.

All 189 tests passing.
2026-01-28 21:44:01 +01:00
phranck 982cfbc39e style: Add subtle theme tint to backgrounds
Each theme now has a darker background with a subtle color tint:
- Green: #0F1A0F (dark with green tint)
- Amber: #1A150F (dark with amber/orange tint)
- White: #121418 (dark with cool/blue tint)
- Red: #1A0F0F (dark with red tint)

This gives each theme a more distinctive character while keeping
the backgrounds dark and easy on the eyes.
2026-01-28 21:25:29 +01:00
phranck 0de5bbd13e fix: Preserve background color after ANSI reset codes
Replace all reset codes in rendered content with 'reset + restore background'
to ensure the theme background persists after styled text ends.

This fixes the issue where text with ANSI formatting would reset the
background color, leaving parts of the terminal with the wrong background.
2026-01-28 21:22:28 +01:00
phranck 497ce9cb56 fix: Apply theme background to all content and status bar
- WindowGroup.renderScene wraps each line with background color code
- StatusBar rendering also uses theme background
- Ensures entire terminal has consistent background color
2026-01-28 21:18:51 +01:00
phranck fd3baee9f7 fix: Fill entire terminal with theme background color
- Add Terminal.fillBackground() method to fill screen with a color
- Add ANSIRenderer.backgroundCode() helper for background escape sequences
- AppRunner now fills screen with theme.background before rendering content
- Remove unnecessary .frame() and .background() from ContentView

This ensures the entire terminal has a consistent background color that
changes when switching themes.
2026-01-28 21:15:41 +01:00
phranck 3470cb8e24 refactor: Use theme colors throughout UI components
- Update all 4 phosphor themes (Green, Amber, White, Red) to use neutral
  dark background (#1E1E1E) matching Spotnik reference
- Simplify theme names (remove 'Phosphor' suffix)
- Menu: Use theme.foreground for items, theme.accent for selection
- Button: Use theme colors for default focused style and focus indicator
- Panel/Card: Use theme.border as default border color
- BorderModifier: Use theme.border as default

All 189 tests passing.
2026-01-28 21:08:25 +01:00
phranck 1d547a4f19 refactor: Simplify themes - Green as default, remove Light/Dark
- Remove DefaultTheme, DarkTheme, LightTheme
- GreenPhosphorTheme is now the default theme
- Theme cycling order: Green → Amber → White → Red → NCurses
- .default now maps to GreenPhosphorTheme
2026-01-28 20:55:46 +01:00
phranck 201d920bdc fix: Apply ThemeManager's current theme to environment during render
The render() method was creating a new EnvironmentValues with the default
theme, overwriting any theme changes made by ThemeManager. Now the current
theme is explicitly set from themeManager.currentTheme.
2026-01-28 20:51:55 +01:00
phranck f00d919c1f feat: Use theme colors in StatusBar and Example App
- StatusBar now uses theme colors by default (statusBarHighlight, statusBarForeground)
- Example App MainMenuPage uses theme colors (accent, border, foreground*)
- Example App HeaderView uses theme colors
- Theme switching ('t' key) now shows visible changes
2026-01-28 20:50:28 +01:00
phranck 544152de02 refactor: Remove ThemeManager singleton, add Environment-based access
- ThemeManager is no longer a singleton
- Access via Environment: @Environment(\.themeManager)
- Type-safe setTheme() API: themeManager.setTheme(.amber)
- ThemeManager injected by AppRunner into environment
- Custom themes supported via init(themes:)
2026-01-28 20:48:00 +01:00
phranck 1d3c9b2a62 feat: Add QuitBehavior and ThemeManager
QuitBehavior:
- .always: Quit works from any screen (default)
- .rootOnly: Quit only works from main screen (no context pushed)
- Quit item hidden in status bar when not allowed

ThemeManager:
- Singleton for managing theme cycling
- cycleTheme() / cyclePreviousTheme() methods
- setTheme(at:) and setTheme(withId:) for direct access
- Automatically updates environment and triggers re-render
- 't' key now cycles themes in AppRunner
2026-01-28 20:44:00 +01:00
phranck 9c96e96460 feat: Add showHelpItem and showThemeItem flags
- System items are now built dynamically based on flags
- showHelpItem (default: true) - controls ? help visibility
- showThemeItem (default: true) - controls t theme visibility
- Quit item is always shown when showSystemItems is true
- Removed unused configureSystemItems method
2026-01-28 20:42:08 +01:00
phranck b9a6cc29ab fix: Show all system items (quit, help, theme) and fix deduplication
- StatusBarState now initializes with all 3 system items
- Added deduplication logic to StatusBar.renderToBuffer
- User items with same shortcut override system items
- Updated Example App to not duplicate 'q quit'
- Updated tests for 3 system items instead of 1
2026-01-28 20:40:52 +01:00
phranck 61a51ef056 refactor: Two-container model for StatusBar (user left, system right)
- StatusBar now has separate userItems and systemItems properties
- User items are sorted by order, then system items (fixed order) appended
- Rendering combines both: [sorted user items] + [system items]
- User items override system items with same shortcut (deduplication)
- StatusBarState passes items separately to StatusBar
- Alignment applies to the combined items
- Updated tests to use userItems property
2026-01-28 20:32:39 +01:00
phranck 04cbf2db8b feat: Add system StatusBar items with stable ordering
- Add StatusBarItemOrder for consistent item positioning
- System items (quit, help, theme) appear on the right side
- User items appear on the left, can override system items
- Separate tracking of user vs system items in StatusBarState
- Add showSystemItems flag to disable system items in tests
- Items sorted by order value (lower = left, higher = right)
- User items override system items with the same shortcut
- Add comprehensive tests for system item behavior (189 total)
2026-01-28 20:23:27 +01:00
phranck 45e73faafb refactor: Rename package from SwiftTUI to TUIKit
BREAKING CHANGE: Package name changed due to name collision with
existing rensbreur/SwiftTUI package.

Changes:
- Rename package from SwiftTUI to TUIKit in Package.swift
- Rename Sources/SwiftTUI to Sources/TUIKit
- Rename Sources/SwiftTUIExample to Sources/TUIKitExample
- Rename Tests/SwiftTUITests to Tests/TUIKitTests
- Rename SwiftTUI.swift to TUIKit.swift
- Update all imports: import SwiftTUI -> import TUIKit
- Update all code references: SwiftTUI.renderToBuffer -> TUIKit.renderToBuffer
- Update documentation comments
- Rename swiftTUIVersion to tuiKitVersion

All 181 tests passing.
2026-01-28 19:32:09 +01:00