Skip to content

ライブデモ

Tasukiのレビューインターフェースをブラウザで直接体験できます。モックデータを使用しているため、gitリポジトリは不要です。

デモの内容

10個の変更ファイルを含むモックデータが表示されます:

ファイル種別特徴
DiffViewer.tsx変更複数hunkのReactコンポーネントリファクタリング
format-helpers.ts追加新しいユーティリティ関数
legacy-helpers.ts削除非推奨コードの除去
clipboard.tsリネームcopy-utils.tsからAPI変更付き
tokens.css変更デザイントークンの更新
commands/diff.rs変更Rustバックエンドの変更
package.json変更依存関係の追加
useFileWatcher.ts変更Scroll/Wrapデモ用の長い行
USAGE_EXAMPLES.md変更ドキュメントの更新
package-lock.json生成自動折りたたみのロックファイル

試してみてください

  1. ビュー切替 — ツールバーのSplit/Unifiedを切り替える
  2. コメント追加 — 行番号の+ボタンをクリック
  3. ドキュメント閲覧 — サイドバーのドキュメントをクリックしてdiffの横に表示
  4. コメントコピー — クリップボードボタンまたはReview Panelの「Copy All」
  5. 図のズーム — Mermaid図にホバーしてズームアイコンをクリック

Released under the MIT License.