koishi-plugin-fimtale-api 1.0.1 → 1.0.2

package/lib/index.js

@@ -85,15 +85,18 @@ function apply(ctx, config) {
     processed = processed.replace(/<script\b[^>]*>([\s\S]*?)<\/script>/gmi, "");
     processed = processed.replace(/<style\b[^>]*>([\s\S]*?)<\/style>/gmi, "");
     processed = processed.replace(/<iframe[^>]*>.*?<\/iframe>/gmi, '<p class="align-center" style="color:#999;font-size:0.8em;">[多媒体内容]</p>');
+    processed = processed.replace(
+      /<div class="material-placeholder">([\s\S]*?)<\/div>/gi,
+      (match, content) => {
+        const cleanImg = content.replace(/loading="lazy"/gi, "");
+        return `<figure class="img-box">${cleanImg}</figure>`;
+      }
+    );
     processed = processed.replace(/<p[^>]*style="[^"]*text-align:\s*right[^"]*"[^>]*>/gi, '<p class="align-right">');
     processed = processed.replace(/<p[^>]*style="[^"]*text-align:\s*center[^"]*"[^>]*>/gi, '<p class="align-center">');
     processed = processed.replace(/<p[^>]*style="[^"]*text-indent:\s*0[^"]*"[^>]*>/gi, '<p class="no-indent">');
-    processed = processed.replace(/<div class="material-placeholder">/gi, '<div class="img-box">');
+    processed = processed.replace(/<\/?div[^>]*>/gi, "");
     processed = processed.replace(/<blockquote[^>]*>/gi, "<blockquote>");
-    processed = processed.replace(/<div(?![^>]*class=["']img-box["'])[^>]*>/gi, "<p>");
-    processed = processed.replace(/<\/div>/gi, (match, offset, string) => {
-      return "</div>";
-    });
     processed = processed.replace(/class=(["'])(?!(align-center|align-right|no-indent|img-box)\1)[^"']*\1/gi, "");
     processed = processed.replace(/style\s*=\s*['"][^'"]*['"]/gi, "");
     processed = processed.replace(/<\/?(span|font|o:p)[^>]*>/gi, "");
@@ -292,7 +295,15 @@ function apply(ctx, config) {
         .fixed-header { position: absolute; top: 0; left: 0; width: 100%; height: ${headerHeight}px; border-bottom: 1px solid #d7ccc8; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #8d6e63; background: #f6f4ec; z-index: 5; font-weight: bold; }
         .fixed-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: ${footerHeight}px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #aaa; background: #f6f4ec; z-index: 5; }
         #viewport { position: absolute; top: ${marginTop}px; left: ${paddingX}px; width: ${contentWidth}px; height: ${optimalContentHeight}px; overflow: hidden; }
-        #content-scroller { height: 100%; width: 100%; column-width: ${contentWidth}px; column-gap: ${columnGap}px; column-fill: auto; padding: ${paddingY}px 0; box-sizing: border-box; font-size: ${config.fontSize}px; line-height: ${lineHeightRatio}; text-align: left; transform: translateX(0); transition: none; }
+        
+        #content-scroller { 
+            height: 100%; width: 100%; 
+            column-width: ${contentWidth}px; column-gap: ${columnGap}px; column-fill: auto; 
+            padding: ${paddingY}px 0; box-sizing: border-box; 
+            font-size: ${config.fontSize}px; line-height: ${lineHeightRatio}; 
+            text-align: left; /* 修正：左对齐防止空格拉伸 */
+            transform: translateX(0); transition: none; 
+        }
         
         /* 基础文本 */
         p, div { margin: 0 0 0.2em 0; text-indent: 2em; word-wrap: break-word; overflow-wrap: break-word; }
@@ -326,8 +337,8 @@ function apply(ctx, config) {
         
         a { color: #0277bd; text-decoration: none; }
 
-        /* 图片 */
-        .img-box { display: flex; justify-content: center; align-items: center; margin: 0.5em 0; width: 100%; }
+        /* 图片 (使用 figure 替代 div) */
+        figure.img-box { display: flex; justify-content: center; align-items: center; margin: 0.5em 0; width: 100%; }
         img { max-width: 100%; height: auto; display: block; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
         
         /* 标题 */
@@ -346,6 +357,26 @@ function apply(ctx, config) {
       await injectCookies(page);
       await page.setContent(html);
       await page.setViewport({ width: config.deviceWidth, height: config.deviceHeight, deviceScaleFactor: 2 });
+      await page.evaluate(async () => {
+        await document.fonts.ready;
+        await new Promise((resolve) => {
+          const imgs2 = Array.from(document.images);
+          if (!imgs2.length) return resolve(true);
+          let loaded = 0;
+          imgs2.forEach((img) => {
+            if (img.complete) {
+              loaded++;
+              if (loaded === imgs2.length) resolve(true);
+            } else {
+              img.onload = img.onerror = () => {
+                loaded++;
+                if (loaded === imgs2.length) resolve(true);
+              };
+            }
+          });
+          setTimeout(resolve, 3e3);
+        });
+      });
       const scrollWidth = await page.$eval("#content-scroller", (el) => el.scrollWidth);
       const step = contentWidth + columnGap;
       const totalPages = Math.floor((scrollWidth + columnGap - 10) / step) + 1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-fimtale-api",
   "description": "Koishi插件，从fimtale搜索/订阅/随机获取小说/解析链接等",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [