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

package/lib/service/renderer.js

@@ -73,45 +73,42 @@ class RendererService extends koishi_1.Service {
         }
     }
     /** 往渲染 HTML 注入 emoji 字体 @font-face 与字体栈，避免 puppeteer 截图时 emoji 显示为方框/问号。 */
-    async injectEmojiFont(html) {
+    async injectEmojiFont(html, htmlDir) {
         if (!html || typeof html !== 'string')
             return html;
-        let emojiCss = '';
+        // 字体目录相对于当前临时 HTML 所在目录，供 @font-face 用相对路径加载（Chromium 最稳定）
+        const fontsAbs = path_1.default.resolve(this.templateDir, 'fonts');
+        let rel = 'fonts';
         try {
-            emojiCss = await this.buildEmojiFontCss();
-        }
-        catch (e) {
-            this.ctx.logger.warn('构建 emoji 字体 CSS 失败:', e);
+            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>`;
         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';
+    /** 生成引用磁盘上 emoji 字体分片的 @font-face（相对路径，Chromium 稳定加载）。 */
+    buildEmojiFontCss(relPath) {
+        const rel = relPath || '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}`);
-            }
+            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]};}`;
         }
-        _emojiFontCssCache = css;
         return css;
     }
     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 });
         // 拷贝原项目皮肤模板（nunjucks 渲染用）
         const originalSourceDir = path_1.default.resolve(resourcesDir, 'original');
         const originalDestDir = path_1.default.resolve(templateDir, 'original');
@@ -238,7 +235,7 @@ class RendererService extends koishi_1.Service {
             dynamicAvatarUrl: dynamicAvatarBase64
         });
         // 写入临时 HTML 文件
-        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(filledHtml));
+        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(filledHtml, path_1.default.dirname(outTemplateHtmlPath)));
         this.ctx.logger.info('HTML 模板填充完成，正在调用 Puppeteer 进行渲染...');
         const page = await this.ctx.puppeteer.page();
         // 重新加载页面并使用 goto 访问本地文件
@@ -309,7 +306,7 @@ 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));
+        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(html, path_1.default.dirname(outTemplateHtmlPath)));
         this.ctx.logger.info(`原项目皮肤 ${skin} HTML 生成完成，正在调用 Puppeteer 渲染...`);
         const page = await this.ctx.puppeteer.page();
         await page.setViewport({ width: 1080, height: 1920, deviceScaleFactor: 2 });
@@ -525,7 +522,7 @@ class RendererService extends koishi_1.Service {
             theme,
             dynamicAvatarUrl: dynamicAvatarBase64
         });
-        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(filledHtml));
+        await fs_1.promises.writeFile(outTemplateHtmlPath, await this.injectEmojiFont(filledHtml, path_1.default.dirname(outTemplateHtmlPath)));
         this.ctx.logger.info('用户画像 HTML 模板填充完成，正在调用 Puppeteer 进行渲染...');
         const page = await this.ctx.puppeteer.page();
         // 重新加载页面并使用 goto 访问本地文件

package/package.json

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