fix: support camelCase property names from Indiekit Eleventy preset

The Indiekit Eleventy preset uses camelcaseKeys to convert frontmatter
properties (e.g., bookmark-of → bookmarkOf), but templates expected
underscore-separated names (bookmark_of).

Changes:
- Support both camelCase and underscore property names in all templates
- Update collections to filter on both property name formats
- Include interaction URLs (bookmarks, likes, replies, reposts) in
  Bridgy syndication content for proper social media posting

Fixes bookmark URLs not appearing on posts or in syndicated content.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

_includes/components/reply-context.njk

@@ -2,9 +2,15 @@
 {# Displays rich context for replies, likes, reposts, and bookmarks #}
 {# Uses h-cite microformat for citing external content #}
 
-{% if in_reply_to or like_of or repost_of or bookmark_of %}
+{# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #}
+{% set replyTo = inReplyTo or in_reply_to %}
+{% set likedUrl = likeOf or like_of %}
+{% set repostedUrl = repostOf or repost_of %}
+{% set bookmarkedUrl = bookmarkOf or bookmark_of %}
+
+{% if replyTo or likedUrl or repostedUrl or bookmarkedUrl %}
 <aside class="reply-context p-4 mb-6 bg-surface-100 dark:bg-surface-800 rounded-lg border-l-4 border-primary-500">
-  {% if in_reply_to %}
+  {% if replyTo %}
   <div class="u-in-reply-to h-cite">
     <p class="text-sm text-surface-500 dark:text-surface-400 mb-2 flex items-center gap-2">
       <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -12,13 +18,13 @@
       </svg>
       <span>In reply to:</span>
     </p>
-    <a class="u-url font-medium text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ in_reply_to }}">
-      {{ in_reply_to }}
+    <a class="u-url font-medium text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ replyTo }}">
+      {{ replyTo }}
     </a>
   </div>
   {% endif %}
 
-  {% if like_of %}
+  {% if likedUrl %}
   <div class="u-like-of h-cite">
     <p class="text-sm text-surface-500 dark:text-surface-400 mb-2 flex items-center gap-2">
       <svg class="w-4 h-4 text-red-500" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -26,13 +32,13 @@
       </svg>
       <span>Liked:</span>
     </p>
-    <a class="u-url font-medium text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ like_of }}">
-      {{ like_of }}
+    <a class="u-url font-medium text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ likedUrl }}">
+      {{ likedUrl }}
     </a>
   </div>
   {% endif %}
 
-  {% if repost_of %}
+  {% if repostedUrl %}
   <div class="u-repost-of h-cite">
     <p class="text-sm text-surface-500 dark:text-surface-400 mb-2 flex items-center gap-2">
       <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -40,13 +46,13 @@
       </svg>
       <span>Reposted:</span>
     </p>
-    <a class="u-url font-medium text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ repost_of }}">
-      {{ repost_of }}
+    <a class="u-url font-medium text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ repostedUrl }}">
+      {{ repostedUrl }}
     </a>
   </div>
   {% endif %}
 
-  {% if bookmark_of %}
+  {% if bookmarkedUrl %}
   <div class="u-bookmark-of h-cite">
     <p class="text-sm text-surface-500 dark:text-surface-400 mb-2 flex items-center gap-2">
       <svg class="w-4 h-4 text-yellow-500" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
@@ -54,8 +60,8 @@
       </svg>
       <span>Bookmarked:</span>
     </p>
-    <a class="u-url font-medium text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ bookmark_of }}">
-      {{ bookmark_of }}
+    <a class="u-url font-medium text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ bookmarkedUrl }}">
+      {{ bookmarkedUrl }}
     </a>
   </div>
   {% endif %}

_includes/layouts/post.njk

@@ -26,10 +26,18 @@ withBlogSidebar: true
   </div>
 
   {# Bridgy syndication content - controls what gets posted to social networks #}
-  {# Uses description/summary if available, otherwise first 280 chars of content #}
+  {# For interaction types (bookmarks, likes, replies, reposts), include the target URL #}
+  {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #}
+  {% set bookmarkedUrl = bookmarkOf or bookmark_of %}
+  {% set likedUrl = likeOf or like_of %}
+  {% set replyTo = inReplyTo or in_reply_to %}
+  {% set repostedUrl = repostOf or repost_of %}
+
   {% set bridgySummary = description or summary or (content | ogDescription(280)) %}
-  {% if bridgySummary %}
-  <p class="p-summary e-bridgy-mastodon-content e-bridgy-bluesky-content hidden">{{ bridgySummary }}</p>
+  {% set interactionUrl = bookmarkedUrl or likedUrl or replyTo or repostedUrl %}
+
+  {% if bridgySummary or interactionUrl %}
+  <p class="p-summary e-bridgy-mastodon-content e-bridgy-bluesky-content hidden">{% if bookmarkedUrl %}🔖 {{ bookmarkedUrl }}{% if bridgySummary %} - {{ bridgySummary }}{% endif %}{% elif likedUrl %}❤️ {{ likedUrl }}{% if bridgySummary %} - {{ bridgySummary }}{% endif %}{% elif replyTo %}↩️ {{ replyTo }}{% if bridgySummary %} - {{ bridgySummary }}{% endif %}{% elif repostedUrl %}🔁 {{ repostedUrl }}{% if bridgySummary %} - {{ bridgySummary }}{% endif %}{% else %}{{ bridgySummary }}{% endif %}</p>
   {% endif %}
 
   <div class="e-content prose prose-surface dark:prose-invert max-w-none">

bookmarks.njk

@@ -20,8 +20,10 @@ permalink: /bookmarks/
         {{ post.date | dateDisplay }}
       </time>
     </div>
-    {% if post.data.bookmark_of %}
-    <p><a class="u-bookmark-of" href="{{ post.data.bookmark_of }}">{{ post.data.bookmark_of }}</a></p>
+    {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #}
+    {% set bookmarkedUrl = post.data.bookmarkOf or post.data.bookmark_of %}
+    {% if bookmarkedUrl %}
+    <p><a class="u-bookmark-of" href="{{ bookmarkedUrl }}">{{ bookmarkedUrl }}</a></p>
     {% endif %}
     <div class="e-content">{{ post.templateContent | safe }}</div>
   </li>

eleventy.config.js

@@ -316,19 +316,21 @@ export default function (eleventyConfig) {
       .sort((a, b) => b.date - a.date);
   });
 
-  // Replies collection - posts with in_reply_to property
+  // Replies collection - posts with inReplyTo/in_reply_to property
+  // Supports both camelCase (Indiekit Eleventy preset) and underscore (legacy) names
   eleventyConfig.addCollection("replies", function (collectionApi) {
     return collectionApi
       .getAll()
-      .filter((item) => item.data.in_reply_to)
+      .filter((item) => item.data.inReplyTo || item.data.in_reply_to)
       .sort((a, b) => b.date - a.date);
   });
 
-  // Reposts collection - posts with repost_of property
+  // Reposts collection - posts with repostOf/repost_of property
+  // Supports both camelCase (Indiekit Eleventy preset) and underscore (legacy) names
   eleventyConfig.addCollection("reposts", function (collectionApi) {
     return collectionApi
       .getAll()
-      .filter((item) => item.data.repost_of)
+      .filter((item) => item.data.repostOf || item.data.repost_of)
       .sort((a, b) => b.date - a.date);
   });
 

likes.njk

@@ -24,10 +24,12 @@ permalink: /likes/
             {{ post.date | dateDisplay }}
           </time>
         </div>
-        {% if post.data.like_of %}
+        {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #}
+        {% set likedUrl = post.data.likeOf or post.data.like_of %}
+        {% if likedUrl %}
         <p class="mb-2">
-          <a class="u-like-of text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ post.data.like_of }}">
-            {{ post.data.like_of }}
+          <a class="u-like-of text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ likedUrl }}">
+            {{ likedUrl }}
           </a>
         </p>
         {% endif %}

replies.njk

@@ -29,11 +29,13 @@ permalink: /replies/
             {{ post.date | dateDisplay }}
           </time>
         </div>
-        {% if post.data.in_reply_to %}
+        {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #}
+        {% set replyTo = post.data.inReplyTo or post.data.in_reply_to %}
+        {% if replyTo %}
         <p class="mb-3 text-sm">
           <span class="text-surface-500">In reply to:</span>
-          <a class="u-in-reply-to text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ post.data.in_reply_to }}">
-            {{ post.data.in_reply_to }}
+          <a class="u-in-reply-to text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ replyTo }}">
+            {{ replyTo }}
           </a>
         </p>
         {% endif %}

reposts.njk

@@ -29,11 +29,13 @@ permalink: /reposts/
             {{ post.date | dateDisplay }}
           </time>
         </div>
-        {% if post.data.repost_of %}
+        {# Support both camelCase (Indiekit Eleventy preset) and underscore (legacy) property names #}
+        {% set repostedUrl = post.data.repostOf or post.data.repost_of %}
+        {% if repostedUrl %}
         <p class="mb-3 text-sm">
           <span class="text-surface-500">Reposted:</span>
-          <a class="u-repost-of text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ post.data.repost_of }}">
-            {{ post.data.repost_of }}
+          <a class="u-repost-of text-primary-600 dark:text-primary-400 hover:underline break-all" href="{{ repostedUrl }}">
+            {{ repostedUrl }}
           </a>
         </p>
         {% endif %}