⌨️ 無蝦米字根查詢(無廣告)
輸入中文或英文字母開始查詢
⏳ 載入字典中…
📐 架構圖
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