fix spa shell html metadata

DevBot · DevBot · commit 567be77e479d · 2026-06-26T06:51:49.000+08:00
diff --git a/packages/adapter-vite/__tests__/build.test.ts b/packages/adapter-vite/__tests__/build.test.ts
@@ -249,6 +249,40 @@ Deno.test({
   },
 });
 
+Deno.test({
+  name: 'buildPlugin - SPA shell uses configured html title and lang',
+  sanitizeOps: false,
+  sanitizeResources: false,
+  async fn() {
+    const root = await Deno.makeTempDir();
+    try {
+      await Deno.mkdir(`${root}/app/routes`, { recursive: true });
+
+      const ctx = new OpenElementBuildContext({ mode: 'spa' });
+      const plugin = buildPlugin({
+        mode: 'spa',
+        routesDir: 'app/routes',
+        build: { outDir: 'dist' },
+        html: {
+          lang: 'zh-CN',
+          title: 'Reader <Alpha>',
+        },
+      }, ctx);
+      const config = makeConfig('build');
+      config.root = root;
+      callHook(plugin.configResolved, config);
+
+      await callAsyncHook(plugin.closeBundle);
+
+      const html = await Deno.readTextFile(`${root}/dist/index.html`);
+      assertStringIncludes(html, '<html lang="zh-CN">');
+      assertStringIncludes(html, '<title>Reader &lt;Alpha&gt;</title>');
+    } finally {
+      await Deno.remove(root, { recursive: true });
+    }
+  },
+});
+
 Deno.test({
   name: 'buildPlugin - ssr.noExternal RegExp serialization writes to ctx',
   // Rolldown/Vite SSR build spawns dangling async fs.access (Deno.lstat) ops
diff --git a/packages/adapter-vite/src/build.ts b/packages/adapter-vite/src/build.ts
@@ -14,6 +14,7 @@ import type { OpenElementBuildContext } from './build-context.js';
 import { join } from 'node:path';
 import process from 'node:process';
 import { createLogger } from '@openelement/core/logger';
+import { escapeAttr, escapeHtml } from '@openelement/core';
 import { cleanSsrArtifacts, postProcessClientIslandBuild } from '@openelement/ssg';
 import { writeRouteManifest } from './route-manifest.js';
 
@@ -76,13 +77,15 @@ export function buildPlugin(
         const outDirName = ctx.phase3.outDir || 'dist';
         const absOutDir = join(root, outDirName);
         const base = ctx.phase3.base || '/';
+        const htmlLang = escapeAttr(ctx.phase3.html?.lang ?? 'en');
+        const htmlTitle = escapeHtml(ctx.phase3.html?.title ?? 'openElement App');
 
         // Generate SPA shell HTML
         const html = `<!DOCTYPE html>
-<html lang="en">
+<html lang="${htmlLang}">
 <head>
   <meta charset="UTF-8">
-  <title>openElement Reader</title>
+  <title>${htmlTitle}</title>
 </head>
 <body>
   <div id="root"></div>
