vuejs-ai/vue-tui

何を解決するか

vue-tui は、インタラクティブなターミナルユーザーインターフェース（TUI）を構築するために設計された Vue ネイティブなアプリケーションフレームワークです。開発者は、現代のウェブ開発で使われるコンポーネントベースのアーキテクチャとリアクティブな状態管理を用いて、複雑なターミナルアプリを構築できます。これにより、手動でターミナルのエスケープコードを管理したり、低レベルの画面描画を処理したりする必要がなくなります。

動作方法

このフレームワークは、Vue 3 のカスタムレンダラーを提供し、Vue コンポーネントをターミナル出力に変換します。React Native で使われているのと同じ Yoga レイアウトエンジンを使用して、ターミナル上で Flexbox レイアウトを実装しています。開発者は Vue のシングルファイルコンポーネント（SFC）または JSX/TSX を使ってインターフェースを記述でき、フレームワークが専用のコンポーザブルとコンポーネントを通じてレンダリング、入力処理、フォーカス管理を処理します。

対象ユーザー

Node.js 開発者で、プロフェッショナルな開発体験を備えた洗練されたターミナルアプリを構築したい人向けです。Vite プラグインによるホットモジュールリプレースメント（HMR）と決定論的なテスト環境が含まれています。

特徴

• Vue ネイティブワークフロー：ターミナル UI を構築するための Vue SFC、JSX、TSX をサポート。
• Flexbox レイアウト：応答性のあるターミナルレイアウトを実現する統合 Yoga エンジン。
• 開発者体験：@vue-tui/vite を通じた実験的 HMR サポートにより、ターミナルの即時更新が可能。
• 包括的なツールキット：ターミナル入力をシミュレートし、フレームを検査するための専用テストパッケージ @vue-tui/testing を含む。
• 豊富なコンポーネントライブラリ：<ScrollBox>、<Spinner>、<Table> などの高レベルコンポーネントを提供。
• 入力処理：テキスト、ペースト、キーイベントの管理を標準化したコンポーザブルを提供。