codex-work-receipt 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.7.1 - 2026-07-19
+
+- 修正 HTML 长图导出：PNG 只保留完整小票和微信小程序码，不再包含数据二维码或分片数据码。
+
 ## 0.7.0 - 2026-07-19
 
 - 新增 Codex 原生桌宠“票仔 · AI 小票工”，提供夜班绿票风格的核心状态与左右移动动画，并支持通过 `--install-pet`、`--uninstall-pet` 和 `--install-companion` 安装管理。

package/README.en.md

@@ -24,6 +24,16 @@ Codex Work Receipt summarizes turns, tool calls, Tokens, duration, and models, t
 
 Version `0.6.0` uses the cwr2 protocol to create stable privacy-safe facts for each session and calendar day. Overlapping today, last-seven-days, and this-week receipts can be deduplicated by the receiver, and oversized payloads are automatically split into reorderable multipart QR codes that rotate one at a time in the HTML so the camera never sees multiple data codes at once.
 
+## Meet Ticket Buddy
+
+<p align="center">
+  <a href="docs/codex-pet.en.md"><img src="docs/images/codex-pet-showcase.png" alt="Ticket Buddy in idle, working, needs-input, ready, and failed states" width="920"></a>
+</p>
+
+<p align="center">
+  <sub>Ticket Buddy changes expression as Codex becomes idle, runs a task, needs input, finishes, or gets blocked. Select the image for setup and state details.</sub>
+</p>
+
 ## Quickstart
 
 Requires Node.js 20+ and local Codex session records. No clone required; choose today, the last 3 hours, the last 7 days, this week, or a specific session:
@@ -44,7 +54,7 @@ Summarize the last 3 hours:
 npx codex-work-receipt@latest --hours 3 --lang en
 ```
 
-HTML and structured data are written to `./codex-work-receipt-output/` by default. The generated page can save a high-resolution PNG containing the full receipt and QR import stub. Non-interactive options such as `--latest` and `--today` remain available; see the [CLI guide](docs/cli.en.md).
+HTML and structured data are written to `./codex-work-receipt-output/` by default. The generated page can save a high-resolution PNG containing only the full receipt and WeChat mini-program code; data QR codes are excluded. Non-interactive options such as `--latest` and `--today` remain available; see the [CLI guide](docs/cli.en.md).
 
 ## Ask Codex directly
 

package/README.md

@@ -24,6 +24,16 @@
 
 `0.6.0` 使用 cwr2 协议，按“会话 × 自然日”生成稳定的脱敏事实。今日、近 7 日和本周小票即使范围重叠，接收端也能识别相同工作；数据过大时会自动生成多张可重组的分片二维码，并在 HTML 中逐张自动轮播，避免镜头同时识别多个数据码。
 
+## 认识票仔
+
+<p align="center">
+  <a href="docs/codex-pet.md"><img src="docs/images/codex-pet-showcase.png" alt="票仔 AI 小票工的待机、打工、等待确认、完成和失败状态" width="920"></a>
+</p>
+
+<p align="center">
+  <sub>票仔会跟随 Codex 的空闲、执行、等待确认、完成和失败状态切换表情。点击图片查看安装与状态说明。</sub>
+</p>
+
 ## Quickstart
 
 需要 Node.js 20 或更高版本，并且本机已经使用过 Codex。无需克隆仓库，运行后选择“今天 / 最近 3 小时 / 近 7 日 / 本周 / 指定会话”：
@@ -44,7 +54,7 @@ npx codex-work-receipt@latest --today
 npx codex-work-receipt@latest --hours 3
 ```
 
-网页和结构数据默认保存在 `./codex-work-receipt-output/`。生成的网页支持一键保存包含主小票和二维码导入联的高清长图。也可以继续使用 `--latest`、`--today` 等非交互参数，详见 [CLI 使用文档](docs/cli.md)。
+网页和结构数据默认保存在 `./codex-work-receipt-output/`。生成的网页支持一键保存只包含完整小票和微信小程序码的高清长图，数据二维码不会进入图片。也可以继续使用 `--latest`、`--today` 等非交互参数，详见 [CLI 使用文档](docs/cli.md)。
 
 ## 直接跟 Codex 说
 

package/docs/cli.en.md

@@ -87,7 +87,7 @@ Default output:
 
 Default filenames include the calendar range. Latest-session and selected-session receipts include a short identifier so receipts from different dates or sessions do not overwrite one another.
 
-Open the generated HTML and click “Save full PNG” to download a high-resolution image. It includes the main receipt, mini-program code, and data QR import stub in the currently selected theme. Theme controls, the page background, and the footer note are excluded. With one data QR, the mini-program code and data code remain side by side. When cwr2 exceeds the safe capacity of one QR code, the page shows the mini-program code first and then rotates multipart data codes one at a time without desktop clicks. The full PNG still includes every numbered part so the offline payload remains complete.
+Open the generated HTML and click “Save full PNG” to download a high-resolution image. It contains only the complete main receipt and WeChat mini-program code in the currently selected theme. Data QR codes, multipart data codes, theme controls, the page background, and the footer note are excluded. The HTML page still presents data codes normally: a single code stays beside the mini-program code, while oversized cwr2 payloads rotate their parts after the mini program has been opened so they can be imported on the phone.
 
 Set a timezone and output path:
 

package/docs/cli.md

@@ -87,7 +87,7 @@ npx codex-work-receipt@latest --latest --theme diner
 
 默认文件名会携带统计日期范围；最近会话和指定会话则携带短编号，避免不同日期或会话的小票互相覆盖。
 
-打开生成的 HTML 后，点击“保存完整长图”即可下载高清 PNG。图片包含主小票、小程序码和数据二维码导入联，并自动使用当前选择的主题；主题按钮、网页背景和底部说明不会进入图片。只有一个数据二维码时，小程序码与数据码继续并排展示。cwr2 数据超过单码安全容量时，网页先单独展示小程序码，随后自动逐张轮播分片数据码；用户无需在电脑上切换上一张或下一张，但仍需在小程序中收齐全部分片。完整长图为保留离线数据，会继续包含全部带序号的分片二维码。
+打开生成的 HTML 后，点击“保存完整长图”即可下载高清 PNG。图片只包含完整主小票和微信小程序码，并自动使用当前选择的主题；数据二维码、分片数据码、主题按钮、网页背景和底部说明都不会进入图片。网页本身仍会正常展示数据二维码：单码时与小程序码并排，cwr2 超出单码安全容量时则在打开小程序后自动逐张轮播分片数据码，供用户在小程序中完成导入。
 
 指定时区和输出路径：
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codex-work-receipt",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "type": "module",
   "description": "Generate a privacy-first Codex work receipt from local session metadata.",
   "author": "a-bai-2026",

package/src/core/presentation.mjs

@@ -142,6 +142,7 @@ const RECEIPT_COPY = {
     multipartRestart: "重新显示小程序码",
     dataQrAlt: "当前小票数据二维码",
     miniProgramAlt: "微信小程序码",
+    exportMiniProgramLabel: "微信扫码打开小程序",
     placeholderLabel: "小程序码",
     placeholderValue: "待接入",
     placeholderAria: "小程序码待接入",
@@ -215,6 +216,7 @@ const RECEIPT_COPY = {
     multipartRestart: "Show mini-program code again",
     dataQrAlt: "Current receipt data QR code",
     miniProgramAlt: "WeChat mini-program code",
+    exportMiniProgramLabel: "Scan to open the mini program",
     placeholderLabel: "Mini program",
     placeholderValue: "Pending",
     placeholderAria: "Mini-program code pending",

package/src/renderers/html.mjs

@@ -91,6 +91,7 @@ export function renderHtml({ record, dataQrDataUrl = null, dataQrDataUrls = null
     busyLabel: copy.exportingImage,
     successLabel: copy.exportSuccess,
     errorLabel: copy.exportError,
+    miniProgramLabel: copy.exportMiniProgramLabel,
     fileBase: `codex-work-receipt-${record.source.scope}-${spansMultipleDates ? `${rangeStartDate}-to-${rangeEndDate}` : `${rangeEndDate}-${record.id.slice(4, 12)}`}`,
   }).replaceAll("<", "\\u003c");
   const rows = [
@@ -151,7 +152,7 @@ export function renderHtml({ record, dataQrDataUrl = null, dataQrDataUrls = null
       <div class="qr-grid qr-grid--export-only" hidden>
         <div class="qr-item">
           <div class="qr-frame">${miniProgramVisual}</div>
-          <strong>${escapeHtml(copy.openMiniProgram)}</strong>
+          <strong data-export-mini-label>${escapeHtml(copy.openMiniProgram)}</strong>
           <span>${escapeHtml(copy.openMiniProgramHint)}</span>
         </div>
         ${dataQrItems}
@@ -160,7 +161,7 @@ export function renderHtml({ record, dataQrDataUrl = null, dataQrDataUrls = null
       <div class="qr-grid qr-grid--single">
         <div class="qr-item">
           <div class="qr-frame">${miniProgramVisual}</div>
-          <strong>${escapeHtml(copy.openMiniProgram)}</strong>
+          <strong data-export-mini-label>${escapeHtml(copy.openMiniProgram)}</strong>
           <span>${escapeHtml(copy.openMiniProgramHint)}</span>
         </div>
         ${dataQrItems}
@@ -692,6 +693,50 @@ export function renderHtml({ record, dataQrDataUrl = null, dataQrDataUrls = null
       }));
     }
 
+    function sanitizeExportNode(node) {
+      const multipartLiveNode = node.querySelector(".multipart-live");
+      if (multipartLiveNode) multipartLiveNode.remove();
+
+      const exportGridNode = node.querySelector(".qr-grid--export-only");
+      if (exportGridNode) {
+        exportGridNode.removeAttribute("hidden");
+        exportGridNode.style.display = "grid";
+      }
+
+      node.querySelectorAll("[data-data-qr-index]").forEach((item) => item.remove());
+      node.querySelectorAll(".qr-grid").forEach((grid) => {
+        grid.style.gridTemplateColumns = "minmax(0, 1fr)";
+        grid.style.justifyItems = "center";
+      });
+
+      const miniProgramLabel = node.querySelector("[data-export-mini-label]");
+      if (miniProgramLabel) miniProgramLabel.textContent = exportConfig.miniProgramLabel;
+      const transferDescription = node.querySelector(".transfer-heading p");
+      if (transferDescription) transferDescription.remove();
+      const transferNote = node.querySelector(".transfer-note");
+      if (transferNote) transferNote.remove();
+
+      node.querySelectorAll(".paper").forEach((paper) => {
+        paper.style.boxShadow = "none";
+      });
+    }
+
+    function createExportNode(source, paperColor) {
+      const clone = source.cloneNode(true);
+      sanitizeExportNode(clone);
+      const sourceWidth = Math.ceil(source.getBoundingClientRect().width || source.scrollWidth);
+      Object.assign(clone.style, {
+        position: "absolute",
+        left: "-100000px",
+        top: "0",
+        width: sourceWidth + "px",
+        background: paperColor,
+        pointerEvents: "none",
+      });
+      document.body.appendChild(clone);
+      return clone;
+    }
+
     function downloadImage(dataUrl, filename) {
       const link = document.createElement("a");
       link.href = dataUrl;
@@ -708,15 +753,17 @@ export function renderHtml({ record, dataQrDataUrl = null, dataQrDataUrls = null
       exportButton.disabled = true;
       exportButton.textContent = exportConfig.busyLabel;
       setExportStatus("");
+      let renderNode = null;
 
       try {
         if (document.fonts?.ready) await document.fonts.ready;
-        await waitForImages(exportNode);
-        const width = Math.ceil(exportNode.scrollWidth);
-        const height = Math.ceil(exportNode.scrollHeight);
-        const scale = Math.max(2, Math.min(3, 1500 / Math.max(1, width)));
         const paperColor = getComputedStyle(document.documentElement).getPropertyValue("--paper").trim() || "#ffffff";
-        const dataUrl = await domtoimage.toPng(exportNode, {
+        renderNode = createExportNode(exportNode, paperColor);
+        await waitForImages(renderNode);
+        const width = Math.ceil(renderNode.scrollWidth);
+        const height = Math.ceil(renderNode.scrollHeight);
+        const scale = Math.max(2, Math.min(3, 1500 / Math.max(1, width)));
+        const dataUrl = await domtoimage.toPng(renderNode, {
           width,
           height,
           scale,
@@ -725,17 +772,12 @@ export function renderHtml({ record, dataQrDataUrl = null, dataQrDataUrls = null
           cacheBust: false,
           style: { background: paperColor },
           onclone(clone) {
+            sanitizeExportNode(clone);
+            clone.style.position = "static";
+            clone.style.left = "auto";
+            clone.style.top = "auto";
+            clone.style.width = width + "px";
             clone.style.background = paperColor;
-            const multipartLiveClone = clone.querySelector(".multipart-live");
-            if (multipartLiveClone) multipartLiveClone.remove();
-            const exportGridClone = clone.querySelector(".qr-grid--export-only");
-            if (exportGridClone) {
-              exportGridClone.removeAttribute("hidden");
-              exportGridClone.style.display = "grid";
-            }
-            clone.querySelectorAll(".paper").forEach((paper) => {
-              paper.style.boxShadow = "none";
-            });
           },
           logger: {},
         });
@@ -748,6 +790,7 @@ export function renderHtml({ record, dataQrDataUrl = null, dataQrDataUrls = null
         console.error(error);
         setExportStatus(exportConfig.errorLabel, "error");
       } finally {
+        if (renderNode) renderNode.remove();
         exportButton.disabled = false;
         exportButton.textContent = exportConfig.idleLabel;
       }