Zap receipts read as zaps. A receipt (9735, or coinos's 9737) reached as a note — someone reacted to a zap, and the reaction was followed — showed as "a kind 9735 event this app doesn't show" under the LNURL server's name. It now shows the zapper's face and name, "⚡ zapped 21 sats" and what they said with it. tools/zap-receipt-row-test.js

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Vps2H27rhbG9ZqseGfMrc3

1 files changed, 71 insertions, 0 deletions

diff --git a/tools/zap-receipt-row-test.js b/tools/zap-receipt-row-test.js
new file mode 100644
index 0000000..c89e351
--- /dev/null
+++ b/tools/zap-receipt-row-test.js
@@ -0,0 +1,71 @@
+// A zap receipt opened as a note (someone reacted to a zap, and the reaction
+// was followed) reads as the zap: the zapper's name, the amount, what they
+// said — not "a kind 9735 event this app doesn't show" by the LNURL server.
+// Run: bun tools/zap-receipt-row-test.js
+import puppeteer from './puppeteer.js';
+import { generateSecretKey, getPublicKey, finalizeEvent } from 'nostr-tools/pure';
+import { neventEncode } from 'nostr-tools/nip19';
+import { buildHtml } from '../build.js';
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+let ok = true;
+const check = (n, c, d = '') => { console.log(` ${c ? '✓' : '✗'} ${n}${d ? ' — ' + d : ''}`); if (!c) ok = false; };
+const key = () => { const sk = generateSecretKey(); return { sk, pk: getPublicKey(sk) }; };
+const AUTHOR = key(), ZAPPER = key(), SERVER = key();
+const now = Math.floor(Date.now() / 1000);
+const POST = finalizeEvent({ kind: 1, created_at: now - 600, tags: [], content: 'GM, a post worth zapping' }, AUTHOR.sk);
+const request = finalizeEvent({ kind: 9734, created_at: now - 300, content: 'great post!', tags: [['e', POST.id], ['p', AUTHOR.pk], ['amount', '21000']] }, ZAPPER.sk);
+const RECEIPT = finalizeEvent({ kind: 9735, created_at: now - 299, content: '', tags: [['e', POST.id], ['p', AUTHOR.pk], ['description', JSON.stringify(request)]] }, SERVER.sk);
+const PROFILES = [
+  finalizeEvent({ kind: 0, created_at: now - 10, tags: [], content: JSON.stringify({ name: 'Zapper Zed' }) }, ZAPPER.sk),
+  finalizeEvent({ kind: 0, created_at: now - 10, tags: [], content: JSON.stringify({ name: 'Lightning Server' }) }, SERVER.sk),
+];
+const FX = [POST, RECEIPT, ...PROFILES];
+
+const html = await buildHtml({ minify: true, pwa: false });
+const server = Bun.serve({ port: 0, fetch: () => new Response(html, { headers: { 'content-type': 'text/html' } }) });
+const browser = await puppeteer.launch({ executablePath: '/usr/bin/google-chrome', headless: 'new', args: ['--no-sandbox'] });
+const page = await browser.newPage();
+await page.evaluateOnNewDocument((fx) => {
+  const fits = (ev, f) => (!f.kinds || f.kinds.includes(ev.kind)) && (!f.ids || f.ids.includes(ev.id)) && (!f.authors || f.authors.includes(ev.pubkey))
+    && (!f['#e'] || ev.tags.some((t) => t[0] === 'e' && f['#e'].includes(t[1])));
+  const Real = window.WebSocket;
+  window.WebSocket = function (...a) {
+    const ws = new Real(...a);
+    const send = ws.send.bind(ws);
+    ws.send = (data) => {
+      try {
+        const m = JSON.parse(data);
+        if (m[0] === 'REQ') {
+          const out = fx.filter((ev) => m.slice(2).some((f) => fits(ev, f)));
+          setTimeout(() => {
+            for (const e of out) ws.dispatchEvent(new MessageEvent('message', { data: JSON.stringify(['EVENT', m[1], e]) }));
+            ws.dispatchEvent(new MessageEvent('message', { data: JSON.stringify(['EOSE', m[1]]) }));
+          }, 0);
+          return;
+        }
+        if (m[0] === 'EVENT') return;
+      } catch {}
+      return send(data);
+    };
+    return ws;
+  };
+  window.WebSocket.prototype = Real.prototype; Object.assign(window.WebSocket, Real);
+}, FX);
+const errs = [];
+page.on('pageerror', (e) => errs.push(String(e)));
+const text = () => page.evaluate(() => document.body.innerText);
+const waitText = async (x, ms = 20000) => { for (let i = 0; i < ms / 250; i++) { if ((await text()).includes(x)) return true; await sleep(250); } return false; };
+
+try {
+  await page.setViewport({ width: 390, height: 844 });
+  await page.goto(server.url.href + neventEncode({ id: RECEIPT.id, author: SERVER.pk, kind: 9735 }), { waitUntil: 'domcontentloaded' });
+  check('the receipt opens as a zap: amount', await waitText('zapped 21 sats', 20000));
+  await waitText('Zapper Zed', 8000); // the zapper's profile, once it lands
+  const row = await page.evaluate((id) => { const r = document.querySelector(`[data-zap-post="${id}"]`); return r ? r.innerText : ''; }, RECEIPT.id);
+  check('...with what the zapper said', /great post!/.test(row), row.replace(/\n+/g, ' | ').slice(0, 160));
+  check('...under the zapper\'s name, not the server\'s', /Zapper Zed/.test(row) && !/Lightning Server/.test(row));
+  check('...and never "this app doesn\'t show"', !/doesn’t show|doesn't show/.test(await text()));
+  check('no page errors', errs.length === 0, errs.slice(0, 2).join(' | '));
+} finally { await browser.close(); server.stop(true); }
+console.log(ok ? '\n✅ a zap receipt reads as the zap' : '\n❌ failed');
+process.exit(ok ? 0 : 1);