@rmdes/indiekit-endpoint-activitypub 1.1.2 → 1.1.4

package/assets/reader.css

@@ -123,6 +123,16 @@
   width: 40px;
 }
 
+.ap-card__avatar--default {
+  align-items: center;
+  background: var(--color-offset);
+  color: var(--color-text-muted);
+  display: inline-flex;
+  font-size: 1.1em;
+  font-weight: 600;
+  justify-content: center;
+}
+
 .ap-card__author-info {
   display: flex;
   flex-direction: column;

package/index.js

@@ -95,11 +95,28 @@ export default class ActivityPubEndpoint {
   }
 
   get navigationItems() {
-    return {
-      href: `${this.options.mountPath}/admin/reader`,
-      text: "activitypub.reader.title",
-      requiresDatabase: true,
-    };
+    return [
+      {
+        href: this.options.mountPath,
+        text: "activitypub.title",
+        requiresDatabase: true,
+      },
+      {
+        href: `${this.options.mountPath}/admin/reader`,
+        text: "activitypub.reader.title",
+        requiresDatabase: true,
+      },
+      {
+        href: `${this.options.mountPath}/admin/reader/notifications`,
+        text: "activitypub.notifications.title",
+        requiresDatabase: true,
+      },
+      {
+        href: `${this.options.mountPath}/admin/reader/moderation`,
+        text: "activitypub.moderation.title",
+        requiresDatabase: true,
+      },
+    ];
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-activitypub",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "ActivityPub federation endpoint for Indiekit via Fedify. Adds full fediverse support: actor, inbox, outbox, followers, following, syndication, and Mastodon migration.",
   "keywords": [
     "indiekit",

package/views/activitypub-compose.njk

@@ -1,8 +1,8 @@
-{% extends "layouts/reader.njk" %}
+{% extends "layouts/ap-reader.njk" %}
 
 {% from "heading/macro.njk" import heading with context %}
 
-{% block content %}
+{% block readercontent %}
   {{ heading({
     text: title,
     level: 1,

package/views/activitypub-moderation.njk

@@ -1,9 +1,9 @@
-{% extends "layouts/reader.njk" %}
+{% extends "layouts/ap-reader.njk" %}
 
 {% from "heading/macro.njk" import heading with context %}
 {% from "prose/macro.njk" import prose with context %}
 
-{% block content %}
+{% block readercontent %}
   {{ heading({
     text: title,
     level: 1,

package/views/activitypub-notifications.njk

@@ -1,9 +1,9 @@
-{% extends "layouts/reader.njk" %}
+{% extends "layouts/ap-reader.njk" %}
 
 {% from "heading/macro.njk" import heading with context %}
 {% from "prose/macro.njk" import prose with context %}
 
-{% block content %}
+{% block readercontent %}
   {{ heading({
     text: __("activitypub.notifications.title"),
     level: 1,

package/views/activitypub-reader.njk

@@ -1,9 +1,9 @@
-{% extends "layouts/reader.njk" %}
+{% extends "layouts/ap-reader.njk" %}
 
 {% from "heading/macro.njk" import heading with context %}
 {% from "prose/macro.njk" import prose with context %}
 
-{% block content %}
+{% block readercontent %}
   {{ heading({
     text: __("activitypub.reader.title"),
     level: 1,

package/views/activitypub-remote-profile.njk

@@ -1,9 +1,9 @@
-{% extends "layouts/reader.njk" %}
+{% extends "layouts/ap-reader.njk" %}
 
 {% from "heading/macro.njk" import heading with context %}
 {% from "prose/macro.njk" import prose with context %}
 
-{% block content %}
+{% block readercontent %}
   {{ heading({
     text: title,
     level: 1,

package/views/layouts/ap-reader.njk

@@ -0,0 +1,12 @@
+{% extends "document.njk" %}
+
+{% block content %}
+  {# Alpine.js for client-side reactivity (CW toggles, interaction buttons) #}
+  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.9/dist/cdn.min.js"></script>
+
+  {# Reader stylesheet — loaded in body is fine for modern browsers #}
+  <link rel="stylesheet" href="/assets/@rmdes-indiekit-endpoint-activitypub/reader.css">
+
+  {% block readercontent %}
+  {% endblock %}
+{% endblock %}

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

@@ -4,7 +4,7 @@
   {# Boost header if this is a boosted post #}
   {% if item.type == "boost" and item.boostedBy %}
     <div class="ap-card__boost">
-      🔁 <a href="{{ item.boostedBy.url }}">{{ item.boostedBy.name }}</a> {{ __("activitypub.reader.boosted") }}
+      🔁 {% if item.boostedBy.url %}<a href="{{ mountPath }}/admin/reader/profile?url={{ item.boostedBy.url | urlencode }}">{{ item.boostedBy.name or "Someone" }}</a>{% else %}{{ item.boostedBy.name or "Someone" }}{% endif %} {{ __("activitypub.reader.boosted") }}
     </div>
   {% endif %}
 
@@ -17,16 +17,28 @@
 
   {# Author header #}
   <header class="ap-card__author">
-    <img src="{{ item.author.photo }}" alt="{{ item.author.name }}" class="ap-card__avatar">
+    {% if item.author.photo %}
+      <img src="{{ item.author.photo }}" alt="{{ item.author.name }}" class="ap-card__avatar" loading="lazy">
+    {% else %}
+      <span class="ap-card__avatar ap-card__avatar--default" aria-hidden="true">{{ item.author.name[0] | upper if item.author.name else "?" }}</span>
+    {% endif %}
     <div class="ap-card__author-info">
       <div class="ap-card__author-name">
-        <a href="{{ item.author.url }}">{{ item.author.name }}</a>
+        {% if item.author.url %}
+          <a href="{{ mountPath }}/admin/reader/profile?url={{ item.author.url | urlencode }}">{{ item.author.name or "Unknown" }}</a>
+        {% else %}
+          <span>{{ item.author.name or "Unknown" }}</span>
+        {% endif %}
       </div>
-      <div class="ap-card__author-handle">{{ item.author.handle }}</div>
+      {% if item.author.handle %}
+        <div class="ap-card__author-handle">{{ item.author.handle }}</div>
+      {% endif %}
     </div>
-    <time datetime="{{ item.published }}" class="ap-card__timestamp">
-      {{ item.published | date("PPp") }}
-    </time>
+    {% if item.published %}
+      <time datetime="{{ item.published }}" class="ap-card__timestamp">
+        {{ item.published | date("PPp") }}
+      </time>
+    {% endif %}
   </header>
 
   {# Post title (articles only) #}

package/views/layouts/reader.njk

@@ -1,9 +0,0 @@
-{% extends "document.njk" %}
-
-{% block head %}
-  {# Alpine.js for client-side reactivity #}
-  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14/dist/cdn.min.js"></script>
-
-  {# Reader stylesheet #}
-  <link rel="stylesheet" href="/assets/@rmdes-indiekit-endpoint-activitypub/reader.css">
-{% endblock %}