@rmdes/indiekit-endpoint-microsub 1.0.40 → 1.0.42

package/assets/styles.css

@@ -421,6 +421,12 @@
   margin-left: auto;
 }
 
+/* Save for later button */
+.item-actions__save-later--saved {
+  color: var(--color-accent, #4a9eff);
+  opacity: 0.6;
+}
+
 /* ==========================================================================
    Single Item View
    ========================================================================== */

package/lib/controllers/timeline.js

@@ -6,7 +6,7 @@
 import { IndiekitError } from "@indiekit/error";
 
 import { proxyItemImages } from "../media/proxy.js";
-import { getChannel } from "../storage/channels.js";
+import { getChannel, getChannelById } from "../storage/channels.js";
 import {
   getTimelineItems,
   markItemsRead,
@@ -72,8 +72,16 @@ export async function action(request, response) {
 
   validateChannel(channel);
 
-  // Verify channel exists
-  const channelDocument = await getChannel(application, channel, userId);
+  // Verify channel exists — try by UID first, fall back to ObjectId
+  // (timeline view may send ObjectId string for items from orphan channels)
+  let channelDocument = await getChannel(application, channel, userId);
+  if (!channelDocument) {
+    try {
+      channelDocument = await getChannelById(application, channel);
+    } catch {
+      // Invalid ObjectId format — channel string is not a valid ObjectId
+    }
+  }
   if (!channelDocument) {
     throw new IndiekitError("Channel not found", {
       status: 404,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-microsub",
-  "version": "1.0.40",
+  "version": "1.0.42",
   "description": "Microsub endpoint for Indiekit. Enables subscribing to feeds and reading content using the Microsub protocol.",
   "keywords": [
     "indiekit",

package/views/channel.njk

@@ -173,6 +173,39 @@
           button.disabled = false;
         }
       });
+
+      // Handle save-for-later buttons
+      timeline.addEventListener('click', async (e) => {
+        const button = e.target.closest('.item-actions__save-later');
+        if (!button) return;
+
+        e.preventDefault();
+        e.stopPropagation();
+
+        const url = button.dataset.url;
+        const title = button.dataset.title;
+        if (!url) return;
+
+        button.disabled = true;
+
+        try {
+          const response = await fetch('/readlater/save', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ url, title: title || url, source: 'microsub' }),
+            credentials: 'same-origin'
+          });
+
+          if (response.ok) {
+            button.classList.add('item-actions__save-later--saved');
+            button.title = 'Saved';
+          } else {
+            button.disabled = false;
+          }
+        } catch {
+          button.disabled = false;
+        }
+      });
     }
   </script>
 {% endblock %}

package/views/partials/item-card.njk

@@ -203,10 +203,22 @@
             data-action="mark-read"
             data-item-id="{{ item._id }}"
             {% if item._channelUid %}data-channel-uid="{{ item._channelUid }}"{% endif %}
+            {% if item._channelId %}data-channel-id="{{ item._channelId }}"{% endif %}
             title="Mark as read">
       {{ icon("checkboxChecked") }}
       <span class="visually-hidden">Mark read</span>
     </button>
     {% endif %}
+    {% if application.readlaterEndpoint %}
+    <button type="button"
+            class="item-actions__button item-actions__save-later"
+            data-action="save-later"
+            data-url="{{ item.url }}"
+            data-title="{{ item.name or '' }}"
+            title="Save for later">
+      {{ icon("bookmark") }}
+      <span class="visually-hidden">Save for later</span>
+    </button>
+    {% endif %}
   </div>
 </article>

package/views/timeline.njk

@@ -108,7 +108,8 @@
 
         const itemId = button.dataset.itemId;
         const channelUid = button.dataset.channelUid;
-        if (!itemId || !channelUid) return;
+        const channelId = button.dataset.channelId;
+        if (!itemId || (!channelUid && !channelId)) return;
 
         button.disabled = true;
 
@@ -116,7 +117,7 @@
           const formData = new URLSearchParams();
           formData.append('action', 'timeline');
           formData.append('method', 'mark_read');
-          formData.append('channel', channelUid);
+          formData.append('channel', channelUid || channelId);
           formData.append('entry', itemId);
 
           const response = await fetch(microsubApiUrl, {
@@ -150,6 +151,39 @@
           button.disabled = false;
         }
       });
+
+      // Handle save-for-later buttons
+      timeline.addEventListener('click', async (e) => {
+        const button = e.target.closest('.item-actions__save-later');
+        if (!button) return;
+
+        e.preventDefault();
+        e.stopPropagation();
+
+        const url = button.dataset.url;
+        const title = button.dataset.title;
+        if (!url) return;
+
+        button.disabled = true;
+
+        try {
+          const response = await fetch('/readlater/save', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ url, title: title || url, source: 'microsub' }),
+            credentials: 'same-origin'
+          });
+
+          if (response.ok) {
+            button.classList.add('item-actions__save-later--saved');
+            button.title = 'Saved';
+          } else {
+            button.disabled = false;
+          }
+        } catch {
+          button.disabled = false;
+        }
+      });
     }
   </script>
 {% endblock %}