yggdrasil

xfy/yggdrasil

Fork 0

Commit Graph

Author	SHA1	Message	Date
xfy	63a52f62c9	chore(format): mermaid-renderer 入口文件对齐 biome 格式 Some checks failed CI / check (push) Has been cancelled Details CI / build (push) Has been cancelled Details biome format 清理:去掉赋值语句的多余前导分号与空行。该文件此前未走过 biome format(前导 ; 与 semicolons:always 配置无关, 仅为历史写法)。无行为变化。	2026-07-17 17:41:39 +08:00
xfy	445b92f407	fix(mermaid): 改用 script 标签加载 IIFE bundle,修正全局变量取值根因:mermaid bundle 是 IIFE 格式(与项目其他前端库一致),挂全局变量而非 ES module export。但 mermaid.ts 错用了 import() 取 .default—— IIFE 无 export,mod.default 是 undefined,导致 mermaid.initialize 调用 TypeError,流程图永远不渲染(数学公式不受影响,因为是服务端渲染)。修复: - mermaid.ts: loadMermaidBundle 改用动态注入 <script src=/mermaid/mermaid.js> 标签,加载后从 window.MermaidRenderer 取(与 codemirror/lightbox 的 Reflect::get(window,...) 模式一致) - mermaid-renderer/index.ts: 显式 globalThis.MermaidRenderer = mermaid, 避免 vite IIFE 把 export default 编译成 .default 多一层 - markdown.rs: mermaid 代码块跳过 syntect 高亮(无语法定义且会包 <span> 污染 textContent),直接输出转义纯源码前端 28 测试 + Rust 557 测试 + 双 target 编译通过。	2026-07-16 15:36:07 +08:00
xfy	70edc5e46c	feat(frontend): mermaid 流程图懒加载渲染 mermaid 无官方 SSR 支持,采用客户端 IntersectionObserver 懒加载:服务端 markdown.rs 只产出普通 <pre><code class="language-mermaid"> 代码块, 前端在块进视口时动态 import 独立 bundle(~1MB)渲染成 SVG。新增 libs/mermaid-renderer/:mermaid 11.16 IIFE bundle,输出 public/mermaid/ yggdrasil-core/mermaid.ts:扫描 language-mermaid 块,视口可见时动态 import /mermaid/mermaid.js(单例缓存),mermaid.initialize 适配 light/dark 主题, securityLevel=strict;渲染失败加 .mermaid-error class 保留源码;幂等守卫 post-content.ts:initCopyButtons 跳过 language-mermaid 块(图无需 copy) post_content.rs:use_effect 调 __initMermaid('.post-content', theme), 读 use_resolved_theme() 传主题并建立订阅新增 6 个 mermaid 单测(扫描/主题/幂等/非mermaid/未命中/错误回退)。 550 Rust + 28 前端测试全过,双 target 编译通过。	2026-07-16 14:22:43 +08:00

Author

SHA1

Message

Date

xfy

63a52f62c9

chore(format): mermaid-renderer 入口文件对齐 biome 格式

CI / check (push) Has been cancelled

Details

CI / build (push) Has been cancelled

Details

biome format 清理:去掉赋值语句的多余前导分号与空行。
该文件此前未走过 biome format(前导 ; 与 semicolons:always 配置无关,
仅为历史写法)。无行为变化。

2026-07-17 17:41:39 +08:00

xfy

445b92f407

fix(mermaid): 改用 script 标签加载 IIFE bundle,修正全局变量取值

根因:mermaid bundle 是 IIFE 格式(与项目其他前端库一致),挂全局变量
而非 ES module export。但 mermaid.ts 错用了 import() 取 .default——
IIFE 无 export,mod.default 是 undefined,导致 mermaid.initialize 调用
TypeError,流程图永远不渲染(数学公式不受影响,因为是服务端渲染)。

修复:
- mermaid.ts: loadMermaidBundle 改用动态注入 <script src=/mermaid/mermaid.js>
  标签,加载后从 window.MermaidRenderer 取(与 codemirror/lightbox 的
  Reflect::get(window,...) 模式一致)
- mermaid-renderer/index.ts: 显式 globalThis.MermaidRenderer = mermaid,
  避免 vite IIFE 把 export default 编译成 .default 多一层
- markdown.rs: mermaid 代码块跳过 syntect 高亮(无语法定义且会包 <span>
  污染 textContent),直接输出转义纯源码

前端 28 测试 + Rust 557 测试 + 双 target 编译通过。

2026-07-16 15:36:07 +08:00

xfy

70edc5e46c

feat(frontend): mermaid 流程图懒加载渲染

mermaid 无官方 SSR 支持,采用客户端 IntersectionObserver 懒加载:服务端
markdown.rs 只产出普通 <pre><code class="language-mermaid"> 代码块,
前端在块进视口时动态 import 独立 bundle(~1MB)渲染成 SVG。

新增 libs/mermaid-renderer/:mermaid 11.16 IIFE bundle,输出 public/mermaid/
yggdrasil-core/mermaid.ts:扫描 language-mermaid 块,视口可见时动态 import
  /mermaid/mermaid.js(单例缓存),mermaid.initialize 适配 light/dark 主题,
  securityLevel=strict;渲染失败加 .mermaid-error class 保留源码;幂等守卫
post-content.ts:initCopyButtons 跳过 language-mermaid 块(图无需 copy)
post_content.rs:use_effect 调 __initMermaid('.post-content', theme),
  读 use_resolved_theme() 传主题并建立订阅

新增 6 个 mermaid 单测(扫描/主题/幂等/非mermaid/未命中/错误回退)。
550 Rust + 28 前端测试全过,双 target 编译通过。

2026-07-16 14:22:43 +08:00

3 Commits