@rmdes/indiekit-endpoint-microsub 1.0.51 → 1.0.53

package/lib/controllers/reader.js

@@ -902,33 +902,18 @@ export async function channelHtml(request, response) {
     );
   }
 
-  // Render each item card to HTML using the existing partial
-  const renderLocals = {
-    channel: channelDocument,
-    baseUrl: request.baseUrl,
-    __: request.__,
-    icon: response.locals.icon,
-    application,
-  };
-
-  const htmlParts = await Promise.all(
-    timeline.items.map(
-      (item) =>
-        new Promise((resolve, reject) => {
-          request.app.render(
-            "partials/item-card.njk",
-            { ...renderLocals, item },
-            (error, html) => {
-              if (error) reject(error);
-              else resolve(html);
-            },
-          );
-        }),
-    ),
-  );
+  // Render items via layout-less fragment template (standard response.render
+  // with callback returns HTML string without sending a response)
+  const fragmentHtml = await new Promise((resolve, reject) => {
+    response.render("partials/items-fragment", {
+      items: timeline.items,
+      channel: channelDocument,
+      baseUrl: request.baseUrl,
+    }, (error, html) => error ? reject(error) : resolve(html));
+  });
 
   response.json({
-    html: htmlParts.join(""),
+    html: fragmentHtml,
     paging: timeline.paging,
     count: timeline.items.length,
   });
@@ -985,37 +970,15 @@ export async function timelineHtml(request, response) {
     }
   }
 
-  const renderLocals = {
-    baseUrl: request.baseUrl,
-    __: request.__,
-    icon: response.locals.icon,
-    application,
-  };
-
-  const htmlParts = await Promise.all(
-    result.items.map(
-      (item) =>
-        new Promise((resolve, reject) => {
-          request.app.render(
-            "partials/item-card.njk",
-            { ...renderLocals, item },
-            (error, cardHtml) => {
-              if (error) {
-                reject(error);
-              } else {
-                const badge = item._channelName
-                  ? `<span class="ms-timeline-view__channel-badge" style="background: ${item._channelColor || "#888"}">${item._channelName}</span>`
-                  : "";
-                resolve(`<div class="ms-timeline-view__item">${badge}${cardHtml}</div>`);
-              }
-            },
-          );
-        }),
-    ),
-  );
+  const fragmentHtml = await new Promise((resolve, reject) => {
+    response.render("partials/items-fragment-timeline", {
+      items: result.items,
+      baseUrl: request.baseUrl,
+    }, (error, html) => error ? reject(error) : resolve(html));
+  });
 
   response.json({
-    html: htmlParts.join(""),
+    html: fragmentHtml,
     paging: result.paging,
     count: result.items.length,
   });

package/package.json

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

package/views/partials/items-fragment-timeline.njk

@@ -0,0 +1,11 @@
+{# Layout-less fragment for AJAX infinite scroll in timeline view #}
+{% for item in items %}
+<div class="ms-timeline-view__item">
+  {% if item._channelName %}
+  <span class="ms-timeline-view__channel-badge" style="background: {{ item._channelColor or '#888' }}">
+    {{ item._channelName }}
+  </span>
+  {% endif %}
+  {% include "partials/item-card.njk" %}
+</div>
+{% endfor %}

package/views/partials/items-fragment.njk

@@ -0,0 +1,4 @@
+{# Layout-less fragment for AJAX infinite scroll responses #}
+{% for item in items %}
+{% include "partials/item-card.njk" %}
+{% endfor %}