koishi-plugin-group-analysis-mx 1.2.9 → 1.3.1

package/lib/service/renderer.js

@@ -73,42 +73,37 @@ class RendererService extends koishi_1.Service {
         }
     }
     /** 往渲染 HTML 注入 emoji 字体 @font-face 与字体栈，避免 puppeteer 截图时 emoji 显示为方框/问号。 */
-    async injectEmojiFont(html, htmlDir) {
+    async injectEmojiFont(html) {
         if (!html || typeof html !== 'string')
             return html;
-        // 字体目录相对于当前临时 HTML 所在目录，供 @font-face 用相对路径加载（Chromium 最稳定）
-        const fontsAbs = path_1.default.resolve(this.templateDir, 'fonts');
-        let rel = 'fonts';
-        try {
-            rel = path_1.default.relative(path_1.default.resolve(htmlDir || this.templateDir), fontsAbs).replace(/\\/g, '/');
-            if (rel && !rel.startsWith('.'))
-                rel = './' + rel;
-        }
-        catch (e) { /* use default */ }
-        const emojiCss = this.buildEmojiFontCss(rel);
-        const style = `<style>${emojiCss}html,body{font-family:-apple-system,'Segoe UI','Segoe UI Emoji','NotoColorEmoji','Noto Sans SC','Noto Color Emoji','Apple Color Emoji','Microsoft YaHei','Hiragino Sans GB',sans-serif !important;}</style>`;
+        const emojiCss = this.buildEmojiFontCss();
+        const style = `<style>${emojiCss}html,body{font-family:-apple-system,'Segoe UI','Segoe UI Emoji','Noto Color Emoji','NotoEmoji','Apple Color Emoji','Microsoft YaHei','Hiragino Sans GB',sans-serif !important;}</style>`;
         if (html.includes('</head>'))
             return html.replace('</head>', style + '</head>');
         return html;
     }
-    /** 生成引用磁盘上 emoji 字体分片的 @font-face（相对路径，Chromium 稳定加载）。 */
-    buildEmojiFontCss(relPath) {
-        const rel = relPath || 'fonts';
-        let css = '';
-        for (let i = 0; i < EMOJI_RANGES.length; i++) {
-            const file = `${String(i).padStart(2, '0')}.woff2`;
-            css += `@font-face{font-family:'NotoColorEmoji';font-style:normal;font-weight:400;src:url('${rel}/${file}') format('woff2');unicode-range:${EMOJI_RANGES[i]};}`;
-        }
-        return css;
+    /**
+     * 生成引用同层 fonts/NotoEmoji.ttf 的 @font-face（单文件 ttf，Chromium 稳定加载）。
+     * 注意：必须与渲染 HTML 处于同一目录树（HTML 在 <skin>/，字体在 <skin>/fonts/），跨目录 file:// 加载会被 Chromium 拒绝。
+     */
+    buildEmojiFontCss() {
+        return `@font-face{font-family:'NotoEmoji';font-style:normal;font-weight:400;src:url('fonts/NotoEmoji.ttf') format('truetype');}`;
     }
     async init() {
         const resourcesDir = __dirname + '/../../resources';
         const templateDir = this.templateDir;
         const skin = this.config.skin || 'md3';
-        // 拷贝内嵌的 emoji 字体到 data 目录，供 @font-face 以相对路径引用（Chromium 最稳定的加载方式）
-        const fontsDestDir = path_1.default.resolve(templateDir, 'fonts');
-        await fs_1.promises.mkdir(fontsDestDir, { recursive: true });
-        await fs_1.promises.cp(path_1.default.resolve(resourcesDir, 'fonts'), fontsDestDir, { recursive: true });
+        // 拷贝内嵌的 emoji 字体到当前皮肤目录的 fonts/ 子目录（与渲染 HTML 同层；跨目录 file:// 加载会被 Chromium 拒绝）
+        const skinFontsDir = ORIGINAL_SKINS.includes(skin)
+            ? path_1.default.resolve(templateDir, 'original', skin, 'fonts')
+            : path_1.default.resolve(templateDir, skin, 'fonts');
+        await fs_1.promises.mkdir(skinFontsDir, { recursive: true });
+        await fs_1.promises.cp(path_1.default.resolve(resourcesDir, 'fonts'), skinFontsDir, { recursive: true });
+        // 创建空 HTML 占位：渲染时先 goto 它（建立 file:// base），再 setContent 注入内容，@font-face 相对字体才能被加载
+        const emptyHtmlPath = ORIGINAL_SKINS.includes(skin)
+            ? path_1.default.resolve(templateDir, 'original', skin, 'emptyHtml.html')
+            : path_1.default.resolve(templateDir, skin, 'emptyHtml.html');
+        await fs_1.promises.writeFile(emptyHtmlPath, '');
         // 拷贝原项目皮肤模板（nunjucks 渲染用）
         const originalSourceDir = path_1.default.resolve(resourcesDir, 'original');
         const originalDestDir = path_1.default.resolve(templateDir, 'original');
@@ -153,6 +148,24 @@ class RendererService extends koishi_1.Service {
             }
         }, 3 * 60 * 1000);
     }
+    /** 当前皮肤目录下用于建立 file:// base 的空 HTML 占位路径。 */
+    emptyHtmlPath() {
+        const skin = this.config.skin || 'md3';
+        return ORIGINAL_SKINS.includes(skin)
+            ? path_1.default.resolve(this.templateDir, 'original', skin, 'emptyHtml.html')
+            : path_1.default.resolve(this.templateDir, skin, 'emptyHtml.html');
+    }
+    /** 确保用于建立 file:// base 的空 HTML 占位存在（不依赖 init 顺序）。 */
+    async ensureEmptyHtml() {
+        const p = this.emptyHtmlPath();
+        try {
+            await fs_1.promises.access(p);
+        }
+        catch (e) {
+            await fs_1.promises.mkdir(path_1.default.dirname(p), { recursive: true });
+            await fs_1.promises.writeFile(p, '');
+        }
+    }
     async renderGroupAnalysisToPdf(data) {
         let theme = this.config.theme;
         if (theme === 'auto') {
@@ -235,11 +248,15 @@ class RendererService extends koishi_1.Service {
             dynamicAvatarUrl: dynamicAvatarBase64
         });
         // 写入临时 HTML 文件
-        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(filledHtml, path_1.default.dirname(outTemplateHtmlPath)));
+        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(filledHtml));
         this.ctx.logger.info('HTML 模板填充完成，正在调用 Puppeteer 进行渲染...');
         const page = await this.ctx.puppeteer.page();
-        // 重新加载页面并使用 goto 访问本地文件
-        await page.goto('file://' + outTemplateHtmlPath, {
+        // 先 goto 空 HTML 建立 file:// base，再 setContent 注入内容（@font-face 相对字体才能被加载）
+        await this.ensureEmptyHtml();
+        await page.goto('file://' + this.emptyHtmlPath(), {
+            waitUntil: 'domcontentloaded'
+        });
+        await page.setContent(await this.injectEmojiFont(filledHtml), {
             waitUntil: 'domcontentloaded'
         });
         this.ctx.logger.info('网页加载完成，开始等待字体加载。');
@@ -306,14 +323,19 @@ class RendererService extends koishi_1.Service {
         const html = env.render('html_template.html', context);
         const randomId = Math.random().toString(36).substring(2, 15);
         const outTemplateHtmlPath = path_1.default.resolve(skinDir, `${randomId}.html`);
-        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(html, path_1.default.dirname(outTemplateHtmlPath)));
+        const emojiHtmlOriginal = await this.injectEmojiFont(html);
+        await fs_1.promises.writeFile(outTemplateHtmlPath, emojiHtmlOriginal);
         this.ctx.logger.info(`原项目皮肤 ${skin} HTML 生成完成，正在调用 Puppeteer 渲染...`);
         const page = await this.ctx.puppeteer.page();
         await page.setViewport({ width: 1080, height: 1920, deviceScaleFactor: 2 });
-        await page.goto('file://' + outTemplateHtmlPath, {
+        await this.ensureEmptyHtml();
+        await page.goto('file://' + this.emptyHtmlPath(), {
+            waitUntil: 'domcontentloaded'
+        });
+        await page.setContent(emojiHtmlOriginal, {
             waitUntil: 'networkidle0',
             timeout: 60000
-        }).catch(() => page.goto('file://' + outTemplateHtmlPath, {
+        }).catch(() => page.setContent(emojiHtmlOriginal, {
             waitUntil: 'domcontentloaded',
             timeout: 60000
         }));
@@ -522,11 +544,15 @@ class RendererService extends koishi_1.Service {
             theme,
             dynamicAvatarUrl: dynamicAvatarBase64
         });
-        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(filledHtml, path_1.default.dirname(outTemplateHtmlPath)));
+        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(filledHtml));
         this.ctx.logger.info('用户画像 HTML 模板填充完成，正在调用 Puppeteer 进行渲染...');
         const page = await this.ctx.puppeteer.page();
-        // 重新加载页面并使用 goto 访问本地文件
-        await page.goto('file://' + outTemplateHtmlPath, {
+        // 先 goto 空 HTML 建立 file:// base，再 setContent 注入内容（@font-face 相对字体才能被加载）
+        await this.ensureEmptyHtml();
+        await page.goto('file://' + this.emptyHtmlPath(), {
+            waitUntil: 'domcontentloaded'
+        });
+        await page.setContent(await this.injectEmojiFont(filledHtml), {
             waitUntil: 'domcontentloaded'
         });
         this.ctx.logger.info('网页加载完成，开始等待字体加载。');

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "koishi-plugin-group-analysis-mx",
     "description": "群聊分析插件 - 生成精美群聊统计报告，支持 AI 话题总结（独立版，不依赖 ChatLuna）",
-    "version": "1.2.9",
+    "version": "1.3.1",
     "main": "lib/index.js",
     "module": "lib/index.mjs",
     "typings": "lib/index.d.ts",