koishi-plugin-csss 1.2.1 → 2.1.0

package/lib/index.js

@@ -27,7 +27,8 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_koishi = require("koishi");
-var name = "cs-server-status";
+var name = "csss";
+var inject = ["puppeteer", "gamedig", "database"];
 var Config = import_koishi.Schema.object({
   timeout: import_koishi.Schema.number().min(1e3).max(3e4).default(5e3).description("查询超时时间(毫秒)"),
   cacheTime: import_koishi.Schema.number().min(0).max(3e5).default(3e4).description("缓存时间(毫秒，0为禁用缓存)"),
@@ -39,29 +40,19 @@ var Config = import_koishi.Schema.object({
   imageWidth: import_koishi.Schema.number().min(600).max(2e3).default(1200).description("图片宽度(像素)"),
   imageHeight: import_koishi.Schema.number().min(200).max(2500).default(500).description("图片最小高度(像素)，实际高度会根据内容自适应"),
   fontSize: import_koishi.Schema.number().min(12).max(48).default(24).description("字体大小"),
-  fontFamily: import_koishi.Schema.string().default('"JetBrains Mono", monospace').description("字体家族"),
-  serverList: import_koishi.Schema.array(import_koishi.Schema.string()).role("table").description("批量查询服务器列表（格式: 地址:端口，每行一个）").default([
+  fontFamily: import_koishi.Schema.string().default('"JetBrains Mono", monospace').description("字体"),
+  serverList: import_koishi.Schema.array(import_koishi.Schema.string()).role("table").description("批量查询服务器列表（格式: [地址]:[端口]，每行一个）").default([
     "edgebug.cn:27015",
     "edgebug.cn:27016",
     "edgebug.cn:27017",
     "edgebug.cn:27018",
     "edgebug.cn:27019"
   ]),
-  batchTimeout: import_koishi.Schema.number().min(1e3).max(6e4).default(15e3).description("批量查询总超时时间(毫秒)"),
-  // 定时任务配置
-  scheduleEnabled: import_koishi.Schema.boolean().default(false).description("是否启用定时自动查询功能"),
-  scheduleInterval: import_koishi.Schema.number().min(1).max(1440).default(5).description("定时查询间隔时间(分钟)"),
-  scheduleStartTime: import_koishi.Schema.string().pattern(/^([01]?[0-9]|2[0-3]):[0-5][0-9]$/).default("08:00").description("定时任务开始时间(24小时制，格式: HH:MM)"),
-  scheduleEndTime: import_koishi.Schema.string().pattern(/^([01]?[0-9]|2[0-3]):[0-5][0-9]$/).default("23:00").description("定时任务结束时间(24小时制，格式: HH:MM)"),
-  scheduleGroups: import_koishi.Schema.array(import_koishi.Schema.string()).role("table").description("定时发送的群组ID列表（每行一个群组ID）").default([]),
-  scheduleUseImage: import_koishi.Schema.boolean().default(true).description("定时任务是否使用图片格式输出"),
-  // QQ适配器配置
-  qqAdapterName: import_koishi.Schema.string().default("qq").description('QQ适配器名称（默认为"qq"，如果在QQ配置中指定了其他名称请修改）'),
-  useFullChannelId: import_koishi.Schema.boolean().default(true).description("是否使用完整的频道ID格式（推荐开启）")
+  batchTimeout: import_koishi.Schema.number().min(1e3).max(6e4).default(15e3).description("批量查询总超时时间(毫秒)")
 });
 var COLORS = {
-  background: "rgba(28,28,31,0.80)",
-  text: "rgb(113, 113, 122)",
+  background: "#1c1c1fcc",
+  text: "#71717a",
   textLight: "#aaaaaa",
   textLighter: "#dddddd",
   textWhite: "#ffffff",
@@ -81,7 +72,7 @@ var COLORS = {
   divider: "#555555",
   timestamp: "#666666",
   gold: "#FFD700",
-  playerName: "rgb(252, 248, 222)"
+  playerName: "#fcf8de"
 };
 var utils = {
   formatPing(ping) {
@@ -110,35 +101,17 @@ var utils = {
     if (ms < 1e3) return `${ms}ms`;
     if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}秒`;
     return `${(ms / 1e3).toFixed(0)}秒`;
-  },
-  parseTimeToMinutes(timeStr) {
-    const [hours, minutes] = timeStr.split(":").map(Number);
-    return hours * 60 + minutes;
-  },
-  isWithinScheduleTime(startTime, endTime) {
-    const now = /* @__PURE__ */ new Date();
-    const currentMinutes = now.getHours() * 60 + now.getMinutes();
-    const startMinutes = this.parseTimeToMinutes(startTime);
-    const endMinutes = this.parseTimeToMinutes(endTime);
-    return currentMinutes >= startMinutes && currentMinutes <= endMinutes;
-  },
-  formatGroupId(groupId, adapterName, useFullChannelId) {
-    if (useFullChannelId) {
-      return `${adapterName}:${groupId}`;
-    }
-    return groupId;
   }
 };
 function apply(ctx, config) {
   const cache = /* @__PURE__ */ new Map();
-  let scheduleTimer = null;
   if (!ctx.gamedig) {
     console.error("koishi-plugin-gamedig 未安装或未启用");
     return ctx.logger("cs-server-status").error("需要安装并启用 koishi-plugin-gamedig 插件");
   }
-  if (!ctx.canvas) {
-    console.error("koishi-plugin-canvas 未安装或未启用");
-    return ctx.logger("cs-server-status").error("需要安装并启用 koishi-plugin-canvas 插件");
+  if (!ctx.puppeteer) {
+    console.error("koishi-plugin-puppeteer 未安装或未启用");
+    return ctx.logger("cs-server-status").error("需要安装并启用 koishi-plugin-puppeteer 插件");
   }
   async function queryServers(serversToQuery) {
     const startTime = Date.now();
@@ -176,7 +149,7 @@ function apply(ctx, config) {
     message += `✅ 成功: ${successful} 个 | ❌ 失败: ${failed} 个
 
 `;
-    message += "序号 服务器名称    在线人数\n";
+    message += "序号 服务器名称       在线人数\n";
     message += "──────────────────────────────\n";
     results.forEach((result, index) => {
       const serverInfo = serversToQuery[index];
@@ -203,77 +176,6 @@ function apply(ctx, config) {
     return message;
   }
   __name(generateTextTable, "generateTextTable");
-  async function executeScheduleTask() {
-    if (!config.scheduleEnabled || config.scheduleGroups.length === 0 || config.serverList.length === 0) {
-      return;
-    }
-    if (!utils.isWithinScheduleTime(config.scheduleStartTime, config.scheduleEndTime)) {
-      return;
-    }
-    try {
-      const { results, queryTime, serversToQuery } = await queryServers(config.serverList);
-      const now = /* @__PURE__ */ new Date();
-      const timeStr = now.toLocaleString("zh-CN");
-      let outputContent;
-      if (config.scheduleUseImage) {
-        try {
-          const imageBuffer = await generateBatchImage(results, serversToQuery, queryTime);
-          outputContent = import_koishi.h.image(imageBuffer, "image/png");
-        } catch (imageError) {
-          console.error("定时任务生成图片失败:", imageError);
-          outputContent = `🕒 ${timeStr} 服务器状态更新
-生成图片失败，使用文本格式：
-
-`;
-        }
-      }
-      if (typeof outputContent === "string" || !config.scheduleUseImage) {
-        const textMessage = generateTextTable(results, serversToQuery, queryTime, "服务器状态更新");
-        outputContent = `🕒 ${timeStr}
-
-${textMessage}`;
-      }
-      for (const groupId of config.scheduleGroups) {
-        try {
-          const formattedGroupId = utils.formatGroupId(groupId, config.qqAdapterName, config.useFullChannelId);
-          await ctx.broadcast([formattedGroupId], outputContent);
-          console.log(`定时任务消息已发送到群组: ${formattedGroupId}`);
-        } catch (error) {
-          console.error(`定时任务发送消息到群组 ${groupId} 失败:`, error);
-        }
-      }
-    } catch (error) {
-      console.error("定时任务执行失败:", error);
-    }
-  }
-  __name(executeScheduleTask, "executeScheduleTask");
-  function startScheduleTask() {
-    if (scheduleTimer) {
-      clearInterval(scheduleTimer);
-    }
-    if (config.scheduleEnabled && config.scheduleInterval > 0) {
-      const intervalMs = config.scheduleInterval * 60 * 1e3;
-      executeScheduleTask();
-      scheduleTimer = setInterval(executeScheduleTask, intervalMs);
-      console.log(`定时任务已启动，间隔: ${config.scheduleInterval}分钟，时间范围: ${config.scheduleStartTime}-${config.scheduleEndTime}`);
-    }
-  }
-  __name(startScheduleTask, "startScheduleTask");
-  function stopScheduleTask() {
-    if (scheduleTimer) {
-      clearInterval(scheduleTimer);
-      scheduleTimer = null;
-      console.log("定时任务已停止");
-    }
-  }
-  __name(stopScheduleTask, "stopScheduleTask");
-  ctx.on("config", () => {
-    if (config.scheduleEnabled) {
-      startScheduleTask();
-    } else {
-      stopScheduleTask();
-    }
-  });
   function parseAddress(input) {
     let address = input.replace(/^(http|https|udp|tcp):\/\//, "");
     if (address.includes("[")) {
@@ -293,7 +195,7 @@ ${textMessage}`;
       return { host: parts[0], port: 27015 };
     }
     throw new Error(`无效的地址格式: ${input}
-正确格式: 地址:端口 或 地址`);
+正确格式: [地址]:[端口] 或 [地址]`);
   }
   __name(parseAddress, "parseAddress");
   async function queryServer(host, port) {
@@ -369,418 +271,353 @@ ${textMessage}`;
     return message.trim();
   }
   __name(formatPlayers, "formatPlayers");
-  const imageUtils = {
-    calculateServerNameFontSize(ctx2, name2, maxWidth, baseFontSize) {
-      try {
-        if (!ctx2 || typeof ctx2.measureText !== "function") {
-          console.warn("Canvas context not available, returning default font size");
-          return baseFontSize * 1.5;
-        }
-        let fontSize = baseFontSize * 1.5;
-        while (fontSize > baseFontSize * 0.8) {
-          ctx2.font = `bold ${fontSize}px ${config.fontFamily}`;
-          const measurement = ctx2.measureText(name2);
-          if (measurement && measurement.width <= maxWidth) break;
-          fontSize -= 1;
-        }
-        return fontSize;
-      } catch (error) {
-        console.error("Error in calculateServerNameFontSize:", error);
-        return baseFontSize * 1.5;
-      }
-    },
-    calculatePlayerListParams(playerCount) {
-      const shouldEnlarge = playerCount > 0 && playerCount < 10;
-      return {
-        shouldEnlarge,
-        fontSizeMultiplier: shouldEnlarge ? 1.2 : 0.9,
-        rowHeight: shouldEnlarge ? 40 : 30,
-        nameMaxLength: shouldEnlarge ? 40 : 30,
-        needTwoColumns: playerCount > 10
-      };
-    },
-    drawBackground(ctx2, width, height, color = COLORS.background) {
-      ctx2.fillStyle = color;
-      ctx2.fillRect(0, 0, width, height);
-    },
-    drawTitle(ctx2, text, x, y, fontSize, fontFamily, color = COLORS.textWhite) {
-      ctx2.fillStyle = color;
-      ctx2.font = `bold ${fontSize}px ${fontFamily}`;
-      ctx2.textAlign = "center";
-      ctx2.fillText(text, x, y);
-    },
-    drawDivider(ctx2, x1, y1, x2, y2, color = COLORS.divider, width = 2) {
-      ctx2.strokeStyle = color;
-      ctx2.lineWidth = width;
-      ctx2.beginPath();
-      ctx2.moveTo(x1, y1);
-      ctx2.lineTo(x2, y2);
-      ctx2.stroke();
-    },
-    drawText(ctx2, text, x, y, options = {}) {
-      const {
-        color = COLORS.text,
-        fontSize = config.fontSize,
-        fontFamily = config.fontFamily,
-        align = "left",
-        bold = false,
-        italic = false
-      } = options;
-      ctx2.fillStyle = color;
-      ctx2.textAlign = align;
-      const fontStyle = `${bold ? "bold" : ""} ${italic ? "italic" : ""} ${fontSize}px ${fontFamily}`;
-      ctx2.font = fontStyle.trim() || `${fontSize}px ${fontFamily}`;
-      ctx2.fillText(text, x, y);
-    },
-    drawPlayerList(ctx2, players, startY, width, maxHeight, params) {
-      let y = startY;
-      if (players.length === 0) {
-        this.drawText(ctx2, "服务器当前无在线玩家", 80, y, { color: COLORS.textLight });
-        return { y: y + 35, displayedCount: 0 };
-      }
-      const sortedPlayers = [...players].sort((a, b) => {
-        const nameA = utils.cleanName(a.name).toLowerCase();
-        const nameB = utils.cleanName(b.name).toLowerCase();
-        return nameA.localeCompare(nameB);
-      });
-      if (params.needTwoColumns) {
-        const leftColumnX = 80;
-        const rightColumnX = width / 2 + 80;
-        const playersPerColumn = Math.ceil(players.length / 2);
-        const displayPerColumn = Math.min(playersPerColumn, Math.ceil(config.maxPlayers / 2));
-        const leftPlayers = sortedPlayers.slice(0, displayPerColumn);
-        const rightPlayers = sortedPlayers.slice(displayPerColumn, displayPerColumn * 2);
-        let currentY = y;
-        let displayedCount = 0;
-        leftPlayers.forEach((player) => {
-          const name2 = utils.truncateText(utils.cleanName(player.name), params.nameMaxLength);
-          this.drawText(ctx2, name2, leftColumnX, currentY, {
-            fontSize: config.fontSize * params.fontSizeMultiplier,
-            color: COLORS.textLighter
-          });
-          currentY += params.rowHeight;
-          displayedCount++;
-        });
-        currentY = y;
-        rightPlayers.forEach((player) => {
-          const name2 = utils.truncateText(utils.cleanName(player.name), params.nameMaxLength);
-          this.drawText(ctx2, name2, rightColumnX, currentY, {
-            fontSize: config.fontSize * params.fontSizeMultiplier,
-            color: COLORS.textLighter
-          });
-          currentY += params.rowHeight;
-          displayedCount++;
-        });
-        y = Math.max(currentY + 15, y);
-        const totalDisplayed = leftPlayers.length + rightPlayers.length;
-        if (players.length > totalDisplayed) {
-          this.drawText(ctx2, `... 还有 ${players.length - totalDisplayed} 位玩家未显示`, leftColumnX, y, {
-            fontSize: config.fontSize * 0.8,
-            color: COLORS.textLight,
-            italic: true
-          });
-          y += 30;
-        }
-        return { y, displayedCount };
-      } else {
-        const displayPlayers = sortedPlayers.slice(0, config.maxPlayers);
-        displayPlayers.forEach((player) => {
-          const name2 = utils.truncateText(utils.cleanName(player.name), params.nameMaxLength);
-          this.drawText(ctx2, name2, 80, y, {
-            fontSize: config.fontSize * params.fontSizeMultiplier,
-            color: COLORS.textLighter
-          });
-          y += params.rowHeight;
-        });
-        return { y, displayedCount: displayPlayers.length };
-      }
-    },
-    // 统一边框绘制函数
-    drawBorder(ctx2, width, height) {
-      this.drawDivider(ctx2, 1, 1, width - 1, 1, COLORS.border, 2);
-      this.drawDivider(ctx2, width - 1, 1, width - 1, height - 1, COLORS.border, 2);
-      this.drawDivider(ctx2, width - 1, height - 1, 1, height - 1, COLORS.border, 2);
-      this.drawDivider(ctx2, 1, height - 1, 1, 1, COLORS.border, 2);
-      this.drawDivider(ctx2, 5, 0.5 * height - 0.05 * height, 5, height - 0.5 * height + 0.05 * height, COLORS.border, 6);
-      this.drawDivider(ctx2, width - 5, 0.5 * height - 0.05 * height, width - 5, height - 0.5 * height + 0.05 * height, COLORS.border, 6);
-      this.drawDivider(ctx2, 2, 2, 0.025 * width, 2, COLORS.accent, 3);
-      this.drawDivider(ctx2, 2, 2, 2, 0.025 * width, COLORS.accent, 3);
-      this.drawDivider(ctx2, width - 2, 2, width - 2, 0.025 * width, COLORS.accent, 3);
-      this.drawDivider(ctx2, width - 2, 2, width - 0.025 * width, 2, COLORS.accent, 3);
-      this.drawDivider(ctx2, width - 2, height - 2, width - 2, height - 0.025 * width, COLORS.accent, 3);
-      this.drawDivider(ctx2, width - 2, height - 2, width - 0.025 * width, height - 2, COLORS.accent, 3);
-      this.drawDivider(ctx2, 2, height - 2, 0.025 * width, height - 2, COLORS.accent, 3);
-      this.drawDivider(ctx2, 2, height - 2, 2, height - 0.025 * width, COLORS.accent, 3);
-    }
-  };
-  function calculateImageHeight(data) {
+  function generateServerHTML(data, host, port) {
     const { result } = data;
     const playerCount = result.players?.length || 0;
-    const playerParams = imageUtils.calculatePlayerListParams(playerCount);
-    let baseHeight = 280;
+    const botCount = result.bots?.length || 0;
+    const maxPlayers = result.maxplayers || 0;
+    const cleanName = result.name ? utils.cleanName(result.name) : "未知服务器";
+    const now = (/* @__PURE__ */ new Date()).toLocaleString("zh-CN");
+    let playersHTML = "";
     if (playerCount === 0) {
-      baseHeight += 60;
+      playersHTML = `<div class="player-row" style="color: ${COLORS.textLight};">服务器当前无玩家在线</div>`;
     } else {
-      baseHeight += 90;
-      if (playerParams.needTwoColumns) {
-        const rows = Math.ceil(Math.min(playerCount, config.maxPlayers) / 2);
-        baseHeight += rows * playerParams.rowHeight;
+      const sortedPlayers = [...result.players].sort(
+        (a, b) => utils.cleanName(a.name).localeCompare(utils.cleanName(b.name))
+      );
+      const displayPlayers = sortedPlayers.slice(0, config.maxPlayers);
+      const needTwoColumns = playerCount > 10;
+      if (needTwoColumns) {
+        const half = Math.ceil(displayPlayers.length / 2);
+        const left = displayPlayers.slice(0, half);
+        const right = displayPlayers.slice(half, half * 2);
+        playersHTML = '<div style="display: flex; gap: 40px;">';
+        playersHTML += "<div>" + left.map(
+          (p) => `<div class="player-row">${utils.truncateText(utils.cleanName(p.name), 30)}</div>`
+        ).join("") + "</div>";
+        playersHTML += "<div>" + right.map(
+          (p) => `<div class="player-row">${utils.truncateText(utils.cleanName(p.name), 30)}</div>`
+        ).join("") + "</div>";
+        playersHTML += "</div>";
       } else {
-        const rows = Math.min(playerCount, config.maxPlayers);
-        baseHeight += rows * playerParams.rowHeight;
+        playersHTML = displayPlayers.map(
+          (p) => `<div class="player-row">${utils.truncateText(utils.cleanName(p.name), 40)}</div>`
+        ).join("");
       }
       if (playerCount > config.maxPlayers) {
-        baseHeight += 40;
+        playersHTML += `<div class="player-row" style="color: ${COLORS.textLight}; font-style: italic;">... 还有 ${playerCount - config.maxPlayers} 位玩家未显示</div>`;
       }
     }
-    if (config.showPassword && result.password !== void 0) {
-      baseHeight += 35;
-    }
-    if (config.showVAC && result.raw?.secure !== void 0) {
-      baseHeight += 35;
-    }
-    const height = Math.max(baseHeight, config.imageHeight);
-    return Math.min(height, 2500);
-  }
-  __name(calculateImageHeight, "calculateImageHeight");
-  async function generateServerImage(data, host, port) {
-    const { result } = data;
-    const width = config.imageWidth;
-    const height = calculateImageHeight(data);
-    const canvas = await ctx.canvas.createCanvas(width, height);
-    const ctx2d = canvas.getContext("2d");
-    imageUtils.drawBackground(ctx2d, width, height);
-    const titleY = 80;
-    imageUtils.drawTitle(ctx2d, "[服务器状态查询]", width / 2, titleY, config.fontSize * 1.5, config.fontFamily, COLORS.title);
-    if (result.name) {
-      const cleanName = utils.cleanName(result.name);
-      const fontSize = imageUtils.calculateServerNameFontSize(ctx2d, cleanName, width - 160, config.fontSize);
-      imageUtils.drawTitle(ctx2d, cleanName, width / 2, titleY + 50, fontSize * 1.8, config.fontFamily, COLORS.highlight);
-    }
-    imageUtils.drawDivider(ctx2d, 80, titleY + 80, width - 80, titleY + 80, COLORS.border, 2);
-    let y = titleY + 120;
-    if (result.map) {
-      imageUtils.drawText(ctx2d, `地图: ${result.map}`, 80, y);
-    }
-    imageUtils.drawText(ctx2d, `IP: ${host}:${port}`, width - 80, y, { align: "right" });
-    y += 40;
-    const playerCount = result.players?.length || 0;
-    const botCount = result.bots?.length || 0;
-    const maxPlayers = result.maxplayers || 0;
-    const playerText = `人数: ${playerCount}/${maxPlayers}${botCount > 0 ? ` (${botCount} Bot)` : ""}`;
-    imageUtils.drawText(ctx2d, playerText, 80, y, { color: utils.getPlayerColor(playerCount) });
-    if (result.ping) {
-      imageUtils.drawText(ctx2d, `Ping: ${result.ping}ms`, width - 80, y, {
-        align: "right",
-        color: utils.getPingColor(result.ping)
-      });
-    }
-    y += 50;
-    const playerParams = imageUtils.calculatePlayerListParams(playerCount);
-    imageUtils.drawText(ctx2d, "在线玩家", 80, y, { color: COLORS.playerName, bold: true, fontSize: config.fontSize });
-    y += 40;
-    imageUtils.drawDivider(ctx2d, 80, y - 15, width - 80, y - 15, COLORS.divider, 1.5);
-    y += 25;
-    const playerListResult = imageUtils.drawPlayerList(ctx2d, result.players || [], y, width, height, playerParams);
-    y = playerListResult.y;
-    y += 30;
-    const now = /* @__PURE__ */ new Date();
-    imageUtils.drawText(ctx2d, `查询时间: ${now.toLocaleString("zh-CN")}`, 80, height - 20, {
-      fontSize: config.fontSize * 0.8,
-      color: COLORS.timestamp
-    });
-    imageUtils.drawBorder(ctx2d, width, height);
-    return canvas.toBuffer("image/png");
+    return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      background: rgba(28,28,31,0.8);
+      font-family: ${config.fontFamily};
+      width: ${config.imageWidth}px;
+      min-height: ${config.imageHeight}px;
+      padding: 40px;
+      color: ${COLORS.text};
+      position: relative;
+      border: 2px solid ${COLORS.border};
+    }
+    /* 边框装饰 */
+    .corner {
+      position: absolute;
+      width: 25px;
+      height: 25px;
+      border-color: ${COLORS.accent};
+      border-style: solid;
+      border-width: 0;
+    }
+    .corner-tl { top: 2px; left: 2px; border-top-width: 3px; border-left-width: 3px; }
+    .corner-tr { top: 2px; right: 2px; border-top-width: 3px; border-right-width: 3px; }
+    .corner-bl { bottom: 2px; left: 2px; border-bottom-width: 3px; border-left-width: 3px; }
+    .corner-br { bottom: 2px; right: 2px; border-bottom-width: 3px; border-right-width: 3px; }
+
+
+    .title {
+      text-align: center;
+      font-size: ${config.fontSize * 1.5}px;
+      color: ${COLORS.title};
+      margin-bottom: 20px;
+    }
+    .server-name {
+      text-align: center;
+      font-size: ${config.fontSize * 1.8}px;
+      font-weight: bold;
+      color: ${COLORS.highlight};
+      margin: 10px 0 20px;
+      word-break: break-word;
+    }
+    .divider {
+      height: 2px;
+      background: ${COLORS.border};
+      margin: 20px 0;
+    }
+    .info-row {
+      display: flex;
+      justify-content: space-between;
+      margin: 15px 0;
+      font-size: ${config.fontSize}px;
+    }
+    .player-section {
+      margin-top: 20px;
+    }
+    .player-section-title {
+      font-size: ${config.fontSize}px;
+      font-weight: bold;
+      color: ${COLORS.playerName};
+      margin-bottom: 10px;
+    }
+    .player-row {
+      font-size: ${config.fontSize * 0.9}px;
+      color: ${COLORS.textLighter};
+      line-height: 1.8;
+    }
+    .timestamp {
+      margin-top: 30px;
+      font-size: ${config.fontSize * 0.8}px;
+      color: ${COLORS.timestamp};
+      text-align: left;
+    }
+  </style>
+</head>
+<body>
+  <div class="corner corner-tl"></div>
+  <div class="corner corner-tr"></div>
+  <div class="corner corner-bl"></div>
+  <div class="corner corner-br"></div>
+
+  <div class="title">[服务器状态查询]</div>
+  <div class="server-name">${cleanName}</div>
+  <div class="divider"></div>
+
+  <div class="info-row">
+    <span>地图: ${result.map || "未知"}</span>
+    <span>IP: ${host}:${port}</span>
+  </div>
+  <div class="info-row">
+    <span style="color: ${utils.getPlayerColor(playerCount)};">人数: ${playerCount}/${maxPlayers}${botCount ? ` (${botCount} Bot)` : ""}</span>
+    <span style="color: ${utils.getPingColor(result.ping)};">Ping: ${result.ping ? result.ping + "ms" : "未知"}</span>
+  </div>
+
+  <div class="player-section">
+    <div class="player-section-title">在线玩家</div>
+    <div class="divider" style="margin: 5px 0 15px;"></div>
+    ${playersHTML}
+  </div>
+
+  <div class="timestamp">查询时间: ${now}</div>
+</body>
+</html>`;
   }
-  __name(generateServerImage, "generateServerImage");
-  async function generateBatchImage(results, serversToQuery, queryTime) {
+  __name(generateServerHTML, "generateServerHTML");
+  function generateBatchHTML(results, serversToQuery, queryTime) {
     const successful = results.filter((r) => r.status === "fulfilled" && r.value.success).length;
     const failed = results.length - successful;
-    const baseHeight = 200;
-    const serverHeight = 100;
-    const width = config.imageWidth;
-    const height = baseHeight + results.length * serverHeight;
-    const canvas = await ctx.canvas.createCanvas(width, height);
-    const ctx2d = canvas.getContext("2d");
-    imageUtils.drawBackground(ctx2d, width, height);
-    imageUtils.drawTitle(ctx2d, "[服务器状态批量查询]", width / 2, 100, config.fontSize * 1.8, config.fontFamily, COLORS.title);
-    const now = /* @__PURE__ */ new Date();
-    imageUtils.drawText(ctx2d, `查询时间: ${now.toLocaleString("zh-CN")}`, 80, 150);
-    imageUtils.drawText(ctx2d, `耗时: ${utils.formatTime(queryTime)}  成功: ${successful}/${results.length}`, width - 80, 150, { align: "right" });
-    imageUtils.drawDivider(ctx2d, 80, 165, width - 80, 165, COLORS.gold, 2);
-    let y = 200;
+    const now = (/* @__PURE__ */ new Date()).toLocaleString("zh-CN");
+    let serversHTML = "";
     results.forEach((result, index) => {
       const server = serversToQuery[index];
-      if (result.status === "fulfilled") {
-        const { success, data, error } = result.value;
-        if (success && data) {
-          const serverData = data.result;
-          const serverName = serverData.name ? utils.cleanName(serverData.name) : "未知";
-          const playerCount = serverData.players?.length || 0;
-          const maxPlayers = serverData.maxplayers || 0;
-          imageUtils.drawText(ctx2d, `${index + 1}. ${serverName}`, 80, y, {
-            color: COLORS.textWhite,
-            bold: true,
-            fontSize: config.fontSize * 1.1
-          });
-          imageUtils.drawText(ctx2d, server, 80, y + 30, {
-            fontSize: config.fontSize * 0.8,
-            color: COLORS.textLight
-          });
-          const playerText = `${playerCount}/${maxPlayers}`;
-          const playerColor = playerCount > 0 ? COLORS.success : COLORS.error;
-          imageUtils.drawText(ctx2d, playerText, width - 80, y, {
-            align: "right",
-            color: playerColor,
-            bold: true
-          });
-          if (serverData.map) {
-            imageUtils.drawText(ctx2d, `地图: ${serverData.map}`, 80, y + 60, {
-              fontSize: config.fontSize * 0.8,
-              color: COLORS.textLight
-            });
-          }
-          if (serverData.ping) {
-            const pingColor = utils.getPingColor(serverData.ping);
-            imageUtils.drawText(ctx2d, `延迟: ${serverData.ping}ms`, width - 80, y + 60, {
-              align: "right",
-              fontSize: config.fontSize * 0.9,
-              color: pingColor
-            });
-          }
-        } else {
-          imageUtils.drawText(ctx2d, `${index + 1}. ${server}`, 80, y, { color: COLORS.textWhite, bold: true });
-          imageUtils.drawText(ctx2d, `❌ 查询失败: ${error}`, 200, y + 35, { color: COLORS.error });
-        }
+      if (result.status === "fulfilled" && result.value.success) {
+        const data = result.value.data.result;
+        const name2 = data.name ? utils.cleanName(data.name) : "未知";
+        const playerCount = data.players?.length || 0;
+        const maxPlayers = data.maxplayers || 0;
+        const map = data.map || "";
+        const ping = data.ping || "?";
+        const pingColor = utils.getPingColor(ping);
+        const playerColor = playerCount > 0 ? COLORS.success : COLORS.error;
+        serversHTML += `
+        <div class="server-item">
+          <div class="server-header">
+            <span class="server-index">${index + 1}.</span>
+            <span class="server-name">${name2}</span>
+            <span class="server-players" style="color: ${playerColor};">${playerCount}/${maxPlayers}</span>
+          </div>
+          <div class="server-details">
+            <span class="server-addr">${server}</span>
+            <span class="server-map">地图: ${map}</span>
+            <span class="server-ping" style="color: ${pingColor};">延迟: ${ping}ms</span>
+          </div>
+        </div>
+      `;
       } else {
-        imageUtils.drawText(ctx2d, `${index + 1}. ${server}`, 80, y, { color: COLORS.textWhite, bold: true });
-        imageUtils.drawText(ctx2d, "❌ 查询失败", 200, y + 35, { color: COLORS.error });
-      }
-      if (index < results.length - 1) {
-        imageUtils.drawDivider(ctx2d, 80, y + 70, width - 80, y + 70, COLORS.divider, 1);
+        const errorMsg = result.value?.error || "未知错误";
+        serversHTML += `
+        <div class="server-item error">
+          <div class="server-header">
+            <span class="server-index">${index + 1}.</span>
+            <span class="server-name">${server}</span>
+            <span class="server-status">❌ 查询失败</span>
+          </div>
+          <div class="server-details error-msg">${errorMsg}</div>
+        </div>
+      `;
       }
-      y += 100;
     });
-    imageUtils.drawBorder(ctx2d, width, height);
-    return canvas.toBuffer("image/png");
-  }
-  __name(generateBatchImage, "generateBatchImage");
-  ctx.command("cs.schedule", "定时任务管理").alias("定时任务").option("status", "-s 查看定时任务状态", { type: Boolean, fallback: false }).option("start", "-S 启动定时任务", { type: Boolean, fallback: false }).option("stop", "-T 停止定时任务", { type: Boolean, fallback: false }).option("test", "-t 测试定时任务", { type: Boolean, fallback: false }).option("addGroup", "-a <groupId> 添加群组到定时任务", { type: String }).option("removeGroup", "-r <groupId> 从定时任务移除群组", { type: String }).option("listGroups", "-l 列出定时任务群组", { type: Boolean, fallback: false }).option("run", "-R 立即执行一次定时任务", { type: Boolean, fallback: false }).option("testQQ", "-q 测试QQ适配器连接", { type: Boolean, fallback: false }).action(async ({ session, options }) => {
-    if (options.status) {
-      const status = config.scheduleEnabled ? "✅ 已启用" : "❌ 已禁用";
-      const nextRun = scheduleTimer ? "运行中" : "未运行";
-      const groups = config.scheduleGroups.length;
-      const qqBots = ctx.bots.filter((bot) => bot.platform === config.qqAdapterName);
-      const qqStatus = qqBots.length > 0 ? `✅ 可用 (${qqBots.length}个)` : "❌ 不可用";
-      return `📅 定时任务状态
-状态: ${status}
-定时器: ${nextRun}
-间隔: ${config.scheduleInterval}分钟
-时间范围: ${config.scheduleStartTime} - ${config.scheduleEndTime}
-输出格式: ${config.scheduleUseImage ? "图片" : "文本"}
-监控服务器: ${config.serverList.length}个
-目标群组: ${groups}个
-QQ适配器: ${qqStatus} (名称: ${config.qqAdapterName})
-群组ID格式: ${config.useFullChannelId ? "适配器:群号" : "群号"}
+    return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      background: rgba(28,28,31,0.8);
+      font-family: ${config.fontFamily};
+      width: ${config.imageWidth}px;
+      min-height: ${config.imageHeight}px;
+      padding: 40px;
+      color: ${COLORS.text};
+      position: relative;
+      border: 2px solid ${COLORS.border};
+    }
+    .corner {
+      position: absolute;
+      width: 25px;
+      height: 25px;
+      border-color: ${COLORS.accent};
+      border-style: solid;
+      border-width: 0;
+    }
+    .corner-tl { top: 2px; left: 2px; border-top-width: 3px; border-left-width: 3px; }
+    .corner-tr { top: 2px; right: 2px; border-top-width: 3px; border-right-width: 3px; }
+    .corner-bl { bottom: 2px; left: 2px; border-bottom-width: 3px; border-left-width: 3px; }
+    .corner-br { bottom: 2px; right: 2px; border-bottom-width: 3px; border-right-width: 3px; }
 
-使用 cs.schedule -h 查看所有命令选项`;
-    }
-    if (options.start) {
-      config.scheduleEnabled = true;
-      startScheduleTask();
-      return "✅ 定时任务已启动";
-    }
-    if (options.stop) {
-      config.scheduleEnabled = false;
-      stopScheduleTask();
-      return "✅ 定时任务已停止";
-    }
-    if (options.test) {
-      await executeScheduleTask();
-      return "✅ 定时任务测试执行完成";
-    }
-    if (options.run) {
-      await executeScheduleTask();
-      return "✅ 已立即执行一次定时任务";
-    }
-    if (options.testQQ) {
-      const qqBots = ctx.bots.filter((bot) => bot.platform === config.qqAdapterName);
-      if (qqBots.length === 0) {
-        return `❌ 找不到 ${config.qqAdapterName} 适配器的机器人
-请确保已正确配置QQ适配器`;
-      }
-      let message = `✅ 找到 ${qqBots.length} 个 ${config.qqAdapterName} 适配器机器人:
-`;
-      qqBots.forEach((bot, index) => {
-        message += `${index + 1}. ${bot.selfId} (在线: ${bot.status})
-`;
+    .title {
+      text-align: center;
+      font-size: ${config.fontSize * 1.8}px;
+      color: ${COLORS.title};
+      margin-bottom: 20px;
+    }
+    .stats {
+      display: flex;
+      justify-content: space-between;
+      font-size: ${config.fontSize}px;
+      margin-bottom: 10px;
+    }
+    .divider {
+      height: 2px;
+      background: ${COLORS.gold};
+      margin: 15px 0 30px;
+    }
+    .server-item {
+      margin-bottom: 30px;
+      border-bottom: 1px solid ${COLORS.divider};
+      padding-bottom: 20px;
+    }
+    .server-item:last-child {
+      border-bottom: none;
+    }
+    .server-header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      font-size: ${config.fontSize * 1.1}px;
+      font-weight: bold;
+      color: ${COLORS.textWhite};
+      margin-bottom: 8px;
+    }
+    .server-index {
+      color: ${COLORS.accent};
+    }
+    .server-players {
+      margin-left: auto;
+    }
+    .server-details {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 20px;
+      font-size: ${config.fontSize * 0.9}px;
+      color: ${COLORS.textLight};
+    }
+    .server-details span {
+      white-space: nowrap;
+    }
+    .error .server-name {
+      color: ${COLORS.error};
+    }
+    .error-msg {
+      color: ${COLORS.error};
+      font-size: ${config.fontSize}px;
+    }
+    .timestamp {
+      margin-top: 20px;
+      font-size: ${config.fontSize * 0.8}px;
+      color: ${COLORS.timestamp};
+    }
+  </style>
+</head>
+<body>
+  <!-- 边框装饰 -->
+  <div class="corner corner-tl"></div>
+  <div class="corner corner-tr"></div>
+  <div class="corner corner-bl"></div>
+  <div class="corner corner-br"></div>
+
+  <div class="title">[服务器状态批量查询]</div>
+  <div class="stats">
+    <span>查询时间: ${now}</span>
+    <span>耗时: ${utils.formatTime(queryTime)}  成功: ${successful}/${results.length}</span>
+  </div>
+  <div class="divider"></div>
+
+  ${serversHTML}
+
+  <div class="timestamp">📋 输入 \`cs <服务器地址>\` 查询单个服务器</div>
+</body>
+</html>`;
+  }
+  __name(generateBatchHTML, "generateBatchHTML");
+  async function generateServerImage(data, host, port) {
+    const html = generateServerHTML(data, host, port);
+    const page = await ctx.puppeteer.page();
+    try {
+      await page.setViewport({
+        width: config.imageWidth,
+        height: config.imageHeight,
+        deviceScaleFactor: 2
+      });
+      await page.setContent(html, { waitUntil: "networkidle0" });
+      const buffer = await page.screenshot({
+        fullPage: true,
+        type: "png"
+      });
+      return buffer;
+    } finally {
+      await page.close().catch(() => {
       });
-      if (session) {
-        try {
-          await session.send("测试消息: QQ适配器连接正常 ✓");
-          message += "\n✅ 当前会话消息发送测试成功";
-        } catch (error) {
-          message += `
-❌ 当前会话消息发送失败: ${error.message}`;
-        }
-      }
-      return message;
-    }
-    if (options.addGroup) {
-      let groupId = options.addGroup.trim();
-      if (config.useFullChannelId && !groupId.includes(":")) {
-        groupId = `${config.qqAdapterName}:${groupId}`;
-      }
-      if (!config.scheduleGroups.includes(groupId)) {
-        config.scheduleGroups.push(groupId);
-        return `✅ 已添加群组 ${groupId} 到定时任务
-当前列表: ${config.scheduleGroups.length} 个群组`;
-      } else {
-        return `❌ 群组 ${groupId} 已在列表中`;
-      }
-    }
-    if (options.removeGroup) {
-      const index = config.scheduleGroups.indexOf(options.removeGroup);
-      if (index !== -1) {
-        config.scheduleGroups.splice(index, 1);
-        return `✅ 已从定时任务移除群组 ${options.removeGroup}`;
-      } else {
-        return `❌ 群组 ${options.removeGroup} 不在列表中`;
-      }
     }
-    if (options.listGroups) {
-      if (config.scheduleGroups.length === 0) {
-        return "📋 定时任务群组列表为空\n使用 cs.schedule -a <群组ID> 添加群组";
-      }
-      let message = "📋 定时任务群组列表:\n";
-      config.scheduleGroups.forEach((groupId, index) => {
-        message += `${index + 1}. ${groupId}
-`;
+  }
+  __name(generateServerImage, "generateServerImage");
+  async function generateBatchImage(results, serversToQuery, queryTime) {
+    const html = generateBatchHTML(results, serversToQuery, queryTime);
+    const page = await ctx.puppeteer.page();
+    try {
+      await page.setViewport({
+        width: config.imageWidth,
+        height: config.imageHeight,
+        deviceScaleFactor: 2
+      });
+      await page.setContent(html, { waitUntil: "networkidle0" });
+      const buffer = await page.screenshot({
+        fullPage: true,
+        type: "png"
+      });
+      return buffer;
+    } finally {
+      await page.close().catch(() => {
       });
-      return message;
     }
-    return `📅 定时任务管理命令
-
-选项:
--s, -status      查看定时任务状态
--S, -start       启动定时任务
--T, -stop        停止定时任务
--t, -test        测试定时任务
--R, -run         立即执行一次定时任务
--q, -testQQ      测试QQ适配器连接
--a, -addGroup    添加群组到定时任务
--r, -removeGroup 从定时任务移除群组
--l, -listGroups  列出定时任务群组
-
-示例:
-cs.schedule -s          # 查看状态
-cs.schedule -S          # 启动定时任务
-cs.schedule -a 123456   # 添加群组123456
-cs.schedule -t          # 测试执行
-cs.schedule -q          # 测试QQ适配器连接`;
-  });
+  }
+  __name(generateBatchImage, "generateBatchImage");
   ctx.command("cs <address>", "查询服务器状态").alias("查询").alias("server").option("noPlayers", "-n 隐藏玩家列表", { type: Boolean, fallback: false }).option("image", "-i 生成图片横幅", { type: Boolean, fallback: false }).option("text", "-t 输出文本信息", { type: Boolean, fallback: false }).option("clear", "-c 清除缓存", { type: Boolean, fallback: false }).action(async ({ session, options }, address) => {
-    if (!address) return "使用格式: cs [地址:端口]\n示例: cs 127.0.0.1:27015\n示例: cs edgebug.cn";
+    if (!address) return "使用格式: cs [地址:端口]\n示例: cs 127.0.0.1:27015 / cs edgebug.cn";
     if (options.clear) {
       const count = cache.size;
       cache.clear();
@@ -796,7 +633,11 @@ cs.schedule -q          # 测试QQ适配器连接`;
           return import_koishi.h.image(imageBuffer, "image/png");
         } catch (imageError) {
           console.error("生成图片失败:", imageError);
-          return `生成图片失败: ${imageError.message}`;
+          return `生成图片失败: ${imageError.message}，已转为文本输出。
+
+${formatServerInfo(data)}
+
+${formatPlayers(data.result.players || [])}`;
         }
       }
       let message = formatServerInfo(data);
@@ -827,27 +668,20 @@ cs.schedule -q          # 测试QQ适配器连接`;
   ctx.command("cs.status", "检查插件状态和配置").action(async () => {
     try {
       const gamedigStatus = ctx.gamedig ? "✅ 可用" : "❌ 不可用";
-      let canvasStatus = "❌ 不可用";
-      if (ctx.canvas) {
+      let puppeteerStatus = "❌ 不可用";
+      if (ctx.puppeteer) {
         try {
-          const canvas = await ctx.canvas.createCanvas(1, 1);
-          const ctx2d = canvas.getContext("2d");
-          canvasStatus = "✅ 可用";
-        } catch (error) {
-          canvasStatus = `❌ 不可用: ${error.message}`;
+          await ctx.puppeteer.render("<div>test</div>");
+          puppeteerStatus = "✅ 可用";
+        } catch (e) {
+          puppeteerStatus = `❌ 不可用: ${e.message}`;
         }
       }
       const cacheSize = cache.size;
-      const scheduleStatus = config.scheduleEnabled ? "✅ 已启用" : "❌ 已禁用";
-      const scheduleTimerStatus = scheduleTimer ? "运行中" : "未运行";
-      const qqBots = ctx.bots.filter((bot) => bot.platform === config.qqAdapterName);
-      const qqStatus = qqBots.length > 0 ? `✅ 可用 (${qqBots.length}个)` : "❌ 不可用";
       return `✅ CS服务器查询插件状态
 💾 缓存数量: ${cacheSize} 条
 🕹️ Gamedig插件: ${gamedigStatus}
-🖼️ Canvas插件: ${canvasStatus}
-📅 定时任务: ${scheduleStatus} (${scheduleTimerStatus})
-🤖 QQ适配器: ${qqStatus} (名称: ${config.qqAdapterName})
+🖼️ Puppeteer插件: ${puppeteerStatus}
 ⚙️ 配置参数:
    超时时间: ${config.timeout}ms
    缓存时间: ${config.cacheTime}ms
@@ -856,16 +690,16 @@ cs.schedule -q          # 测试QQ适配器连接`;
    显示VAC状态: ${config.showVAC ? "是" : "否"}
    显示密码保护: ${config.showPassword ? "是" : "否"}
    生成图片横幅: ${config.generateImage ? "是" : "否"}
+   图片宽度: ${config.imageWidth}px
    图片最小高度: ${config.imageHeight}px
    字体大小: ${config.fontSize}px
-   群组ID格式: ${config.useFullChannelId ? "适配器:群号" : "群号"}
+   字体: ${config.fontFamily}
 
 📝 使用: cs [地址:端口]
-📝 选项: -i 生成图片, -t 输出文本, -c 清除缓存
-📅 定时任务: cs.schedule 查看定时任务管理`;
+📝 选项: -i 生成图片, -t 输出文本, -c 清除缓存`;
     } catch (error) {
       return `❌ 插件状态异常: ${error.message}
-请确保已安装并启用 koishi-plugin-gamedig 和 koishi-plugin-canvas 插件`;
+请确保已安装并启用 koishi-plugin-gamedig 和 koishi-plugin-puppeteer`;
     }
   });
   ctx.command("cs.help", "查看帮助").action(() => {
@@ -873,9 +707,7 @@ cs.schedule -q          # 测试QQ适配器连接`;
 
 📝 基本用法:
 cs [地址:端口]
-示例: cs 127.0.0.1:27015
-示例: cs edgebug.cn
-
+示例: cs 127.0.0.1:27015 / cs edgebug.cn
 🔧 选项:
 -i 生成图片横幅
 -t 输出文本信息
@@ -883,23 +715,16 @@ cs [地址:端口]
 
 🎯 快捷命令:
 csss - 批量查询服务器状态
-cs.schedule - 定时任务管理
 
 📋 其他命令:
 cs.status - 检查插件状态和配置
 cs.help - 显示此帮助
 
-📅 定时任务:
-定时自动向指定QQ群组发送服务器状态
-配置: 插件配置面板中设置
-管理: cs.schedule 命令
-群组ID格式: ${config.useFullChannelId ? "适配器:群号 (如: qq:123456)" : "群号 (如: 123456)"}
-
 💡 提示:
 1. 如果不指定端口，默认使用27015
 2. 只支持CS服务器查询
 3. 查询结果缓存${config.cacheTime}ms，使用 -c 清除缓存
-4. 需要安装 koishi-plugin-gamedig 和 koishi-plugin-canvas 插件`;
+4. 需要安装 koishi-plugin-gamedig 和 koishi-plugin-puppeteer 插件`;
   });
   ctx.command("csss", "批量查询服务器状态").alias("batch").alias("multi").alias("批量查询").option("list", "-l 显示配置的服务器列表", { type: Boolean, fallback: false }).option("add", "-a <address> 添加服务器到列表", { type: String }).option("remove", "-r <index> 从列表中移除服务器", { type: Number }).option("clear", "-c 清空服务器列表", { type: Boolean, fallback: false }).option("image", "-i 生成图片横幅", { type: Boolean, fallback: false }).option("text", "-t 输出文本信息", { type: Boolean, fallback: false }).action(async ({ session, options }, ...addresses) => {
     if (options.list) {
@@ -961,23 +786,17 @@ cs.help - 显示此帮助
         }
       }
       let message = generateTextTable(results, serversToQuery, queryTime, "批量查询结果");
-      message += "\n📋 输入 `cs <序号>` 查看服务器详情";
       message += "\n📋 输入 `cs <服务器地址>` 查询单个服务器";
       return message;
     } catch (error) {
       return `❌ 批量查询失败: ${error.message}`;
     }
   });
-  if (config.scheduleEnabled) {
-    startScheduleTask();
-  }
   ctx.on("dispose", () => {
     cache.clear();
-    stopScheduleTask();
   });
 }
 __name(apply, "apply");
-var inject = ["canvas", "gamedig", "database"];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Config,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-csss",
   "description": "Check the status of the CS server",
-  "version": "1.2.1",
+  "version": "2.1.0",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [
@@ -9,6 +9,11 @@
     "dist"
   ],
   "license": "MIT",
+  "homepage": "https://github.com/sanksu/koishi-plugin-csss",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sanksu/koishi-plugin-csss.git"
+  },
   "keywords": [
     "chatbot",
     "koishi",
@@ -16,12 +21,12 @@
   ],
   "devDependencies": {
     "koishi": "^4.18.7",
-    "koishi-plugin-canvas": "^0.2.2",
+    "koishi-plugin-puppeteer": "^3.9.0",
     "koishi-plugin-gamedig": "^1.2.2"
   },
   "peerDependencies": {
     "koishi": "^4.18.7",
-    "koishi-plugin-canvas": "^0.2.2",
+    "koishi-plugin-puppeteer": "^3.9.0",
     "koishi-plugin-gamedig": "^1.2.2"
   },
   "koishi": {
@@ -30,7 +35,7 @@
     },
     "service": {
       "required": [
-        "canvas",
+        "puppeteer",
         "gamedig"
       ]
     }

package/readme.md

@@ -3,3 +3,18 @@
 [![npm](https://img.shields.io/npm/v/koishi-plugin-csss?style=flat-square)](https://www.npmjs.com/package/koishi-plugin-csss)
 
 cs server status
+
+## 提供指令
+- ```cs [地址:端口] <-i | -t | -c>```
+
+> [ ]: 必填 < >: 选填  
+> -i 生成图片横幅  
+> -t 输出文本信息  
+> -c 清除缓存
+
+- `csss`
+
+> 选项:
+> -i 生成图片横幅  
+> -t 输出文本信息  
+> -c 清除缓存

package/lib/index.d.ts

@@ -1,28 +0,0 @@
-import { Context, Schema } from 'koishi';
-export declare const name = "cs-server-status";
-export interface Config {
-    timeout: number;
-    cacheTime: number;
-    maxPlayers: number;
-    retryCount: number;
-    showVAC: boolean;
-    showPassword: boolean;
-    generateImage: boolean;
-    imageWidth: number;
-    imageHeight: number;
-    fontSize: number;
-    fontFamily: string;
-    serverList: string[];
-    batchTimeout: number;
-    scheduleEnabled: boolean;
-    scheduleInterval: number;
-    scheduleStartTime: string;
-    scheduleEndTime: string;
-    scheduleGroups: string[];
-    scheduleUseImage: boolean;
-    qqAdapterName: string;
-    useFullChannelId: boolean;
-}
-export declare const Config: Schema<Config>;
-export declare function apply(ctx: Context, config: Config): void;
-export declare const inject: string[];