npm - koishi-plugin-fimtale-api - Versions diffs - 0.0.9 → 0.0.95 - Mend

koishi-plugin-fimtale-api 0.0.9 → 0.0.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/lib/index.js +54 -66
package/package.json +1 -1

package/lib/index.js CHANGED Viewed

@@ -47,7 +47,7 @@ var Config = import_koishi.Schema.object({
   cookies: import_koishi.Schema.string().role("secret").description("浏览器 Cookie (用于解除安全模式，必填)"),
   pollInterval: import_koishi.Schema.number().default(60 * 1e3).description("追更轮询间隔(ms)"),
   autoParseLink: import_koishi.Schema.boolean().default(true).description("自动解析链接为预览卡片"),
-  // 渲染配置 (iPhone 12/13/14 标准)
+  // 渲染配置 (iPhone 12/13 标准)
   deviceWidth: import_koishi.Schema.number().default(390).description("阅读器渲染宽度(px)"),
   deviceHeight: import_koishi.Schema.number().default(844).description("阅读器渲染高度(px)"),
   fontSize: import_koishi.Schema.number().default(20).description("正文字号(px)")
@@ -62,7 +62,7 @@ function apply(ctx, config) {
   }, { primary: "id", autoInc: true });
   const sleep = /* @__PURE__ */ __name((ms) => new Promise((resolve) => setTimeout(resolve, ms)), "sleep");
   const formatDate = /* @__PURE__ */ __name((timestamp) => {
-    if (!timestamp) return "未知日期";
+    if (!timestamp) return "Unknown";
     const date = new Date(timestamp * 1e3);
     return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, "0")}-${date.getDate().toString().padStart(2, "0")}`;
   }, "formatDate");
@@ -83,9 +83,9 @@ function apply(ctx, config) {
   }, "generateGradient");
   const cleanContent = /* @__PURE__ */ __name((html) => {
     if (!html) return "";
-    return html.replace(/<p>\s*&nbsp;\s*<\/p>/gi, "").replace(/<p>\s*<br\s*\/?>\s*<\/p>/gi, "").replace(/<p>\s*<\/p>/gi, "").replace(/(<br\s*\/?>){2,}/gi, "<br>").replace(/margin-bottom:\s*\d+px/gi, "");
+    return html.replace(/style="[^"]*"/gi, "").replace(/<p[^>]*>\s*(&nbsp;|<br\s*\/?>|\s)*\s*<\/p>/gi, "").replace(/(<br\s*\/?>\s*){2,}/gi, "<br>").trim();
   }, "cleanContent");
-  const fontStack = '"Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif';
+  const fontStack = '"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "WenQuanYi Micro Hei", Arial, sans-serif';
   const fontSerif = '"Noto Serif SC", "Source Han Serif SC", "SimSun", serif';
   const injectCookies = /* @__PURE__ */ __name(async (page) => {
     if (!config.cookies) return;
@@ -235,19 +235,12 @@ function apply(ctx, config) {
     <head>
       <style>
         body { margin: 0; padding: 0; font-family: ${fontStack}; background: transparent; }
-        .card { width: 620px; height: 340px; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); display: flex; overflow: hidden; }
+        .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;
-        }
+        .info { flex: 1; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
         .header-group { display: flex; flex-direction: column; flex-shrink: 0; }
         .title {
           font-size: 22px; font-weight: 700; color: #333; line-height: 1.35;
           display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
@@ -259,29 +252,23 @@ function apply(ctx, config) {
         }
         .author { font-size: 13px; color: #888; margin-top: 8px; font-weight: 400; }
-        /* 标签栏 flex-shrink 设为 0，保证标签不被压缩 */
-        .tags {
-          display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0;
-          max-height: 56px; overflow: hidden; flex-shrink: 0;
-        }
+        .tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; max-height: 56px; overflow: hidden; flex-shrink: 0;}
         .tag { background: #eff2f5; color: #5c6b7f; padding: 3px 9px; border-radius: 4px; font-size: 11px; font-weight: 500; }
         .tag-imp { background: #e3f2fd; color: #1565c0; }
-        /* 简介占据剩余空间 */
+        /* 简介区域防截断优化 */
         .summary-box {
           flex: 1; position: relative; margin-top: 4px; overflow: hidden;
         }
         .summary {
-            font-size: 13px; color: #666; line-height: 1.6;
+            font-size: 13px; color: #666;
+            line-height: 1.5; /* 设定标准行高 */
+            max-height: 6em;  /* 4行 = 1.5 * 4 */
             display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
+            padding-bottom: 2px; /* 底部缓冲 */
         }
-        /* 底部数据固定高度，防止被挤出 */
-        .footer {
-          border-top: 1px solid #eee; padding-top: 14px;
-          display: flex; justify-content: space-between;
-          font-size: 12px; color: #888; margin-top: 15px; flex-shrink: 0;
-        }
+        .footer { border-top: 1px solid #eee; padding-top: 14px; display: flex; justify-content: space-between; font-size: 12px; color: #888; margin-top: 15px; flex-shrink: 0;}
         .stat b { color: #555; font-weight: bold; margin-right: 2px;}
       </style>
     </head>
@@ -360,7 +347,7 @@ function apply(ctx, config) {
               <div class="top-row"><div class="title">${r.title}</div><div class="id-badge">ID: ${r.id}</div></div>
               <div class="author">By ${r.author} ${r.status ? ` · ${r.status}` : ""}</div>
               <div class="tags">${r.tags.map((t) => `<span class="tag">${t}</span>`).join("")}</div>
-              <div class="meta-row">${stats || "暂无数据"}</div>
+              <div class="meta-row">${stats || "No Data"}</div>
             </div></div>`;
     }).join("")}
         </div>
@@ -383,70 +370,71 @@ function apply(ctx, config) {
     <head>
       <style>
         body { margin: 0; padding: 0; width: ${config.deviceWidth}px; background-color: #f6f4ec; color: #2c2c2c; font-family: ${fontSerif}; }
+        #source-container { display: none; }
+        .page {
+          width: ${config.deviceWidth}px; height: ${config.deviceHeight}px;
+          /* 增加 padding，减少每页内容量，看起来更舒适 */
+          padding: 40px 30px; box-sizing: border-box;
+          position: relative; background: #f6f4ec; overflow: hidden;
+          /* 关键：CSS多列布局，无需手动分页 */
+          display: flex; flex-direction: column;
+        }
-        /* 页面容器：包含页眉、内容、页脚 */
-        /* 固定高度，让 CSS Column 生效 */
+        /* 自定义 CSS Column 容器 */
         #content-wrapper {
-            width: ${config.deviceWidth}px;
-            height: ${config.deviceHeight}px;
-            column-width: ${config.deviceWidth}px;
-            column-gap: 0;
-            /* 强制水平滚动 */
-            overflow-y: hidden;
-            overflow-x: scroll;
+            width: ${config.deviceWidth}px; height: ${config.deviceHeight}px;
+            column-width: ${config.deviceWidth}px; column-gap: 0; column-fill: auto;
+            overflow-x: hidden; overflow-y: hidden; /* 隐藏滚动条 */
         }
-        /* 每一页的实际内容区域 */
-        /* 我们需要用 padding 来模拟页眉页脚的空间 */
-        /* 上留 50px，下留 40px，左右 25px */
+        /* 实际内容区 */
         .inner-content {
-            padding: 50px 25px 40px 25px;
+            padding: 50px 25px 40px 25px; /* 避让页眉页脚 */
             box-sizing: border-box;
-            height: 100%; /* 填满容器高度 */
+            height: 100%;
             font-size: ${config.fontSize}px;
             line-height: 1.8;
             text-align: justify;
         }
-        /* 固定位置的页眉页脚 (overlay) */
+        /* 固定页眉页脚 (Overlay) */
         .fixed-header {
-            position: fixed; top: 0; left: 0; width: 100%; height: 40px;
-            background: #f6f4ec; /* 遮挡背景 */
-            z-index: 10;
+            position: absolute; top: 0; left: 0; width: 100%; height: 40px;
+            background: #f6f4ec; z-index: 10;
             border-bottom: 1px solid #d7ccc8;
             display: flex; align-items: center; justify-content: space-between;
-            padding: 0 20px; box-sizing: border-box;
+            padding: 0 25px; box-sizing: border-box;
             font-size: 12px; color: #8d6e63; font-weight: bold; font-family: ${fontStack};
         }
         .fixed-footer {
-            position: fixed; bottom: 0; left: 0; width: 100%; height: 30px;
-            background: #f6f4ec;
-            z-index: 10;
+            position: absolute; bottom: 0; left: 0; width: 100%; height: 30px;
+            background: #f6f4ec; z-index: 10;
             display: flex; align-items: center; justify-content: center;
             font-size: 12px; color: #aaa; font-family: ${fontStack};
         }
+        /* 排版细节 */
         p { margin: 0 0 0.8em 0; text-indent: 2em; }
-        /* 防止图片被切分 */
         img { max-width: 100%; height: auto; display: block; margin: 15px auto; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); break-inside: avoid; }
-        h1, h2, h3 { font-size: 1.2em; margin: 0.8em 0; color: #5d4037; text-indent: 0; font-weight: bold; break-after: avoid; }
+        h1, h2, h3 { font-size: 1.1em; margin: 0.8em 0; color: #5d4037; text-indent: 0; font-weight: bold; break-after: avoid; }
       </style>
     </head>
     <body>
-        <div class="fixed-header">
-            <span>${info.Title.substring(0, 12) + (info.Title.length > 12 ? "..." : "")}</span>
-            <span>${info.UserName}</span>
-        </div>
-        <div id="content-wrapper">
-            <div class="inner-content">
-                ${content}
-            </div>
-        </div>
+      <div id="source-container"></div>
+      <!-- 使用 CSS Columns 进行分页布局 -->
+      <div id="content-wrapper">
+         <div class="inner-content">
+            ${content}
+         </div>
+      </div>
-        <div class="fixed-footer" id="page-indicator">- 1 -</div>
+      <!-- 覆盖层：页眉页脚，截图时通过 JS 更新 -->
+      <div class="fixed-header">
+         <span>${info.Title.substring(0, 12) + (info.Title.length > 12 ? "..." : "")}</span>
+         <span>${info.UserName}</span>
+      </div>
+      <div class="fixed-footer" id="page-indicator">- 1 -</div>
     </body></html>`;
     const page = await ctx.puppeteer.page();
     try {
@@ -458,12 +446,12 @@ function apply(ctx, config) {
       const imgs = [];
       for (let i = 0; i < totalPages; i++) {
         await page.evaluate((x) => {
-          document.getElementById("content-wrapper").scrollLeft = x;
+          document.getElementById("content-wrapper").scrollTo(x, 0);
         }, i * config.deviceWidth);
         await page.evaluate((curr, total) => {
           document.getElementById("page-indicator").innerText = `- ${curr} / ${total} -`;
         }, i + 1, totalPages);
-        const img = await page.screenshot({ type: "jpeg", quality: 100 });
+        const img = await page.screenshot({ type: "jpeg", quality: 80 });
         imgs.push(img);
       }
       return imgs;

package/package.json CHANGED Viewed

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