source: Klonkt/src/routes/admin-sites.js@ 42e7616

main
Last change on this file since 42e7616 was 318d0c2, checked in by Robin Genis <roboburr@…>, 7 weeks ago

De Guardian-PWA: /guardian, wards managen, berichtencentrum, eigen push

Een aparte, installeerbare hoek van Klonkt voor guardians (FEP-633c), los
van de site-PWA: eigen manifest met scope /guardian/, eigen boei-icoon,
eigen accent. Ingelogde eigenaren handelen als een van hun eigen actors
(?site=slug bij meerdere sites).

Drie secties: het berichtencentrum (inkomende hulpverzoeken uit
ap_mentions, hulpvraag-eerst), wards (adopteren via handle -> WebFinger ->
dezelfde C2S Offer-pijplijn als de Shaer-apps; pending intrekken; ward
loslaten) en meldingen (web-push-kanaal met alert-typen help + guardian,
hergebruik van de bestaande push-slices en service worker).

Geen inline scripts of styles (CSP): alle logica in
/assets/js/guardian.js, opmaak in /assets/css/guardian.css. UI-teksten
volledig via i18n (nl/en/de); de JSON-state draagt de strings voor de
client.

Changed files:
src/server.js

  • mount /guardian vóór de slug-catch-all

src/routes/posts.js

  • 'guardian' (en paid/push in admin-sites) op de reserved-slug-lijst

src/routes/admin-sites.js

  • idem voor nieuwe sites

src/services/i18n.js

  • guardian.*-teksten in nl/en/de

New file:
src/routes/guardian.js

  • pagina, /api/state, /adopt, /wards/remove, manifest, icon

src/views/pages/guardian.ejs

  • de PWA-pagina, state als application/json-blok

src/assets/js/guardian.js

  • rendering, adopt-flow, push-subscribe (help+guardian), 45s-poll

src/assets/css/guardian.css

  • donker paneel, boei-oranje accent

remarks: emancipatie/verwijdering federeren (FEP 3.2-3.4) doet de
wards/remove-knop nog niet; dat is lokaal loslaten. Volgende stap na
akkoord: beta + demo's.

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

  • Property mode set to 100644
File size: 14.0 KB
Line 
1/**
2 * Admin: Site management — Phase E.
3 *
4 * GET /admin/sites -> list all sites
5 * GET /admin/sites/new -> create form
6 * POST /admin/sites/create -> insert + redirect to edit
7 * GET /admin/sites/:slug/edit -> edit form
8 * POST /admin/sites/:slug/save -> update
9 * POST /admin/sites/:slug/delete-> delete (refuses if site has posts)
10 *
11 * God-only (requireGod middleware). Slug is immutable after create — too
12 * many things hang off it (URLs, manifest scope, federation). If you really
13 * need to rename: delete + re-create.
14 */
15
16import express from 'express';
17import path from 'path';
18import fs from 'fs';
19import { fileURLToPath } from 'url';
20import multer from 'multer';
21import { v4 as uuid } from 'uuid';
22import db from '../config/database.js';
23import { renderPage } from '../middleware/render.js';
24import { requireGod, requireAuth, requireSiteManagerBySlug } from '../middleware/auth.js';
25import ThemeService from '../services/ThemeService.js';
26import { listPlatforms, PLATFORMS } from '../services/PlatformIcons.js';
27import { toWebp } from '../services/ImageWebpService.js';
28
29const __dirname = path.dirname(fileURLToPath(import.meta.url));
30
31// Profile photos share the avatar directory with user avatars — same physical
32// folder, same URL prefix. Filenames are uuid-prefixed so site photos and
33// user avatars never collide.
34const PHOTO_DIR = path.resolve(
35 process.env.AVATAR_PATH || path.join(__dirname, '..', '..', 'storage', 'media', 'avatars')
36);
37fs.mkdirSync(PHOTO_DIR, { recursive: true });
38
39const ALLOWED_PHOTO_EXT = new Set(['.jpg', '.jpeg', '.png', '.webp', '.gif']);
40const MAX_PHOTO_BYTES = 5 * 1024 * 1024;
41const photoUpload = multer({
42 storage: multer.diskStorage({
43 destination: (req, file, cb) => cb(null, PHOTO_DIR),
44 filename: (req, file, cb) => {
45 const ext = path.extname(file.originalname || '').toLowerCase() || '.jpg';
46 cb(null, `site-${uuid()}${ext}`);
47 },
48 }),
49 limits: { fileSize: MAX_PHOTO_BYTES },
50 fileFilter: (req, file, cb) => {
51 const ext = path.extname(file.originalname || '').toLowerCase();
52 if (!ALLOWED_PHOTO_EXT.has(ext)) {
53 return cb(new Error('Alleen JPG/PNG/WebP/GIF toegestaan'));
54 }
55 cb(null, true);
56 },
57});
58
59/** Coerce req.body fields into the JSON profile_links array. */
60function buildProfileLinks(body) {
61 const platforms = body.profile_link_platform || [];
62 const urls = body.profile_link_url || [];
63 const arr = [];
64 const platformsArr = Array.isArray(platforms) ? platforms : [platforms];
65 const urlsArr = Array.isArray(urls) ? urls : [urls];
66 for (let i = 0; i < platformsArr.length; i++) {
67 const p = (platformsArr[i] || '').toString().trim();
68 const u = (urlsArr[i] || '').toString().trim();
69 if (!p || !u) continue;
70 if (!PLATFORMS[p]) continue;
71 if (!/^https?:\/\//i.test(u) && p !== 'email') continue;
72 if (p === 'email' && !/^mailto:|^[^\s@]+@[^\s@]+$/i.test(u)) continue;
73 arr.push({ platform: p, url: u });
74 }
75 return arr.length ? JSON.stringify(arr) : null;
76}
77
78const router = express.Router();
79
80// ==================== UPLOAD PROFILE PHOTO (JSON) ====================
81// POST /admin/sites/upload-photo → { ok: true, url: '/media/avatars/<filename>' }
82// Used by the admin-site-edit form's photo picker. The form itself still
83// holds the URL string in `profile_photo` — this endpoint just stores the
84// file and hands back a URL that the form can paste into the input field.
85router.post('/upload-photo', requireAuth, (req, res) => {
86 photoUpload.single('photo')(req, res, (err) => {
87 if (err) return res.status(400).json({ ok: false, error: err.message });
88 if (!req.file) return res.status(400).json({ ok: false, error: 'Geen bestand ontvangen' });
89 res.json({
90 ok: true,
91 url: `/media/avatars/${toWebp(req.file)}`,
92 size: req.file.size,
93 mime: req.file.mimetype,
94 });
95 });
96});
97
98const RESERVED_SITE_SLUGS = new Set([
99 'auth', 'admin', 'login', 'register', 'logout', 'archive', 'search',
100 'account', 'sites', 'comments', 'posts', 'media', 'audio',
101 'forum', 'tag', 'user', 'users', 'artiesten', 'leden', 'feed.xml', 'atom.xml', 'sitemap.xml',
102 'manifest.webmanifest', 'sw.js', 'favicon.ico', 'favicon.svg', 'assets',
103 'paid', 'push', 'guardian',
104]);
105
106function siteEditableFields() {
107 return {
108 title: '',
109 description: '',
110 tagline: '',
111 language: 'nl',
112 palette: 'klonkt',
113 accent: '#e8b04b',
114 profile_photo: '',
115 profile_enabled: 1,
116 profile_name: '',
117 profile_bio: '',
118 is_public: 1,
119 robots_index: 1,
120 require_login_to_comment: 1,
121 enable_audio_player: 1,
122 comments_moderation_mode: 'moderate',
123 feed_view_default: 'grid',
124 feed_view_switch: 1,
125 show_search: 1,
126 show_archive_link: 1,
127 title_template: '{title} — {site}',
128 twitter: '',
129 canonical: '',
130 google_verification: '',
131 bing_verification: '',
132 pinterest_verification: '',
133 yandex_verification: '',
134 custom_css: '',
135 custom_head_html: '',
136 custom_foot_html: '',
137 };
138}
139
140/** Valid user-id for owner assignment, or null if empty/unknown. */
141function validOwnerId(raw) {
142 const id = (raw || '').toString().trim();
143 if (!id) return null;
144 return db.prepare('SELECT 1 FROM users WHERE id = ?').get(id) ? id : null;
145}
146
147/** Grant a user admin rights on a site (idempotent upsert). */
148function grantSiteAdmin(siteId, userId) {
149 db.prepare(`
150 INSERT INTO site_members (site_id, user_id, role) VALUES (?, ?, 'admin')
151 ON CONFLICT(site_id, user_id) DO UPDATE SET role = 'admin'
152 `).run(siteId, userId);
153}
154
155/** Candidate owners for the owner selector field (god-only). */
156function listOwnerCandidates() {
157 return db.prepare('SELECT id, username, role FROM users ORDER BY username').all();
158}
159
160// ==================== LIST ====================
161router.get('/', requireGod, (req, res) => {
162 const sites = db.prepare(`
163 SELECT s.id, s.slug, s.title, s.description, s.created_at,
164 s.is_public, s.robots_index, s.is_primary,
165 u.username AS owner_username,
166 (SELECT COUNT(*) FROM posts WHERE site_id = s.id) AS post_count
167 FROM sites s LEFT JOIN users u ON u.id = s.owner_id
168 ORDER BY s.is_primary DESC, s.created_at DESC
169 `).all();
170
171 renderPage(req, res, 'pages/admin-sites', {
172 pageTitleKey: 'admin.t_sites',
173 bodyClass: 'on-admin',
174 sites,
175 success: req.query.success || null,
176 error: req.query.error || null,
177 });
178});
179
180// ==================== NEW (form) ====================
181router.get('/new', requireGod, (req, res) => {
182 renderPage(req, res, 'pages/admin-site-edit', {
183 pageTitleKey: 'admin.t_newsite',
184 bodyClass: 'on-admin',
185 isNew: true,
186 // ?owner=<id> (from the users page: "give this user a Klonkt") is
187 // pre-selected; otherwise defaults to the creating god.
188 site: { slug: '', owner_id: validOwnerId(req.query.owner) || req.session.user.id, ...siteEditableFields() },
189 users: listOwnerCandidates(),
190 palettes: ThemeService.listPalettes(),
191 accents: ThemeService.listAccents(),
192 platforms: listPlatforms(),
193 parsedLinks: [],
194 error: null,
195 });
196});
197
198// ==================== CREATE ====================
199router.post('/create', requireGod, (req, res) => {
200 const slug = (req.body.slug || '').toString().toLowerCase().trim();
201 if (!/^[a-z0-9_-]{2,40}$/.test(slug)) {
202 return res.redirect('/admin/sites/new?error=' + encodeURIComponent('Slug: 2-40 chars, letters/numbers/underscore/dash'));
203 }
204 if (RESERVED_SITE_SLUGS.has(slug)) {
205 return res.redirect('/admin/sites/new?error=' + encodeURIComponent('That slug is reserved'));
206 }
207 const existing = db.prepare('SELECT id FROM sites WHERE slug = ?').get(slug);
208 if (existing) {
209 return res.redirect('/admin/sites/new?error=' + encodeURIComponent('Slug already taken'));
210 }
211
212 const f = { ...siteEditableFields(), ...req.body };
213
214 // Owner: god may assign the site to a DIFFERENT user — this is the core of
215 // hub mode (each user their own self-managed Klonkt). Empty or invalid → the
216 // creating god themselves.
217 const ownerId = validOwnerId(req.body.owner_id) || req.session.user.id;
218
219 const siteId = uuid();
220 db.prepare(`
221 INSERT INTO sites (
222 id, slug, title, description, tagline, owner_id,
223 language, palette, accent, profile_photo,
224 is_public, robots_index, require_login_to_comment, enable_audio_player,
225 feed_view_default
226 ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
227 `).run(
228 siteId, slug,
229 (f.title || slug).slice(0, 200),
230 (f.description || '').slice(0, 500),
231 (f.tagline || '').slice(0, 200),
232 ownerId,
233 f.language || 'nl',
234 f.palette || 'klonkt',
235 ThemeService.validateAccent(f.accent) || '#e8b04b',
236 f.profile_photo || null,
237 f.is_public ? 1 : 0,
238 f.robots_index ? 1 : 0,
239 f.require_login_to_comment ? 1 : 0,
240 (f.enable_audio_player !== undefined ? (f.enable_audio_player ? 1 : 0) : 1),
241 f.feed_view_default === 'timeline' ? 'timeline' : 'grid',
242 );
243
244 // The OWNER (not necessarily the creator) gets a site_members admin row → this
245 // lets them pass canAdminSite + requireSiteManager gates to manage their site.
246 grantSiteAdmin(siteId, ownerId);
247
248 res.redirect(`/admin/sites/${slug}/edit?success=` + encodeURIComponent('Site aangemaakt'));
249});
250
251// ==================== EDIT (form) ====================
252router.get('/:slug/edit', requireSiteManagerBySlug, (req, res) => {
253 const site = db.prepare('SELECT * FROM sites WHERE slug = ?').get(req.params.slug);
254 if (!site) return res.redirect('/admin/sites?error=Not+found');
255
256 let parsedLinks = [];
257 if (site.profile_links) {
258 try { parsedLinks = JSON.parse(site.profile_links) || []; } catch {}
259 }
260
261 renderPage(req, res, 'pages/admin-site-edit', {
262 pageTitleKey: 'admin.t_editsite', pageTitleVars: { title: site.title },
263 bodyClass: 'on-admin',
264 isNew: false,
265 site,
266 users: listOwnerCandidates(),
267 palettes: ThemeService.listPalettes(),
268 accents: ThemeService.listAccents(),
269 platforms: listPlatforms(),
270 parsedLinks,
271 success: req.query.success || null,
272 error: req.query.error || null,
273 });
274});
275
276// ==================== SAVE ====================
277router.post('/:slug/save', requireSiteManagerBySlug, (req, res) => {
278 const site = db.prepare('SELECT id FROM sites WHERE slug = ?').get(req.params.slug);
279 if (!site) return res.redirect('/admin/sites?error=Not+found');
280
281 const f = req.body;
282 const feedViewDef = f.feed_view_default === 'grid' ? 'grid' : 'timeline';
283 const profileLinksJson = buildProfileLinks(f);
284
285 // theme_override: only accept the three legal values. Empty string means
286 // "Auto" — defer to user's prefers-color-scheme on first paint.
287 const themeOverride = ['light', 'dark'].includes(f.theme_override) ? f.theme_override : '';
288
289 // accent: only accept colors from the curated ACCENTS list. Falls back to
290 // the orange default if the submitted value isn't recognised.
291 const accent = ThemeService.validateAccent(f.accent) || '#e8b04b';
292
293 db.prepare(`
294 UPDATE sites SET
295 title = ?, description = ?, tagline = ?, language = ?,
296 palette = ?, accent = ?, theme_override = ?, profile_photo = ?,
297 profile_enabled = ?,
298 profile_links = ?,
299 is_public = ?, robots_index = ?, require_login_to_comment = ?,
300 enable_audio_player = ?,
301 feed_view_default = ?, feed_view_switch = ?,
302 show_search = ?, show_archive_link = ?,
303 custom_css = ?, custom_head_html = ?, custom_foot_html = ?,
304 updated_at = CURRENT_TIMESTAMP
305 WHERE id = ?
306 `).run(
307 (f.title || '').slice(0, 200),
308 (f.description || '').slice(0, 500),
309 (f.tagline || '').slice(0, 200),
310 f.language || 'nl',
311 f.palette || 'klonkt',
312 accent,
313 themeOverride,
314 f.profile_photo || null,
315 f.profile_enabled ? 1 : 0,
316 profileLinksJson,
317 f.is_public ? 1 : 0,
318 f.robots_index ? 1 : 0,
319 f.require_login_to_comment ? 1 : 0,
320 f.enable_audio_player ? 1 : 0,
321 feedViewDef,
322 f.feed_view_switch ? 1 : 0,
323 f.show_search ? 1 : 0,
324 f.show_archive_link ? 1 : 0,
325 f.custom_css || null,
326 f.custom_head_html || null,
327 f.custom_foot_html || null,
328 site.id,
329 );
330
331 // (Re)assign owner — god ONLY. A site-owner editing their own site cannot
332 // change the owner (the field is not shown to non-god users either).
333 if (req.session.user.role === 'god') {
334 const newOwner = validOwnerId(req.body.owner_id);
335 if (newOwner) {
336 db.prepare('UPDATE sites SET owner_id = ? WHERE id = ?').run(newOwner, site.id);
337 grantSiteAdmin(site.id, newOwner);
338 }
339 }
340
341 res.redirect(`/admin/sites/${req.params.slug}/edit?success=` + encodeURIComponent('Opgeslagen'));
342});
343
344// ==================== MAKE PRIMARY ====================
345// God chooses which site is the primary/main site (the label/company site in hub;
346// in solo mode: the one site). Exactly one site is primary → clear all, then set this one.
347router.post('/:slug/make-primary', requireGod, (req, res) => {
348 const site = db.prepare('SELECT id FROM sites WHERE slug = ?').get(req.params.slug);
349 if (!site) return res.redirect('/admin/sites?error=Niet+gevonden');
350 db.transaction(() => {
351 db.prepare('UPDATE sites SET is_primary = 0').run();
352 db.prepare('UPDATE sites SET is_primary = 1 WHERE id = ?').run(site.id);
353 })();
354 res.redirect('/admin/sites?success=' + encodeURIComponent('Primaire site bijgewerkt'));
355});
356
357// ==================== DELETE ====================
358router.post('/:slug/delete', requireGod, (req, res) => {
359 const site = db.prepare('SELECT id FROM sites WHERE slug = ?').get(req.params.slug);
360 if (!site) return res.redirect('/admin/sites?error=Not+found');
361
362 const postCount = db.prepare('SELECT COUNT(*) AS c FROM posts WHERE site_id = ?').get(site.id).c;
363 if (postCount > 0) {
364 return res.redirect('/admin/sites?error=' + encodeURIComponent(`Cannot delete: site has ${postCount} post(s). Delete posts first.`));
365 }
366
367 // Clean up site_members and audio_tracks (no posts to worry about).
368 db.prepare('DELETE FROM site_members WHERE site_id = ?').run(site.id);
369 db.prepare('DELETE FROM audio_tracks WHERE site_id = ?').run(site.id);
370 db.prepare('DELETE FROM sites WHERE id = ?').run(site.id);
371
372 res.redirect('/admin/sites?success=' + encodeURIComponent('Site deleted'));
373});
374
375export default router;
Note: See TracBrowser for help on using the repository browser.