React on 撷时录

M3U8 Downloader

Fri, 18 Sep 2026 00:00:00 +0800

M3U8 Downloader 是面向 HLS 的跨平台桌面下载器：解析 master / media playlist，并发拉取 TS 分片，ffmpeg -c copy remux 为 MP4。引擎在 Rust，界面 React，壳层 Tauri 2，覆盖 Windows、macOS、Linux。当前版本 0.1.1，MIT。

相对「脚本拼接分片」，清晰度选择、AES-128、代理与自定义请求、任务/分片控制、断点续传和边下边播放进同一任务模型。安装包见 Releases。

flowchart LR url["m3u8 URL"] parse["解析 playlist"] variant["选择变体"] pool["并发分片"] dec["AES-128"] hls["边下边播 HLS"] mp4["ffmpeg remux MP4"] url --> parse --> variant --> pool pool --> dec --> mp4 pool --> hls

特性

清单与变体：master playlist，下载前选择清晰度
加密分片：明文 HLS 与 #EXT-X-KEY AES-128-CBC
传输控制：Headers、Cookie、Referer、HTTP(S) 代理、并发度、输出路径
任务队列：暂停 / 继续 / 取消 / 删除；按已落盘分片续传
分片粒度：详情内单独开始、停止、重试；任务级操作中断在途请求
边下边播：本地 HLS 播放已连续分片；完成后打开 MP4
封装输出：ffmpeg remux；可选清理临时分片

技术栈

桌面壳：Tauri 2
下载引擎：Rust · Tokio · reqwest
界面：React 19 · TypeScript · Vite · Ant Design
封装：ffmpeg（打包 binaries）

Startpage

Sun, 06 Sep 2026 00:00:00 +0800

Startpage 是静态托管的个人书签导航起始页：无后端、无数据库，书签写在源码。url 必填，title / description 可手写覆盖；未手写则 Microlink 拉元数据，失败回退 hostname。在线：jiangbyte.github.io/startpage。

浏览器默认页 + 分类书签 + 多搜索引擎，不引入账号或同步服务。main 推送后 Actions 构建 dist/ 部署 Pages。

flowchart TB data["bookmarks.ts"] page["起始页"] meta["Microlink 元数据"] ico["站点 favicon"] cache["localStorage 缓存"] search["searchEngines Tab"] data --> page page --> meta --> cache page --> ico --> cache page --> search

特性

数据即代码：分类与条目在 src/data/bookmarks.ts；字符串简写等价于只填 url
元数据：双写 title / description 则不请求外部接口；缓存 2 小时硬过期，超过 1 小时后台刷新
图标：解析站点自身 favicon；失败用字母头像
搜索：searchEngines 切换后回车，新标签打开，查询词 %s 占位
发布：GitHub Actions → GitHub Pages

技术栈

构建：Vite
界面：React · TypeScript
托管：GitHub Pages

ResumeFloat

Fri, 18 Sep 2026 00:00:00 +0800

ResumeFloat 是跨平台置顶悬浮简历速拷工具：默认 Compact 为「标签 + 一键复制」，可切入编辑。条目由可组合块构成（纯文本 / Markdown / 富文本 / 图片），数据落 SQLite，支持整库导出导入。当前版本 0.1.1，MIT。

面试、网申、即时通讯反复粘贴自我介绍、项目要点、联系方式时，置顶窗口减少在文档与聊天之间切换。v* 标签触发 Actions 构建三端安装包，见 Releases。

flowchart LR db["SQLite items / blocks"] compact["Compact 列表"] clip["剪贴板"] edit["块编辑"] db --> compact --> clip db --> edit --> db

特性

置顶悬浮：无边框 always-on-top，标题栏拖拽；钉住与下拉菜单
Compact 速拷：标签 + 预览（超长省略）；按块顺序拼装剪贴板
主题：深色 / 浅色，本地记住
块编辑：增删条目；块类型动态添加、排序、删除
内容类型：纯文本 · Markdown（编辑 / 预览）· 富文本（TipTap）· 图片
持久化：items / blocks；图片在配置目录 assets/
导出 / 导入：resume.db + assets/；导入前确认覆盖

flowchart TB item["简历条目"] t["纯文本"] md["Markdown"] rich["富文本"] img["图片"] item --> t item --> md item --> rich item --> img

技术栈

桌面壳：Tauri 2
界面：React 19 · TypeScript · Vite · Ant Design
内容：TipTap · react-markdown · marked
存储：@tauri-apps/plugin-sql · clipboard-manager · dialog · fs

Voxel

Thu, 01 Oct 2026 00:00:00 +0800

Voxel 是一组按同一领域分层重建的全栈脚手架系列：Portal 与 Admin 独立后端、独立前端，目录、坐标与包名统一为 voxel-* / io.github.jiangbyte.voxel。后端对齐 Java（Spring Boot）、Python（FastAPI）、Go（Gin）；前端对齐 Vue 3 管理端、React 门户与 uni-app。另有七层纯骨架与带账户竖切的充实模板，供对照学习，不作业务拷贝范本。协议 Apache License 2.0。

相对「一份单体里切 admin/portal」，端隔离：Admin 只挂管理 API，Portal 只挂门户 API，前端互不引用对方源码。相对单语言脚手架，同一七层在三种运行时对齐。

flowchart TB subgraph fronts ["前端"] vue["voxel-admin Vue3"] react["voxel-portal React"] uniA["admin-uniapp"] uniP["portal-uniapp"] end subgraph backends ["后端 · Admin / Portal"] ja["Java 8000 / 8001"] py["FastAPI 8100 / 8101"] go["Gin 8200 / 8201"] end subgraph tpls ["模板"] skel["ddd-lite-strcut"] lite["ddd-lite"] end vue --> ja react --> ja uniA --> ja uniP --> ja vue --> py react --> py vue --> go react --> go lite -.-> ja skel -.-> lite

特性

端分离：Admin / Portal 各仓各端口
DDD 七层：types · api · domain · infrastructure · case/cases · trigger · app
依赖方向：Trigger → API → Case → Domain ← Infrastructure
Java：Maven 多模块 {project}-types … -app
FastAPI：仓库根扁平包，无 src/ 包装层
Gin：internal/{types,api,domain,infrastructure,cases,trigger} + cmd/app
Web / 移动：Vue 3、React 19、uni-app 双端
模板仓：骨架默认注释中间件；充实模板含账户竖切，S3 / Milvus / Spring AI / MCP 注释接入（原 voxel-ddd-ai-lite 已合并）

flowchart TB trigger["trigger"] api["api"] cases["case"] domain["domain"] infra["infrastructure"] types["types"] app["app"] trigger --> api --> cases --> domain infra --> domain app --> trigger app --> infra types -.-> trigger

技术栈

后端：JDK 21 · Python 3.11+ · Go 1.25+
前端：Vue 3 · React 19 · uni-app
协议：OpenAPI / Apifox（docs/api/openapi）

系列仓库

后端

ACOJ

Mon, 31 Aug 2026 00:00:00 +0800

ACOJ 是在线评测（OJ）monorepo：在 HEI 脚手架上扩展题库、提交判题与多执行机调度，提供 Admin（Vue 3）、Portal（React 19）与统一 Spring Boot API。判题执行依赖 SparkSandbox：沙箱只编译与限资源运行，AC / WA 在 ACOJ 裁决。Apache License 2.0。

相对「沙箱内直接出最终结果」的一体化 OJ，隔离执行与题目语义拆开：执行机加权调度、熔断、排水、租约换机；平台保留测例版本、标签、发布校验与做题统计。modules/oj 叠在脚手架之上，而不是从零拼一套账号与存储。

flowchart LR portal["Portal"] admin["Admin"] api["Spring Boot API"] mq["RabbitMQ"] sched["调度 / 熔断 / 换机"] spark["SparkSandbox"] portal --> api admin --> api api --> mq --> sched --> spark spark -->|"stdout / 状态"| api api -->|"AC / WA"| portal

特性

双端账号：ADMIN / PORTAL 独立会话（Sa-Token）；密码 RSA、验证码、失败锁定与限流；JustAuth（可配置）
RBAC：账号 / 角色 / 部门 / 用户组 / 岗位；菜单、按钮与 API 授权；会话踢出
系统管理：字典、动态配置（敏感项加密）、Banner、公告、反馈、弱口令库
对象存储：S3 兼容（MinIO / RustFS / OSS），直链或预签名
运维：审计与告警、登录日志、运营工作台、sys_job / Lock4j
题库：CRUD、测例 INLINE / OBJECT、标签、参考答案、试跑与发布校验
提交与判题：多语言入队；RabbitMQ；加权调度、熔断 / 排水 / 租约换机；业务侧裁决
判题节点：oj_judge_node 登记沙箱；心跳探活；oj_judge_dispatch 派发审计
个人中心：公开资料、安全设置、实名认证；做题统计

API 前缀 /api/v1/admin/* 与 /api/v1/portal/*。子工程：admin · portal · server。