@rmdes/indiekit-endpoint-activitypub 2.4.3 → 2.4.5

package/assets/reader-infinite-scroll.js

@@ -282,7 +282,9 @@ document.addEventListener("alpine:init", () => {
               const card = entry.target;
               const uid = card.dataset.uid;
               if (uid && !card.classList.contains("ap-card--read")) {
-                card.classList.add("ap-card--read");
+                // Mark read server-side but DON'T dim visually in this session.
+                // Cards only appear dimmed when they arrive from the server
+                // with item.read=true on a subsequent page load.
                 this._batch.push(uid);
               }
               this._observer.unobserve(card);

package/assets/reader-tabs.js

@@ -366,6 +366,16 @@ document.addEventListener("alpine:init", () => {
       }
     },
 
+    // ── Public load-more method (called by button click) ────────────────────
+
+    loadMoreTab(tab) {
+      if (tab.type === "instance") {
+        this._loadMoreInstanceTab(tab);
+      } else if (tab.type === "hashtag") {
+        this._loadMoreHashtagTab(tab);
+      }
+    },
+
     // ── Infinite scroll for tab panels ───────────────────────────────────────
 
     _setupScrollObserver(tab) {

package/assets/reader.css

@@ -2486,15 +2486,21 @@
 }
 
 .ap-quote-embed__content {
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 6;
   color: var(--color-on-background);
-  display: -webkit-box;
   font-size: var(--font-size-s);
   line-height: 1.5;
+  max-height: calc(1.5em * 6);
   overflow: hidden;
 }
 
+.ap-quote-embed__content a {
+  display: inline;
+}
+
+.ap-quote-embed__content a span {
+  display: inline;
+}
+
 .ap-quote-embed__content p {
   margin: 0 0 var(--space-xs);
 }

package/lib/controllers/explore-utils.js

@@ -116,14 +116,17 @@ export function mapMastodonStatusToItem(status, instance) {
     video,
     audio,
     inReplyTo: status.in_reply_to_id ? `https://${instance}/web/statuses/${status.in_reply_to_id}` : "",
-    quoteUrl: status.quote?.url || status.quote?.uri || "",
     createdAt: new Date().toISOString(),
     _explore: true,
   };
 
   // Map quoted post data if present (Mastodon 4.3+ quote support)
-  if (status.quote) {
-    const q = status.quote;
+  // Mastodon API wraps the quoted status: { state: "accepted", quoted_status: { ...fullStatus } }
+  const quotedStatus = status.quote?.quoted_status || null;
+  if (quotedStatus) {
+    item.quoteUrl = quotedStatus.url || quotedStatus.uri || "";
+
+    const q = quotedStatus;
     const qAccount = q.account || {};
     const qAcct = qAccount.acct || "";
     const qHandle = qAcct.includes("@") ? `@${qAcct}` : `@${qAcct}@${instance}`;
@@ -152,6 +155,8 @@ export function mapMastodonStatusToItem(status, instance) {
       name: "",
       photo: qPhoto.slice(0, 1),
     };
+  } else {
+    item.quoteUrl = "";
   }
 
   return item;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-activitypub",
-  "version": "2.4.3",
+  "version": "2.4.5",
   "description": "ActivityPub federation endpoint for Indiekit via Fedify. Adds full fediverse support: actor, inbox, outbox, followers, following, syndication, and Mastodon migration.",
   "keywords": [
     "indiekit",

package/views/activitypub-explore.njk

@@ -302,10 +302,19 @@
               x-html="tabState[tab._id] ? tabState[tab._id].html : ''">
             </div>
 
-            {# Inline loading spinner for subsequent pages #}
-            <div class="ap-explore-tab-loading ap-explore-tab-loading--more"
-              x-show="tabState[tab._id] && tabState[tab._id].loading && tabState[tab._id].html">
-              <span class="ap-explore-tab-loading__text">{{ __("activitypub.reader.pagination.loading") }}</span>
+            {# Load more button + loading spinner for subsequent pages #}
+            <div class="ap-load-more"
+              x-show="tabState[tab._id] && tabState[tab._id].html && !tabState[tab._id].done">
+              <button class="ap-load-more__btn"
+                x-show="!tabState[tab._id]?.loading"
+                @click="loadMoreTab(tab)"
+                :disabled="tabState[tab._id]?.loading">
+                {{ __("activitypub.reader.pagination.loadMore") }}
+              </button>
+              <span class="ap-explore-tab-loading__text"
+                x-show="tabState[tab._id]?.loading">
+                {{ __("activitypub.reader.pagination.loading") }}
+              </span>
             </div>
 
             {# Empty state — loaded successfully but no posts #}
@@ -357,10 +366,19 @@
               x-html="tabState[tab._id] ? tabState[tab._id].html : ''">
             </div>
 
-            {# Inline loading spinner for subsequent pages #}
-            <div class="ap-explore-tab-loading ap-explore-tab-loading--more"
-              x-show="tabState[tab._id] && tabState[tab._id].loading && tabState[tab._id].html">
-              <span class="ap-explore-tab-loading__text">{{ __("activitypub.reader.pagination.loading") }}</span>
+            {# Load more button + loading spinner for subsequent pages #}
+            <div class="ap-load-more"
+              x-show="tabState[tab._id] && tabState[tab._id].html && !tabState[tab._id].done">
+              <button class="ap-load-more__btn"
+                x-show="!tabState[tab._id]?.loading"
+                @click="loadMoreTab(tab)"
+                :disabled="tabState[tab._id]?.loading">
+                {{ __("activitypub.reader.pagination.loadMore") }}
+              </button>
+              <span class="ap-explore-tab-loading__text"
+                x-show="tabState[tab._id]?.loading">
+                {{ __("activitypub.reader.pagination.loading") }}
+              </span>
             </div>
 
             {# Empty state — no instance tabs pinned yet #}