@rmdes/indiekit-endpoint-microsub 1.0.0-beta.1

package/views/item.njk

@@ -0,0 +1,85 @@
+{% extends "document.njk" %}
+
+{% block content %}
+  <article class="item">
+    <a href="{{ request.headers.referer or request.baseUrl + '/channels' }}" class="back-link">
+      {{ icon("arrow-left") }} {{ __("Back") }}
+    </a>
+
+    {% if item.author %}
+    <header class="item__author">
+      {% if item.author.photo %}
+      <img src="{{ item.author.photo }}" alt="" class="item__author-photo" width="48" height="48" loading="lazy">
+      {% endif %}
+      <div class="item__author-info">
+        <span class="item__author-name">
+          {% if item.author.url %}
+          <a href="{{ item.author.url }}">{{ item.author.name or item.author.url }}</a>
+          {% else %}
+          {{ item.author.name or "Unknown" }}
+          {% endif %}
+        </span>
+        {% if item.published %}
+        <time datetime="{{ item.published }}" class="item__date">
+          {{ item.published | date("PPPp", { locale: locale, timeZone: application.timeZone }) }}
+        </time>
+        {% endif %}
+      </div>
+    </header>
+    {% endif %}
+
+    {% if item.name %}
+    <h2 class="item__title">{{ item.name }}</h2>
+    {% endif %}
+
+    {% if item.content %}
+    <div class="item__content prose">
+      {% if item.content.html %}
+      {{ item.content.html | safe }}
+      {% else %}
+      {{ item.content.text }}
+      {% endif %}
+    </div>
+    {% endif %}
+
+    {% if item.photo and item.photo.length > 0 %}
+    <div class="item__photos">
+      {% for photo in item.photo %}
+      <img src="{{ photo }}" alt="" class="item__photo" loading="lazy">
+      {% endfor %}
+    </div>
+    {% endif %}
+
+    {% if item.inReplyTo or item.likeOf or item.repostOf or item.bookmarkOf %}
+    <div class="item__context">
+      {% if item.inReplyTo %}
+      <p>{{ icon("reply") }} {{ __("Reply to") }}: <a href="{{ item.inReplyTo[0] }}">{{ item.inReplyTo[0] }}</a></p>
+      {% endif %}
+      {% if item.likeOf %}
+      <p>{{ icon("heart") }} {{ __("Liked") }}: <a href="{{ item.likeOf[0] }}">{{ item.likeOf[0] }}</a></p>
+      {% endif %}
+      {% if item.repostOf %}
+      <p>{{ icon("repost") }} {{ __("Reposted") }}: <a href="{{ item.repostOf[0] }}">{{ item.repostOf[0] }}</a></p>
+      {% endif %}
+      {% if item.bookmarkOf %}
+      <p>{{ icon("bookmark") }} {{ __("Bookmarked") }}: <a href="{{ item.bookmarkOf[0] }}">{{ item.bookmarkOf[0] }}</a></p>
+      {% endif %}
+    </div>
+    {% endif %}
+
+    <footer class="item__actions">
+      <a href="{{ request.baseUrl }}/compose?replyTo={{ item.url | urlencode }}" class="button button--secondary button--small">
+        {{ icon("reply") }} {{ __("microsub.item.reply") }}
+      </a>
+      <a href="{{ request.baseUrl }}/compose?likeOf={{ item.url | urlencode }}" class="button button--secondary button--small">
+        {{ icon("heart") }} {{ __("microsub.item.like") }}
+      </a>
+      <a href="{{ request.baseUrl }}/compose?repostOf={{ item.url | urlencode }}" class="button button--secondary button--small">
+        {{ icon("repost") }} {{ __("microsub.item.repost") }}
+      </a>
+      <a href="{{ item.url }}" class="button button--secondary button--small" target="_blank" rel="noopener">
+        {{ icon("external") }} {{ __("microsub.item.viewOriginal") }}
+      </a>
+    </footer>
+  </article>
+{% endblock %}

package/views/partials/actions.njk

@@ -0,0 +1,15 @@
+{# Item action buttons #}
+<div class="item-actions">
+  <a href="{{ request.baseUrl }}/compose?replyTo={{ itemUrl | urlencode }}" class="item-actions__button" title="{{ __('microsub.item.reply') }}">
+    {{ icon("reply") }}
+  </a>
+  <a href="{{ request.baseUrl }}/compose?likeOf={{ itemUrl | urlencode }}" class="item-actions__button" title="{{ __('microsub.item.like') }}">
+    {{ icon("heart") }}
+  </a>
+  <a href="{{ request.baseUrl }}/compose?repostOf={{ itemUrl | urlencode }}" class="item-actions__button" title="{{ __('microsub.item.repost') }}">
+    {{ icon("repost") }}
+  </a>
+  <a href="{{ itemUrl }}" class="item-actions__button" target="_blank" rel="noopener" title="{{ __('microsub.item.viewOriginal') }}">
+    {{ icon("external") }}
+  </a>
+</div>

package/views/partials/author.njk

@@ -0,0 +1,17 @@
+{# Author display #}
+{% if author %}
+<div class="author">
+  {% if author.photo %}
+  <img src="{{ author.photo }}" alt="" class="author__photo" width="48" height="48" loading="lazy">
+  {% endif %}
+  <div class="author__info">
+    <span class="author__name">
+      {% if author.url %}
+      <a href="{{ author.url }}">{{ author.name or author.url }}</a>
+      {% else %}
+      {{ author.name or "Unknown" }}
+      {% endif %}
+    </span>
+  </div>
+</div>
+{% endif %}

package/views/partials/item-card.njk

@@ -0,0 +1,65 @@
+{# Item card for timeline display #}
+<article class="item-card{% if item._is_read %} item-card--read{% endif %}">
+  <a href="{{ request.baseUrl }}/item/{{ item.uid }}" class="item-card__link">
+    {% if item.author %}
+    <div class="item-card__author">
+      {% if item.author.photo %}
+      <img src="{{ item.author.photo }}" alt="" class="item-card__author-photo" width="40" height="40" loading="lazy">
+      {% endif %}
+      <div class="item-card__author-info">
+        <span class="item-card__author-name">{{ item.author.name or "Unknown" }}</span>
+        {% if item._source %}
+        <span class="item-card__source">{{ item._source.name or item._source.url }}</span>
+        {% endif %}
+      </div>
+    </div>
+    {% endif %}
+
+    {% if item._type and item._type !== "entry" %}
+    <div class="item-card__type">
+      {% if item._type === "like" %}
+      {{ icon("heart") }} Liked
+      {% elif item._type === "repost" %}
+      {{ icon("repost") }} Reposted
+      {% elif item._type === "reply" %}
+      {{ icon("reply") }} Reply
+      {% elif item._type === "bookmark" %}
+      {{ icon("bookmark") }} Bookmarked
+      {% endif %}
+    </div>
+    {% endif %}
+
+    {% if item.name %}
+    <h3 class="item-card__title">{{ item.name }}</h3>
+    {% endif %}
+
+    {% if item.summary or item.content %}
+    <div class="item-card__content">
+      {% if item.summary %}
+      {{ item.summary | truncate(200) }}
+      {% elif item.content.text %}
+      {{ item.content.text | truncate(200) }}
+      {% endif %}
+    </div>
+    {% endif %}
+
+    {% if item.photo and item.photo.length > 0 %}
+    <div class="item-card__photos">
+      {% for photo in item.photo | slice(0, 4) %}
+      <img src="{{ photo }}" alt="" class="item-card__photo" loading="lazy">
+      {% endfor %}
+    </div>
+    {% endif %}
+
+    <footer class="item-card__footer">
+      {% if item.published %}
+      <time datetime="{{ item.published }}" class="item-card__date">
+        {{ item.published | date("PP", { locale: locale, timeZone: application.timeZone }) }}
+      </time>
+      {% endif %}
+      {% if not item._is_read %}
+      <span class="item-card__unread">{{ icon("dot") }}</span>
+      {% endif %}
+    </footer>
+  </a>
+</article>

package/views/partials/timeline.njk

@@ -0,0 +1,10 @@
+{# Timeline of items #}
+<div class="timeline">
+  {% if items.length > 0 %}
+  {% for item in items %}
+  {% include "partials/item-card.njk" %}
+  {% endfor %}
+  {% else %}
+  {{ prose({ text: __("microsub.timeline.empty") }) }}
+  {% endif %}
+</div>

package/views/reader.njk

@@ -0,0 +1,37 @@
+{% extends "document.njk" %}
+
+{% block content %}
+  <div class="reader">
+    {% if channels.length > 0 %}
+    <ul class="reader__channels">
+      {% for channel in channels %}
+      <li class="reader__channel">
+        <a href="{{ request.baseUrl }}/channels/{{ channel.uid }}" class="reader__channel-link">
+          <span class="reader__channel-name">
+            {% if channel.uid === "notifications" %}
+            {{ icon("bell") }}
+            {% endif %}
+            {{ channel.name }}
+          </span>
+          {% if channel.unread > 0 %}
+          <span class="reader__channel-badge">{{ channel.unread }}</span>
+          {% endif %}
+        </a>
+      </li>
+      {% endfor %}
+    </ul>
+    <p class="reader__actions">
+      <a href="{{ request.baseUrl }}/channels/new" class="button button--secondary">
+        {{ icon("plus") }} {{ __("microsub.channels.new") }}
+      </a>
+    </p>
+    {% else %}
+    {{ prose({ text: __("microsub.channels.empty") }) }}
+    <p>
+      <a href="{{ request.baseUrl }}/channels/new" class="button button--primary">
+        {{ __("microsub.channels.new") }}
+      </a>
+    </p>
+    {% endif %}
+  </div>
+{% endblock %}

package/views/settings.njk

@@ -0,0 +1,81 @@
+{% extends "document.njk" %}
+
+{% block content %}
+  <div class="settings">
+    <a href="{{ request.baseUrl }}/channels/{{ channel.uid }}" class="back-link">
+      {{ icon("arrow-left") }} {{ channel.name }}
+    </a>
+
+    <form method="post" action="{{ request.baseUrl }}/channels/{{ channel.uid }}/settings">
+      {{ fieldset({
+        legend: {
+          text: __("microsub.settings.excludeTypes"),
+          classes: "fieldset__legend--medium"
+        },
+        hint: {
+          text: __("microsub.settings.excludeTypesHelp")
+        },
+        items: [
+          {
+            id: "excludeTypes-like",
+            name: "excludeTypes",
+            value: "like",
+            text: __("microsub.settings.types.like"),
+            checked: channel.settings.excludeTypes | includes("like")
+          },
+          {
+            id: "excludeTypes-repost",
+            name: "excludeTypes",
+            value: "repost",
+            text: __("microsub.settings.types.repost"),
+            checked: channel.settings.excludeTypes | includes("repost")
+          },
+          {
+            id: "excludeTypes-bookmark",
+            name: "excludeTypes",
+            value: "bookmark",
+            text: __("microsub.settings.types.bookmark"),
+            checked: channel.settings.excludeTypes | includes("bookmark")
+          },
+          {
+            id: "excludeTypes-reply",
+            name: "excludeTypes",
+            value: "reply",
+            text: __("microsub.settings.types.reply"),
+            checked: channel.settings.excludeTypes | includes("reply")
+          },
+          {
+            id: "excludeTypes-checkin",
+            name: "excludeTypes",
+            value: "checkin",
+            text: __("microsub.settings.types.checkin"),
+            checked: channel.settings.excludeTypes | includes("checkin")
+          }
+        ]
+      }) | checkboxes }}
+
+      {{ field({
+        label: {
+          text: __("microsub.settings.excludeRegex")
+        },
+        hint: {
+          text: __("microsub.settings.excludeRegexHelp")
+        },
+        input: {
+          id: "excludeRegex",
+          name: "excludeRegex",
+          value: channel.settings.excludeRegex
+        }
+      }) }}
+
+      <div class="button-group">
+        {{ button({
+          text: __("microsub.settings.save")
+        }) }}
+        <a href="{{ request.baseUrl }}/channels/{{ channel.uid }}" class="button button--secondary">
+          {{ __("Cancel") }}
+        </a>
+      </div>
+    </form>
+  </div>
+{% endblock %}