@karinjs/plugin-shotium 0.2.1 → 0.3.0

package/README.md

@@ -36,20 +36,23 @@ karin 的渲染器就是一个函数：收下 `Options`，还回 base64。
 | `pageGotoParams.waitUntil` | `pageGotoParams.waitUntil` | `networkidle0/2` 统一归到 `networkidle` |
 | `pageGotoParams.timeout` | `pageGotoParams.timeout` | `0`(不超时) 回退到引擎默认值 |
 | `headers` | `headers` | 只对同源子资源生效，见下 |
-| `multiPage` | — | 插件侧对同一张图做无损切割 |
+| `multiPage` | `tile.height` | 走引擎的分片接口 `screenshotTiles()` |
 | `waitForSelector` 等 | — | 引擎没有 JS 运行时，忽略并提示一次 |
 
 ### 分片渲染
 
-`multiPage` 在 puppeteer 那边是「改视窗高度重截几次」，
-这里换成了「截一次，再把 PNG 按行切开」：不重新布局，也就不会出现分片之间样式对不上的情况。
-切割直接在 zlib 层面做，不依赖任何图像库。
+`multiPage` 在 puppeteer 那边是「改视窗高度重截几次」，这里交给引擎的
+`screenshotTiles()`：文档只加载、布局、光栅化一次，引擎在光栅化的过程中按行切开、
+逐片编码，同一时刻只存在一片的位图。每一片都来自同一次布局，不会出现分片之间样式对不上的情况。
 
-因为切割器只认 PNG，`multiPage` 配上 jpeg/webp 时会自动切到 png，并在日志里提示一次。
+`multiPage: true` 用配置里的 `autoMultiPageHeight`，传数字就是这个数字，
+单位是 css 像素，上限 32000（引擎从一个滚动位置能画出的最大行数），超过会被夹到上限。
+最后一片是余数，所以片数是 `ceil(高度 / 单片高度)`。
 
-切割要把整张图重压一遍，这一步在大图上并不便宜。1440x2541 那张图上，
-同一份像素 deflate level 9 要 1.3s、level 6 要 0.48s、level 3 只要 0.19s，
-而体积差别只有个位数百分比，所以默认用 level 3，可以通过 `sliceCompression` 调。
+分片不再限定输出格式：png / jpeg / webp 都能分片，`quality` 照常生效。
+
+分片模式下没有「整张图」可以往 `path` 上写，所以 `path` 按片编号存：路径里写了 `{n}`
+就替换成 1 起的序号，没写就把序号插在扩展名前面（`a.png` → `a-1.png`、`a-2.png`）。
 
 ### 本地文件怎么交给引擎
 
@@ -79,8 +82,7 @@ karin 的渲染器就是一个函数：收下 `Options`，还回 base64。
 | `viewport` | `800x600` | 默认视窗 |
 | `scale` | `1` | 默认设备像素比 |
 | `timeout` | `30000` | 默认导航超时 |
-| `autoMultiPageHeight` | `4000` | `multiPage: true` 时每片的高度 |
-| `sliceCompression` | `3` | 分片重新编码的 deflate 级别 0-9 |
+| `autoMultiPageHeight` | `4000` | `multiPage: true` 时每片的高度，css 像素，上限 32000 |
 | `cacheDir` | `''` | HTTP 磁盘缓存目录，留空用引擎默认，填 `off` 关闭 |
 | `cacheMaxBytes` | `256MB` | 缓存上限 |
 | `userAgent` | `''` | 留空使用引擎内置 |

package/dist/{chunk-76RKNDUT.js → chunk-YEDXVK5H.js}

@@ -6,7 +6,7 @@ import { basePath } from 'node-karin/root';
 // package.json
 var package_default = {
   name: "@karinjs/plugin-shotium",
-  version: "0.2.1",
+  version: "0.3.0",
   description: "karin \u7684 shotium \u622A\u56FE\u3001\u6E32\u67D3\u63D2\u4EF6",
   keywords: [
     "karin",
@@ -39,7 +39,7 @@ var package_default = {
     "test:watch": "vitest"
   },
   dependencies: {
-    "@shotkit/shotium": "^0.3.3"
+    "@shotkit/shotium": "^0.4.0"
   },
   devDependencies: {
     "@types/express": "5.0.6",
@@ -79,7 +79,6 @@ var defaultConfig = {
   scale: 1,
   timeout: 3e4,
   autoMultiPageHeight: 4e3,
-  sliceCompression: 3,
   cacheDir: "",
   cacheMaxBytes: 256 * 1024 * 1024,
   userAgent: "",

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { ScreenshotOptions } from '@shotkit/shotium';
 import { Snapka } from 'node-karin';
 
 var name = "@karinjs/plugin-shotium";
-var version = "0.2.1";
+var version = "0.3.0";
 var description = "karin 的 shotium 截图、渲染插件";
 var keywords = [
 	"karin",
@@ -35,7 +35,7 @@ var scripts = {
 	"test:watch": "vitest"
 };
 var dependencies = {
-	"@shotkit/shotium": "^0.3.3"
+	"@shotkit/shotium": "^0.4.0"
 };
 var devDependencies = {
 	"@types/express": "5.0.6",
@@ -114,16 +114,8 @@ interface ShotiumConfig {
     scale: number;
     /** 默认导航超时(ms) */
     timeout: number;
-    /** `multiPage: true` 时单张分片的最大高度(css px) */
+    /** `multiPage: true` 时单张分片的最大高度(css px)，上限 32000 */
     autoMultiPageHeight: number;
-    /**
-     * 分片重新编码时的 deflate 级别 0-9
-     *
-     * 分片要把引擎给的整张 PNG 拆开重压一遍，这一步在大图上并不便宜：
-     * 同一份像素 level 9 要 1.3s、level 6 要 0.5s、level 3 只要 0.19s，
-     * 而体积差别只有个位数百分比。发到聊天里的图不值得为这点体积多等半秒。
-     */
-    sliceCompression: number;
     /** HTTP 磁盘缓存目录，留空使用引擎默认目录，填 `off` 关闭缓存 */
     cacheDir: string;
     /** HTTP 磁盘缓存上限(字节) */
@@ -186,39 +178,32 @@ declare const toScreenshotOptions: (options: Snapka, config: ShotiumConfig) => O
  * @returns 选项名列表
  */
 declare const pickUnsupported: (options: Snapka) => string[];
+/**
+ * 引擎一次能从同一个滚动位置画出的最大 css 行数，也是 `tile.height` 的上限
+ *
+ * 超过这个值引擎会直接拒绝整个请求，所以这里夹住而不是原样传过去：
+ * 调用方要的是「一片别太高」，不是「宁可不出图」。
+ */
+declare const MAX_TILE_HEIGHT = 32000;
 /**
  * 计算每一片的高度(css px)
  * @param multiPage karin 的 multiPage 参数
  * @param autoHeight `true` 时使用的默认高度
- * @returns 分片高度，不分片时返回 0
+ * @returns 分片高度，1 到 32000 之间的整数；不分片时返回 0
  */
 declare const toSliceHeight: (multiPage: number | boolean | undefined, autoHeight: number) => number;
-
-/** PNG 基本信息 */
-interface PngInfo {
-    width: number;
-    height: number;
-    bitDepth: number;
-    colorType: number;
-    interlace: number;
-}
-/**
- * 读取 PNG 的宽高等基本信息
- * @param buf PNG 数据
- * @returns 基本信息，不是合法 PNG 时返回 null
- */
-declare const readPngInfo: (buf: Buffer) => PngInfo | null;
 /**
- * 把一张 PNG 按高度切成若干张 PNG
+ * 分片落盘时每一片的路径
  *
- * 与「改视窗高度重新截图」相比，这里是对同一次渲染结果做无损切割：
- * 不会重新布局，也就不会出现分片之间样式对不上的问题。
+ * 分片模式下没有「整张图」这个东西可以往 `path` 上写，所以按片编号存：
+ * 路径里写了 `{n}` 就替换它，没写就把 1 起的序号插在扩展名前面。
+ * 只有一片时按调用方给的路径原样存，退化成不分片时的行为。
  *
- * @param buf 原始 PNG
- * @param sliceHeight 每片高度(设备像素)
- * @param level deflate 级别 0-9，越低越快、体积越大
- * @returns 切好的 PNG 列表；无法处理时返回 null，由调用方回退
+ * @param file 调用方给的路径
+ * @param index 第几片，从 1 开始
+ * @param total 一共几片
+ * @returns 这一片的路径
  */
-declare const splitPng: (buf: Buffer, sliceHeight: number, level?: number) => Buffer[] | null;
+declare const toTilePath: (file: string, index: number, total: number) => string;
 
-export { HMR_KEY, type LocalAccess, type PngInfo, type ShotiumConfig, UNSUPPORTED_KEYS, configPath, defaultConfig, getConfig, pickUnsupported, _package as pkg, pluginName, pluginVersion, readPngInfo, saveConfig, splitPng, toScreenshotOptions, toSliceHeight, toWaitUntil };
+export { HMR_KEY, type LocalAccess, MAX_TILE_HEIGHT, type ShotiumConfig, UNSUPPORTED_KEYS, configPath, defaultConfig, getConfig, pickUnsupported, _package as pkg, pluginName, pluginVersion, saveConfig, toScreenshotOptions, toSliceHeight, toTilePath, toWaitUntil };

package/dist/index.js

@@ -1,13 +1,12 @@
-import { getConfig, HMR_KEY, pluginName, pluginVersion } from './chunk-76RKNDUT.js';
-export { HMR_KEY, configPath, defaultConfig, getConfig, package_default as pkg, pluginName, pluginVersion, saveConfig } from './chunk-76RKNDUT.js';
+import { getConfig, HMR_KEY, pluginName, pluginVersion } from './chunk-YEDXVK5H.js';
+export { HMR_KEY, configPath, defaultConfig, getConfig, package_default as pkg, pluginName, pluginVersion, saveConfig } from './chunk-YEDXVK5H.js';
 import fs2 from 'node:fs';
-import path2 from 'node:path';
+import path3 from 'node:path';
 import crypto from 'node:crypto';
 import { fileURLToPath, pathToFileURL } from 'node:url';
 import { karin, logger, registerRender, renderTpl, app } from 'node-karin';
 import { karinPathHtml } from 'node-karin/root';
-import { start, status, stop, screenshot, daemon } from '@shotkit/shotium';
-import zlib from 'node:zlib';
+import { start, status, stop, screenshotTiles, screenshot, daemon } from '@shotkit/shotium';
 
 var toStartOptions = (config) => {
   const options = {
@@ -29,6 +28,7 @@ var createInprocessEngine = (config) => {
   );
   return {
     screenshot: (options) => screenshot(options),
+    screenshotTiles: (options) => screenshotTiles(options),
     close: async () => {
       if (status().running) await stop();
     }
@@ -57,15 +57,17 @@ var createDaemonEngine = (config) => {
     }
     return pending;
   };
+  const call = async (run) => {
+    try {
+      return await run(await connect());
+    } catch {
+      client = null;
+      return await run(await connect());
+    }
+  };
   return {
-    screenshot: async (options) => {
-      try {
-        return await (await connect()).screenshot(options);
-      } catch (error) {
-        client = null;
-        return await (await connect()).screenshot(options);
-      }
-    },
+    screenshot: (options) => call((connected) => connected.screenshot(options)),
+    screenshotTiles: (options) => call((connected) => connected.screenshotTiles(options)),
     close: async () => {
       client?.close();
       client = null;
@@ -75,165 +77,6 @@ var createDaemonEngine = (config) => {
 var createEngine = (config) => {
   return config.mode === "daemon" ? createDaemonEngine(config) : createInprocessEngine(config);
 };
-var PNG_SIGNATURE = Buffer.from([137, 80, 78, 71, 13, 10, 26, 10]);
-var CHANNELS = {
-  0: 1,
-  // 灰度
-  2: 3,
-  // RGB
-  4: 2,
-  // 灰度 + alpha
-  6: 4
-  // RGBA
-};
-var CRC_TABLE = (() => {
-  const table = new Int32Array(256);
-  for (let n = 0; n < 256; n++) {
-    let c = n;
-    for (let k = 0; k < 8; k++) {
-      c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
-    }
-    table[n] = c;
-  }
-  return table;
-})();
-var crc32 = (buf) => {
-  let c = -1;
-  for (let i = 0; i < buf.length; i++) {
-    c = CRC_TABLE[(c ^ buf[i]) & 255] ^ c >>> 8;
-  }
-  return (c ^ -1) >>> 0;
-};
-var readChunks = (buf) => {
-  if (buf.length < 8 || !buf.subarray(0, 8).equals(PNG_SIGNATURE)) return null;
-  const chunks = [];
-  let offset = 8;
-  while (offset + 8 <= buf.length) {
-    const length = buf.readUInt32BE(offset);
-    const type = buf.toString("ascii", offset + 4, offset + 8);
-    const start2 = offset + 8;
-    const end = start2 + length;
-    if (end + 4 > buf.length) return null;
-    chunks.push({ type, data: buf.subarray(start2, end) });
-    offset = end + 4;
-    if (type === "IEND") break;
-  }
-  return chunks;
-};
-var writeChunk = (type, data) => {
-  const length = Buffer.alloc(4);
-  length.writeUInt32BE(data.length, 0);
-  const typeAndData = Buffer.concat([Buffer.from(type, "ascii"), data]);
-  const crc = Buffer.alloc(4);
-  crc.writeUInt32BE(crc32(typeAndData), 0);
-  return Buffer.concat([length, typeAndData, crc]);
-};
-var readPngInfo = (buf) => {
-  if (buf.length < 33 || !buf.subarray(0, 8).equals(PNG_SIGNATURE)) return null;
-  if (buf.toString("ascii", 12, 16) !== "IHDR") return null;
-  return {
-    width: buf.readUInt32BE(16),
-    height: buf.readUInt32BE(20),
-    bitDepth: buf[24],
-    colorType: buf[25],
-    interlace: buf[28]
-  };
-};
-var paeth = (a, b, c) => {
-  const p = a + b - c;
-  const pa = Math.abs(p - a);
-  const pb = Math.abs(p - b);
-  const pc = Math.abs(p - c);
-  if (pa <= pb && pa <= pc) return a;
-  if (pb <= pc) return b;
-  return c;
-};
-var unfilter = (filtered, width, height, bpp) => {
-  const stride = width * bpp;
-  const out = Buffer.alloc(stride * height);
-  for (let y = 0; y < height; y++) {
-    const filterType = filtered[y * (stride + 1)];
-    const src = y * (stride + 1) + 1;
-    const dst = y * stride;
-    const up = dst - stride;
-    for (let x = 0; x < stride; x++) {
-      const raw = filtered[src + x];
-      const a = x >= bpp ? out[dst + x - bpp] : 0;
-      const b = y > 0 ? out[up + x] : 0;
-      const c = x >= bpp && y > 0 ? out[up + x - bpp] : 0;
-      let value;
-      switch (filterType) {
-        case 0:
-          value = raw;
-          break;
-        case 1:
-          value = raw + a;
-          break;
-        case 2:
-          value = raw + b;
-          break;
-        case 3:
-          value = raw + (a + b >> 1);
-          break;
-        case 4:
-          value = raw + paeth(a, b, c);
-          break;
-        default:
-          value = raw;
-      }
-      out[dst + x] = value & 255;
-    }
-  }
-  return out;
-};
-var splitPng = (buf, sliceHeight, level = 3) => {
-  const info = readPngInfo(buf);
-  if (!info) return null;
-  if (info.interlace !== 0 || info.bitDepth !== 8) return null;
-  const channels = CHANNELS[info.colorType];
-  if (!channels) return null;
-  const height = Math.max(1, Math.floor(sliceHeight));
-  if (height >= info.height) return [buf];
-  const chunks = readChunks(buf);
-  if (!chunks) return null;
-  const idat = chunks.filter((item) => item.type === "IDAT").map((item) => item.data);
-  if (idat.length === 0) return null;
-  let raw;
-  try {
-    raw = zlib.inflateSync(Buffer.concat(idat));
-  } catch {
-    return null;
-  }
-  const stride = info.width * channels;
-  if (raw.length < (stride + 1) * info.height) return null;
-  const pixels = unfilter(raw, info.width, info.height, channels);
-  const extras = chunks.filter((item) => ["PLTE", "tRNS", "gAMA", "sRGB", "cHRM", "iCCP", "pHYs"].includes(item.type));
-  const list = [];
-  for (let top = 0; top < info.height; top += height) {
-    const sliceRows = Math.min(height, info.height - top);
-    const body = Buffer.alloc((stride + 1) * sliceRows);
-    for (let y = 0; y < sliceRows; y++) {
-      body[y * (stride + 1)] = 0;
-      pixels.copy(body, y * (stride + 1) + 1, (top + y) * stride, (top + y + 1) * stride);
-    }
-    const ihdr = Buffer.alloc(13);
-    ihdr.writeUInt32BE(info.width, 0);
-    ihdr.writeUInt32BE(sliceRows, 4);
-    ihdr[8] = info.bitDepth;
-    ihdr[9] = info.colorType;
-    ihdr[10] = 0;
-    ihdr[11] = 0;
-    ihdr[12] = 0;
-    list.push(Buffer.concat([
-      PNG_SIGNATURE,
-      writeChunk("IHDR", ihdr),
-      ...extras.map((item) => writeChunk(item.type, item.data)),
-      writeChunk("IDAT", zlib.deflateSync(body, { level })),
-      writeChunk("IEND", Buffer.alloc(0))
-    ]));
-  }
-  return list;
-};
 var ALLOWED_EXT = {
   ".html": "text/html; charset=utf-8",
   ".htm": "text/html; charset=utf-8",
@@ -262,7 +105,7 @@ var token = crypto.randomBytes(16).toString("hex");
 var mountPath = `/shotium/${token}/fs`;
 var mounted = false;
 var toUrlPath = (file) => {
-  const posix = path2.resolve(file).split(path2.sep).join("/").replace(/^\/+/, "");
+  const posix = path3.resolve(file).split(path3.sep).join("/").replace(/^\/+/, "");
   return `${mountPath}/${posix.split("/").map(encodeURIComponent).join("/")}`;
 };
 var toFilePath = (urlPath) => {
@@ -279,8 +122,8 @@ var rewriteFileUrls = (text) => {
   });
 };
 var handler = (req, res) => {
-  const file = path2.normalize(toFilePath(req.path));
-  const ext = path2.extname(file).toLowerCase();
+  const file = path3.normalize(toFilePath(req.path));
+  const ext = path3.extname(file).toLowerCase();
   if (file.includes("..")) {
     res.status(403).end("forbidden");
     return;
@@ -315,9 +158,7 @@ var toBridgeUrl = (file) => {
   const port = process.env.HTTP_PORT || "7777";
   return `http://127.0.0.1:${port}${toUrlPath(file)}`;
 };
-var toFileUrl = (file) => pathToFileURL(path2.resolve(file)).href;
-
-// src/convert.ts
+var toFileUrl = (file) => pathToFileURL(path3.resolve(file)).href;
 var UNSUPPORTED_KEYS = [
   "waitForSelector",
   "waitForFunction",
@@ -376,15 +217,22 @@ var pickUnsupported = (options) => {
     return Array.isArray(value) ? value.length > 0 : !!value;
   });
 };
+var MAX_TILE_HEIGHT = 32e3;
 var toSliceHeight = (multiPage, autoHeight) => {
-  if (multiPage === true) return autoHeight;
-  if (typeof multiPage === "number" && multiPage > 0) return multiPage;
-  return 0;
+  const height = multiPage === true ? autoHeight : typeof multiPage === "number" ? multiPage : 0;
+  if (!(height > 0)) return 0;
+  return Math.min(MAX_TILE_HEIGHT, Math.max(1, Math.round(height)));
+};
+var toTilePath = (file, index, total) => {
+  if (file.includes("{n}")) return file.split("{n}").join(String(index));
+  if (total === 1) return file;
+  const ext = path3.extname(file);
+  return `${file.slice(0, file.length - ext.length)}-${index}${ext}`;
 };
 
 // src/index.ts
 var RENDER_ID = "@karinjs/plugin-shotium";
-var stringHtmlDir = path2.join(karinPathHtml, "shotium");
+var stringHtmlDir = path3.join(karinPathHtml, "shotium");
 var warned = /* @__PURE__ */ new Set();
 var warnOnce = (key, message) => {
   if (warned.has(key)) return;
@@ -394,7 +242,7 @@ var warnOnce = (key, message) => {
 var writeHtmlString = (html, name) => {
   fs2.mkdirSync(stringHtmlDir, { recursive: true });
   const hash = crypto.createHash("md5").update(html).digest("hex").slice(0, 8);
-  const file = path2.join(stringHtmlDir, `${name || "render"}-${hash}.html`);
+  const file = path3.join(stringHtmlDir, `${name || "render"}-${hash}.html`);
   if (!fs2.existsSync(file)) fs2.writeFileSync(file, html);
   return file;
 };
@@ -402,7 +250,7 @@ var resolveTarget = (file, config, hasHeaders) => {
   if (/^https?:\/\//.test(file)) {
     return { target: file, allowFileAccess: false };
   }
-  const local = file.startsWith("file:") ? fileURLToPath(file) : path2.resolve(file);
+  const local = file.startsWith("file:") ? fileURLToPath(file) : path3.resolve(file);
   const wantHttp = config.localAccess === "http" || config.localAccess === "auto" && hasHeaders;
   if (wantHttp) {
     if (isBridgeAvailable()) {
@@ -419,6 +267,15 @@ var formatBytes = (bytes) => {
   const value = bytes / Math.pow(1024, i);
   return `${i === 0 ? Math.round(value) : value.toFixed(2)} ${units[i]}`;
 };
+var formatStats = (stats, enabled) => {
+  if (!enabled) return "";
+  return ` \u7F51\u7EDC: ${stats.requests}(\u7F13\u5B58 ${stats.fromCache}/\u5931\u8D25 ${stats.failed}) \u5F15\u64CE: ${stats.timing.total.toFixed(1)}ms`;
+};
+var writeImage = (file, image) => {
+  const target = path3.resolve(file);
+  fs2.mkdirSync(path3.dirname(target), { recursive: true });
+  fs2.writeFileSync(target, image);
+};
 var main = async () => {
   let config = getConfig();
   let engine = createEngine(config);
@@ -456,38 +313,31 @@ var main = async () => {
     const { target, allowFileAccess } = resolveTarget(data.file, config, hasHeaders);
     const shot = toScreenshotOptions(data, config);
     const sliceHeight = toSliceHeight(data.multiPage, config.autoMultiPageHeight);
-    if (sliceHeight > 0 && shot.type !== "png") {
-      warnOnce(
-        "multiPageType",
-        `\u5206\u7247\u6E32\u67D3\u53EA\u80FD\u8F93\u51FA png\uFF0C\u672C\u6B21\u5DF2\u628A ${shot.type} \u5207\u6362\u4E3A png`
+    const name = path3.basename(data.file_name || data.file || "unknown");
+    const request = { ...shot, file: target, allowFileAccess };
+    if (sliceHeight > 0) {
+      const result2 = await engine.screenshotTiles({ ...request, tile: { height: sliceHeight } });
+      const images = result2.tiles.map((tile) => tile.image).filter((image2) => !!image2);
+      if (images.length === 0) throw new Error(`[${pluginName}] \u5F15\u64CE\u6CA1\u6709\u8FD4\u56DE\u56FE\u7247\u6570\u636E`);
+      if (data.path) {
+        images.forEach((image2, index) => {
+          writeImage(toTilePath(data.path, index + 1, images.length), image2);
+        });
+      }
+      const bytes = images.reduce((total, image2) => total + image2.length, 0);
+      logger.info(
+        `[${RENDER_ID}][${name}] \u5206\u7247\u622A\u56FE\u5B8C\u6210 ${images.length} \u5F20 \u5927\u5C0F: ${logger.green(formatBytes(bytes))} \u8017\u65F6: ${logger.green(String(Date.now() - time))} ms` + formatStats(result2.stats, config.logStats)
       );
-      shot.type = "png";
-      delete shot.quality;
+      return images.map((image2) => image2.toString("base64"));
     }
-    const result = await engine.screenshot({ ...shot, file: target, allowFileAccess });
+    const result = await engine.screenshot(request);
     const image = result.image;
     if (!image) throw new Error(`[${pluginName}] \u5F15\u64CE\u6CA1\u6709\u8FD4\u56DE\u56FE\u7247\u6570\u636E`);
-    if (data.path) {
-      fs2.mkdirSync(path2.dirname(path2.resolve(data.path)), { recursive: true });
-      fs2.writeFileSync(path2.resolve(data.path), image);
-    }
-    const name = path2.basename(data.file_name || data.file || "unknown");
-    const stats = config.logStats ? ` \u7F51\u7EDC: ${result.stats.requests}(\u7F13\u5B58 ${result.stats.fromCache}/\u5931\u8D25 ${result.stats.failed}) \u5F15\u64CE: ${result.stats.timing.total.toFixed(1)}ms` : "";
-    if (sliceHeight === 0) {
-      logger.info(
-        `[${RENDER_ID}][${name}] \u622A\u56FE\u5B8C\u6210 \u5927\u5C0F: ${logger.green(formatBytes(image.length))} \u8017\u65F6: ${logger.green(String(Date.now() - time))} ms${stats}`
-      );
-      return image.toString("base64");
-    }
-    const list = splitPng(image, Math.round(sliceHeight * (shot.scale ?? 1)), config.sliceCompression);
-    if (!list) {
-      warnOnce("split", "\u5F53\u524D\u56FE\u7247\u683C\u5F0F\u65E0\u6CD5\u5206\u7247\uFF0C\u5DF2\u6309\u6574\u5F20\u8FD4\u56DE");
-      return [image.toString("base64")];
-    }
+    if (data.path) writeImage(data.path, image);
     logger.info(
-      `[${RENDER_ID}][${name}] \u5206\u7247\u622A\u56FE\u5B8C\u6210 ${list.length} \u5F20 \u5927\u5C0F: ${logger.green(formatBytes(image.length))} \u8017\u65F6: ${logger.green(String(Date.now() - time))} ms${stats}`
+      `[${RENDER_ID}][${name}] \u622A\u56FE\u5B8C\u6210 \u5927\u5C0F: ${logger.green(formatBytes(image.length))} \u8017\u65F6: ${logger.green(String(Date.now() - time))} ms` + formatStats(result.stats, config.logStats)
     );
-    return list.map((item) => item.toString("base64"));
+    return image.toString("base64");
   });
   logger.info(
     `${logger.violet(`[\u63D2\u4EF6:${pluginVersion}]`)} ${logger.green(pluginName)} \u521D\u59CB\u5316\u5B8C\u6210~`
@@ -495,4 +345,4 @@ var main = async () => {
 };
 main();
 
-export { UNSUPPORTED_KEYS, pickUnsupported, readPngInfo, splitPng, toScreenshotOptions, toSliceHeight, toWaitUntil };
+export { MAX_TILE_HEIGHT, UNSUPPORTED_KEYS, pickUnsupported, toScreenshotOptions, toSliceHeight, toTilePath, toWaitUntil };

package/dist/web.config.js

@@ -1,4 +1,4 @@
-import { package_default, getConfig, defaultConfig, saveConfig } from './chunk-76RKNDUT.js';
+import { package_default, getConfig, defaultConfig, saveConfig } from './chunk-YEDXVK5H.js';
 import { components } from 'node-karin';
 
 var toNumber = (value, fallback) => {
@@ -86,14 +86,9 @@ var webConfig = {
       }),
       components.input.number("autoMultiPageHeight", {
         label: "\u81EA\u52A8\u5206\u7247\u9AD8\u5EA6",
-        description: "\u8C03\u7528\u65B9\u4F20 multiPage: true \u65F6\uFF0C\u6BCF\u7247\u7684\u9AD8\u5EA6(css \u50CF\u7D20)",
+        description: "\u8C03\u7528\u65B9\u4F20 multiPage: true \u65F6\uFF0C\u6BCF\u7247\u7684\u9AD8\u5EA6(css \u50CF\u7D20)\uFF0C\u4E0A\u9650 32000",
         defaultValue: String(config.autoMultiPageHeight)
       }),
-      components.input.number("sliceCompression", {
-        label: "\u5206\u7247\u91CD\u65B0\u7F16\u7801\u7684\u538B\u7F29\u7EA7\u522B",
-        description: "0-9\u3002\u5206\u7247\u8981\u628A\u6574\u5F20\u56FE\u62C6\u5F00\u91CD\u538B\u4E00\u904D\uFF0C\u7EA7\u522B\u8D8A\u4F4E\u8D8A\u5FEB\u3001\u4F53\u79EF\u8D8A\u5927\uFF0C3 \u662F\u6298\u4E2D\u503C",
-        defaultValue: String(config.sliceCompression)
-      }),
       components.divider.create("divider1"),
       components.input.string("cacheDir", {
         label: "HTTP \u7F13\u5B58\u76EE\u5F55",
@@ -140,7 +135,6 @@ var webConfig = {
         scale: toNumber(form.scale, current.scale),
         timeout: toNumber(form.timeout, current.timeout),
         autoMultiPageHeight: toNumber(form.autoMultiPageHeight, defaultConfig.autoMultiPageHeight),
-        sliceCompression: Math.min(9, Math.max(0, toNumber(form.sliceCompression, defaultConfig.sliceCompression))),
         cacheDir,
         cacheMaxBytes: toNumber(form.cacheMaxBytes, current.cacheMaxBytes),
         userAgent: String(form.userAgent ?? ""),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@karinjs/plugin-shotium",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "karin 的 shotium 截图、渲染插件",
   "keywords": [
     "karin",
@@ -23,7 +23,7 @@
     "url": "git+https://github.com/KarinJS/plugin-shotium.git"
   },
   "dependencies": {
-    "@shotkit/shotium": "^0.3.3"
+    "@shotkit/shotium": "^0.4.0"
   },
   "devDependencies": {
     "@types/express": "5.0.6",