koishi-plugin-fimtale-api 0.0.98 → 1.0.0

package/lib/index.js

@@ -78,7 +78,7 @@ function apply(ctx, config) {
   }, "generateGradient");
   const cleanContent = /* @__PURE__ */ __name((html) => {
     if (!html) return "";
-    return html.replace(/style="[^"]*"/gi, "").replace(/<p[^>]*>\s*(&nbsp;|<br\s*\/?>|\s)*\s*<\/p>/gi, "").replace(/(<br\s*\/?>\s*){2,}/gi, "<br>").trim();
+    return html.replace(/style\s*=\s*['"][^'"]*['"]/gi, "").replace(/<p[^>]*>\s*(?:<br\s*\/?>|&nbsp;|&#160;|\s|　)*\s*<\/p>/gi, "").replace(/(<br\s*\/?>\s*){2,}/gi, "<br>").replace(/<\/p>\s*<br\s*\/?>\s*<p/gi, "</p><p>").replace(/<p[^>]*>\s*<br\s*\/?>/gi, "<p>").replace(/<br\s*\/?>\s*<\/p>/gi, "</p>").replace(/(?:<br\s*\/?>|&nbsp;|\s)+$/gi, "").trim();
   }, "cleanContent");
   const fontStack = '"Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif';
   const fontSerif = '"Noto Serif SC", "Source Han Serif SC", "SimSun", serif';
@@ -231,10 +231,8 @@ function apply(ctx, config) {
       <style>
         body { margin: 0; padding: 0; font-family: ${fontStack}; background: transparent; }
         .card { width: 620px; height: 360px; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); display: flex; overflow: hidden; }
-        
         .cover { width: 220px; height: 100%; ${bgStyle} background-size: cover; background-position: center; position: relative; flex-shrink: 0; }
         .id-tag { position: absolute; top: 12px; left: 12px; background: rgba(0,0,0,0.6); color: #fff; padding: 4px 10px; border-radius: 6px; font-size: 13px; font-weight: bold; backdrop-filter: blur(4px); font-family: monospace; }
-        
         .info { flex: 1; padding: 24px; display: flex; flex-direction: column; overflow: hidden; position: relative; }
         
         .header-group { flex-shrink: 0; margin-bottom: 10px; }
@@ -255,29 +253,17 @@ function apply(ctx, config) {
         .tag { background: #eff2f5; color: #5c6b7f; padding: 3px 9px; border-radius: 4px; font-size: 11px; font-weight: 500; }
         .tag-imp { background: #e3f2fd; color: #1565c0; }
         
-        /* 修复：使用 Flex 自动填充剩余空间，并增加底部 padding 防止截断 */
-        .summary-box {
-          flex: 1; 
-          position: relative; 
-          overflow: hidden;
-          min-height: 0;
-        }
+        .summary-box { flex: 1; position: relative; overflow: hidden; min-height: 0; }
         .summary { 
             font-size: 13px; color: #666; line-height: 1.6; 
-            display: -webkit-box; 
-            -webkit-line-clamp: 4; 
-            -webkit-box-orient: vertical; 
-            overflow: hidden; 
-            padding-bottom: 3px; /* 关键修复：防止下行字母（如g,j,p,q,y）被切掉 */
+            display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; 
+            padding-bottom: 3px; 
         }
 
         .footer { 
-            border-top: 1px solid #eee; 
-            padding-top: 14px; 
+            border-top: 1px solid #eee; padding-top: 14px; 
             display: flex; justify-content: space-between; 
-            font-size: 12px; color: #888; 
-            margin-top: auto; /* 确保页脚始终在底部 */
-            flex-shrink: 0;
+            font-size: 12px; color: #888; margin-top: auto; flex-shrink: 0;
         }
         .stat b { color: #555; font-weight: bold; margin-right: 2px;}
       </style>
@@ -401,40 +387,46 @@ function apply(ctx, config) {
            font-size: 12px; color: #aaa; background: #f6f4ec; z-index: 5;
         }
 
-        /* 视口容器：用于隐藏溢出的页面 */
+        /* 视口容器：限定只显示一页内容 */
         #viewport {
            position: absolute;
            top: ${marginTop}px;
-           left: ${paddingX}px; /* 左边距 */
-           width: ${contentWidth}px; /* 限制视口只显示一页内容的宽度 */
+           left: ${paddingX}px;
+           width: ${contentWidth}px;
            height: ${optimalContentHeight}px;
-           overflow: hidden; /* 关键：隐藏其他页 */
+           overflow: hidden;
         }
 
-        /* 内容长条：实际上是超宽的 */
+        /* 长条容器：包含所有列 */
         #content-scroller {
            height: 100%;
-           width: 100%; /* 这里的 100% 是相对于 viewport 的 contentWidth */
+           width: 100%;
            
            /* CSS Columns 布局 */
            column-width: ${contentWidth}px;
            column-gap: ${columnGap}px;
            column-fill: auto;
            
-           padding: ${paddingY}px 0; /* 左右不需要 padding，因为 viewport 已经定了位置 */
+           padding: ${paddingY}px 0;
            box-sizing: border-box;
            
            font-size: ${config.fontSize}px; 
            line-height: ${lineHeightRatio}; 
            text-align: justify;
            
-           /* 关键：使用 transform 移动，初始位置为 0 */
            transform: translateX(0);
            transition: none;
         }
         
-        p { margin: 0 0 0.8em 0; text-indent: 2em; }
-        img { max-width: 100%; height: auto; display: block; margin: 10px auto; border-radius: 6px; }
+        /* 段落间距优化：0.4em 是一个平衡点，紧凑但区分清晰 */
+        p { 
+            margin: 0 0 0.4em 0; 
+            text-indent: 2em; 
+        }
+        /* 防止最后一段下边距导致额外分页 */
+        p:last-child { margin-bottom: 0; }
+        
+        img { max-width: 100%; height: auto; display: block; margin: 10px auto; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
         h1, h2, h3 { font-size: 1.1em; margin: 0.8em 0; color: #5d4037; text-indent: 0; font-weight: bold; break-after: avoid; break-inside: avoid; }
       </style>
     </head>
@@ -459,14 +451,15 @@ function apply(ctx, config) {
       await page.setViewport({ width: config.deviceWidth, height: config.deviceHeight, deviceScaleFactor: 2 });
       const scrollWidth = await page.$eval("#content-scroller", (el) => el.scrollWidth);
       const step = contentWidth + columnGap;
-      const totalPages = Math.ceil((scrollWidth + columnGap) / step) || 1;
+      const totalPages = Math.floor((scrollWidth + columnGap - 10) / step) + 1;
+      const finalPages = Math.max(1, totalPages);
       const imgs = [];
-      for (let i = 0; i < totalPages; i++) {
+      for (let i = 0; i < finalPages; i++) {
         await page.evaluate((idx, stepPx, curr, total) => {
           const offset = -(idx * stepPx);
           document.getElementById("content-scroller").style.transform = `translateX(${offset}px)`;
           document.getElementById("page-indicator").innerText = `- ${curr} / ${total} -`;
-        }, i, step, i + 1, totalPages);
+        }, i, step, i + 1, finalPages);
         const img = await page.screenshot({ type: "jpeg", quality: 80 });
         imgs.push(img);
       }

package/package.json

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