Show HN: Giggles – 배터리 포함형 React 프레임워크 for TUIs

Source: Hacker News

Overview

나는 Ink가 남긴 공백을 메우고 Charmbracelet의 Bubble Tea에서 영감을 받아 자동으로 포커스와 입력 라우팅을 처리해 주는 프레임워크를 만들었습니다.

Features

• Hierarchical focus and input routing
  useFocusScope 로 포커스 영역을 정의하고 자유롭게 조합하세요—예를 들어, 리스트 안에 있는 텍스트 입력이 패널 안에 있을 때도 그대로 동작합니다. 각 컴포넌트는 자신의 키를 소유하고, 처리되지 않은 키 입력은 자동으로 적절한 부모에게 전파됩니다. useInput 같은 전역 핸들러가 필요 없으며, 별도의 조정 코드도 필요 없습니다.

• UI components (총 15개)
  Select, TextInput, Autocomplete, Markdown, Modal, Viewport, CodeBlock(diff 지원 포함), VirtualList, CommandPalette 등 다양한 컴포넌트를 제공합니다. 모두 합리적인 기본값과 전체 커스터마이징을 위한 render‑prop API를 갖추고 있습니다.

• Terminal process control
  useSpawn와 useShellOut 같은 훅을 사용해 프로세스를 생성하고 출력 스트림을 TUI에 연결할 수 있습니다. vim이나 less 같은 외부 프로그램으로 제어를 넘겨주고, 종료 시 깔끔하게 제어를 되돌릴 수 있습니다.

• Screen navigation & keybinding registry
  내장된 네비게이션, ? 도움말 메뉴, 테마 지원을 제공합니다.

• React 19 compatible

Getting Started

npx create-giggles-app

Documentation & Demos

실시간 인터랙티브 데모와 문서는 다음에서 확인할 수 있습니다:

Discussion

댓글은 Hacker News에서 확인할 수 있습니다.