koishi-plugin-ll-mc 3.1.8 → 3.1.9

package/lib/index.js

@@ -2601,8 +2601,6 @@ ${targetUserRecord[0].username}
   .row-name.is-hero { color: #FFFFFF; }
   .row-star { width: 16px; height: 16px; color: #FCD34D; flex-shrink: 0; }
   .row-count { font-size: 18px; font-weight: 700; }
-  /* 名字/数字加白色描边光晕，保证在深浅/花哨背景上都看得清 */
-  .row-name, .row-count { text-shadow: -1px -1px 0 rgba(255,255,255,0.9), 1px -1px 0 rgba(255,255,255,0.9), -1px 1px 0 rgba(255,255,255,0.9), 1px 1px 0 rgba(255,255,255,0.9), 0 1px 2px rgba(0,0,0,0.12); }
 </style>
 ${backgroundCss ? `<style>${backgroundCss}</style>` : ""}
 </head>
@@ -2649,6 +2647,51 @@ ${rows}
       // 确保 emoji 字体就绪再截图
       await page.evaluate(() => document.fonts.ready).catch(() => {});
       await page.waitForSelector(".card").catch(() => {});
+      // 官机补丁：背景图右侧可能是深色人物，导致排在右下角的发言数字看不清。
+      // 这里对每个数字的位置采样一次背景亮度，凡是背景偏暗的数字改成白色(去掉全局描边)。
+      try {
+        const dpr = 2;
+        // 先隐藏所有文字以采样"纯背景"像素
+        await page.evaluate(() => {
+          document.querySelectorAll(".bar-content").forEach((el) => { el.style.visibility = "hidden"; });
+        });
+        const bgShot = await page.screenshot({ type: "png", fullPage: true });
+        await page.evaluate(() => {
+          document.querySelectorAll(".bar-content").forEach((el) => { el.style.visibility = ""; });
+        });
+        const bgDataUrl = `data:image/png;base64,${bgShot.toString("base64")}`;
+        const luminances = await page.evaluate(async (dataUrl) => {
+          const img = new Image();
+          img.src = dataUrl;
+          await img.decode();
+          const canvas = document.createElement("canvas");
+          canvas.width = img.naturalWidth;
+          canvas.height = img.naturalHeight;
+          const ctx = canvas.getContext("2d");
+          ctx.drawImage(img, 0, 0);
+          const scale = window.devicePixelRatio || 1;
+          const out = [];
+          document.querySelectorAll(".row-count").forEach((el) => {
+            const r = el.getBoundingClientRect();
+            const x = Math.max(0, Math.min(Math.round((r.left + r.width / 2) * scale), canvas.width - 1));
+            const y = Math.max(0, Math.min(Math.round((r.top + r.height / 2) * scale), canvas.height - 1));
+            const d = ctx.getImageData(x, y, 1, 1).data;
+            out.push(0.2126 * d[0] + 0.7152 * d[1] + 0.0722 * d[2]);
+          });
+          return out;
+        }, bgDataUrl);
+        await page.evaluate((lums) => {
+          const nodes = document.querySelectorAll(".row-count");
+          nodes.forEach((el, i) => {
+            const lum = lums[i];
+            if (lum !== undefined && lum < 120) {
+              el.style.color = "#FFFFFF";
+            }
+          });
+        }, luminances);
+      } catch (sampleError) {
+        logger.warn("背景亮度采样失败，使用默认数字颜色:", sampleError?.message);
+      }
       // 背景(自定义 CSS/API 背景)是加在 html 上的，必须截整页才能把卡片外的背景一起截进来；
       // body 高度由内容撑开（无 min-height），所以 fullPage 不会产生多余空白。
       const buf = await page.screenshot({ type: "png", fullPage: true });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-ll-mc",
   "description": "消息数量统计插件（基于 koishi-plugin-message-counter 重做，官方QQ机器人兼容）",
-  "version": "3.1.8",
+  "version": "3.1.9",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [