xfy/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity
1,049 Commits 1 Branch 8 Tags
Commit Graph

14 Commits

Author SHA1 Message Date
xfy
9bc8b5c2ee refactor(libs): 抽取 @yggdrasil/shared 消除跨 IIFE 库的类型/常量重复 
新增 libs/shared 内部包，作为跨 IIFE 库的单一真相源：
- ThemeName 类型（原 codemirror/themes.ts + xterm/themes.ts 各一份）
- THEME_CHANGE_EVENT 常量（原 yggdrasil-core 导出 + codemirror/xterm
  各硬编码同名 string literal，靠注释维系一致）
- prefersReducedMotion 函数（原 lightbox + yggdrasil-core 各一份）

codemirror-editor / xterm-terminal / lightbox / yggdrasil-core 四个库
改为 workspace 依赖 @yggdrasil/shared，Vite 构建时 inline 进各自 IIFE，
不破坏 IIFE 隔离。消除「改一处忘改另一处导致静默失效」的风险。

附：image_reader_limits 已在上一提交共享；本提交是 libs 侧的对称改动。
 2026-07-14 15:39:41 +08:00
xfy
bbb77954e9 fix(theme): sync CodeMirror/xterm theme in VT callback for circular-expand animation 
主题切换的圆形展开 VT 动画对可运行代码块不生效:圆形扫过 CodeMirror/xterm
区域时看不到颜色变化,动画结束后才瞬切。

根因(逐帧像素验证确认):VT 回调只 toggle .dark class,但 CodeMirror 背景
由 catppuccin Extension 注入(.cm-editor 的 EditorView.theme 规则),xterm
背景由 .xterm-scrollable-element 的 inline background-color 注入——两者都
不随 .dark 翻转。set_theme 由 Dioxus use_effect 在 theme.set() 之后异步触发,
晚于 NEW 快照捕获,导致 OLD/NEW 快照在编辑器区域同色,圆形展开无可揭示的变化。

修复:在 VT 回调内(NEW 快照捕获前)同步 dispatch 'yggdrasil:theme-change'
CustomEvent,CodeMirror/xterm 各自的 index.ts 在模块加载时订阅并遍历
_instances 同步调 setTheme。事件先于 applyDarkClass dispatch,确保编辑器换肤
+ class 翻转被同一个 getComputedStyle reflow 捕获进 NEW 快照。

与现有 Dioxus use_effect 幂等共存:setTheme 对相同主题是 no-op(CodeMirror
Compartment.reconfigure + xterm options.theme = 均幂等),use_effect 作兜底
覆盖初始挂载 / 非 VT 场景。

验证:
- yggdrasil-core 测试扩展:断言 VT 回调 / 降级路径 / applyResolvedTheme 都
  dispatch 事件,且事件先于 dark class 翻转
- scripts/vt-theme-sampler.mjs(Playwright 逐帧像素采样):修复前 xterm 比
  等距的 cssvar 探针晚 100ms 变色(bug);修复后同帧变色(lag=0ms)

改动文件:
- libs/yggdrasil-core/src/theme-transition.ts: THEME_CHANGE_EVENT 常量 +
  notifyThemeChange 辅助函数,VT 回调 / 降级路径 / applyResolvedTheme 三处 dispatch
- libs/codemirror-editor/src/index.ts: 订阅事件,forEach _instances.setTheme
- libs/xterm-terminal/src/index.ts: 同样模式
- libs/yggdrasil-core/src/theme-transition.test.ts: 3 个新用例
- public/xterm/terminal.js: 重建产物(含事件订阅)
- scripts/vt-theme-{harness,sampler}: 逐帧像素验证工具(throwaway,可作回归)
 2026-07-13 11:20:08 +08:00
xfy
cda5a92230 feat(runner): enable Vim mode toggle for CodeRunner sandbox 2026-07-08 14:37:52 +08:00
xfy
5b9e65bf72 fix(editor): 修复文章页折叠行被撑高 & 折叠图标垂直不居中 
文章页 CodeRunner 嵌在 .md-content 内，CodeMirror 折叠后插入的
<img class="cm-widgetBuffer">（width:0、height:1em 的占位符，用于对齐折叠
widget 基线）被 .md-content img 的 margin:1rem 0 命中，上下各 16px margin
把折叠那行 .cm-line 撑到 47.5px（试运行页不在 .md-content 内，正常 19.6px）。
对比两页 .cm-line 的 children 锁定：文章页含 cm-widgetBuffer，试运行页没有。

input.css：.md-content img 选择器加 :where(:not(.cm-widgetBuffer)) 排除占位 img，
用 :where() 压低特异性避免影响其它规则。

themes.ts：core 对折叠列 .cm-foldGutter .cm-gutterElement 完全没设样式，格子
高度 ≈ font-size(14px) 比正文行(line-height ≈19.6px)矮，图标偏离中央。给格子
flex 居中 + line-height:1.4（复刻 CM 的字号×1.4 行高算法），图标落在正文行中央。
 2026-07-08 14:03:14 +08:00
xfy
533f12e851 fix(editor): 修复 CodeMirror 折叠图标垂直不居中 
折叠三角 (▾/▸) 在每行行框里偏低，根因有二：

1. 图标字符本身基线不稳。codemirror 包的 basicSetup 调 foldGutter() 用默认
   openText "⌄" (U+2304「下花括号」)，这是个基线/字形表现不稳定的符号字符，
   在多数 mono 字体里墨迹落在字符框底部，三角明显偏低。本地内联一份 basicSetup
   （CodeMirror 官方推荐的定制方式），改用几何形状块字符 ▾ (U+25BE) /
   ▸ (U+25B8)，字形本身在字符框内居中；同时把 foldGutter() 展开后丢弃的
   @codemirror/{lint,search} 显式声明为依赖。

2. core 没给图标 <span> 设 vertical-align/display。baseTheme 只给
   .cm-foldGutter span 设了 padding/cursor，图标默认按基线贴在格子底部。
   themes.ts 加一条 flex 居中规则，把 .cm-foldGutter .cm-gutterElement 变成
   flex 容器，三角稳稳落在行框中央。

文章页 CodeRunner 与后台 SQL 控制台共用同一份 editor.js，一处修复两处生效。
 2026-07-08 13:19:59 +08:00
xfy
89bab26b90 fix(lint): themes.ts import 排序（type import 前置） 
Biome organizeImports 要求 import type 排在普通 import 之前，
交换 @codemirror/view 与 @codemirror/state 顺序。make lint 全绿。
 2026-07-06 11:45:14 +08:00
xfy
d3c2e41fd8 fix(codemirror): 编辑器塌缩导致上下背景割裂（height:100% 失效） 
上一提交（3c10f72）用 `& { height: 100% }` 让 .cm-editor 撑满容器，
但实测无效——headless chromium 抓取 computed style 显示：

  容器#ed:      h=280px  (min-height)
  .cm-editor:   h=63px   ← 塌缩！只有内容高度
  .cm-gutters:  h=63px
  .cm-content:  h=63px

根因：CSS 百分比高度要求父元素有「明确 height」（不是 min-height）。
容器只有 min-height: 280px，没有 height，`.cm-editor { height: 100% }`
解析为 auto，塌缩到内容高度（3 行 ≈ 63px）。剩余 217px 透出容器背景
（paper-entry/mantle），与 .cm-editor 的 base 色形成上下割裂。

修复：改用 flexbox 而非百分比高度——
- themes.ts：`& { flex: 1 1 0; minHeight: 0 }`（替换 height:100%）
- 容器（system.rs / runner.rs）：`display: flex; flex-direction: column`

flex 子项的 `flex: 1` 不依赖父元素 height，能真正填满 min-height 撑开
的空间。headless 验证：.cm-editor 现为 280px，与容器一致，割裂消失。

诊断方法：构建自包含测试 HTML（内联 editor.js），chromium --headless
--dump-dom 抓 getComputedStyle。这是应有的反馈循环，避免了前几轮
凭代码猜测导致的反复误诊。
 2026-07-06 00:20:55 +08:00
xfy
3c10f72444 fix(codemirror): 编辑器未撑满容器导致上下背景割裂 
现象：编辑器「有行号的上半部分」与「空白下半部分」背景色不一致。

根因：CodeMirror core 的 base theme 给 `.cm-editor`（&）只设了
position: relative + display: flex，没有 height。编辑器默认只占
内容高度（几行 ≈ 60px），不填满父容器。容器 div 设了 min-height:
280px，但 .cm-editor 不会自动撑到 280px——剩余空间透出容器的
paper-entry(mantle #e6e9ef) 背景，与 .cm-editor 的 base(#eff1f5)
形成「上半 base / 下半 mantle」的上下色差。

修复：themes.ts 的覆盖里加 `& { height: 100% }`，让 .cm-editor
撑满父容器。配合容器已有的 min-height: 280px，编辑器完整填充，
背景统一为 base 色，上下割裂消失。
 2026-07-06 00:06:00 +08:00
xfy
64907401a0 fix(codemirror): 行号区背景与代码区割裂（core base theme 覆盖 catppuccin） 
现象：行号列(gutter)背景是 #f5f5f5 浅灰，代码区(content)是 catppuccin
base #eff1f5 浅蓝灰，两者不一致，有明显割裂。

误诊修正：上一提交（e1b312e）以为是容器背景与 CodeMirror 层次扁平，
改了容器为 code-block(crust)。但 CodeMirror 内部 .cm-editor 和
.cm-gutters 都有不透明背景，容器色根本透不出来——所以「没效果」。
本次回退该容器改动。

真因：CodeMirror core 的内置 base theme（@codemirror/view dist index.js:6916）
给 `&light .cm-gutters` 设了 backgroundColor: "#f5f5f5" / dark "#333338"，
特异性为 .cm-editor.cm-light .cm-gutters，高于 @catppuccin/codemirror
的 .cm-gutters 覆盖，catppuccin 的 base 背景被 core 默认灰压制。

修复：themes.ts 在 catppuccin extension 之后追加一个 EditorView.theme，
用 backgroundColor: transparent !important 强制 .cm-gutters 透明，
继承 .cm-editor 的 base 色，行号区与代码区完全融合。light/dark 同理。
 2026-07-05 23:58:18 +08:00
xfy
4239602f3d feat(codemirror): 支持 Ctrl/Cmd+Enter 运行快捷键 
按钮一直写着「执行 (Ctrl+Enter)」但快捷键从未接线——basicSetup 不含
自定义 keymap。从底层往上打通 Mod-Enter 运行通道：

editor.ts:
- EditorOptions 加 onRunShortcut 可选回调
- constructor 条件注入 keymap.of([{ key: "Mod-Enter", ... }])
- 用 Prec.highest 包裹：@replit/codemirror-vim 的 vimPlugin 在
  ViewPlugin 层拦截按键，普通 keymap 会被吞；vim 自己也用
  Prec.highest，跟随此惯例保证 Mod-Enter 在 vim 之前命中
- 放在 vimCompartment 之前，满足「vim 必须在 keymap 最前」约束
- Prec 从 @codemirror/state 引入（不在 @codemirror/view）

codemirror_bridge.rs:
- EditorOptions extern 加 set_on_run_shortcut
- EditorHandle 加 _on_run_shortcut 字段保生命周期，new() 签名增加
  该参数（Drop 随实例释放）

调用点适配:
- CodeRunner（runner.rs）传 no-op 闭包（不用该功能但签名要满足）
- SQL 控制台的接线在后续 system.rs 改动中完成
 2026-07-05 21:31:03 +08:00
xfy
f3eb93f320 docs(agents): document code runner and fix clippy/biome lint 
文档:
- AGENTS.md 新增「Code Runner」架构章节（三层架构 + WASM 可见性规则 +
  governor 0.8 无 per_day 的处理 + runner 镜像契约）
- Environment 段补齐 CODE_RUNNER_* 与 RATE_LIMIT_CODE_EXEC_* 环境变量

Lint 修复（clippy --all-targets --all-features -D warnings 全绿）:
- runner.rs/runner.rs: use_signal 冗余闭包 → 直接传 fn
- runner_config.rs: &*RUNNER_CONFIG 去 deref;assert_eq!(...false/true) → assert!
- markdown.rs: 局部变量 /// 改 //;Option.map().flatten() → and_then
- languages.rs: 删除从未读取的 LanguageDef.name 字段（语言名即 map key）
- docker.rs: start_container if let Err → ?;timeout match → is_err();
  嵌套 if 合并（修 task 2 遗留 + clippy 1.96 新 lint）
- pages/admin/posts.rs: use_signal 冗余闭包（预存 lint，顺带修绿）
- codemirror editor.ts: biome format 重排 setSchema 单行
 2026-07-03 18:57:25 +08:00
xfy
576803302d refactor(editor): support dynamic languages python/javascript in codemirror 
- editor.ts: 新增 languageCompartment + buildLanguageExtension(lang, schema)
  python → lang-python, node/javascript → lang-javascript, sql/缺省 → lang-sql
  新增 setLanguage(lang) 热切换; setSchema 保留当前语言不被强制切回 sql
- package.json: +@codemirror/lang-python +lang-javascript
- codemirror_bridge.rs: EditorInstance 新增 set_language wasm-bindgen extern

(产物 public/codemirror/ 被 gitignore,本地已重建)
 2026-07-03 18:22:21 +08:00
xfy
b1b1c88a74 chore(biome): 引入 Biome v2.5 monorepo 配置并格式化全量源码 
新增根 biome.json(v2.5,v2 起原生支持 monorepo,子包自动向上查找):

- formatter: 2 空格缩进、单引号、行宽 100、LF、尾逗号、箭头函数括号
  (匹配现有代码风格)
- linter: recommended preset + 项目化裁剪
  - useTemplate/useTemplate off(geometry.ts 故意保留字符串拼接,
    且测试用精确浮点断言锁定行为)
  - noNonNullAssertion off(测试与 DOM 访问里的 ! 是惯用写法)
  - noConsole off(4 个 lib 用 console.error/warn 做错误上报)
  - CSS 关闭 noDescendingSpecificity/noDuplicateProperties
    (手写 CSS 的 fallback 模式)
  - useImportType/useNodejsImportProtocol/noUnusedVariables warn
- vcs.useIgnoreFile 自动读 .gitignore;排除 public/target/node_modules/
  dist/.dioxus/static + Tailwind 入口 input.css(含 @theme 等 Biome 无法
  解析的 at-rules)

首次格式化覆盖 29 个源文件:import 排序、node: 协议、引号/缩进统一,
并修复 index.ts 两处 forEach 回调隐式返回值(useIterableCallbackReturn)。
90 个 vitest 用例全绿,确认无语义改动。
 2026-07-02 17:54:46 +08:00
xfy
c74e59485d feat(editor): add codemirror-editor subproject + Rust bridge 
新建 libs/codemirror-editor（pnpm/Vite IIFE/@catppuccin/codemirror Catppuccin
Latte+Mocha 主题/@codemirror/lang-sql schema 补全/@replit/codemirror-vim），
输出 public/codemirror/。Rust 桥接 codemirror_bridge.rs 镜像 tiptap_bridge.rs
（Reflect::get 取对象字面量 + EditorHandle 持有闭包 + Drop→destroy）。
接入 Makefile/Dioxus.toml/.gitignore。

注意：thememirror 不含 catppuccin 主题，改用官方 @catppuccin/codemirror@1.0.3
（导出 catppuccinLatte/catppuccinMocha）。
 2026-06-29 18:24:38 +08:00