Changeset 0a75356 in Klonkt for src/routes/posts.js

Timestamp:

06/26/2026 11:55:09 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

7e66e7e

Parents:

9d34855

Message:

feat(news): feed like+boost toggle in place (fetch, no reload, no banner)

/news/like and /news/boost are now single toggling routes that return JSON {on} for a
fetch request; news.ejs posts via fetch and flips the button is-on without a reload or a
success banner. No-JS falls back to a plain redirect. getTimelineReaction reads state.

File:

• src/routes/posts.js (modified) (1 diff)

src/routes/posts.js

@@ -693 +693 @@
 });
 
+// Like / unlike a feed post — a toggle. Fetch request → JSON {on} (stay on the page,
+// no banner); no-JS → redirect back.
 router.post('/news/like', requireSiteManager, async (req, res) => {
   const site = res.locals.site;
   const note = (req.body.note || '').toString();
+  let on = false;
   if (site && note) {
-    try { await ActivityPubService.sendInteraction(site, 'like', note, (req.body.author || '').toString()); } catch (e) { /* ignore */ }
-    ActivityPubService.markLiked(site.slug, note);
-  }
-  res.redirect('/news?success=' + encodeURIComponent('Geliket ⭐'));
-});
-
-router.post('/news/unlike', requireSiteManager, async (req, res) => {
+    on = !ActivityPubService.getTimelineReaction(site.slug, note).liked;
+    try { await ActivityPubService.sendInteraction(site, on ? 'like' : 'unlike', note, (req.body.author || '').toString()); } catch (e) { /* ignore */ }
+    if (on) ActivityPubService.markLiked(site.slug, note); else ActivityPubService.unmarkLiked(site.slug, note);
+  }
+  if (req.get('X-Requested-With') === 'fetch') return res.json({ ok: true, on });
+  res.redirect('/news');
+});
+
+// Boost / unboost a feed post — a toggle. markBoosted also surfaces it in the Cirkel.
+router.post('/news/boost', requireSiteManager, async (req, res) => {
   const site = res.locals.site;
   const note = (req.body.note || '').toString();
+  let on = false;
   if (site && note) {
-    try { await ActivityPubService.sendInteraction(site, 'unlike', note, (req.body.author || '').toString()); } catch (e) { /* ignore */ }
-    ActivityPubService.unmarkLiked(site.slug, note);
-  }
-  res.redirect('/news?success=' + encodeURIComponent('Like ingetrokken'));
-});
-
-router.post('/news/boost', requireSiteManager, async (req, res) => {
-  const site = res.locals.site;
-  const note = (req.body.note || '').toString();
-  if (site && note) {
-    try { await ActivityPubService.sendInteraction(site, 'boost', note, (req.body.author || '').toString()); } catch (e) { /* ignore */ }
-    ActivityPubService.markBoosted(site.slug, note); // also surface it in the Cirkel (mixed by date)
-  }
-  res.redirect('/news?success=' + encodeURIComponent('Geboost 🔁'));
-});
-
-// Unboost (retract): send Undo(Announce) + clear the local flag.
-router.post('/news/unboost', requireSiteManager, async (req, res) => {
-  const site = res.locals.site;
-  const note = (req.body.note || '').toString();
-  if (site && note) {
-    try { await ActivityPubService.sendInteraction(site, 'unboost', note, (req.body.author || '').toString()); } catch (e) { /* ignore */ }
-    ActivityPubService.unmarkBoosted(site.slug, note);
-  }
-  res.redirect('/news?success=' + encodeURIComponent('Boost ingetrokken'));
+    on = !ActivityPubService.getTimelineReaction(site.slug, note).boosted;
+    try { await ActivityPubService.sendInteraction(site, on ? 'boost' : 'unboost', note, (req.body.author || '').toString()); } catch (e) { /* ignore */ }
+    if (on) ActivityPubService.markBoosted(site.slug, note); else ActivityPubService.unmarkBoosted(site.slug, note);
+  }
+  if (req.get('X-Requested-With') === 'fetch') return res.json({ ok: true, on });
+  res.redirect('/news');
 });