xfy
ffaf191398
灯箱 TypeScript 化与独立构建:将 public/js/lightbox.js (540 行 JS) 迁移为 libs/lightbox/ 独立 TS 工程,镜像 libs/tiptap-editor/ 结构。Vite 构建到 public/lightbox/,经 Dioxus.toml 全局注入,Rust 端去 include_str! 改用 __lightboxSelectors 配置 + IIFE 自启动双保险契约。 - geometry.ts (纯函数 + 12 Vitest 用例) / index.ts (DOM 胶水 + state) - .lightbox-* CSS 搬入 lightbox.css;.blur-img* 留 input.css (列表页依赖) - 依赖: typescript 6.0.3 / vite 8.1.0 / vitest 4.1.9 (npm latest) - 修复关闭灯箱时 focus() 触发的页面滚动 (preventScroll)
Yggdrasil
基于 Dioxus 0.7 的全栈博客系统，Rust 单一代码库同时编译为 WASM 前端和原生服务端。
技术栈
- 框架: Dioxus 0.7 (fullstack)
- 数据库: PostgreSQL + tokio-postgres
- 样式: Tailwind CSS v4
- 密码: Argon2
- 会话: UUID token + cookie
功能
- 邮箱注册 / 登录（单管理员模式，首次注册后关闭）
- 会话管理与自动过期清理
- 暗色 / 亮色主题切换
- 后台文章撰写（Tiptap Markdown 编辑器）
- 文章归档与标签浏览
开发
依赖 Rust 1.95+、wasm32 目标、dx CLI、tailwindcss CLI v4 和 PostgreSQL。
# 配置数据库
DATABASE_URL=postgres://postgres:postgres@localhost:5432/yggdrasil
# 运行迁移（自动创建数据库并按顺序执行 migrations/ 下所有 SQL）
./migrate.sh
# 启动开发服务器
make dev
构建
make build