From 9ff16cb0320f134999ef726953e72fc98fa62399 Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Fri, 20 Mar 2026 08:18:55 +0100
Subject: [PATCH] fix(social-activity): include boosts in Mastodon feed

@svemagie@indieweb.social's activity is primarily boosts, so
exclude_reblogs=true left mastodonFeed empty and the Mastodon tab
hidden. Remove that filter and resolve content/author/url from
status.reblog when the post is a boost. Add a "boosted from" label
in the widget for context.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 _data/mastodonFeed.js                         | 61 ++++++++++---------
 .../components/widgets/social-activity.njk    |  3 +
 2 files changed, 36 insertions(+), 28 deletions(-)

diff --git a/_data/mastodonFeed.js b/_data/mastodonFeed.js
index 4255b48..fc00e5e 100644
--- a/_data/mastodonFeed.js
+++ b/_data/mastodonFeed.js
@@ -43,8 +43,8 @@ export default async function () {
       return [];
     }
 
-    // Fetch recent statuses (excluding replies and boosts for cleaner feed)
-    const statusesUrl = `https://${instance}/api/v1/accounts/${account.id}/statuses?limit=10&exclude_replies=true&exclude_reblogs=true`;
+    // Fetch recent statuses (excluding replies; boosts included since that's primary activity)
+    const statusesUrl = `https://${instance}/api/v1/accounts/${account.id}/statuses?limit=10&exclude_replies=true`;
 
     const statuses = await EleventyFetch(statusesUrl, {
       duration: "15m", // Cache for 15 minutes
@@ -61,32 +61,37 @@ export default async function () {
       return [];
     }
 
-    // Transform statuses into a simpler format
-    return statuses.map((status) => ({
-      id: status.id,
-      url: status.url,
-      text: stripHtml(status.content),
-      htmlContent: status.content,
-      createdAt: status.created_at,
-      author: {
-        username: status.account.username,
-        displayName: status.account.display_name || status.account.username,
-        avatar: status.account.avatar,
-        url: status.account.url,
-      },
-      favouritesCount: status.favourites_count || 0,
-      reblogsCount: status.reblogs_count || 0,
-      repliesCount: status.replies_count || 0,
-      // Media attachments
-      media: status.media_attachments
-        ? status.media_attachments.map((m) => ({
-            type: m.type,
-            url: m.url,
-            previewUrl: m.preview_url,
-            description: m.description,
-          }))
-        : [],
-    }));
+    // Transform statuses into a simpler format; for boosts use the reblogged post's content
+    return statuses.map((status) => {
+      const isBoost = !!status.reblog;
+      const source = isBoost ? status.reblog : status;
+      return {
+        id: status.id,
+        url: source.url,
+        text: stripHtml(source.content),
+        htmlContent: source.content,
+        createdAt: status.created_at,
+        isBoost,
+        author: {
+          username: source.account.username,
+          displayName: source.account.display_name || source.account.username,
+          avatar: source.account.avatar,
+          url: source.account.url,
+        },
+        favouritesCount: source.favourites_count || 0,
+        reblogsCount: source.reblogs_count || 0,
+        repliesCount: source.replies_count || 0,
+        // Media attachments
+        media: source.media_attachments
+          ? source.media_attachments.map((m) => ({
+              type: m.type,
+              url: m.url,
+              previewUrl: m.preview_url,
+              description: m.description,
+            }))
+          : [],
+      };
+    });
   } catch (error) {
     console.error("Error fetching Mastodon feed:", error.message);
     return [];
diff --git a/_includes/components/widgets/social-activity.njk b/_includes/components/widgets/social-activity.njk
index 794bd55..832ae7f 100644
--- a/_includes/components/widgets/social-activity.njk
+++ b/_includes/components/widgets/social-activity.njk
@@ -96,6 +96,9 @@
       {% for post in mastodonFeed | head(5) %}
       <li class="border-b border-surface-200 dark:border-surface-700 pb-3 last:border-0">
         <a href="{{ post.url }}" target="_blank" rel="noopener" class="block group">
+          {% if post.isBoost %}
+          <p class="text-xs text-surface-500 dark:text-surface-400 mb-1">boosted from @{{ post.author.username }}</p>
+          {% endif %}
           <p class="text-sm text-surface-700 dark:text-surface-300 group-hover:text-[#a730b8] transition-colors">
             {{ post.text | truncate(140) }}
           </p>