svemagie.net/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-05-14 14:46:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: show syndication badge and linked timestamp on owner replies

Browse Source 
Owner replies created via Micropub that were syndicated to Bluesky,
Mastodon, or ActivityPub now display a platform badge and a clickable
timestamp linking to the syndicated post. Uses the syndication URLs
from the conversations API is_owner enrichment.
This commit is contained in:
Ricardo
2026-04-05 23:19:53 +02:00
parent 6645a00418
commit 6ade0a7f4e
1 changed files with 30 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/webmentions.js
+30 -3
View File
@@ -178,14 +178,41 @@
authorBadge.className = 'inline-flex items-center px-1.5 py-0.5 text-xs font-medium bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-400 rounded-full';
authorBadge.textContent = 'Author';
// Detect syndication platform and URL from the reply's syndication field
var synUrls = reply.syndication || [];
var synUrl = synUrls.length > 0 ? synUrls[0] : null;
var synPlatform = null;
if (synUrl) {
if (synUrl.includes('bsky.app')) synPlatform = 'bluesky';
else if (synUrl.match(/\/@[^/]+\/\d+/)) synPlatform = 'mastodon';
else if (synUrl.includes('activitypub')) synPlatform = 'activitypub';
}
headerRow.appendChild(nameSpan);
headerRow.appendChild(authorBadge);
// Add platform badge if syndicated
if (synPlatform) {
headerRow.appendChild(createProvenanceBadge(synPlatform));
}
// Timestamp — link to syndicated URL if available, plain text otherwise
var timeEl = document.createElement('time');
timeEl.className = 'text-xs text-surface-600 dark:text-surface-400 font-mono';
timeEl.dateTime = reply.published || '';
timeEl.textContent = formatDate(reply.published);
headerRow.appendChild(nameSpan);
headerRow.appendChild(authorBadge);
headerRow.appendChild(timeEl);
if (synUrl) {
var dateLink = document.createElement('a');
dateLink.href = synUrl;
dateLink.className = 'text-xs text-surface-600 dark:text-surface-400 hover:underline';
dateLink.target = '_blank';
dateLink.rel = 'noopener';
dateLink.appendChild(timeEl);
headerRow.appendChild(dateLink);
} else {
headerRow.appendChild(timeEl);
}
var textDiv = document.createElement('div');
textDiv.className = 'mt-1 text-sm prose dark:prose-invert';