Narcissus Mizuki!

1
┌─────────────────┐     ┌─────────────────┐     ┌─────────────────┐
2
│   Popup 界面     │────▶│  Chrome Storage │◀────│  Content Script │
3
│  (词表选择/开关)  │     │  (状态/词表存储) │     │  (页面替换逻辑)  │
4
└─────────────────┘     └─────────────────┘     └─────────────────┘
5
                               │
6
                               ▼
7
                        ┌─────────────────┐
8
                        │  词表 JSON 文件  │
9
                        │ (default/cet6)  │
10
└─────────────────┘

1
// 使用浏览器内置 Intl.Segmenter
2
const segmenter = new Intl.Segmenter('zh-CN', { granularity: 'word' });
3
const segments = Array.from(segmenter.segment(text));

1
// O(1) 哈希查找
2
const englishOptions = this.wordlist[chineseWord];
3
if (englishOptions) {
4
  // 随机选择
5
  const displayText = options[Math.floor(Math.random() * options.length)];
6
}

1
// 避免阻塞主线程
2
processBatches(nodes, index) {
3
  const batchSize = 10;
4
  for (let i = index; i < endIndex; i++) {
5
    this.processTextNode(nodes[i]);
6
  }
7
  requestAnimationFrame(() => {
8
    setTimeout(() => this.processBatches(nodes, endIndex), 0);
9
  });
10
}

1
CET6.txt (原始文本)
2
    ↓
3
parse_cet6.js (解析提取)
4
    ↓
5
cet6_wordlist.json (中文→英文映射)
6
    ↓
7
split_words.js (空格分割/清理)
8
    ↓
9
cet6_wordlist_split.json (分割后)
10
    ↓
11
group_similar_words.js (分组排序)
12
    ↓
13
cet6_wordlist_grouped.json (最终词表)