Index: src/routes/posts.js =================================================================== --- src/routes/posts.js (revision 9d3485567cfa5e63e210609b3bb7ec38ec905976) +++ src/routes/posts.js (revision 0a7535630de8d7f1d893cbb685aa1a8512184e0d) @@ -693,43 +693,31 @@ }); +// 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'); }); Index: src/services/ActivityPubService.js =================================================================== --- src/services/ActivityPubService.js (revision 9d3485567cfa5e63e210609b3bb7ec38ec905976) +++ src/services/ActivityPubService.js (revision 0a7535630de8d7f1d893cbb685aa1a8512184e0d) @@ -1106,4 +1106,7 @@ try { if (!_unmarkLike) _unmarkLike = db.prepare('UPDATE ap_timeline SET liked = 0 WHERE slug = ? AND id = ?'); _unmarkLike.run(slug, noteId); } catch { /* ignore */ } } +export function getTimelineReaction(slug, noteId) { + try { const r = db.prepare('SELECT liked, boosted FROM ap_timeline WHERE slug = ? AND id = ?').get(slug, noteId); return { liked: !!(r && r.liked), boosted: !!(r && r.boosted) }; } catch { return { liked: false, boosted: false }; } +} export function boostedCount(slug) { try { if (!_boostedCount) _boostedCount = db.prepare('SELECT COUNT(*) AS n FROM ap_timeline WHERE slug = ? AND boosted = 1'); return _boostedCount.get(slug).n; } catch { return 0; } @@ -1356,5 +1359,5 @@ listOutbox, deliverOutboxDelete, webfingerResolve, followActor, resolveRemoteActor, unfollowActor, listFollowing, setAutoBoost, getTimeline, sendInteraction, - autoBoostCount, boostedCount, markBoosted, unmarkBoosted, markLiked, unmarkLiked, getCirkelPosts, getCirkelMembers, selfHealTimeline, + autoBoostCount, boostedCount, markBoosted, unmarkBoosted, markLiked, unmarkLiked, getTimelineReaction, getCirkelPosts, getCirkelMembers, selfHealTimeline, getNotifications, listBlocks, isBlockedAny, blockTarget, unblock, deliverWithRetry, enqueueDelivery, processDeliveryQueue, startDeliveryWorker, Index: src/views/pages/news.ejs =================================================================== --- src/views/pages/news.ejs (revision 9d3485567cfa5e63e210609b3bb7ec38ec905976) +++ src/views/pages/news.ejs (revision 0a7535630de8d7f1d893cbb685aa1a8512184e0d) @@ -47,14 +47,6 @@
- <% if (p.liked) { %> -
- <% } else { %> -
- <% } %> - <% if (p.boosted) { %> -
- <% } else { %> -
- <% } %> +
+
@@ -168,3 +160,22 @@ window.addEventListener('scroll', close, true); })(); + +/* Like/Boost toggle in place — POST via fetch, flip the button, stay on the page (no reload, no banner). */ +(function(){ + if (window.__newsReactWired) return; window.__newsReactWired = true; + document.addEventListener('submit', function(e){ + var f = e.target.closest && e.target.closest('.tl-react-form'); + if (!f) return; + e.preventDefault(); + var btn = f.querySelector('button'); if (!btn || btn.disabled) return; + btn.disabled = true; + var body = new URLSearchParams(); + new FormData(f).forEach(function(v, k){ body.append(k, v); }); + fetch(f.action, { method: 'POST', body: body, headers: { 'X-Requested-With': 'fetch' }, credentials: 'same-origin' }) + .then(function(r){ return r.ok ? r.json() : null; }) + .then(function(j){ if (j) btn.classList.toggle('is-on', !!j.on); }) + .catch(function(){}) + .then(function(){ btn.disabled = false; }); + }); +})();