|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
|
|
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 |
|
