内部技术演示
Gitea Code Tree —— 为 Gitea 仓库页面提供 IDE 级文件导航的浏览器扩展
Gitea Code Tree 是一款浏览器扩展，为 Gitea 仓库页面添加 IDE 风格的可折叠文件树侧栏。
技术栈
- TypeScript
- Vue 3
- Composition API
- Vitest
- Playwright
- npm
挑战
Gitea 默认的仓库视图没有常驻文件树，浏览较大仓库、在已加载文件间搜索时效率较低。
实施方法
基于 Vue 3 Composition API 的内容脚本渲染侧栏，支持在已加载文件间搜索，导航时高亮当前路径，兼容 Unicode 与特殊字符路径及自定义端口，提供浅色/深色主题，并从本地缓存恢复界面状态。
架构
完全运行在浏览器端的内容脚本，没有后端服务，所有状态保存在本地 Chrome 存储中。
结果
已在 Chrome 网上应用店发布（v0.1.1），可用于用户明确授权的公开或私有 Gitea 实例。开发者声明不出售数据、不上传仓库内容、不用于广告追踪。