⌨️ 無蝦米字根查詢(無廣告)

⌨️ 輸入中文或英文字母開始查詢 ⏳ 載入字典中…

📐 架構圖
flowchart TD
    L["📂 /assets/data/boshiamy.json\n13,542 字 · 2.3 MB"] -->|"fetch() 載入"| M["DATA[ ] 陣列\n+ codeIndex 反向索引"]
    A["使用者輸入關鍵字\n<input#bs-search>"] --> B{"Regex 判斷輸入類型\n/[\\u4e00-\\u9fff]/ · /^[a-zA-Z]+$/"}
    B -->|"全中文\n例:好嗎"| C["逐字比對 DATA[i].char\n→ 找出所有含該字的項目"]
    B -->|"全英文\n例:GZ"| D{"精確比對\nToggle?"}
    D -->|"ON"| D1["查 codeIndex[GZ]\n→ O(1) 精確命中"]
    D -->|"OFF"| D2["遍歷 DATA[i].roots[j].code\nindexOf 模糊比對"]
    B -->|"混合輸入\n例:好G"| E["同時比對\nchar + roots[].code"]
    C --> F["Toggle 過濾\n顯示簡碼 ON/OFF"]
    D1 --> F
    D2 --> F
    E --> F
    F --> G["渲染 Card(上限 120 筆)\n大字 + Badge 色碼\n🟢 建議碼 🔴 簡碼"]
    G --> H["點擊 Badge\n→ navigator.clipboard\n→ Toast 提示「已複製:GZ」"]
    M -.->|"供查詢"| C
    M -.->|"供查詢"| D1
    M -.->|"供查詢"| D2
    M -.->|"供查詢"| E