Changeset cf4cf27 in Klonkt for src/routes/circle.js

Timestamp:

06/26/2026 05:10:47 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

eacd3d6

Parents:

eefd302

Message:

feat(circle): show only the post title in the feed + 2x larger source link

Circle feed used the whole post text as the title (run-on). Now extract just the
title (the note's bold first line); title-less notes fall back to a snippet. And the
'van <site>' source link (with ⛓ icon) is 2x larger (.72rem -> 1.44rem). style.css?v=55.

File:

• src/routes/circle.js (modified) (2 diffs)

src/routes/circle.js

@@ -33 +33 @@
   const posts = ActivityPubService.getCirkelPosts(site.slug, 80).map((r) => {
     const text = htmlToText(r.content);
+    // Show ONLY the title (the bold first line a Klonkt note carries), not the whole
+    // body. Title-less notes (e.g. plain Mastodon) fall back to a short text snippet.
+    const titleM = (r.content || '').match(/^\s*<p>\s*<strong>([\s\S]*?)<\/strong>/i);
+    const realTitle = titleM ? htmlToText(titleM[1]).trim() : '';
     const image = mediaImage(r.media_json);
     const name = r.author_name || r.author_handle || 'Onbekend';
@@ -38 +42 @@
       id: 'ap-' + r.id,
       slug: '',
-      title: text ? (text.length > 90 ? text.slice(0, 90) + '…' : text) : name,
+      title: realTitle
+        ? (realTitle.length > 90 ? realTitle.slice(0, 90) + '…' : realTitle)
+        : (text ? (text.length > 90 ? text.slice(0, 90) + '…' : text) : name),
       excerpt: '',
       cover_image_url: image ? image.url : null,