f58f5534c6
Deploy to Dev / Deploy & Smoke Test (push) Successful in 27s
Step reorder (still 7 steps): Info (5) → Contract (6) → Payment (7) - Client info moved to step 5 so it's available for the contract signature name and the personalised Venmo note before the payment step - Contract is now step 6 (initContractStep triggered on step 6 entry) - Step 7 is the full payment step — no separate confirm step needed Payment step (step 7): - Compact summary table: date, session type, length, location - Large price display from siteConfig.booking.pricing - "Pay on Venmo" button linking to: https://venmo.com/<username>?txn=pay&amount=<price>¬e=<encoded-note> Note format: "LisiLou Booking - [SessionType] on [Date]" - QR code rendered from GET /api/venmo-qr?url=<encoded> (server-side SVG via qrcode package, site colours applied) - "I've sent payment" checkbox gates the Submit button - Clicking Submit creates booking with payment_status='pending_confirmation', then signs the contract — success screen shown immediately Configuration: venmoUsername lives in config/site.json under booking.venmoUsername — change it there to point at any Venmo account with no code change and no rebuild. API additions: - GET /api/venmo-qr?url= — validates url starts with venmo.com, returns SVG - POST /api/bookings now accepts payment_status field Closes #7 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
151 lines
5.6 KiB
JavaScript
151 lines
5.6 KiB
JavaScript
require('dotenv').config();
|
|
const express = require('express');
|
|
const cors = require('cors');
|
|
const fs = require('fs');
|
|
const path = require('path');
|
|
const db = require('./db');
|
|
|
|
const app = express();
|
|
const PORT = process.env.PORT || 3001;
|
|
|
|
const CONTRACTS_DIR = path.join(__dirname, 'contracts');
|
|
const SIGNED_DIR = path.join(__dirname, 'signed-contracts');
|
|
|
|
app.use(cors({ origin: process.env.CORS_ORIGIN || '*', credentials: true }));
|
|
app.use(express.json({ limit: '10mb' }));
|
|
|
|
app.get('/api/health', (req, res) => {
|
|
res.json({ ok: true });
|
|
});
|
|
|
|
// Serve the contract template PDF to the frontend PDF.js viewer
|
|
app.get('/api/contracts/template', (req, res) => {
|
|
const contractPath = path.join(CONTRACTS_DIR, 'model-release.pdf');
|
|
if (!fs.existsSync(contractPath)) {
|
|
return res.status(404).json({ error: 'Contract template not available' });
|
|
}
|
|
res.setHeader('Content-Type', 'application/pdf');
|
|
res.setHeader('Cache-Control', 'no-store');
|
|
res.sendFile(contractPath);
|
|
});
|
|
|
|
app.post('/api/bookings', (req, res) => {
|
|
const {
|
|
client_name, client_email, client_phone, client_sub,
|
|
session_date, session_type, session_length, location,
|
|
payment_status,
|
|
} = req.body;
|
|
|
|
if (!client_email || !session_date || !session_type || !session_length) {
|
|
return res.status(400).json({ error: 'Missing required fields' });
|
|
}
|
|
|
|
const result = db.prepare(`
|
|
INSERT INTO bookings
|
|
(client_name, client_email, client_phone, client_sub, session_date, session_type, session_length, location, payment_status)
|
|
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
|
|
`).run(
|
|
client_name, client_email, client_phone, client_sub,
|
|
session_date, session_type, session_length, location,
|
|
payment_status || 'pending',
|
|
);
|
|
|
|
res.status(201).json({ id: result.lastInsertRowid });
|
|
});
|
|
|
|
// Generate a QR code SVG for any URL — used by the Venmo payment step.
|
|
// Venmo username and amount come from the frontend (which reads site.json),
|
|
// so changing venmoUsername in config updates both the button and QR with
|
|
// no server restart needed.
|
|
app.get('/api/venmo-qr', async (req, res) => {
|
|
const { url } = req.query;
|
|
if (!url || !url.startsWith('https://venmo.com/')) {
|
|
return res.status(400).json({ error: 'url must be a venmo.com URL' });
|
|
}
|
|
try {
|
|
const QRCode = require('qrcode');
|
|
const svg = await QRCode.toString(url, { type: 'svg', margin: 2, width: 220, color: { dark: '#2C2C2C', light: '#FDFBF9' } });
|
|
res.setHeader('Content-Type', 'image/svg+xml');
|
|
res.setHeader('Cache-Control', 'public, max-age=3600');
|
|
res.send(svg);
|
|
} catch (err) {
|
|
res.status(500).json({ error: 'QR generation failed' });
|
|
}
|
|
});
|
|
|
|
// Stamp the signature onto the contract PDF and record it
|
|
app.post('/api/bookings/:id/sign', async (req, res) => {
|
|
const id = parseInt(req.params.id, 10);
|
|
const { signature_png, full_name } = req.body;
|
|
|
|
if (!signature_png || !full_name) {
|
|
return res.status(400).json({ error: 'signature_png and full_name are required' });
|
|
}
|
|
|
|
const booking = db.prepare('SELECT * FROM bookings WHERE id = ?').get(id);
|
|
if (!booking) return res.status(404).json({ error: 'Booking not found' });
|
|
|
|
const contractTemplate = path.join(CONTRACTS_DIR, 'model-release.pdf');
|
|
let pdfPath = null;
|
|
|
|
if (fs.existsSync(contractTemplate)) {
|
|
try {
|
|
const { PDFDocument, rgb, StandardFonts } = require('pdf-lib');
|
|
|
|
const pdfBytes = fs.readFileSync(contractTemplate);
|
|
const pdfDoc = await PDFDocument.load(pdfBytes);
|
|
const pages = pdfDoc.getPages();
|
|
|
|
const sigPageIndex = Math.max(0, parseInt(process.env.CONTRACT_SIG_PAGE || '1', 10) - 1);
|
|
const sigX = parseFloat(process.env.CONTRACT_SIG_X || '100');
|
|
const sigY = parseFloat(process.env.CONTRACT_SIG_Y || '100');
|
|
const page = pages[Math.min(sigPageIndex, pages.length - 1)];
|
|
|
|
// Embed the signature image
|
|
const sigBase64 = signature_png.replace(/^data:image\/png;base64,/, '');
|
|
const sigImage = await pdfDoc.embedPng(Buffer.from(sigBase64, 'base64'));
|
|
const imgDims = sigImage.scaleToFit(200, 60);
|
|
page.drawImage(sigImage, { x: sigX, y: sigY, width: imgDims.width, height: imgDims.height });
|
|
|
|
// Print name, date, and booking ID below signature
|
|
const font = await pdfDoc.embedFont(StandardFonts.Helvetica);
|
|
const dateStr = new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
|
|
page.drawText(`${full_name} · ${dateStr} · Booking #${id}`, {
|
|
x: sigX,
|
|
y: sigY - 14,
|
|
size: 9,
|
|
font,
|
|
color: rgb(0.2, 0.2, 0.2),
|
|
});
|
|
|
|
fs.mkdirSync(SIGNED_DIR, { recursive: true });
|
|
const outPath = path.join(SIGNED_DIR, `${id}.pdf`);
|
|
fs.writeFileSync(outPath, await pdfDoc.save());
|
|
pdfPath = `signed-contracts/${id}.pdf`;
|
|
} catch (err) {
|
|
console.error('PDF stamping failed:', err.message);
|
|
// Non-fatal — still record the agreement
|
|
}
|
|
}
|
|
|
|
const now = new Date().toISOString();
|
|
db.prepare(`
|
|
UPDATE bookings SET contract_signed_at = ?, contract_pdf_path = ? WHERE id = ?
|
|
`).run(now, pdfPath, id);
|
|
|
|
// Fire n8n webhook asynchronously if configured
|
|
const webhookUrl = process.env.N8N_WEBHOOK_URL;
|
|
if (webhookUrl) {
|
|
const record = db.prepare('SELECT * FROM bookings WHERE id = ?').get(id);
|
|
fetch(webhookUrl, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ event: 'contract_signed', booking: record }),
|
|
}).catch(e => console.error('n8n webhook error:', e.message));
|
|
}
|
|
|
|
res.json({ ok: true, signed_at: now, pdf_path: pdfPath });
|
|
});
|
|
|
|
app.listen(PORT, () => console.log(`API listening on port ${PORT}`));
|