一个提升 GitHub 浏览体验的用户脚本,基于 vite-plugin-monkey + Vue 3 + TypeScript 构建。
- 返回顶部 — 右下角圆形按钮,外围带有圆环形进度条,实时显示滚动进度,点击后平滑滚动到顶部。
- Release 文件排序与高亮 — 在 Release 页面根据用户偏好(系统、架构、安装包类型)智能排序下载文件,匹配度最高的文件高亮置顶。左下角齿轮按钮打开设置面板,可随时切换偏好。
# 安装依赖
bun install
# 启动开发服务器(自动注入用户脚本到浏览器)
bun dev
# 构建生产版本(含类型检查)
bun run build
# 代码检查
bun run lint
# 代码格式化
bun run formatsrc/
├── main.ts # 入口,初始化 release sorter 并挂载 Vue
├── App.vue # 根组件
├── vite-env.d.ts # Vite 类型声明
├── features/
│ ├── scroll-to-top/
│ │ └── ScrollToTopButton.vue # 返回顶部按钮(含滚动进度环)
│ └── release-sorter/
│ ├── ReleaseSorterSettings.vue # Release 排序设置 UI
│ ├── core.ts # DOM 操作、排序逻辑、存储
│ ├── composable.ts # Vue composable 及类型导出
│ └── index.ts # 公共 API 导出
└── shared/
├── components/
│ └── SettingsPanel.vue # 通用设置面板(齿轮按钮 + 弹出容器)
└── styles/
└── global.css # 全局样式 + 高亮样式