@geekity/cms 0.3.0 → 0.4.0

package/themes/default/theme.json

@@ -0,0 +1,5 @@
+{
+  "name": "Default",
+  "kind": "site",
+  "description": "The theme that ships with Geekity: plain Nunjucks and plain CSS, and the layer every other theme is laid over."
+}

package/admin/layouts/document-editor.njk

@@ -1,167 +0,0 @@
-{# The editor behind /admin/posts/{slug} and /admin/pages/{slug}, and behind
-   .../new. One template for both kinds: `kind` decides whether there is a date
-   and a tag field, and the handler decides which buttons the form carries. #}
-{% extends "layouts/shell.njk" %}
-
-{% block title %}{{ heading }}{% endblock %}
-
-{% block content %}
-  <h1>{{ heading }}</h1>
-
-  {% if error %}
-    <p class="admin-error">{{ error }}</p>
-  {% endif %}
-
-  {% if trashed %}
-    <p class="admin-note">This {{ kind.singular }} is in the trash. The public site is not serving it.</p>
-  {% endif %}
-
-  <form class="admin-editor" method="post" action="{{ saveUrl }}">
-    <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-    {# The hash of the file this form was filled in from. A save whose hash no
-       longer matches what is on disk is refused rather than overwriting
-       somebody else's edit (doc-1). #}
-    <input type="hidden" name="hash" value="{{ form.hash }}" />
-    {# Which layout the preview renders through. The save handler ignores it. #}
-    <input type="hidden" name="type" value="{{ kind.type }}" />
-
-    <div class="admin-editor-main">
-      <label for="editor-title">Title</label>
-      <input id="editor-title" name="title" type="text" value="{{ form.title }}" required autofocus />
-
-      <label for="editor-body">Body</label>
-      <textarea id="editor-body" name="body" rows="24">{{ form.body }}</textarea>
-
-      {# Everything the editor's own script needs, on the element it hangs off.
-         With JavaScript off this is one button that posts the form to the
-         preview in a new tab, which is a preview. With it on, editor.js takes
-         the button over, puts CodeMirror on the textarea above and adds the
-         tabs and the upload control beside it. #}
-      <div
-        class="admin-editor-tools"
-        id="editor-enhance"
-        data-preview-url="{{ previewUrl }}"
-        data-upload-url="{{ uploadUrl }}"
-        data-kind="{{ kind.type }}"
-      >
-        <button
-          type="submit"
-          id="editor-preview-fallback"
-          class="admin-button-quiet"
-          formaction="{{ previewUrl }}"
-          formtarget="_blank"
-          formnovalidate
-        >Preview</button>
-      </div>
-    </div>
-
-    <div class="admin-editor-side">
-      <label for="editor-slug">Slug</label>
-      <input id="editor-slug" name="slug" type="text" value="{{ form.slug }}" />
-
-      <label for="editor-permalink">Permalink</label>
-      <input id="editor-permalink" name="permalink" type="text" value="{{ form.permalink }}" />
-      <p class="admin-hint">Leave it empty to let the {{ kind.singular }} take the URL its slug implies.</p>
-
-      {% if kind.dated %}
-        <label for="editor-date">Date</label>
-        <input id="editor-date" name="date" type="text" value="{{ form.date }}" />
-      {% endif %}
-
-      {% if kind.tagged %}
-        <label for="editor-tags">Tags</label>
-        <input id="editor-tags" name="tags" type="text" value="{{ form.tags }}" />
-        <p class="admin-hint">Separated by commas.</p>
-      {% endif %}
-
-      <label for="editor-description">Description</label>
-      <input id="editor-description" name="description" type="text" value="{{ form.description }}" />
-
-      <p class="admin-check">
-        <input id="editor-draft" name="draft" type="checkbox" value="1"{% if form.draft %} checked{% endif %} />
-        <label for="editor-draft">Draft</label>
-      </p>
-
-      {% if kind.excludable %}
-        {# doc-2's eleventyExcludeFromCollections: still published and still at
-           its URL, but out of every collection a template lists from. #}
-        <p class="admin-check">
-          <input id="editor-exclude" name="exclude" type="checkbox" value="1"{% if form.exclude %} checked{% endif %} />
-          <label for="editor-exclude">Hide from collections</label>
-        </p>
-        <p class="admin-hint">Keeps the {{ kind.singular }} out of listings that gather content, without unpublishing it.</p>
-      {% endif %}
-
-      <p class="admin-editor-buttons">
-        {% for button in actions %}
-          <button type="submit" name="action" value="{{ button.value }}">{{ button.label }}</button>
-        {% endfor %}
-        {% if viewUrl %}
-          <a class="admin-button admin-button-quiet" href="{{ viewUrl }}">View</a>
-        {% endif %}
-      </p>
-    </div>
-  </form>
-
-  {# CodeMirror, the preview tab and the upload control. A module script is
-     deferred by definition, so it runs after the form is in the document.
-     Nothing above depends on it: with the bundle missing or JavaScript off the
-     textarea and the Preview button are the whole editor. #}
-  <script type="module" src="{{ assetPrefix }}editor.js"></script>
-
-  <script>
-    /* The one bit of progressive enhancement doc-5 asks for: the slug follows
-       the title until somebody types a slug of their own, and the permalink
-       follows the slug on the same terms. Without this the form still works —
-       an empty slug is derived from the title on the server. */
-    (function () {
-      var title = document.getElementById('editor-title');
-      var slug = document.getElementById('editor-slug');
-      var permalink = document.getElementById('editor-permalink');
-      if (!title || !slug) return;
-
-      var date = document.getElementById('editor-date');
-      var slugFollows = slug.value === '';
-      var permalinkFollows = !permalink || permalink.value === '';
-
-      function slugify(value) {
-        return value
-          .normalize('NFKD')
-          .toLowerCase()
-          .replace(/[\u0300-\u036f]/g, '')
-          .replace(/[^a-z0-9]+/g, '-')
-          .replace(/^-+|-+$/g, '');
-      }
-
-      /* The same shape defaultPermalink() writes on the server: a post lives
-         under the year and month of its date, a page at the top level. */
-      function syncPermalink() {
-        if (!permalink || !permalinkFollows) return;
-        if (slug.value === '') {
-          permalink.value = '';
-          return;
-        }
-        var month = date ? /^(\d{4})-(\d{2})/.exec(date.value) : null;
-        var prefix = month ? '/' + month[1] + '/' + month[2] + '/' : '/';
-        permalink.value = prefix + slug.value + '/';
-      }
-
-      slug.addEventListener('input', function () {
-        slugFollows = false;
-        syncPermalink();
-      });
-
-      if (permalink) {
-        permalink.addEventListener('input', function () {
-          permalinkFollows = false;
-        });
-      }
-
-      title.addEventListener('input', function () {
-        if (!slugFollows) return;
-        slug.value = slugify(title.value);
-        syncPermalink();
-      });
-    })();
-  </script>
-{% endblock %}

package/admin/layouts/federation.njk

@@ -1,145 +0,0 @@
-{# /admin/federation: who the site is to the fediverse, who follows it, what
-   arrived in the inbox, and how what went out landed. #}
-{% extends "layouts/shell.njk" %}
-
-{% block title %}Federation{% endblock %}
-
-{% block content %}
-  <h1>Federation</h1>
-
-  <section class="admin-panel admin-actor">
-    <h2>This site’s actor</h2>
-    <div class="admin-actor-identity">
-      {% if actor.avatarUrl %}
-        <img class="admin-avatar admin-avatar-large" src="{{ actor.avatarUrl }}" alt="" width="96" height="96" />
-      {% else %}
-        <span class="admin-avatar admin-avatar-large admin-avatar-blank" aria-hidden="true"></span>
-      {% endif %}
-      <p class="admin-actor-handle">{{ actor.handle }}</p>
-    </div>
-    <dl class="admin-actor-fields">
-      <div>
-        <dt>Name</dt>
-        <dd>{{ actor.name }}</dd>
-      </div>
-      <div>
-        <dt>Summary</dt>
-        <dd>{% if actor.summary %}{{ actor.summary }}{% else %}<span class="admin-empty">None set.</span>{% endif %}</dd>
-      </div>
-      <div>
-        <dt>Type</dt>
-        <dd>{{ actor.type }}</dd>
-      </div>
-      <div>
-        <dt>Actor</dt>
-        <dd><a href="{{ actor.actorId }}">{{ actor.actorId }}</a></dd>
-      </div>
-      <div>
-        <dt>Profile</dt>
-        <dd><a href="{{ actor.url }}">{{ actor.url }}</a></dd>
-      </div>
-      <div>
-        <dt>Followers</dt>
-        <dd>{{ actor.followers }}</dd>
-      </div>
-    </dl>
-  </section>
-
-  <section class="admin-panel">
-    <h2>Followers</h2>
-    {% if followers.length %}
-      <table class="admin-list">
-        <thead>
-          <tr>
-            <th scope="col">Follower</th>
-            <th scope="col">Handle</th>
-            <th scope="col">Followed</th>
-          </tr>
-        </thead>
-        <tbody>
-          {% for follower in followers %}
-            <tr>
-              <td class="admin-follower">
-                {% if follower.iconUrl %}
-                  <img class="admin-avatar" src="{{ follower.iconUrl }}" alt="" width="32" height="32" loading="lazy" />
-                {% else %}
-                  <span class="admin-avatar admin-avatar-blank" aria-hidden="true"></span>
-                {% endif %}
-                <a href="{{ follower.url }}">{{ follower.name }}</a>
-              </td>
-              <td>{{ follower.handle }}</td>
-              <td>{{ follower.followedAt | date('html') }}</td>
-            </tr>
-          {% endfor %}
-        </tbody>
-      </table>
-    {% else %}
-      <p class="admin-empty">Nobody follows the site yet.</p>
-    {% endif %}
-  </section>
-
-  <section class="admin-panel">
-    <h2>Recent activity</h2>
-    {% if inbox.length %}
-      <ul class="admin-inbox">
-        {% for entry in inbox %}
-          <li>
-            <span class="admin-inbox-actor"><a href="{{ entry.actorId }}">{{ entry.actorLabel }}</a></span>
-            {% if entry.remoteUrl %}
-              <a href="{{ entry.remoteUrl }}">{{ entry.action }}</a>
-            {% else %}
-              {{ entry.action }}
-            {% endif %}
-            {% if entry.post %}
-              <a href="{{ entry.post.editUrl }}">{{ entry.post.title }}</a>
-            {% else %}
-              <span class="admin-empty">something of ours</span>
-            {% endif %}
-            <span class="admin-inbox-when">{{ entry.receivedAt | date('html') }}</span>
-          </li>
-        {% endfor %}
-      </ul>
-    {% else %}
-      <p class="admin-empty">Nothing has arrived yet: no likes, boosts or replies.</p>
-    {% endif %}
-  </section>
-
-  <section class="admin-panel">
-    <h2>Delivery</h2>
-    {% if posts.length %}
-      <table class="admin-list">
-        <thead>
-          <tr>
-            <th scope="col">Post</th>
-            <th scope="col">Latest activity</th>
-            <th scope="col">Sent</th>
-            <th scope="col">Queued</th>
-            <th scope="col">Failed</th>
-            <th scope="col">Actions</th>
-          </tr>
-        </thead>
-        <tbody>
-          {% for row in posts %}
-            <tr>
-              <td><a href="{{ row.post.editUrl }}">{{ row.post.title }}</a></td>
-              <td>{{ row.activityType }} <span class="admin-inbox-when">{{ row.createdAt | date('html') }}</span></td>
-              <td>{{ row.counts.sent }}</td>
-              <td>{{ row.counts.queued }}</td>
-              <td>{% if row.counts.failed %}<span class="admin-status admin-status-failed">{{ row.counts.failed }}</span>{% else %}0{% endif %}</td>
-              <td class="admin-actions">
-                <form method="post" action="{{ redeliverUrl }}">
-                  <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-                  <input type="hidden" name="{{ fields.activityId }}" value="{{ row.activityId }}" />
-                  <button type="submit">Redeliver</button>
-                </form>
-              </td>
-            </tr>
-          {% endfor %}
-        </tbody>
-      </table>
-      <p class="admin-hint">Redelivering sends that activity to every follower the site has now.</p>
-    {% else %}
-      <p class="admin-empty">Nothing has been delivered yet.</p>
-    {% endif %}
-  </section>
-{% endblock %}

package/admin/layouts/login.njk

@@ -1,23 +0,0 @@
-{% extends "layouts/base.njk" %}
-
-{% block title %}Log in{% endblock %}
-
-{% block content %}
-  <h1>Log in</h1>
-
-  {% if error %}
-    <p class="error">{{ error }}</p>
-  {% endif %}
-
-  <form method="post" action="{{ loginUrl }}">
-    <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-
-    <label for="username">Username</label>
-    <input id="username" name="username" type="text" autocomplete="username" value="{{ username }}" required autofocus />
-
-    <label for="password">Password</label>
-    <input id="password" name="password" type="password" autocomplete="current-password" required />
-
-    <button type="submit">Log in</button>
-  </form>
-{% endblock %}

package/admin/layouts/settings.njk

@@ -1,116 +0,0 @@
-{# /admin/settings: the values doc-5 lists, stored in SQLite and mirrored to
-   content/_data/site.json on every save. #}
-{% extends "layouts/shell.njk" %}
-
-{% block title %}Settings{% endblock %}
-
-{% block content %}
-  <h1>Settings</h1>
-
-  {% if problems.title or problems.tagline or problems.baseUrl or problems.timezone or problems.postsPerPage or problems.author or problems.actorHandle or problems.actorType %}
-    <p class="admin-error">Nothing was saved. Fix the fields marked below and try again.</p>
-  {% endif %}
-
-  <form class="admin-settings" method="post" action="{{ settingsUrl }}">
-    <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-
-    <h2>Site</h2>
-
-    <label for="settings-title">Title</label>
-    <input id="settings-title" name="{{ fields.title }}" type="text" value="{{ form.title }}" required autofocus />
-    {% if problems.title %}<p class="admin-field-error">{{ problems.title }}</p>{% endif %}
-
-    <label for="settings-tagline">Tagline</label>
-    <input id="settings-tagline" name="{{ fields.tagline }}" type="text" value="{{ form.tagline }}" />
-    <p class="admin-hint">One line, shown under the title and used as the feed subtitle.</p>
-
-    <label for="settings-author">Author</label>
-    <input id="settings-author" name="{{ fields.author }}" type="text" value="{{ form.author }}" />
-    <p class="admin-hint">The name on the feeds.</p>
-
-    <label for="settings-base-url">Base URL</label>
-    <input
-      id="settings-base-url"
-      name="{{ fields.baseUrl }}"
-      type="text"
-      value="{{ form.baseUrl }}"
-      inputmode="url"
-      {% if baseUrlOverridden %}readonly disabled{% endif %}
-    />
-    {% if problems.baseUrl %}<p class="admin-field-error">{{ problems.baseUrl }}</p>{% endif %}
-    <p class="admin-hint">
-      In effect: <code>{{ baseUrlInEffect }}</code>. {{ baseUrlNote }}
-    </p>
-
-    <label for="settings-timezone">Time zone</label>
-    <input id="settings-timezone" name="{{ fields.timezone }}" type="text" value="{{ form.timezone }}" required />
-    {% if problems.timezone %}<p class="admin-field-error">{{ problems.timezone }}</p>{% endif %}
-    <p class="admin-hint">An IANA name, such as <code>Europe/London</code> or <code>UTC</code>.</p>
-
-    <label for="settings-posts-per-page">Posts per page</label>
-    <input id="settings-posts-per-page" name="{{ fields.postsPerPage }}" type="text" inputmode="numeric" value="{{ form.postsPerPage }}" required />
-    {% if problems.postsPerPage %}<p class="admin-field-error">{{ problems.postsPerPage }}</p>{% endif %}
-
-    <h2>Federation</h2>
-
-    <label for="settings-actor-handle">Actor handle</label>
-    <input id="settings-actor-handle" name="{{ fields.actorHandle }}" type="text" value="{{ form.actorHandle }}" required />
-    {% if problems.actorHandle %}<p class="admin-field-error">{{ problems.actorHandle }}</p>{% endif %}
-    <p class="admin-hint">The local part of the site's handle: <code>@{{ form.actorHandle }}@…</code>.</p>
-
-    <label for="settings-actor-type">Actor type</label>
-    <select id="settings-actor-type" name="{{ fields.actorType }}">
-      {% for type in actorTypes %}
-        <option value="{{ type }}"{% if type == form.actorType %} selected{% endif %}>{{ type }}</option>
-      {% endfor %}
-    </select>
-    {% if problems.actorType %}<p class="admin-field-error">{{ problems.actorType }}</p>{% endif %}
-    <p class="admin-hint">Some clients hide <code>Service</code> actors from timelines; <code>Person</code> is the safer default.</p>
-
-    <p class="admin-settings-buttons">
-      <button type="submit">Save settings</button>
-    </p>
-  </form>
-
-  {# The avatar is its own pair of forms: a file cannot travel in the
-     urlencoded body the settings form posts, and a rejected image must not
-     take an edit to the title down with it. #}
-  <section class="admin-settings admin-avatar-panel">
-    <h2>Avatar</h2>
-
-    <div class="admin-avatar-current">
-      {% if avatar %}
-        <img class="admin-avatar admin-avatar-large" src="{{ avatar }}" alt="The site's avatar" width="96" height="96" />
-      {% else %}
-        <span class="admin-avatar admin-avatar-large admin-avatar-blank" aria-hidden="true"></span>
-      {% endif %}
-
-      <div class="admin-avatar-forms">
-        <form method="post" action="{{ avatarUrl }}" enctype="multipart/form-data">
-          <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-          <label for="settings-avatar">Image</label>
-          <input id="settings-avatar" name="{{ avatarFields.file }}" type="file" accept="image/png,image/jpeg,image/webp,image/gif" required />
-          <p class="admin-settings-buttons">
-            <button type="submit">Upload avatar</button>
-          </p>
-        </form>
-
-        {% if avatar %}
-          <form method="post" action="{{ avatarUrl }}">
-            <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-            <input type="hidden" name="{{ avatarFields.action }}" value="{{ avatarRemove }}" />
-            <p class="admin-settings-buttons">
-              <button type="submit">Remove avatar</button>
-            </p>
-          </form>
-        {% endif %}
-      </div>
-    </div>
-
-    <p class="admin-hint">
-      A PNG, JPEG, WebP or GIF, stored with the site's other uploads. It is the
-      picture on the site's fediverse profile, and saving or removing it tells
-      the followers.
-    </p>
-  </section>
-{% endblock %}

package/admin/layouts/setup.njk

@@ -1,27 +0,0 @@
-{% extends "layouts/base.njk" %}
-
-{% block title %}Set up{% endblock %}
-
-{% block content %}
-  <h1>Create the first admin</h1>
-  <p>Nobody can sign in to this site yet. Pick a username and a password.</p>
-
-  {% if error %}
-    <p class="error">{{ error }}</p>
-  {% endif %}
-
-  <form method="post" action="{{ setupUrl }}">
-    <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-
-    <label for="username">Username</label>
-    <input id="username" name="username" type="text" autocomplete="username" value="{{ username }}" required autofocus />
-
-    <label for="password">Password</label>
-    <input id="password" name="password" type="password" autocomplete="new-password" required />
-
-    <label for="password_confirmation">Repeat the password</label>
-    <input id="password_confirmation" name="password_confirmation" type="password" autocomplete="new-password" required />
-
-    <button type="submit">Create admin</button>
-  </form>
-{% endblock %}

package/admin/layouts/users.njk

@@ -1,91 +0,0 @@
-{# /admin/users: who can sign in, how to add one, and how to change your own
-   password. One role, so a row has no fields to edit. #}
-{% extends "layouts/shell.njk" %}
-
-{% block title %}Users{% endblock %}
-
-{% block content %}
-  <h1>Users</h1>
-
-  <table class="admin-list">
-    <thead>
-      <tr>
-        <th scope="col">Username</th>
-        <th scope="col">Created</th>
-        <th scope="col">Actions</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for entry in users %}
-        <tr>
-          <td>{{ entry.username }}{% if entry.you %} <span class="admin-status">(you)</span>{% endif %}</td>
-          <td>{{ entry.createdAt | date('html') }}</td>
-          <td class="admin-actions">
-            {% if entry.deletable %}
-              <form method="post" action="{{ deleteUserUrl }}">
-                <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-                <input type="hidden" name="{{ fields.userId }}" value="{{ entry.id }}" />
-                <button type="submit">Delete</button>
-              </form>
-            {% endif %}
-          </td>
-        </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-
-  <form class="admin-settings" method="post" action="{{ usersUrl }}">
-    <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-
-    <h2>Add a user</h2>
-
-    {% if addProblems.username or addProblems.password %}
-      <p class="admin-error">Nobody was added. Fix the fields marked below and try again.</p>
-    {% endif %}
-
-    <label for="add-username">Username</label>
-    <input id="add-username" name="{{ fields.username }}" type="text" value="{{ addForm.username }}" required />
-    {% if addProblems.username %}<p class="admin-field-error">{{ addProblems.username }}</p>{% endif %}
-
-    <label for="add-password">Password</label>
-    <input id="add-password" name="{{ fields.password }}" type="password" autocomplete="new-password" />
-    {% if addProblems.password %}<p class="admin-field-error">{{ addProblems.password }}</p>{% endif %}
-
-    <p class="admin-check">
-      <input id="add-generate" name="{{ fields.generate }}" type="checkbox" value="1"{% if addForm.generate %} checked{% endif %} />
-      <label for="add-generate">Generate one instead, and show it to me once</label>
-    </p>
-    <p class="admin-hint">A generated password is shown on the next page and nowhere else. Copy it before you leave.</p>
-
-    <p class="admin-settings-buttons">
-      <button type="submit">Add user</button>
-    </p>
-  </form>
-
-  <form class="admin-settings" method="post" action="{{ changePasswordUrl }}">
-    <input type="hidden" name="csrf_token" value="{{ csrfToken }}" />
-
-    <h2>Change your password</h2>
-
-    {% if passwordProblems.currentPassword or passwordProblems.newPassword %}
-      <p class="admin-error">Your password was not changed. Fix the fields marked below and try again.</p>
-    {% endif %}
-
-    <label for="current-password">Current password</label>
-    <input id="current-password" name="{{ fields.currentPassword }}" type="password" autocomplete="current-password" required />
-    {% if passwordProblems.currentPassword %}<p class="admin-field-error">{{ passwordProblems.currentPassword }}</p>{% endif %}
-
-    <label for="new-password">New password</label>
-    <input id="new-password" name="{{ fields.newPassword }}" type="password" autocomplete="new-password" required />
-    {% if passwordProblems.newPassword %}<p class="admin-field-error">{{ passwordProblems.newPassword }}</p>{% endif %}
-
-    <label for="new-password-confirmation">New password again</label>
-    <input id="new-password-confirmation" name="{{ fields.newPasswordConfirmation }}" type="password" autocomplete="new-password" required />
-
-    <p class="admin-hint">Every other browser signed in as you is signed out. This one stays.</p>
-
-    <p class="admin-settings-buttons">
-      <button type="submit">Change password</button>
-    </p>
-  </form>
-{% endblock %}