# 通知設計書 4-アップグレードバージョン情報

## 概要

本ドキュメントは、Tailwind CSS upgradeコマンド（`@tailwindcss/upgrade`）実行時に、アップグレード対象のTailwind CSSバージョン情報を表示する情報メッセージの通知仕様を定義する。

### 本通知の処理概要

upgradeコマンド実行時に、現在インストールされているTailwind CSSのバージョン番号を取得し、アップグレード元バージョンとして表示する情報通知処理である。

**業務上の目的・背景**：アップグレード処理は、Tailwind CSSのメジャーバージョン（v3からv4など）に応じて異なるマイグレーション戦略を適用する。ユーザーに現在のバージョンを明示することで、どのバージョンからのアップグレードが行われるかを確認可能にし、予期しないマイグレーション結果を防止する。

**通知の送信タイミング**：upgradeコマンド実行後、Gitチェック通過直後、バージョン不一致チェックの前に送信される。具体的には `run()` 関数内の行62-64で出力される。

**通知の受信者**：CLIを実行した開発者。標準エラー出力（stderr）に出力される。

**通知内容の概要**：「Upgrading from Tailwind CSS v{バージョン番号}」という情報メッセージが表示される。バージョン番号は青色でハイライト表示される。

**期待されるアクション**：開発者は表示されたバージョンが期待通りであることを確認する。意図しないバージョンが表示された場合は、パッケージの再インストールを検討する。

## 通知種別

CLI標準エラー出力（stderr）

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（プロセス内直接出力） |
| 優先度 | 低（情報通知、プロセスは継続） |
| リトライ | 無し（即時出力） |

### 送信先決定ロジック

CLIを実行したプロセスの標準エラー出力（`process.stderr`）に対して `eprintln()` 関数経由で出力する。

## 通知テンプレート

### メール通知の場合

該当なし（CLI出力のみ）

### 本文テンプレート

```
│ ↳ Upgrading from Tailwind CSS `v{installedVersion}`
```

※ 先頭の `│` は `info()` 関数による青色のパイプ文字装飾。`↳` は `prefix` オプションで指定された接頭辞。バージョン番号は `highlight()` 関数で青色のバッククォート付き装飾。

### 添付ファイル

該当なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| installedVersion | インストール済みTailwind CSSバージョン | `version.installedTailwindVersion(base)` | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| CLI操作 | `npx @tailwindcss/upgrade` 実行 | 常に（Gitチェック通過後） | upgradeコマンドの実行開始を示す情報通知 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| Gitチェック失敗時 | Gitディレクトリが未クリーンで`--force`なしの場合、先行チェックで終了するためこの通知は出力されない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[upgradeコマンド実行] --> B[Gitチェック通過]
    B --> C[installedTailwindVersion取得]
    C --> D[info メッセージ出力<br>バージョン情報表示]
    D --> E[バージョン不一致チェック]
```

## データベース参照・更新仕様

### 参照テーブル一覧

該当なし（データベースを使用しない）

### 更新テーブル一覧

該当なし（データベースを使用しない）

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| Tailwind CSS未インストール | `getPackageVersionSync` でバージョンが取得できない | `installedTailwindVersion()` 内でErrorがスローされ、プロセスが終了する |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | 0（リトライなし） |
| リトライ間隔 | - |
| リトライ対象エラー | - |

## 配信設定

### レート制限

| 項目 | 内容 |
|-----|------|
| 1分あたり上限 | 制限なし |
| 1日あたり上限 | 制限なし |

### 配信時間帯

制限なし（CLI実行時に即時出力）

## セキュリティ考慮事項

本通知はバージョン番号のみを出力するため、個人情報や機密情報の漏洩リスクはない。

## 備考

- バージョン番号は `v` プレフィックス付きで表示される（例: `v3.4.1`）
- `installedTailwindVersion()` は `DefaultMap` によりキャッシュされるため、複数回呼び出しても実際のパッケージ読み取りは1回のみ
- この通知はアップグレード処理全体のヘッダー情報の一部として機能し、`header()` 関数による Tailwind CSSのロゴ・バージョン表示の直後に出力される

---

## コードリーディングガイド

本通知を理解するために参照すべきファイルと、推奨する読み解き順序を以下に示す。

### 推奨読解順序

#### Step 1: データ構造を理解する

バージョン情報の取得メカニズムを把握する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | version.ts | `packages/@tailwindcss-upgrade/src/utils/version.ts` | `installedTailwindVersion()` 関数がnode_modulesのtailwindcss/package.jsonからバージョンを取得する仕組みを理解する |

**読解のコツ**: `DefaultMap` はキーに対する初回アクセス時にファクトリ関数を実行する。`cache` 変数がバージョン情報のキャッシュを保持している。

#### Step 2: エントリーポイントを理解する

バージョン情報表示の呼び出し箇所を特定する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | index.ts | `packages/@tailwindcss-upgrade/src/index.ts` | 行62-64でバージョン情報を表示する処理を理解する |

**主要処理フロー**:
1. **行62**: `info()` 関数に `Upgrading from Tailwind CSS` メッセージと `highlight()` で装飾されたバージョン文字列を渡す
2. **行63**: `{ prefix: '↳ ' }` オプションで接頭辞を指定

### プログラム呼び出し階層図

```
index.ts :: run()
    │
    ├─ version.ts :: installedTailwindVersion(base)
    │      └─ getPackageVersionSync('tailwindcss', base)
    │
    ├─ renderer.ts :: highlight()
    │
    └─ renderer.ts :: info()
           └─ log() → eprintln() → process.stderr.write()
```

### データフロー図

```
[入力]                    [処理]                         [出力]

node_modules ──────▶ installedTailwindVersion()
  tailwindcss/           │
  package.json           ▼
                   highlight() でバージョン装飾
                           │
                           ▼
                     info() ──────────────▶ stderr（バージョン情報）
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| index.ts | `packages/@tailwindcss-upgrade/src/index.ts` | ソース | upgradeコマンドのエントリーポイント。行62-64でバージョン情報を出力 |
| version.ts | `packages/@tailwindcss-upgrade/src/utils/version.ts` | ソース | `installedTailwindVersion()` 関数を提供 |
| renderer.ts | `packages/@tailwindcss-upgrade/src/utils/renderer.ts` | ソース | `info()`, `highlight()`, `eprintln()` 等のCLI出力ユーティリティ |
