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

11 Commits

Author SHA1 Message Date
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
79ceb307ad chore(workspace): 建立 pnpm workspace 与共享 tsconfig 
将 libs/ 下 4 个独立 pnpm 项目整合为 workspace:

- 新增根 package.json/pnpm-workspace.yaml,4 份重复的 devDeps
  (happy-dom/typescript/vite/vitest,版本零分歧)上提到根,各 lib 只留运行时依赖
- 新增 libs/tsconfig.base.json,4 份逐字节相同的 tsconfig.json 改为 extends
- per-lib pnpm-lock.yaml 合并为根 lockfile;冗余的 libs/{lightbox,yggdrasil-core}/.gitignore 删除
  (根 .gitignore 的 **/**/node_modules 已覆盖)

收益:依赖共享安装(node_modules 去重)、构建/测试可用 pnpm -r 统一调度,
单库仍可 pnpm --filter @yggdrasil/<name> 独立操作。构建与测试均验证通过(90 个 vitest 用例全绿)。
 2026-07-02 17:50:52 +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