koishi-plugin-fimtale-api 0.0.7 → 0.0.9

package/lib/index.js

@@ -47,6 +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 标准)
   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)")
@@ -61,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 "Unknown";
+    if (!timestamp) return "未知日期";
     const date = new Date(timestamp * 1e3);
     return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, "0")}-${date.getDate().toString().padStart(2, "0")}`;
   }, "formatDate");
@@ -84,7 +85,8 @@ function apply(ctx, config) {
     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, "");
   }, "cleanContent");
-  const fontStack = '"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "WenQuanYi Micro Hei", Arial, sans-serif';
+  const fontStack = '"Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif';
+  const fontSerif = '"Noto Serif SC", "Source Han Serif SC", "SimSun", serif';
   const injectCookies = /* @__PURE__ */ __name(async (page) => {
     if (!config.cookies) return;
     const cookies = config.cookies.split(";").map((pair) => {
@@ -99,7 +101,7 @@ function apply(ctx, config) {
       const url = `${config.apiUrl}/t/${threadId}`;
       const params = { APIKey: config.apiKey, APIPass: config.apiPass };
       const res = await ctx.http.get(url, { params });
-      if (res.Status !== 1 || !res.TopicInfo) return { valid: false, msg: res.ErrorMessage || "API Error" };
+      if (res.Status !== 1 || !res.TopicInfo) return { valid: false, msg: res.ErrorMessage || "API 返回错误" };
       return {
         valid: true,
         data: res.TopicInfo,
@@ -107,7 +109,7 @@ function apply(ctx, config) {
         menu: res.Menu || []
       };
     } catch (e) {
-      return { valid: false, msg: "Request Failed" };
+      return { valid: false, msg: "网络请求失败" };
     }
   }, "fetchThread");
   const fetchRandomId = /* @__PURE__ */ __name(async () => {
@@ -147,7 +149,7 @@ function apply(ctx, config) {
           const titleEl = card.querySelector(".card-title");
           if (titleEl) title = titleEl.textContent?.trim() || "";
           else title = link.textContent?.trim() || "";
-          let author = "Unknown";
+          let author = "未知";
           const authorEl = card.querySelector('a[href^="/u/"] span.grey-text');
           if (authorEl) author = authorEl.textContent?.trim() || "";
           let cover = void 0;
@@ -218,7 +220,7 @@ function apply(ctx, config) {
     const bgStyle = displayCover ? `background-image: url('${displayCover}');` : `background: ${generateGradient(displayTitle)};`;
     let summary = stripHtml(info.Content);
     if (summary.length < 10 && parent && isChapter) summary = stripHtml(parent.Content);
-    if (summary.length > 100) summary = summary.substring(0, 100) + "...";
+    if (summary.length > 110) summary = summary.substring(0, 110) + "...";
     if (!summary) summary = "暂无简介";
     const tagsArr = [];
     if (displayTagsObj?.Type) tagsArr.push(displayTagsObj.Type);
@@ -236,7 +238,15 @@ function apply(ctx, config) {
         .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; }
         .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; justify-content: space-between; overflow: hidden; }
+        
+        .info { 
+          flex: 1; padding: 24px; 
+          display: flex; flex-direction: column; 
+          /* 关键：内容溢出隐藏，防止撑开 */
+          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; 
@@ -247,24 +257,31 @@ function apply(ctx, config) {
           white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
           padding-left: 10px; border-left: 3px solid #e91e63;
         }
-        
         .author { font-size: 13px; color: #888; margin-top: 8px; font-weight: 400; }
         
-        .tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; max-height: 56px; overflow: hidden; flex-shrink: 0;}
+        /* 标签栏 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; overflow: hidden; position: relative; margin-top: 8px;
+          flex: 1; position: relative; margin-top: 4px; overflow: hidden;
         }
         .summary { 
             font-size: 13px; color: #666; line-height: 1.6; 
-            /* 精确控制行数和高度防止截断 */
-            max-height: 6.4em;
             display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; 
         }
 
-        .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>
@@ -365,81 +382,89 @@ function apply(ctx, config) {
     <html>
     <head>
       <style>
-        body { margin: 0; padding: 0; width: ${config.deviceWidth}px; background-color: #f6f4ec; color: #2c2c2c; font-family: ${fontStack}; }
-        #source-container { display: none; }
-        .page {
-          width: ${config.deviceWidth}px; height: ${config.deviceHeight}px;
-          padding: 35px 28px; box-sizing: border-box;
-          position: relative; background: #f6f4ec; overflow: hidden;
-          display: flex; flex-direction: column;
+        body { margin: 0; padding: 0; width: ${config.deviceWidth}px; background-color: #f6f4ec; color: #2c2c2c; font-family: ${fontSerif}; }
+        
+        /* 页面容器：包含页眉、内容、页脚 */
+        /* 固定高度，让 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;
+        }
+
+        /* 每一页的实际内容区域 */
+        /* 我们需要用 padding 来模拟页眉页脚的空间 */
+        /* 上留 50px，下留 40px，左右 25px */
+        .inner-content {
+            padding: 50px 25px 40px 25px;
+            box-sizing: border-box;
+            height: 100%; /* 填满容器高度 */
+            
+            font-size: ${config.fontSize}px; 
+            line-height: 1.8; 
+            text-align: justify;
         }
-        .page-header { 
-          font-size: 12px; color: #8d6e63; border-bottom: 2px solid #d7ccc8; 
-          padding-bottom: 12px; margin-bottom: 15px; flex-shrink: 0;
-          display: flex; justify-content: space-between; font-weight: bold;
+
+        /* 固定位置的页眉页脚 (overlay) */
+        .fixed-header {
+            position: fixed; 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;
+            font-size: 12px; color: #8d6e63; font-weight: bold; font-family: ${fontStack};
         }
-        .page-footer {
-          position: absolute; bottom: 15px; left: 0; right: 0; text-align: center;
-          font-size: 12px; color: #aaa; font-family: sans-serif;
+        .fixed-footer {
+            position: fixed; 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};
         }
-        .page-content { flex: 1; overflow: hidden; font-size: ${config.fontSize}px; line-height: 1.7; text-align: justify; }
-        p { margin: 0 0 0.6em 0; text-indent: 2em; }
-        img { max-width: 100%; height: auto; display: block; margin: 10px auto; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
-        h1, h2, h3 { font-size: 1.1em; margin: 0.5em 0; color: #5d4037; text-indent: 0; font-weight: bold; }
+
+        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; }
       </style>
     </head>
     <body>
-      <div id="source-container"><div class="meta-info" data-title="${info.Title}" data-author="${info.UserName}"></div>${content}</div>
-      <div id="output"></div>
-      <script>
-        function paginate() {
-          const source = document.getElementById('source-container');
-          const output = document.getElementById('output');
-          const title = source.querySelector('.meta-info').dataset.title;
-          const author = source.querySelector('.meta-info').dataset.author;
-          let pageIndex = 1;
-          let currentPageContent = null;
-          function createNewPage() {
-            const page = document.createElement('div'); page.className = 'page';
-            const header = document.createElement('div'); header.className = 'page-header';
-            header.innerHTML = \`<span>\${title.substring(0, 12) + (title.length>12?'...':'')}</span><span>\${author}</span>\`;
-            page.appendChild(header);
-            const content = document.createElement('div'); content.className = 'page-content';
-            page.appendChild(content);
-            const footer = document.createElement('div'); footer.className = 'page-footer';
-            footer.id = 'footer-' + pageIndex;
-            page.appendChild(footer);
-            output.appendChild(page);
-            currentPageContent = content;
-            return page;
-          }
-          createNewPage();
-          const children = Array.from(source.children);
-          for (const child of children) {
-            if (child.className === 'meta-info') continue;
-            currentPageContent.appendChild(child.cloneNode(true));
-            if (currentPageContent.scrollHeight > currentPageContent.clientHeight) {
-              currentPageContent.removeChild(currentPageContent.lastChild);
-              pageIndex++;
-              createNewPage();
-              currentPageContent.appendChild(child.cloneNode(true));
-            }
-          }
-          for(let i=1; i<=pageIndex; i++) document.getElementById('footer-'+i).innerText = \`- \${i} / \${pageIndex} -\`;
-          return pageIndex;
-        }
-      </script>
+        <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 class="fixed-footer" id="page-indicator">- 1 -</div>
     </body></html>`;
     const page = await ctx.puppeteer.page();
     try {
       await injectCookies(page);
       await page.setContent(html);
       await page.setViewport({ width: config.deviceWidth, height: config.deviceHeight, deviceScaleFactor: 2 });
-      await page.evaluate("paginate()");
+      const scrollWidth = await page.$eval("#content-wrapper", (el) => el.scrollWidth);
+      const totalPages = Math.ceil(scrollWidth / config.deviceWidth);
       const imgs = [];
-      const pages = await page.$$(".page");
-      for (const p of pages) {
-        imgs.push(await p.screenshot({ type: "jpeg", quality: 80 }));
+      for (let i = 0; i < totalPages; i++) {
+        await page.evaluate((x) => {
+          document.getElementById("content-wrapper").scrollLeft = x;
+        }, 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 });
+        imgs.push(img);
       }
       return imgs;
     } finally {

package/package.json

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