koishi-plugin-codex-reset 0.1.1 → 0.1.2

package/README.md

@@ -7,7 +7,7 @@
 - 定时轮询 AIHOT 的 Codex / ChatGPT Work 重置事件快照。
 - 支持推送新的重置预告、已确认的全员重置和重置卡事件。
 - 目标支持平台 + 频道配置，例如 `onebot` + `123456789`。
-- `codex.probability` / `重置概率`：基于历史快照计算经验概率。
+- `codex.probability` / `重置概率`：生成精美的概率统计卡片图片；没有 Puppeteer 时回退为纯文本。
 - `codex.event` / `最近重置`：统计上一次已确认重置距今多少小时。
 - `codex.calendar` / `重置日历`：生成本月的 PNG 日历图片，右侧详情固定为命令执行当天。
 - `codex.history` / `重置历史`：生成公开重置事件的历史时间线图片。
@@ -17,12 +17,12 @@
 
 命令目前都不接收额外参数：
 
-- `codex.probability`，别名 `重置概率`：读取当前 API 快照，统计历史事件日率，并估算未来 24 小时和 7 天出现公开重置事件的概率。
+- `codex.probability`，别名 `重置概率`：读取当前 API 快照，生成概率统计卡片，展示未来 24 小时和 7 天概率、样本概览、事件构成和最近确认日期；没有 Puppeteer 时回退为纯文本。
 - `codex.event`，别名 `最近重置`：显示上一次已确认重置发生时间、距今小时数、类型和事件名称。
 - `codex.calendar`，别名 `重置日历`：发送本月日历 PNG；右侧详情固定显示命令执行当天（北京时间）的事件。
 - `codex.history`，别名 `重置历史`：发送按北京时间排列的历史重置时间线 PNG。
 
-日历和历史时间线命令需要安装并启用 `koishi-plugin-puppeteer`；概率、日历和历史命令都可以在配置中单独关闭。
+概率、日历和历史时间线命令需要安装并启用 `koishi-plugin-puppeteer` 才会发送图片；没有 Puppeteer 时概率命令仍会回退为纯文本。三个图片命令都可以在配置中单独关闭。
 
 首次轮询只建立本地基线，不会把 API 返回的历史事件全部推送；后续轮询只处理新增事件或 `announced` → `confirmed` 的状态变化。插件重启后会重新建立基线。
 
@@ -32,7 +32,7 @@
 npm install koishi-plugin-codex-reset
 ```
 
-如果需要日历或历史时间线图片，再安装并启用 `koishi-plugin-puppeteer`。不安装 Puppeteer 时，监控、最近重置和概率分析仍然可以使用，图片命令会给出提示。
+如果需要概率卡片、日历或历史时间线图片，再安装并启用 `koishi-plugin-puppeteer`。不安装 Puppeteer 时，监控、最近重置和概率分析仍然可以使用，概率命令回退为纯文本，其他图片命令会给出提示。
 
 ## 配置
 

package/lib/calendar.js

@@ -181,7 +181,7 @@ function renderDetails(selectedDate, marks) {
     const header = formatDateHeader(selectedDate);
     const selectedEvents = [...new Map((marks.get(selectedDate) ?? []).map((mark) => [mark.event.id, mark.event])).values()];
     const groups = selectedEvents.map((event) => {
-        const status = event.status === 'confirmed' ? '已重置' : '待确认';
+        const status = event.status === 'confirmed' ? '已重置' : '未重置预告';
         const statusClass = event.status === 'confirmed' ? 'confirmed-state' : 'announced-state';
         const posts = event.posts.slice(0, 3).map((post) => renderPostCard(event, post)).join('');
         return `<section class="event-group">

package/lib/history.js

@@ -176,7 +176,7 @@ function renderHistoryHtml(events, now = new Date()) {
         <div class="stat"><span>已确认</span><strong>${confirmed.length}</strong></div>
         <div class="stat"><span>全员重置</span><strong>${directResetCount}</strong></div>
         <div class="stat"><span>重置卡</span><strong>${resetCreditCount}</strong></div>
-        <div class="stat"><span>待确认预告</span><strong>${announcedCount}</strong></div>
+        <div class="stat"><span>未重置预告</span><strong>${announcedCount}</strong></div>
         <p class="summary-note">数据来自 AIHOT 公开快照。时间线仅展示公开事件，不代表账户一定获得重置。</p>
       </aside>
     </div>

package/lib/index.js

@@ -5,6 +5,7 @@ exports.apply = apply;
 const koishi_1 = require("koishi");
 const calendar_1 = require("./calendar");
 const history_1 = require("./history");
+const probability_1 = require("./probability");
 const stats_1 = require("./stats");
 exports.name = 'codex-reset';
 exports.inject = {
@@ -235,6 +236,12 @@ class CodexResetMonitor {
             return null;
         return (0, history_1.renderHistoryImage)(browser, snapshot.events);
     }
+    async createProbabilityImage(summary) {
+        const browser = this.ctx.puppeteer;
+        if (!browser)
+            return null;
+        return (0, probability_1.renderProbabilityImage)(browser, summary);
+    }
     async fetchSnapshot(ignoreEtag = false) {
         const controller = new AbortController();
         const timeout = setTimeout(() => controller.abort(), this.config.requestTimeout);
@@ -311,7 +318,19 @@ function apply(ctx, config) {
         const snapshot = await monitor.ensureSnapshot();
         if (!snapshot)
             return '暂时无法获取 Codex 重置事件数据，请稍后再试。';
-        return (0, stats_1.formatProbability)((0, stats_1.analyzeProbability)(snapshot));
+        const summary = (0, stats_1.analyzeProbability)(snapshot);
+        if (!monitor.hasPuppeteer)
+            return (0, stats_1.formatProbability)(summary);
+        try {
+            const image = await monitor.createProbabilityImage(summary);
+            if (!image)
+                return (0, stats_1.formatProbability)(summary);
+            return koishi_1.h.image(image, 'image/png');
+        }
+        catch (error) {
+            ctx.logger('codex-reset').warn(`生成概率卡片失败：${error instanceof Error ? error.message : String(error)}`);
+            return (0, stats_1.formatProbability)(summary);
+        }
     });
     ctx.command('codex.event', '查看上一次 Codex 重置距今多久')
         .alias('最近重置')

package/lib/probability.d.ts

@@ -0,0 +1,4 @@
+import type { CalendarBrowser } from './calendar';
+import type { ProbabilitySummary } from './stats';
+export declare function renderProbabilityHtml(summary: ProbabilitySummary, now?: Date): string;
+export declare function renderProbabilityImage(browser: CalendarBrowser, summary: ProbabilitySummary, now?: Date): Promise<Buffer>;

package/lib/probability.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderProbabilityHtml = renderProbabilityHtml;
+exports.renderProbabilityImage = renderProbabilityImage;
+function escapeHtml(value) {
+    return value
+        .replaceAll('&', '&')
+        .replaceAll('<', '&lt;')
+        .replaceAll('>', '&gt;')
+        .replaceAll('"', '&quot;')
+        .replaceAll("'", '&#39;');
+}
+function percentage(value) {
+    if (!Number.isFinite(value))
+        return '—';
+    if (value < 0.01)
+        return '<1%';
+    return `${(value * 100).toFixed(value < 0.1 ? 1 : 0)}%`;
+}
+function ratio(value, total) {
+    if (!total)
+        return '0%';
+    return `${Math.round((value / total) * 100)}%`;
+}
+function formatGeneratedAt(now) {
+    return new Intl.DateTimeFormat('zh-CN', {
+        timeZone: 'Asia/Shanghai',
+        year: 'numeric',
+        month: '2-digit',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        hour12: false,
+    }).format(now);
+}
+function metricCard(label, value, note, tone) {
+    return `<div class="metric ${tone}">
+    <div class="metric-label">${escapeHtml(label)}</div>
+    <div class="metric-value">${escapeHtml(value)}</div>
+    <div class="metric-note">${escapeHtml(note)}</div>
+  </div>`;
+}
+function renderProbabilityHtml(summary, now = new Date()) {
+    const confirmedTotal = summary.directResetCount + summary.resetCreditCount;
+    const directRatio = ratio(summary.directResetCount, confirmedTotal);
+    const creditRatio = ratio(summary.resetCreditCount, confirmedTotal);
+    const recentDate = summary.lastConfirmedDate ?? '暂无记录';
+    return `<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <style>
+    * { box-sizing: border-box; }
+    html, body { margin: 0; padding: 0; background: #f4f6f5; color: #27343c; font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif; }
+    body { padding: 26px; }
+    .card { position: relative; width: 1120px; min-height: 680px; overflow: hidden; padding: 38px 44px 30px; border: 1px solid #d2dadd; border-radius: 16px; background: radial-gradient(circle at 82% 12%, rgba(8, 118, 139, .07), transparent 30%), radial-gradient(circle at 10% 96%, rgba(184, 134, 59, .07), transparent 28%), #fff; box-shadow: 0 16px 38px rgba(42, 58, 64, .10); }
+    .card::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(8, 118, 139, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 118, 139, .05) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.42), transparent 72%); }
+    .content { position: relative; z-index: 1; }
+    .topline { display: flex; align-items: flex-start; justify-content: space-between; }
+    .eyebrow { color: #08768b; font-size: 11px; font-weight: 700; letter-spacing: .22em; }
+    .source { color: #6f7d83; font-size: 11px; line-height: 1.6; text-align: right; }
+    h1 { margin: 22px 0 8px; color: #27343c; font-size: 34px; font-weight: 700; letter-spacing: -.04em; }
+    .subtitle { margin: 0; color: #6f7d83; font-size: 14px; }
+    .rule { width: 100%; height: 1px; margin: 26px 0 22px; background: linear-gradient(90deg, rgba(8, 118, 139, .36), rgba(8, 118, 139, .08), transparent); }
+    .metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+    .metric { position: relative; min-height: 186px; padding: 22px 24px; overflow: hidden; border: 1px solid #c8dedd; border-radius: 13px; background: #eef7f6; }
+    .metric::after { content: ""; position: absolute; right: -28px; bottom: -58px; width: 180px; height: 180px; border: 1px solid rgba(8, 118, 139, .18); border-radius: 50%; box-shadow: 0 0 0 18px rgba(8, 118, 139, .035), 0 0 0 36px rgba(8, 118, 139, .018); }
+    .metric.seven { background: #faf6ee; border-color: #e2d8c5; }
+    .metric.seven::after { border-color: rgba(184, 134, 59, .22); box-shadow: 0 0 0 18px rgba(184, 134, 59, .035), 0 0 0 36px rgba(184, 134, 59, .018); }
+    .metric-label { color: #6f7d83; font-size: 13px; }
+    .metric-value { margin-top: 7px; color: #08768b; font-family: Georgia, "Times New Roman", serif; font-size: 66px; font-weight: 700; letter-spacing: -.07em; line-height: 1; }
+    .metric.seven .metric-value { color: #a27831; }
+    .metric-note { margin-top: 14px; color: #52646a; font-size: 12px; }
+    .lower { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; margin-top: 16px; }
+    .panel { padding: 18px 20px; border: 1px solid #d2dadd; border-radius: 13px; background: #fbfcfc; }
+    .panel h2 { margin: 0 0 15px; color: #27343c; font-size: 14px; }
+    .sample-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
+    .sample { padding-right: 10px; border-right: 1px solid #e0e5e6; }
+    .sample:last-child { border-right: 0; }
+    .sample-value { color: #27343c; font-size: 22px; font-weight: 700; }
+    .sample-label { margin-top: 4px; color: #6f7d83; font-size: 11px; }
+    .bar-row { display: grid; grid-template-columns: 76px 1fr 42px; align-items: center; gap: 9px; margin: 12px 0; color: #52646a; font-size: 11px; }
+    .bar { height: 7px; overflow: hidden; border-radius: 99px; background: #e4ecec; }
+    .bar span { display: block; height: 100%; border-radius: inherit; background: #71c8bd; }
+    .bar-row.credit .bar span { background: #d8ad5f; }
+    .bar-percent { color: #27343c; text-align: right; }
+    .recent { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; margin-top: 16px; border-top: 1px solid #e0e5e6; }
+    .recent-label { color: #6f7d83; font-size: 11px; }
+    .recent-date { color: #a27831; font-size: 15px; font-weight: 700; }
+    .footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-top: 22px; color: #7a888d; font-size: 10px; line-height: 1.65; }
+    .footer strong { color: #52646a; font-weight: 600; }
+    .mark { color: #08768b; font-size: 11px; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
+  </style>
+</head>
+<body>
+  <main class="card">
+    <div class="content">
+      <header class="topline">
+        <div class="eyebrow">CODEX RESET / PUBLIC HISTORY</div>
+        <div class="source">AIHOT · ASIA/SHANGHAI<br>生成于 ${escapeHtml(formatGeneratedAt(now))}</div>
+      </header>
+      <h1>Codex 重置概率分析</h1>
+      <p class="subtitle">基于当前公开历史快照的经验统计，不是官方预测</p>
+      <div class="rule"></div>
+
+      <section class="metrics">
+        ${metricCard('未来 24 小时', percentage(summary.next24hProbability), '至少出现一个公开重置事件', 'day')}
+        ${metricCard('未来 7 天', percentage(summary.next7dProbability), '至少出现一个公开重置事件', 'seven')}
+      </section>
+
+      <section class="lower">
+        <div class="panel">
+          <h2>样本概览</h2>
+          <div class="sample-grid">
+            <div class="sample"><div class="sample-value">${summary.observedDays}</div><div class="sample-label">天观察样本</div></div>
+            <div class="sample"><div class="sample-value">${summary.confirmedCount}</div><div class="sample-label">条已确认</div></div>
+            <div class="sample"><div class="sample-value">${summary.activeDays}</div><div class="sample-label">个事件日</div></div>
+            <div class="sample"><div class="sample-value">${summary.announcedCount}</div><div class="sample-label">条未重置预告</div></div>
+          </div>
+          <div class="recent"><span class="recent-label">最近确认日期</span><span class="recent-date">${escapeHtml(recentDate)}</span></div>
+        </div>
+        <div class="panel">
+          <h2>已确认事件构成</h2>
+          <div class="bar-row"><span>全员重置</span><div class="bar"><span style="width:${directRatio}"></span></div><span class="bar-percent">${summary.directResetCount}</span></div>
+          <div class="bar-row credit"><span>重置卡</span><div class="bar"><span style="width:${creditRatio}"></span></div><span class="bar-percent">${summary.resetCreditCount}</span></div>
+          <div class="recent"><span class="recent-label">历史事件日率</span><span class="recent-date">${(summary.dailyEventDayRate * 100).toFixed(2)}% / 天</span></div>
+        </div>
+      </section>
+
+      <footer class="footer"><span><strong>说明：</strong>概率由历史事件日率进行经验估计，不代表你的账户一定会获得重置。</span><span class="mark">RESET MONITOR</span></footer>
+    </div>
+  </main>
+</body>
+</html>`;
+}
+async function renderProbabilityImage(browser, summary, now = new Date()) {
+    let page = null;
+    try {
+        page = await browser.page();
+        await page.setViewport({ width: 1120, height: 680, deviceScaleFactor: 1 });
+        await page.setContent(renderProbabilityHtml(summary, now), { waitUntil: 'domcontentloaded', timeout: 15000 });
+        const image = await page.screenshot({ type: 'png', fullPage: true });
+        return Buffer.from(image);
+    }
+    finally {
+        if (page)
+            await page.close();
+    }
+}

package/lib/stats.js

@@ -145,7 +145,7 @@ function formatProbability(summary) {
     const lines = [
         'Codex 重置事件概率分析（历史统计）',
         `样本：${summary.observedDays} 天，已确认事件 ${summary.confirmedCount} 条，发生过事件的日期 ${summary.activeDays} 天。`,
-        `其中：全员重置 ${summary.directResetCount} 条，重置卡 ${summary.resetCreditCount} 条，待确认预告 ${summary.announcedCount} 条。`,
+        `其中：全员重置 ${summary.directResetCount} 条，重置卡 ${summary.resetCreditCount} 条，未重置预告 ${summary.announcedCount} 条。`,
     ];
     if (summary.confirmedCount === 0 || summary.activeDays === 0) {
         lines.push('有效样本不足，暂时无法估算概率。');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "koishi-plugin-codex-reset",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Monitor AIHOT Codex reset events and notify Koishi channels.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",