source: Klonkt/src/routes/paid.js@ c3d12a6

main
Last change on this file since c3d12a6 was c3d12a6, checked in by Robin <roboburr@…>, 7 weeks ago

Feature: a way to actually become a supporter, and a styled expired page

Bart's test surfaced two gaps in the visitor flow:

  • After "Allow" on Patreon, a non-supporter landed on "Nog geen supporter" with no way to actually pledge. The page now shows a primary "Word supporter op Patreon" button. The site owner sets their public Patreon page in Beheer -> Betaalde posts (new field); it's also linked from the gate itself ("Nog geen supporter? Word het op Patreon").
  • The invalid/expired callback replied with a raw res.send() plain-text line. It now renders the normal paid-result page (reason 'expired').

Changed files:
src/config/database.js

  • paid_patreon.patreon_url column (additive)

src/services/PaidPatreonService.js

  • patreonUrl in config/status/save (undefined keeps, empty clears) + patreonUrl(siteId) helper

src/routes/admin-paid.js

  • save patreon_url from the form

src/views/pages/admin-paid.ejs

  • "Openbare Patreon-pagina" field

src/routes/paid.js

  • expired callback renders paid-result; pass patronUrl to the result pages

src/routes/posts.js

  • pass pgPatronUrl to the gate

src/views/pages/paid-gate.ejs

  • "Word supporter" join line under the unlock button

src/views/pages/paid-result.ejs

  • "Word supporter op Patreon" primary button, 'expired' reason, ghost back button always has a label

test/paid-patron.test.js

  • patreonUrl set/keep/clear semantics

-robo
Co-Authored-By: Claude Opus 4.8 <noreply@…>

  • Property mode set to 100644
File size: 7.2 KB
Line 
1/**
2 * Paid posts (klonkt-demo-aki) slice 3: the patron link + passkey flow.
3 * Cookie-less throughout: the OAuth state and the WebAuthn challenge travel in
4 * signed blobs (CryptoBox), never a session.
5 *
6 * GET /paid/link?post=<slug> -> redirect to Patreon authorize
7 * GET /paid/callback -> verify patron, render the passkey page
8 * POST /paid/register -> verify the passkey, store the entitlement
9 */
10import express from 'express';
11import db from '../config/database.js';
12import { renderPage } from '../middleware/render.js';
13import { premiumUnlocked } from '../services/PatreonService.js';
14import { signBlob, verifyBlob, cryptoBoxReady } from '../services/CryptoBox.js';
15import PaidPatreon from '../services/PaidPatreonService.js';
16import Passkey from '../services/PasskeyService.js';
17import { renderPostBodyHtml } from './posts.js';
18
19const router = express.Router();
20const AUTHORIZE = 'https://www.patreon.com/oauth2/authorize';
21
22const baseUrl = (req) => (process.env.PUBLIC_BASE_URL || `${req.protocol}://${req.get('host')}`).replace(/\/+$/, '');
23
24// The feature is only live when premium is on, secrets can be encrypted, and the
25// owner has connected a campaign.
26function ready(req, res) {
27 const site = res.locals.site;
28 if (!site) { res.status(404).end(); return null; }
29 if (!premiumUnlocked() || !cryptoBoxReady()) { res.status(404).end(); return null; }
30 const cfg = PaidPatreon.getOwnerConfig(site.id);
31 if (!cfg || !cfg.clientId || !cfg.campaignId) { res.status(404).end(); return null; }
32 return { site, cfg };
33}
34
35// Step 1: send the visitor to Patreon.
36router.get('/link', (req, res) => {
37 const r = ready(req, res); if (!r) return;
38 const slug = String(req.query.post || '').trim();
39 const post = slug ? db.prepare('SELECT slug, paid, paid_min_cents FROM posts WHERE site_id = ? AND slug = ?').get(r.site.id, slug) : null;
40 if (!post || !post.paid) return res.redirect((res.locals.siteUrlBase || '') + '/' + (slug || ''));
41 const cents = post.paid_min_cents || PaidPatreon.defaultMinCents(r.site.id);
42 const state = signBlob({ purpose: 'patron', siteId: r.site.id, cents, post: post.slug }, 900);
43 const url = `${AUTHORIZE}?response_type=code&client_id=${encodeURIComponent(r.cfg.clientId)}`
44 + `&redirect_uri=${encodeURIComponent(baseUrl(req) + '/paid/callback')}`
45 + `&scope=${encodeURIComponent('identity identity.memberships')}`
46 + `&state=${encodeURIComponent(state)}`;
47 res.redirect(url);
48});
49
50// Step 2: Patreon returns. Verify the patron; if a supporter at the right tier,
51// render the passkey-creation page.
52router.get('/callback', async (req, res) => {
53 const r = ready(req, res); if (!r) return;
54 const payload = verifyBlob(String(req.query.state || ''));
55 if (!payload || payload.purpose !== 'patron' || payload.siteId !== r.site.id) {
56 return renderPage(req, res, 'pages/paid-result', {
57 pageTitle: 'Ontgrendelen', bodyClass: 'on-special', ok: false, reason: 'expired',
58 });
59 }
60 const patronUrl = PaidPatreon.patreonUrl(r.site.id);
61 const code = String(req.query.code || '');
62 if (req.query.error || !code) {
63 return renderPage(req, res, 'pages/paid-result', { pageTitle: 'Ontgrendelen', bodyClass: 'on-special', ok: false, reason: 'declined', postSlug: payload.post, patronUrl });
64 }
65 const membership = await PaidPatreon.verifyPatron(r.site.id, code, baseUrl(req) + '/paid/callback').catch(() => null);
66 const cents = membership ? (membership.cents || 0) : 0;
67 const active = membership && membership.status === 'active_patron';
68 if (!active || cents < payload.cents) {
69 return renderPage(req, res, 'pages/paid-result', {
70 pageTitle: 'Ontgrendelen', bodyClass: 'on-special', ok: false,
71 reason: active ? 'tier' : 'notpatron', neededCents: payload.cents, haveCents: cents, postSlug: payload.post, patronUrl,
72 });
73 }
74 // Supporter at the right tier. Hand out registration options + a signed blob
75 // carrying the challenge and the proven cents; the passkey page returns both.
76 const options = await Passkey.registrationOptions(baseUrl(req), r.site.slug);
77 const blob = signBlob({ purpose: 'reg', siteId: r.site.id, cents, challenge: options.challenge }, 900);
78 renderPage(req, res, 'pages/paid-passkey', {
79 pageTitle: 'Maak je passkey', bodyClass: 'on-special',
80 optionsJson: JSON.stringify(options), regBlob: blob, postSlug: payload.post,
81 });
82});
83
84// Step 3: verify the passkey and store the pseudonymous entitlement.
85router.post('/register', express.json({ limit: '64kb' }), async (req, res) => {
86 const r = ready(req, res); if (!r) return res.status(404).json({ error: 'unavailable' });
87 const { response, blob } = req.body || {};
88 const payload = verifyBlob(String(blob || ''));
89 if (!payload || payload.purpose !== 'reg' || payload.siteId !== r.site.id) {
90 return res.status(400).json({ error: 'bad_challenge' });
91 }
92 const cred = await Passkey.verifyRegistration(baseUrl(req), response, payload.challenge);
93 if (!cred) return res.status(400).json({ error: 'verify_failed' });
94 Passkey.storeEntitlement({
95 credentialId: cred.credentialId, siteId: r.site.id, publicKey: cred.publicKey,
96 counter: cred.counter, transports: cred.transports, minCents: payload.cents,
97 });
98 res.json({ ok: true });
99});
100
101// Step 4 (unlock): hand out authentication options for a passkey assertion.
102router.get('/challenge', async (req, res) => {
103 const r = ready(req, res); if (!r) return;
104 const slug = String(req.query.post || '').trim();
105 const post = slug ? db.prepare('SELECT slug, paid, paid_min_cents FROM posts WHERE site_id = ? AND slug = ?').get(r.site.id, slug) : null;
106 if (!post || !post.paid) return res.status(404).json({ error: 'not_paid' });
107 const cents = post.paid_min_cents || PaidPatreon.defaultMinCents(r.site.id);
108 const options = await Passkey.authenticationOptions(baseUrl(req));
109 const blob = signBlob({ purpose: 'auth', siteId: r.site.id, cents, post: post.slug, challenge: options.challenge }, 300);
110 res.json({ options, blob });
111});
112
113// Verify the assertion, check the entitlement, and return the full post body in
114// the SAME response. No unlock token becomes state (design decision).
115router.post('/unlock', express.json({ limit: '64kb' }), async (req, res) => {
116 const r = ready(req, res); if (!r) return res.status(404).json({ error: 'unavailable' });
117 const { response, blob } = req.body || {};
118 const payload = verifyBlob(String(blob || ''));
119 if (!payload || payload.purpose !== 'auth' || payload.siteId !== r.site.id) return res.status(400).json({ error: 'bad_challenge' });
120 const credId = response && response.id;
121 const ent = credId ? Passkey.getEntitlement(credId, r.site.id) : null;
122 if (!ent) return res.status(403).json({ error: 'no_entitlement' }); // unknown/expired passkey
123 if ((ent.min_cents || 0) < payload.cents) return res.status(403).json({ error: 'tier' });
124 const vr = await Passkey.verifyAssertion(baseUrl(req), response, payload.challenge, ent);
125 if (!vr) return res.status(400).json({ error: 'verify_failed' });
126 Passkey.bumpCounter(credId, vr.newCounter);
127 const post = db.prepare("SELECT * FROM posts WHERE site_id = ? AND slug = ? AND status = 'published'").get(r.site.id, String(payload.post || ''));
128 if (!post || !post.paid) return res.status(404).json({ error: 'gone' });
129 res.json({ ok: true, title: post.title || '', html: renderPostBodyHtml(r.site, post, req) });
130});
131
132export default router;
Note: See TracBrowser for help on using the repository browser.