burner-cc 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "burner-cc",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Itemized dollar-and-token cost receipts for Claude Code sessions.",
   "type": "module",
   "bin": {

package/src/render.js

@@ -12,10 +12,16 @@ export function renderReceipts(sessions) {
   mkdirSync(outDir, { recursive: true });
 
   const template = readFileSync(path.join(webDir, 'receipt.html'), 'utf-8');
-  const injected = template.replace(
-    '/*__BURNER_DATA__*/[]',
-    JSON.stringify(sessions)
-  );
+  // The logo has to be inlined as a data URI, not loaded as a separate
+  // file:// resource — html2canvas's Download button taints the canvas
+  // (SecurityError on toDataURL) if the receipt contains an <img> pulled
+  // in as its own file:// fetch, even from the same local directory.
+  const logoBase64 = readFileSync(path.join(webDir, 'logo-mark.png')).toString('base64');
+  const logoDataUri = `data:image/png;base64,${logoBase64}`;
+
+  const injected = template
+    .replace('/*__BURNER_DATA__*/[]', JSON.stringify(sessions))
+    .replace('/*__BURNER_LOGO_MARK__*/"logo-mark.png"', JSON.stringify(logoDataUri));
 
   const outHtml = path.join(outDir, 'receipt.html');
   writeFileSync(outHtml, injected, 'utf-8');

package/web/receipt.html

@@ -25,6 +25,7 @@
   <div id="root"></div>
 
   <script>window.__BURNER_DATA__ = /*__BURNER_DATA__*/[];</script>
+  <script>window.__BURNER_LOGO_MARK__ = /*__BURNER_LOGO_MARK__*/"logo-mark.png";</script>
   <script src="vendor/html2canvas.min.js"></script>
   <script src="receipt.js"></script>
 </body>

package/web/receipt.js

@@ -129,7 +129,7 @@ function receiptHtml(session, index) {
       </div>
       <div class="barcode" title="${bc.title}">${bc.html}</div>
       <div class="barcode-label">CC-SESSION-${session.sessionId.slice(0, 8).toUpperCase()}</div>
-      <img class="receipt-logo" src="logo-mark.png" alt="Burner" />
+      <img class="receipt-logo" src="${window.__BURNER_LOGO_MARK__ ?? 'logo-mark.png'}" alt="Burner" />
       <div class="footer brand">~ B U R N E R ~</div>
     </div>
   `;