Changeset 43dbf9c in Klonkt for src/routes/circle.js

Timestamp:

06/16/2026 01:52:09 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

9f81a09

Parents:

aa7f548

Message:

Circles: /cirkel uses the home view (timeline + grid + switcher)

• post-card/post-tile external-aware: post.external_url -> external link (target=_blank, no htmx) instead of local /slug. Additive; normal posts unchanged. post-card shows 'via <source>' when external.
• circle.js maps remote_posts to the local post shape + bodyClass on-cirkel.
• circle-feed.ejs: feed-timeline (.post-list) + feed-grid (.grid-tiles), same classes as home -> the view-switcher works. shell: on-cirkel = feed-page.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

File:

• src/routes/circle.js (modified) (1 diff)

src/routes/circle.js

@@ -37 +37 @@
       .filter((m) => m.url);
     const image = media.find((m) => m.type === 'image') || null;
+    // Vorm de remote-post naar het lokale post-shape zodat post-card/post-tile
+    // (dezelfde timeline/grid-view als de home) 'm renderen. external_url maakt
+    // de partials extern-linkend (naar de bron) i.p.v. lokaal/htmx.
     return {
       id: r.id,
+      slug: encodeURIComponent(r.id),
       title: r.title || '(zonder titel)',
-      summary: r.summary || '',
-      url: safeUrl(r.url),
-      published: r.published,
-      actorName: r.actor_name || 'Onbekend',
-      actorUrl: safeUrl(r.actor_url),
-      actorAvatar: safeUrl(r.actor_avatar),
-      image: image ? image.url : null,
+      excerpt: r.summary || '',
+      cover_image_url: image ? image.url : null,
+      published_at: r.published,
+      created_at: r.published,
+      type: 'post',
+      tags: '',
+      pinned: 0,
+      status: 'published',
+      external_url: safeUrl(r.url),
+      source_name: r.actor_name || 'Onbekend',
+      source_url: safeUrl(r.actor_url),
     };
   });
 
-  renderPage(req, res, 'pages/circle-feed', { pageTitle: 'Cirkel', posts });
+  renderPage(req, res, 'pages/circle-feed', { pageTitle: 'Cirkel', bodyClass: 'on-cirkel', posts });
 });