koishi-plugin-group-analysis-mx 1.2.8 → 1.3.0

package/lib/service/renderer.js

@@ -76,42 +76,34 @@ class RendererService extends koishi_1.Service {
     async injectEmojiFont(html) {
         if (!html || typeof html !== 'string')
             return html;
-        let emojiCss = '';
-        try {
-            emojiCss = await this.buildEmojiFontCss();
-        }
-        catch (e) {
-            this.ctx.logger.warn('构建 emoji 字体 CSS 失败:', e);
-        }
-        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;
     }
-    /** 读取内嵌的 Noto Color Emoji 字体分片并生成 @font-face（base64 内联，跨环境可靠）。 */
-    async buildEmojiFontCss() {
-        if (_emojiFontCssCache)
-            return _emojiFontCssCache;
-        const dir = __dirname + '/../../resources/fonts';
-        let css = '';
-        for (let i = 0; i < EMOJI_RANGES.length; i++) {
-            const file = path_1.default.join(dir, `${String(i).padStart(2, '0')}.woff2`);
-            try {
-                const buf = await fs_1.promises.readFile(file);
-                const b64 = buf.toString('base64');
-                css += `@font-face{font-family:'NotoColorEmoji';font-style:normal;font-weight:400;src:url(data:font/woff2;base64,${b64}) format('woff2');unicode-range:${EMOJI_RANGES[i]};}`;
-            }
-            catch (e) {
-                this.ctx.logger.warn(`加载 emoji 字体分片 ${i} 失败: ${e}`);
-            }
-        }
-        _emojiFontCssCache = css;
-        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 字体到当前皮肤目录的 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');
@@ -156,6 +148,13 @@ 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');
+    }
     async renderGroupAnalysisToPdf(data) {
         let theme = this.config.theme;
         if (theme === 'auto') {
@@ -241,8 +240,11 @@ class RendererService extends koishi_1.Service {
         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 page.goto('file://' + this.emptyHtmlPath(), {
+            waitUntil: 'domcontentloaded'
+        });
+        await page.setContent(await this.injectEmojiFont(filledHtml), {
             waitUntil: 'domcontentloaded'
         });
         this.ctx.logger.info('网页加载完成，开始等待字体加载。');
@@ -309,14 +311,18 @@ 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));
+        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 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
         }));
@@ -528,8 +534,11 @@ class RendererService extends koishi_1.Service {
         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 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.8",
+    "version": "1.3.0",
     "main": "lib/index.js",
     "module": "lib/index.mjs",
     "typings": "lib/index.d.ts",