データモデル設計書

erDiagram
    CHROME_STORAGE_LOCAL {
        string[] mutedUsers "ミュートユーザー名リスト"
    }
      

flowchart TD
    subgraph 書き込み
        A[ミュート設定ページの同期] -->|上書き| S[(storage.local)]
        B[ポップアップから手動追加] -->|追加| S
    end

    subgraph 読み取り
        S -->|取得| C[content.js: ミュートチェック]
        S -->|取得| D[popup.js: リスト表示]
    end

    subgraph 削除
        E[ポップアップから手動削除] -->|フィルタ後保存| S
    end
      

flowchart LR
    入力 --> V1{空文字?}
    V1 -->|Yes| 拒否
    V1 -->|No| V2{"正規表現チェック
/^[a-zA-Z0-9_-]+$/"}
    V2 -->|不一致| 拒否
    V2 -->|一致| V3[小文字に変換]
    V3 --> V4{既に存在?}
    V4 -->|Yes| 重複通知
    V4 -->|No| 保存