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

11 Commits

Author SHA1 Message Date
xfy
3bb67f6673 style(runner): optimize CodeMirror editor height auto-scaling and scrolling limit 2026-07-08 14:32:04 +08:00
xfy
f60bc4beaa fix(runner): fix CodeMirror editing reversion feedback loop 2026-07-08 14:28:45 +08:00
xfy
7d0922c0f9 feat(editor): 可运行代码块在 CodeMirror 挂载前显示骨架屏 
SSR 渲染时 CodeMirror 容器为空（JS 编辑器不在服务端拉起），hydration
完成前用户看到一块空白区域。新增 editor_ready signal（声明在 cfg 块外，
SSR/客户端双目标可见），CodeMirror 挂载后置 true、卸载时复位。

容器改为 relative，未就绪时叠加一层绝对定位覆盖骨架屏——5 行宽度递减
(90/70/55/85/40%) 的脉冲占位条，模拟代码缩进语境，配色沿用
paper-code-block / paper-tertiary 语义 token。容器本身始终在 DOM
（不与 CodeMirror 的 getElementById 挂载冲突），editor_ready 置 true
后骨架屏 if 分支消失即从 DOM 移除。

Playwright（release）验证：SSR 即渲染骨架屏（5 占位条，无闪烁），
hydration 后骨架屏消失、CodeMirror 可见。
 2026-07-08 11:22:06 +08:00
xfy
b95777e58d fix(editor): 修复 SSR 直接访问时可运行代码块不挂载 CodeMirror 
CodeRunner 原用 use_hook(|| format!("code-runner-{}", now_pseudo_unique()))
生成容器 id，后缀依赖 now_millis() 时间戳。Dioxus hydration 不传递
use_hook 状态——SSR 渲染与客户端 hydration 各执行一次 use_hook，时间戳
（以及顺带验证过的 ScopeId）两端不同，导致 CodeMirror create() 在 hydration
时用新 id 去 getElementById，找不到 SSR 渲染的容器（id 是旧值），返回 null
不挂载。路由跳转是纯客户端渲染，use_hook 只跑一次 id 一致，故正常。

改为由父组件传入确定性的 instance_id（PostContent 的片段索引 i，来自纯函数
split_content_fragments 对同一 content_html 的解析，SSR 与 hydration 一致），
container_id 直接派生自该 prop，不进 use_hook。admin 试运行页单实例固定 0。

Playwright（release 构建）验证：SSR 直接访问与路由跳转 .cm-editor 均为 1。
 2026-07-08 11:04:40 +08:00
xfy
a37b0ee811 docs: 修复 cargo doc 的两处 broken intra-doc links 
- runner.rs: 把含函数调用表达式的 rustdoc 链接 `[crate::codemirror_bridge::get_module().create]`
  改为普通代码片段;get_module 是 WASM 专属符号,server target rustdoc 解析不到
- sql_result_table.rs: 模块级 doc 里裸用 `[SqlResult]` 但该类型来自 server-gated
  模块不在作用域,改为纯代码片段并补全路径
 2026-07-07 18:29:54 +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
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
1dc02561a3 style(code-runner): 重做 admin/runner 视觉，对齐项目 token 体系 
页面与 CodeRunner 组件此前用的是 daisyUI 类（base-100/btn-primary/
input-bordered/bg-neutral 等），但项目根本没装 daisyUI——这些类在
编译产物里 0 匹配，导致页面渲染成裸结构，是「半成品」观感的根因。

全部换成项目真实的 --color-paper-* 语义 token，视觉与 dashboard /
posts / system 等后台页面统一：

页面壳（runner.rs）：
- h1 升至 text-4xl，与其它 admin 页一致；加底部分割线
- 外层对齐 max-w-5xl space-y-8
- 语言切换改为胶囊按钮组（选中态 accent 绿实心）
- overrides 输入框套 system.rs 的表单范式，加 focus 态
- 错误/提示用 red-500 dark: red-400，解析成功时显示字段说明

CodeRunner 组件（runner.rs）：
- 容器改 rounded-2xl + paper-border + paper-entry
- 顶栏加状态点（accent）+ 胶囊运行按钮（active 缩放反馈）
- 运行中用 SPINNER_SVG 替代 daisyUI loading-spinner
- 输出区改 paper-code-block 底 + 语义色文字，随主题切
- 错误区改 red-50 dark: red-900/10 柔光块
 2026-07-05 14:49:24 +08:00
xfy
575b6b533e feat(code-runner): CodeRunner 挂载 CodeMirror 编辑器，支持双向绑定 
兑现组件一直承诺但无人实现的「调用方挂载编辑器」契约——此前容器 div 只
输出 id，admin/runner 沙箱与文章正文 runnable 块都只能提交写死的初始源码，
作者/读者无法编辑。

- CodeRunner 在 WASM 端按自身 container_id 调 codemirror_bridge.create
  挂载编辑器，onChange 回写内部 source_signal（编辑器内容 = 唯一真源）
- run_code 改读 source_signal 当前值，提交编辑后内容而非初始快照
- 主题切换经 use_resolved_theme 订阅，热切换编辑器主题
- use_drop 销毁 EditorHandle，释放 CodeMirror 实例与 closure 槽位
- source prop 外部变更（admin 切换语言重置示例）同步进 signal + 编辑器
- admin/runner 页面 overrides 解析挪进 use_memo，避免 render 体写状态

范式镜像 SQL 控制台（system.rs）与 Tiptap 编辑器（write.rs）。
 2026-07-05 14:32:39 +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
6b875e6ba5 feat(ui): create CodeRunner Dioxus UI component with async polling 
- runner.rs: CodeRunner 组件（源码展示 + Run 按钮 + 阶段/输出/错误区）
  spawn 提交 StartExec 后用 sleep_ms(WASM 友好) 轮询 GetExecResult，MAX_POLLS 兜底
  mut 信号加 cfg_attr 放行 server 的 unused_mut（AGENTS.md 约定）
  提前克隆 source/language 给 move 闭包，避免 rsx! 二次借用 (E0382)
- execute.rs: 修正双目标可见性——server fn 模块不能 cfg-gate
  共享类型 use 双目标可见，server-only 辅助 use 单独 gate（对齐 posts 模块约定）
- mod.rs: execute 不再 gate，languages/progress 仍 gate
 2026-07-03 18:28:52 +08:00