用 tree-sitter 为 244 个 AI 编程工具建立标签索引
当工具集合积累到 244 个且仍在增长时,如何让它们更方便查找?这次更新采用了代码分析与标签云结合的方式。
从代码中提取标签
通过 tree-sitter 分析各个工具的代码,识别三类信息:
- JavaScript 库:工具使用了哪些库。
- 浏览器 API:工具自身代码使用了哪些 Web 平台功能。
- Web API 主机:工具调用了哪些 Web API 主机。
首页新增了对应类别的标签云。标签大小随工具数量变化,点击标签即可查看相关工具列表。
标签云展示了什么?
JavaScript 库分类展示了至少被两个工具通过 CDN 加载的库。部分条目如下:
| JavaScript 库 | 工具数量 |
|---|---|
| Marked | 12 |
| Pyodide | 11 |
| DOMPurify | 7 |
| Leaflet | 4 |
| markdown-it | 4 |
| PDF.js | 3 |
| React | 3 |
| three.js | 3 |
浏览器 API 分类则展示工具自身代码使用的 Web 平台功能,部分条目如下:
| 功能 | 工具数量 |
|---|---|
| ES modules | 92 |
| Clipboard API | 69 |
| Canvas 2D | 44 |
| Blob URLs | 38 |
| 拖放 | 30 |
动态 import() |
12 |
| 摄像头/麦克风 | 9 |
| DOMParser | 8 |
这次更新的重点是增加一种浏览入口:用户可以按工具使用的技术特征筛选,而不必只按工具名称逐个查找。
浏览(15)
