LuckyTrixx/Freundebuch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First

Browse Source
This commit is contained in:
Daniel
2026-09-07 12:21:53 +02:00
commit 93051f791d
25 changed files with 4226 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

167
backend/src/pdf.js Normal file
View File

@@ -0,0 +1,167 @@
const fs = require('fs');
const path = require('path');
const puppeteer = require('puppeteer');
const storage = require('./utils/storage');
function fileToDataUri(fullPath) {
try {
const buf = fs.readFileSync(fullPath);
const ext = path.extname(fullPath).toLowerCase().replace('.', '');
const mime = { jpg: 'jpeg', jpeg: 'jpeg', png: 'png', gif: 'gif', webp: 'webp' }[ext] || 'jpeg';
return `data:image/${mime};base64,${buf.toString('base64')}`;
} catch (e) {
return null;
}
}
function esc(str) {
return String(str || '').replace(/[&<>"']/g, (c) => (
{ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]
));
}
const ROTATIONS = [-4, 3, -2, 5, -3, 2, -5, 4];
function buildFriendPageHtml(friend, folder) {
const uploadsDir = path.join(storage.friendFolderPath(folder), 'uploads');
const profileUri = friend.profileImage ? fileToDataUri(path.join(uploadsDir, friend.profileImage)) : null;
const steckbriefRows = Object.entries(friend.steckbrief || {})
.filter(([, v]) => v && String(v).trim())
.map(([k, v]) => `<div class="sb-row"><span class="sb-key">${esc(k)}</span><span class="sb-val">${esc(v)}</span></div>`)
.join('');
const blocks = [...(friend.blocks || [])].sort((a, b) => a.order - b.order);
const blockHtml = blocks
.map((b, i) => {
const rot = ROTATIONS[i % ROTATIONS.length];
if (b.type === 'text') {
return `<div class="pdf-block text-block" style="transform: rotate(${rot * 0.4}deg)">
<p>${esc(b.content).replace(/\n/g, '<br/>')}</p>
${b.caption ? `<div class="cap">${esc(b.caption)}</div>` : ''}
</div>`;
}
if (b.type === 'image') {
const uri = fileToDataUri(path.join(uploadsDir, b.filename));
if (!uri) return '';
return `<div class="pdf-block image-block polaroid" style="transform: rotate(${rot}deg)">
<img src="${uri}" />
${b.caption ? `<div class="cap">${esc(b.caption)}</div>` : ''}
</div>`;
}
if (b.type === 'audio') {
return `<div class="pdf-block audio-block" style="transform: rotate(${rot * 0.5}deg)">
<div class="audio-note">&#127925; Audio-Erinnerung${b.caption ? ': ' + esc(b.caption) : ''}<br/><small>(im Web-Freundesbuch anh&ouml;rbar)</small></div>
</div>`;
}
return '';
})
.join('\n');
return `
<section class="page">
<div class="tape tape-tl"></div><div class="tape tape-tr"></div>
<header class="page-head">
${profileUri ? `<img class="profile-pic" src="${profileUri}" />` : '<div class="profile-pic placeholder">?</div>'}
<h1>${esc(friend.name)}</h1>
</header>
<div class="steckbrief">
<h2>Steckbrief</h2>
${steckbriefRows || '<p class="muted">Noch nichts eingetragen.</p>'}
</div>
<div class="blocks">
${blockHtml || '<p class="muted">Noch keine Erinnerungen hinzugef&uuml;gt.</p>'}
</div>
</section>`;
}
function buildFullHtml(friends) {
const pages = friends
.map((f) => buildFriendPageHtml(f, f.folderName))
.join('\n');
return `<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<style>
@page { size: A4; margin: 0; }
* { box-sizing: border-box; }
body {
margin: 0;
font-family: 'Comic Sans MS', 'Segoe Print', 'Bradley Hand', cursive, sans-serif;
background: #faf3e6;
color: #3a3350;
}
.page {
position: relative;
width: 210mm;
min-height: 297mm;
padding: 18mm 16mm;
page-break-after: always;
background: #faf3e6;
background-image: radial-gradient(circle at 10% 10%, rgba(232,168,191,0.15), transparent 40%),
radial-gradient(circle at 90% 85%, rgba(168,213,186,0.18), transparent 45%);
overflow: hidden;
}
.page:last-child { page-break-after: auto; }
.tape { position: absolute; width: 70px; height: 26px; background: rgba(232,184,75,0.55); }
.tape-tl { top: 6mm; left: 20mm; transform: rotate(-8deg); }
.tape-tr { top: 6mm; right: 20mm; transform: rotate(9deg); }
.page-head { text-align: center; margin-bottom: 8mm; }
.profile-pic {
width: 42mm; height: 42mm; object-fit: cover; border-radius: 50%;
border: 6px solid #fff; box-shadow: 0 4px 14px rgba(0,0,0,0.18);
transform: rotate(-3deg);
}
.profile-pic.placeholder {
display: flex; align-items: center; justify-content: center;
font-size: 30px; color: #b9a9d8; background: #fff;
}
.page-head h1 {
font-size: 34px; margin: 6mm 0 0; color: #6b4f8c;
text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}
.steckbrief {
background: #fffdf7; border: 2px dashed #d9b568; border-radius: 10px;
padding: 6mm 8mm; margin-bottom: 8mm; transform: rotate(-0.6deg);
}
.steckbrief h2 { margin: 0 0 4mm; font-size: 20px; color: #b5652f; }
.sb-row { display: flex; gap: 6px; font-size: 13px; margin-bottom: 2mm; font-family: Georgia, serif; }
.sb-key { font-weight: bold; min-width: 32mm; color: #6b4f8c; }
.muted { color: #9a8fb0; font-style: italic; font-size: 12px; font-family: Georgia, serif; }
.blocks { display: flex; flex-wrap: wrap; gap: 6mm; }
.pdf-block { background: #fff; padding: 4mm; box-shadow: 0 3px 10px rgba(0,0,0,0.15); }
.polaroid { padding: 4mm 4mm 10mm; width: 58mm; }
.polaroid img { width: 100%; height: 48mm; object-fit: cover; display: block; }
.text-block { width: 58mm; min-height: 40mm; background: #fef7d6; font-family: Georgia, serif; font-size: 12px; }
.audio-block { width: 58mm; min-height: 30mm; background: #e8f3ec; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; }
.cap { font-family: Georgia, serif; font-size: 11px; color: #6b4f8c; margin-top: 2mm; text-align: center; }
</style>
</head>
<body>
${pages || '<section class="page"><h1>Noch keine Freunde angelegt.</h1></section>'}
</body>
</html>`;
}
async function generateBookPdf() {
const friends = storage.getAllFriendsMeta();
const html = buildFullHtml(friends);
const browser = await puppeteer.launch({
executablePath: process.env.PUPPETEER_EXECUTABLE_PATH || undefined,
headless: true,
args: ['--no-sandbox', '--disable-setuid-sandbox'],
});
try {
const page = await browser.newPage();
await page.setContent(html, { waitUntil: 'networkidle0' });
const buffer = await page.pdf({ format: 'A4', printBackground: true });
return buffer;
} finally {
await browser.close();
}
}
module.exports = { generateBookPdf, buildFullHtml };