# 通知設計書 6-エントリ削除失敗通知

## 概要

本ドキュメントは、Decap CMSにおけるエントリの削除に失敗した場合に表示されるエラートースト通知の設計仕様を定義する。コンテンツ編集画面でユーザーがエントリの削除操作を行い、バックエンドでの削除処理が失敗した際にエラーを通知する仕組みの詳細を記載する。

### 本通知の処理概要

本通知は、Decap CMSのエントリ削除機能においてバックエンドでの削除処理が失敗した場合に発火するエラートースト通知である。`deleteEntry` 関数内で `backend.deleteEntry()` のPromiseがrejectされた場合のcatchブロックで通知が発行される。

**業務上の目的・背景**：コンテンツ編集者がエントリの削除操作を行った際に、バックエンド側での削除処理が何らかの理由で失敗したことをユーザーに伝える。エントリが意図通りに削除されていない可能性があることをユーザーに認識させ、再試行や管理者への連絡を促す。

**通知の送信タイミング**：バックエンドの `backend.deleteEntry(state, collection, slug)` のPromiseがrejectされた時点で即座に通知が発行される。

**通知の受信者**：エントリの削除操作を行った当該ユーザー本人。ブラウザ画面上のトースト通知として表示される。

**通知内容の概要**：i18nキー `ui.toast.onFailToDelete` に基づくメッセージが表示される。英語ロケールでは `Failed to delete entry: %{details}` として、バックエンドから返されたエラーの詳細がメッセージに含まれる。

**期待されるアクション**：ユーザーはエラーメッセージを確認し、再度削除を試みるか、システム管理者に連絡することが期待される。

## 通知種別

アプリ内通知（トースト通知）

react-toastify ライブラリを使用したブラウザ内トースト通知。画面右上（`top-right`）に `colored` テーマで表示される。

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（Redux dispatch → react-toastify） |
| 優先度 | 高（データ操作の失敗に関連） |
| リトライ | なし（UIトースト通知のため再送不要） |

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

エントリ削除操作を実行したユーザーのブラウザセッションに対して直接表示する。

## 通知テンプレート

### メール通知の場合

該当なし（本通知はアプリ内トースト通知のみ）

### 本文テンプレート

```
Failed to delete entry: %{details}
```

i18nキー `ui.toast.onFailToDelete` の英語テンプレート。

### 添付ファイル

該当なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| details | 削除失敗の詳細情報 | catchブロックで捕捉されたerrorオブジェクト | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | エントリ削除操作 | `deleteEntry` 内で `backend.deleteEntry()` がrejectされた場合 | エントリ削除失敗時（entries.ts 990-1002行目） |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| 削除成功時 | `backend.deleteEntry()` が正常にresolveした場合は通知を発行せず、`entryDeleted` アクションが発行される |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[ユーザーがエントリ削除操作] --> B[deleteEntry アクション発火]
    B --> C[dispatch entryDeleting]
    C --> D[backend.deleteEntry 呼び出し]
    D -->|成功| E[dispatch entryDeleted]
    D -->|失敗| F[catch ブロック実行]
    F --> G[dispatch addNotification - エラートースト表示]
    G --> H[console.error でエラーログ出力]
    H --> I[Promise.reject / dispatch entryDeleteFail]
    I --> J[Notifications コンポーネントがトースト描画]
    J --> K[8秒後に自動消去]
    K --> L[終了]
    E --> L
```

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

### 参照テーブル一覧

該当なし

### 更新テーブル一覧

該当なし（削除が失敗しているため、データベースの更新は行われていない）

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| バックエンドAPI失敗 | deleteEntry APIが500エラー等を返す | エラートースト通知を表示し、entryDeleteFailアクションでRedux stateを更新 |
| ネットワークエラー | バックエンドへの接続が失敗 | 同上 |
| 認証エラー | バックエンドが401を返す | 同上 |

### リトライ仕様

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

## 配信設定

### レート制限

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

### 配信時間帯

制限なし

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

- エラーオブジェクトが `details` としてそのまま画面に表示されるため、バックエンドが内部情報を含むエラーメッセージを返さないよう注意が必要

## 備考

- 本通知は `entries.ts` の `deleteEntry` 関数のみから発行される。`editorialWorkflow.ts` の `deleteUnpublishedEntry` 関数（未公開エントリの削除）は別のi18nキー（No.9: 未公開変更削除通知）を使用する
- catchブロック内で `addNotification` の後に `console.error(error)` が呼ばれる（entries.ts 1001行目）
- `Promise.reject(dispatch(entryDeleteFail(...)))` でエラーが呼び出し元に伝播される

---

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

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

### 推奨読解順序

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | notifications.ts (actions) | `packages/decap-cms-core/src/actions/notifications.ts` | `NotificationPayload` の構造を確認 |

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | entries.ts | `packages/decap-cms-core/src/actions/entries.ts` | `deleteEntry` 関数（979-1005行目）全体のフローを理解する。特にcatchブロック（990-1003行目）に注目。 |

**主要処理フロー**:
1. **984行目**: `dispatch(entryDeleting(collection, slug))` - 削除中状態をReduxに通知
2. **985-986行目**: `backend.deleteEntry(state, collection, slug)` - バックエンドへ削除リクエスト
3. **987-989行目**: `.then` - 削除成功時に `entryDeleted` アクション発行
4. **990-1003行目**: `.catch` - 削除失敗時のエラー処理
5. **991-999行目**: `addNotification` でエラートースト通知を発行
6. **1001行目**: `console.error(error)` - エラーログ出力
7. **1002行目**: `Promise.reject(dispatch(entryDeleteFail(...)))` - 削除失敗アクションとPromise reject

#### Step 3: i18nメッセージテンプレートを理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | index.js (en) | `packages/decap-cms-locales/src/en/index.js` | 272行目: `onFailToDelete: 'Failed to delete entry: %{details}'` |

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

```
deleteEntry (entries.ts:979)
    |
    +-- dispatch(entryDeleting(collection, slug)) (entries.ts:984)
    |
    +-- backend.deleteEntry(state, collection, slug) (entries.ts:985)
            |
            +-- [成功時] .then (entries.ts:987)
            |       +-- dispatch(entryDeleted(collection, slug))
            |
            +-- [失敗時] .catch (entries.ts:990)
                    |
                    +-- dispatch(addNotification({key:'ui.toast.onFailToDelete', details: error}))
                    +-- console.error(error)
                    +-- Promise.reject(dispatch(entryDeleteFail(collection, slug, error)))
```

### データフロー図

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

削除操作               -->  backend.deleteEntry()     -->  [成功] void
(collection, slug)          (バックエンド削除)                [失敗] Error オブジェクト
                                                              |
                                                              v
Error オブジェクト     -->  addNotification()          -->  Redux store
                           (i18nキー: ui.toast.               (notifications配列)
                            onFailToDelete)                     |
                                                              v
notifications          -->  Notifications コンポーネント -->  react-toastify
(Redux state)               (t() でi18n変換)                 トースト UI表示
                                                              (画面右上, 8秒で消去)
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| entries.ts | `packages/decap-cms-core/src/actions/entries.ts` | ソース | `deleteEntry` 関数が削除失敗時にトースト通知を発行するエントリーポイント |
| notifications.ts (actions) | `packages/decap-cms-core/src/actions/notifications.ts` | ソース | 通知アクション作成関数 |
| notifications.ts (reducers) | `packages/decap-cms-core/src/reducers/notifications.ts` | ソース | 通知リデューサー |
| Notifications.tsx | `packages/decap-cms-core/src/components/UI/Notifications.tsx` | ソース | 通知UIコンポーネント |
| index.js (en) | `packages/decap-cms-locales/src/en/index.js` | i18nリソース | 英語ロケール定義 |
