@rmdes/indiekit-endpoint-microsub 1.0.35 → 1.0.37

package/lib/controllers/reader.js

@@ -35,6 +35,7 @@ import {
   validateExcludeTypes,
   validateExcludeRegex,
 } from "../utils/validation.js";
+import { proxyItemImages } from "../media/proxy.js";
 
 /**
  * Reader index - redirect to channels
@@ -119,6 +120,14 @@ export async function channel(request, response) {
     showRead: showReadItems,
   });
 
+  // Proxy images through media endpoint for privacy
+  const proxyBaseUrl = application.url;
+  if (proxyBaseUrl && timeline.items) {
+    timeline.items = timeline.items.map((item) =>
+      proxyItemImages(item, proxyBaseUrl),
+    );
+  }
+
   // Count read items to show "View read items" button
   const readCount = await countReadItems(
     application,

package/lib/storage/items.js

@@ -12,6 +12,27 @@ import {
   parseLimit,
 } from "../utils/pagination.js";
 
+/**
+ * Extract image URLs from HTML content (fallback for items without explicit photos)
+ * @param {string} html - HTML content
+ * @returns {string[]} Array of image URLs
+ */
+function extractImagesFromHtml(html) {
+  if (!html) {
+    return [];
+  }
+  const urls = [];
+  const imgRegex = /<img[^>]+src=["']([^"']+)["'][^>]*>/gi;
+  let match;
+  while ((match = imgRegex.exec(html)) !== null) {
+    const src = match[1];
+    if (src && !urls.includes(src)) {
+      urls.push(src);
+    }
+  }
+  return urls;
+}
+
 /**
  * Get items collection from application
  * @param {object} application - Indiekit application
@@ -201,6 +222,14 @@ function transformToJf2(item, userId) {
   const videos = normalizeMediaArray(item.video);
   const audios = normalizeMediaArray(item.audio);
 
+  // Fallback: extract images from HTML content if no explicit photos
+  if (photos.length === 0 && item.content?.html) {
+    const extracted = extractImagesFromHtml(item.content.html);
+    if (extracted.length > 0) {
+      photos.push(...extracted);
+    }
+  }
+
   if (photos.length > 0) jf2.photo = photos;
   if (videos.length > 0) jf2.video = videos;
   if (audios.length > 0) jf2.audio = audios;

package/package.json

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

package/views/actor.njk

@@ -121,8 +121,10 @@
           {# Tags #}
           {% if item.category and item.category.length > 0 %}
           <div class="item-card__categories">
-            {% for cat in item.category | slice(0, 5) %}
+            {% for cat in item.category %}
+            {% if loop.index0 < 5 %}
             <span class="item-card__category">#{{ cat }}</span>
+            {% endif %}
             {% endfor %}
           </div>
           {% endif %}
@@ -131,9 +133,11 @@
           {% if item.photo and item.photo.length > 0 %}
           {% set photoCount = item.photo.length if item.photo.length <= 4 else 4 %}
           <div class="item-card__photos item-card__photos--{{ photoCount }}">
-            {% for photo in item.photo | slice(0, 4) %}
+            {% for photo in item.photo %}
+            {% if loop.index0 < 4 %}
             <img src="{{ photo }}" alt="" class="item-card__photo" loading="lazy"
                  onerror="this.parentElement.removeChild(this)">
+            {% endif %}
             {% endfor %}
           </div>
           {% endif %}

package/views/partials/item-card.njk

@@ -111,8 +111,10 @@
     {# Categories/Tags #}
     {% if item.category and item.category.length > 0 %}
     <div class="item-card__categories">
-      {% for cat in item.category | slice(0, 5) %}
+      {% for cat in item.category %}
+      {% if loop.index0 < 5 %}
       <span class="item-card__category">#{{ cat | replace("#", "") }}</span>
+      {% endif %}
       {% endfor %}
     </div>
     {% endif %}
@@ -121,12 +123,14 @@
     {% if item.photo and item.photo.length > 0 %}
     {% set photoCount = item.photo.length if item.photo.length <= 4 else 4 %}
     <div class="item-card__photos item-card__photos--{{ photoCount }}">
-      {% for photo in item.photo | slice(0, 4) %}
+      {% for photo in item.photo %}
+      {% if loop.index0 < 4 %}
       <img src="{{ photo }}"
            alt=""
            class="item-card__photo"
            loading="lazy"
            onerror="this.parentElement.removeChild(this)">
+      {% endif %}
       {% endfor %}
     </div>
     {% endif %}