@drakulavich/zapara 0.7.3 → 0.7.4

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project are documented here. The format follows
 
 ## [Unreleased]
 
+## [0.7.4] - 2026-09-26
+
+### Changed
+- On a high-density screen, `zapara card` draws the picture at its final size
+  instead of at double size and scaling it down. The PNG render on a Mac went
+  from about 3.4 s to 1.6 s. The picture is the same.
+
+### Fixed
+- `--verbose` no longer counts the wait at `open it? [Y/n]` in the `total` row.
+
 ## [0.7.3] - 2026-09-26
 
 ### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drakulavich/zapara",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "Cognitive load index for people driving Claude Code, computed locally from transcripts",
   "license": "MIT",
   "author": "Anton Yakutovich",

package/src/image.ts

@@ -41,9 +41,19 @@ export async function renderCard(html: string, out: string, timeoutMs = 15_000):
   try {
     bytes = await Promise.race([
       (async () => {
-        const view = new Bun.WebView({ width: WIDTH, height: HEIGHT, backend: BACKEND });
+        // WebKit draws at the screen's density: at 2x, a 2400-wide viewport made a
+        // 4800-wide shot, 2.2 s of a 3 s render. The viewport and the page's zoom
+        // (2 in cardHtml) shrink by the density, so the shot is 2400 wide already.
+        // Headless Chrome (or Edge) shoots at 1x and cannot evaluate before a navigate.
+        let dpr = 1;
+        if (BACKEND === "webkit") {
+          const probe = new Bun.WebView({ width: 1, height: 1, backend: BACKEND });
+          try { dpr = await probe.evaluate<number>("devicePixelRatio"); } finally { probe.close(); }
+        }
+        const view = new Bun.WebView({ width: Math.round(WIDTH / dpr), height: Math.round(HEIGHT / dpr), backend: BACKEND });
         try {
           await view.navigate("data:text/html;charset=utf-8," + encodeURIComponent(html));
+          await view.evaluate(`document.documentElement.style.zoom = "${2 / dpr}"`);
           while (!(await view.evaluate<boolean>(READY))) await Bun.sleep(50);
           const shot = await view.screenshot({ encoding: "buffer", format: "png" });
           const image = new Bun.Image(shot);

package/src/index.ts

@@ -236,6 +236,7 @@ async function card(a: Args, timing?: Timing): Promise<number> {
   }
   if (timing) timing.render = { format: target.path.slice(target.path.lastIndexOf(".") + 1).toLowerCase(), ms: performance.now() - t };
   console.log(`${data.name}: ${sentenceText(data.sentence)}\nwrote ${target.label}`);
+  if (timing) timing.totalMs = performance.now(); // the wait for an answer is not zapara's time
   if (process.stdin.isTTY && process.stdout.isTTY && process.platform !== "win32") {
     process.stdout.write("open it? [Y/n] ");
     let answer: string | null = null;
@@ -256,7 +257,7 @@ function timingLines(t: Timing): string {
     + row("read", `${plural(t.read, "file")}, ${(t.bytes / 1e6).toFixed(1)} MB, ${READERS} at a time`, t.readMs)
     + row("analyze", "", t.analyzeMs)
     + (t.render ? row("render", t.render.format, t.render.ms) : "")
-    + row("total", "", performance.now());
+    + row("total", "", t.totalMs ?? performance.now());
 }
 
 if (import.meta.main) {

package/src/report.ts

@@ -6,7 +6,7 @@ import type { Day, Transcript } from "./types.ts";
 
 export type ReportOptions = { projects: string; to: string; days: number; now?: Date };
 // What --verbose prints about a run: counts and milliseconds, never a path.
-export type Timing = ScanStats & { inWindow: number; read: number; bytes: number; scanMs: number; readMs: number; analyzeMs: number; render?: { format: string; ms: number } };
+export type Timing = ScanStats & { inWindow: number; read: number; bytes: number; scanMs: number; readMs: number; analyzeMs: number; render?: { format: string; ms: number }; totalMs?: number };
 
 // Reading one file at a time left the disk idle between files: 1.6 GB took 5.4 s
 // sequentially and 0.9 s in parallel. The cap keeps open files well under the limit.