fix(landing): render hero ER graph on GitHub Pages

Two coupled production-only failures kept the inline module on index.html
from ever building the hero graph:

1. prismjs/components/prism-sql references the global Prism at module top
   level, which is undefined under ESM. The manualChunks rule also bundled
   core and the language file into a single vendor-prism chunk, so even a
   dynamic import would still trigger prism-sql synchronously when the
   chunk evaluated. Import Prism as a value, assign window.Prism, then
   dynamic-import prism-sql; split prismjs/components/* out of vendor-prism
   so the language chunk only evaluates after the global is set.

2. Using top-level await for that dynamic import turned the inline module
   into an asynchronous evaluation, letting window.load fire before
   addEventListener("load", buildHeroGraph) ran. The handler was never
   invoked and the canvas stayed blank with no console error. Use
   fire-and-forget dynamic import so the module finishes evaluating
   synchronously; syntax highlighting can fail silently without taking
   the hero down with it.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: ystemsrx

index.html

@@ -1954,14 +1954,21 @@ <h2 class="cta-title" data-i18n-html="cta_title">
     </div>
     <script type="module">
       import "prismjs/themes/prism.css";
-      import "prismjs";
-      import "prismjs/components/prism-sql";
+      import Prism from "prismjs";
       import G6 from "@antv/g6";
       import { parseSQLTables } from "./src/parser/sql";
       import { parseDBML } from "./src/parser/dbml";
       import * as ERBuilder from "./src/builder";
       import * as Layout from "./src/layout";
 
+      // prism-sql 在模块顶层引用全局 Prism；ESM 下 prismjs 不会自挂 window，
+      // 必须先把核心赋到全局，再动态 import 让语言定义晚于赋值执行。
+      // 不要用 top-level await：那会把整个模块变成异步求值，导致下方
+      // window.addEventListener("load", ...) 在 load 事件之后才注册，
+      // Hero ER 图永远不会被构建。代码高亮失败也不应阻塞主流程。
+      window.Prism = Prism;
+      import("prismjs/components/prism-sql").catch(() => {});
+
       // ───── YEAR ─────
       document.getElementById("year").textContent = new Date().getFullYear();
 

vite.config.ts

@@ -41,7 +41,13 @@ export default defineConfig({
           ) {
             return "vendor-editor";
           }
-          if (id.includes("node_modules/prismjs")) {
+          // prismjs/components/* 在模块顶层访问全局 Prism，必须落在独立 chunk
+          // 里，等运行时显式 window.Prism = Prism 后再动态加载，否则会和 core 一起
+          // 被同步求值并抛 ReferenceError。
+          if (
+            id.includes("node_modules/prismjs") &&
+            !id.includes("node_modules/prismjs/components/")
+          ) {
             return "vendor-prism";
           }
         },