@rmdes/indiekit-endpoint-activitypub 2.4.4 → 2.4.5

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-activitypub",
-  "version": "2.4.4",
+  "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 #}