@rmdes/indiekit-endpoint-microsub 1.0.65 → 1.0.66

package/assets/styles.css

@@ -1379,6 +1379,14 @@
   white-space: nowrap;
 }
 
+.ms-item-card-compact__favicon {
+  border-radius: 3px;
+  height: 16px;
+  object-fit: cover;
+  vertical-align: -3px;
+  width: 16px;
+}
+
 .ms-item-card-compact__date {
   flex-shrink: 0;
   white-space: nowrap;

package/lib/polling/processor.js

@@ -149,6 +149,11 @@ export async function processFeed(application, feed) {
     if (parsed.feedType && !feed.feedType) {
       updateData.feedType = parsed.feedType;
     }
+    // Site homepage URL (parsers set parsed.url from channel <link>,
+    // home_page_url, etc.) — used for source attribution and favicon fallback
+    if (parsed.url && parsed.url !== feed.url && !feed.siteUrl) {
+      updateData.siteUrl = parsed.url;
+    }
 
     await updateFeedAfterFetch(
       application,

package/lib/storage/items.js

@@ -121,6 +121,73 @@ export function transformToJf2(item, userId) {
   return jf2;
 }
 
+/**
+ * Derive a favicon URL from a site or feed URL
+ * @param {string} url - Site or feed URL
+ * @returns {string|undefined} Favicon URL at the site origin
+ */
+function faviconUrl(url) {
+  try {
+    return new URL(url).origin + "/favicon.ico";
+  } catch {
+    return;
+  }
+}
+
+/**
+ * Enrich jf2 items with source identity (name, photo, url) from their feeds.
+ * Read-time join against microsub_feeds so existing items pick up feed
+ * metadata (title, channel image, site URL) without a migration, and stay
+ * fresh when a feed's metadata improves. Falls back to the site favicon
+ * when the feed has no image.
+ * @param {object} application - Indiekit application
+ * @param {Array<object>} items - jf2 items (mutated in place)
+ * @returns {Promise<Array<object>>} The same items, enriched
+ */
+export async function enrichItemsWithFeedSource(application, items) {
+  const feedIds = [
+    ...new Set(items.map((item) => item._feedId).filter(Boolean)),
+  ];
+  if (feedIds.length === 0) {
+    return items;
+  }
+
+  const feeds = await application.collections
+    .get("microsub_feeds")
+    .find({ _id: { $in: feedIds.map((id) => new ObjectId(id)) } })
+    .project({ title: 1, photo: 1, url: 1, siteUrl: 1 })
+    .toArray();
+  const feedsById = new Map(feeds.map((feed) => [feed._id.toString(), feed]));
+
+  for (const item of items) {
+    const feed = feedsById.get(item._feedId);
+    if (!feed) continue;
+
+    const siteUrl = feed.siteUrl || feed.url;
+    item._source = {
+      ...item._source,
+      name: feed.title || item._source?.name || safeHostname(siteUrl),
+      photo: feed.photo || faviconUrl(siteUrl),
+      url: siteUrl,
+    };
+  }
+
+  return items;
+}
+
+/**
+ * Extract hostname from a URL, or return the input on parse failure
+ * @param {string} url - URL string
+ * @returns {string} Hostname
+ */
+function safeHostname(url) {
+  try {
+    return new URL(url).hostname;
+  } catch {
+    return url;
+  }
+}
+
 /**
  * Add an item to a channel
  * @param {object} application - Indiekit application
@@ -218,6 +285,7 @@ export async function getTimelineItems(application, channelId, options = {}) {
 
   // Transform to jf2 format
   const jf2Items = items.map((item) => transformToJf2(item, options.userId));
+  await enrichItemsWithFeedSource(application, jf2Items);
 
   // Generate paging cursors
   const paging = generatePagingCursors(items, limit, hasMore, options.before);
@@ -282,6 +350,7 @@ export async function getAllTimelineItems(application, options = {}) {
   }
 
   const jf2Items = items.map((item) => transformToJf2(item, options.userId));
+  await enrichItemsWithFeedSource(application, jf2Items);
 
   const paging = generatePagingCursors(items, limit, hasMore, options.before);
 
@@ -320,7 +389,9 @@ export async function getItemById(application, id, userId) {
     return;
   }
 
-  return transformToJf2(item, userId);
+  const jf2 = transformToJf2(item, userId);
+  await enrichItemsWithFeedSource(application, [jf2]);
+  return jf2;
 }
 
 /**

package/package.json

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

package/views/partials/item-card-compact.njk

@@ -18,7 +18,10 @@
       {% endif %}
       <div class="ms-item-card-compact__meta">
         {% if item._source %}
-        <span class="ms-item-card-compact__source">{{ item._source.name or item._source.url }}</span>
+        <span class="ms-item-card-compact__source">
+          {%- if item._source.photo %}<img src="{{ item._source.photo }}" alt="" class="ms-item-card-compact__favicon" width="16" height="16" loading="lazy"> {% endif -%}
+          {{- item._source.name or item._source.url -}}
+        </span>
         {% elif item.author %}
         <span class="ms-item-card-compact__source">{{ item.author.name }}</span>
         {% endif %}

package/views/partials/item-card.njk

@@ -50,25 +50,27 @@
   {% endif %}
 
   <a href="{{ baseUrl }}/item/{{ item._id }}" class="ms-item-card__link">
-    {# Author #}
-    {% if item.author %}
+    {# Author / source identity — prefer item author, fall back to feed source #}
+    {% set identityPhoto = item.author.photo or item._source.photo %}
+    {% set identityName = item.author.name or item._source.name %}
+    {% if identityName or identityPhoto %}
     <div class="ms-item-card__author">
       <div class="ms-item-card__avatar-wrap" data-avatar-fallback>
-        {% if item.author.photo %}
-        <img src="{{ item.author.photo }}"
+        {% if identityPhoto %}
+        <img src="{{ identityPhoto }}"
              alt=""
              class="ms-item-card__author-photo"
              width="40"
              height="40"
              loading="lazy">
         {% endif %}
-        <span class="ms-item-card__author-photo ms-item-card__author-photo--default" aria-hidden="true">{{ item.author.name[0] | upper if item.author.name else "?" }}</span>
+        <span class="ms-item-card__author-photo ms-item-card__author-photo--default" aria-hidden="true">{{ identityName[0] | upper if identityName else "?" }}</span>
       </div>
       <div class="ms-item-card__author-info">
-        <span class="ms-item-card__author-name">{{ item.author.name or "Unknown" }}</span>
-        {% if item._source %}
+        <span class="ms-item-card__author-name">{{ identityName or "Unknown" }}</span>
+        {% if item._source and (item._source.name or item._source.url) and item._source.name != identityName %}
         <span class="ms-item-card__source">{{ item._source.name or item._source.url }}</span>
-        {% elif item.author.url %}
+        {% elif item.author.url and item.author.name %}
         <span class="ms-item-card__source">{{ item.author.url | replace("https://", "") | replace("http://", "") }}</span>
         {% endif %}
       </div>