mirror of
https://github.com/Such-Software/wownerogue.git
synced 2026-10-20 15:48:33 +02:00
jwinterm
63e3006aca
Four pre-launch additions to make the game feel alive and shareable:
- Live win feed: server broadcasts 'win_feed' on every escape; client shows a
transient toast ('X escaped with the bag') so the room feels active.
- Public stats: GET /api/stats (10s-cached) returns games + escapes in the last
24h and total paid out; a status-area strip polls it for social proof.
- Share-a-win: game-over screen gets 'Share to X' + 'Copy link' buttons pointing
at the /verify page, which now renders OpenGraph/Twitter-card meta (brand OG
image per instance) so shared links unfurl with a preview.
- Land-on-action: a dismissible 'N games live now — watch' CTA appears on connect
when games are in progress, opening the existing spectator panel. Non-intrusive:
hidden while playing/spectating and never hijacks the canvas.
43 lines
2.1 KiB
JavaScript
43 lines
2.1 KiB
JavaScript
/**
|
|
* Verify page OpenGraph/Twitter card meta (share-a-win unfurl).
|
|
* The /verify/:id page must render social-card meta so shared links preview nicely, while
|
|
* staying backward compatible with the old `renderVerifyPage(id, record, gameName)` signature.
|
|
*/
|
|
|
|
const { renderVerifyPage } = require('../src/views/verifyPage');
|
|
|
|
describe('renderVerifyPage social card meta', () => {
|
|
test('emits OG + Twitter tags with an absolute image when opts provided', () => {
|
|
const html = renderVerifyPage('seedABC', null, {
|
|
gameName: 'Monero Roguelike',
|
|
baseUrl: 'https://monerogue.app',
|
|
ogImage: 'og-card-xmr.png'
|
|
});
|
|
expect(html).toContain('property="og:title"');
|
|
expect(html).toContain('Monero Roguelike — Provably-Fair Roguelike');
|
|
expect(html).toContain('<meta property="og:image" content="https://monerogue.app/og-card-xmr.png">');
|
|
expect(html).toContain('content="summary_large_image"');
|
|
expect(html).toContain('<meta property="og:url" content="https://monerogue.app/verify/seedABC">');
|
|
});
|
|
|
|
test('uses the result in the description when a game record is present', () => {
|
|
const html = renderVerifyPage('seedXYZ', {
|
|
status: 'won', treasure_found: true, moves_made: 42, duration_seconds: 30, created_at: 'now'
|
|
}, { gameName: 'X', baseUrl: 'https://h', ogImage: 'og-card-wow.png' });
|
|
expect(html).toMatch(/Escaped the dungeon with the treasure bag in 42 moves/);
|
|
});
|
|
|
|
test('falls back to summary card (no image) and stays valid without opts', () => {
|
|
const html = renderVerifyPage('seed1', null, 'Wownerogue'); // legacy string arg
|
|
expect(html).toContain('Wownerogue - Game Verification');
|
|
expect(html).toContain('content="summary"');
|
|
expect(html).not.toContain('og:image');
|
|
});
|
|
|
|
test('escapes interpolated values in meta', () => {
|
|
const html = renderVerifyPage('s', null, { gameName: '"><script>x', baseUrl: 'https://h', ogImage: 'a.png' });
|
|
expect(html).not.toContain('<script>x');
|
|
expect(html).toContain('"><script>x');
|
|
});
|
|
});
|