# バッチ設計書 6-Frontend CI

## 概要

本ドキュメントは、Frontend CIバッチ（frontend-ci.yml）の設計仕様を記載したものである。このバッチは、Pull RequestおよびMerge Groupイベント時に、フロントエンドコードのlint、test、型生成の検証を行うCI/CDバッチである。

### 本バッチの処理概要

**業務上の目的・背景**：フロントエンドコードの品質を継続的に維持するため、コード変更時に自動的にlintチェック、テスト実行、型定義の整合性チェックを行う必要がある。本バッチは、PRおよびMerge Group時にこれらの検証を実行し、品質基準を満たさないコードのマージを防止する。

**バッチの実行タイミング**：Pull Request作成/更新時、およびMerge Groupへの追加時に自動実行される。

**主要な処理内容**：
1. パスフィルタによる変更検出（frontendまたはワークフロー関連ファイル）
2. 変更がある場合のみ、lintジョブとCIジョブを並列実行
3. lintジョブ：Biomeによるlint/formatチェック
4. CIジョブ：Supabase起動、環境設定、テスト実行、型生成、型差分チェック

**前後の処理との関連**：本バッチはPRのマージ可否を判定するRequired Checkとして使用される。Database CI（database-ci.yml）と並行して実行されることがある。

**影響範囲**：PR/Merge Groupのステータス、マージ可否判定

## バッチ種別

CI/CD / コード品質検証

## 実行スケジュール

| 項目 | 内容 |
|-----|------|
| 実行頻度 | イベント駆動 |
| 実行時刻 | - |
| 実行曜日 | - |
| 実行日 | - |
| トリガー | pull_request / merge_group |

## 実行条件

### 前提条件

| 条件 | 説明 |
|-----|------|
| Node.js/pnpm | フロントエンド環境のセットアップに必要 |
| Supabase CLI | ローカルDB起動に必要（Docker必須） |
| Biome | lint/formatチェックに必要 |

### 実行可否判定

- pull_requestまたはmerge_groupイベント時に実行開始
- パスフィルタにより、関連ファイルの変更がない場合は主要ジョブをスキップ
- 対象パス：
  - `.github/workflows/frontend-ci.yml`
  - `.github/actions/pnpm-setup/**`
  - `./frontend/**`
  - `.syncpackrc`
  - `biome.jsonc`
  - `package.json`
  - `pnpm-lock.yaml`
  - `pnpm-workspace.yaml`
  - `turbo.json`

## 入力仕様

### 入力パラメータ

| パラメータ名 | 型 | 必須 | デフォルト値 | 説明 |
|-------------|-----|-----|-------------|------|
| - | - | - | - | 入力パラメータなし |

### 入力データソース

| データソース | 形式 | 説明 |
|-------------|------|------|
| Git変更ファイル | - | PR/Merge Groupの変更ファイル一覧 |
| ソースコード | TypeScript/JavaScript | フロントエンドソースコード |

## 出力仕様

### 出力データ

| 出力先 | 形式 | 説明 |
|-------|------|------|
| GitHub Checks | API | lint/testの結果ステータス |
| GitHub Actions Log | テキスト | 詳細実行ログ |

### 出力ファイル仕様

ファイル出力なし

## 処理フロー

### 処理シーケンス

```
1. setup-jobジョブ
   └─ actions/checkout@v4.3.0
   └─ dorny/paths-filter@v3.0.2で変更検出
   └─ has-changes出力を設定
2. frontend-lintジョブ（setup-job依存、変更ありの場合）
   └─ actions/checkout@v4.3.0
   └─ pnpm-setupアクション
   └─ pnpm lint実行
3. frontend-ciジョブ（setup-job依存、変更ありの場合）
   └─ actions/checkout@v4.3.0
   └─ pnpm-setupアクション
   └─ pnpm --filter @liam-hq/db supabase:start
   └─ .env.templateから.envコピー
   └─ Supabaseキー抽出スクリプト実行
   └─ pnpm test実行
   └─ pnpm --filter @liam-hq/db supabase:gen
   └─ 型定義とschema.sqlの差分チェック
```

### フローチャート

```mermaid
flowchart TD
    A[PR/Merge Groupイベント] --> B[setup-job]
    B --> C[パスフィルタ実行]
    C --> D{変更あり?}
    D -->|いいえ| E[スキップ]
    D -->|はい| F[frontend-lint]
    D -->|はい| G[frontend-ci]
    F --> H[pnpm lint]
    G --> I[Supabase起動]
    I --> J[.env設定]
    J --> K[キー抽出]
    K --> L[pnpm test]
    L --> M[型生成]
    M --> N{型差分あり?}
    N -->|はい| O[失敗]
    N -->|いいえ| P[成功]
    H --> Q[lint結果]
    E --> R[バッチ終了]
    O --> R
    P --> R
    Q --> R
```

## データベース操作仕様

### 操作別データベース影響一覧

| 処理 | 対象テーブル | 操作種別 | 概要 |
|-----|-------------|---------|------|
| テスト実行 | テスト用テーブル | SELECT/INSERT/UPDATE/DELETE | テストケース実行時の一時的なDB操作 |

### テーブル別操作詳細

ローカルSupabase環境での一時的な操作のみ（本番DBへの影響なし）

## エラー処理

### エラーケース一覧

| エラーコード | エラー種別 | 発生条件 | 対処方法 |
|------------|----------|---------|---------|
| - | lint失敗 | Biomeルール違反 | コード修正後に再プッシュ |
| - | test失敗 | テストケース失敗 | テストまたはコード修正後に再プッシュ |
| - | 型差分検出 | 生成型と既存型の不一致 | pnpm supabase:gen実行後にコミット |
| - | Supabase起動失敗 | Docker/ポート競合 | 環境確認後に再実行 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | なし（PRへの再プッシュで再実行） |
| リトライ間隔 | - |
| リトライ対象エラー | - |

### 障害時対応

- lint失敗時：指摘箇所を修正してPRを更新
- test失敗時：失敗したテストケースを確認し、コードまたはテストを修正
- 型差分検出時：ローカルで`pnpm --filter @liam-hq/db supabase:gen`を実行し、生成ファイルをコミット

## トランザクション仕様

| 項目 | 内容 |
|-----|------|
| トランザクション範囲 | なし |
| コミットタイミング | - |
| ロールバック条件 | - |

## パフォーマンス要件

| 項目 | 内容 |
|-----|------|
| 想定処理件数 | 1回/PR更新 |
| 目標処理時間 | setup-job: 3分、lint/ci: 15分 |
| メモリ使用量上限 | GitHub Actions標準ランナー制限内 |

## 排他制御

- concurrencyグループ: `${{ github.workflow }}-${{ github.ref }}`
- cancel-in-progress: true（同一PRの古いジョブをキャンセル）

## ログ出力

| ログ種別 | 出力タイミング | 出力内容 |
|---------|--------------|---------|
| 開始ログ | 各ステップ開始時 | ステップ名 |
| 進捗ログ | 処理中 | lint結果、test結果 |
| 終了ログ | バッチ終了時 | 成功/失敗ステータス |
| エラーログ | エラー発生時 | エラー詳細、差分内容 |

## 監視・アラート

| 監視項目 | 閾値 | アラート先 |
|---------|-----|----------|
| 処理時間 | setup: 3分、lint/ci: 15分 | GitHub Actionsタイムアウト |
| エラー発生 | - | GitHub PR Checks |

## 備考

- setup-jobでパスフィルタを使用し、無関係な変更時の不要なジョブ実行を防止
- frontend-lintとfrontend-ciは並列実行される
- チェック対象ファイル：
  - `frontend/internal-packages/db/supabase/database.types.ts`
  - `frontend/internal-packages/db/supabase/schemas/schema.sql`
- 型差分チェックは`git diff HEAD --ignore-space-at-eol --exit-code`を使用
