@geekity/cms 0.34.0 → 0.35.0

package/admin/static/copy.js

@@ -1,4 +1,4 @@
-/* The media screen's copy buttons, and nothing else.
+/* The copy buttons beside readonly fields, and nothing else.
 
    Every URL and every ready-made Markdown line is already a readonly text
    input, which selects and copies like any other text, so the screen is
@@ -17,30 +17,37 @@
      button appears. */
   if (!navigator.clipboard) return;
 
-  var buttons = document.querySelectorAll('button[data-copy]');
-  if (!buttons.length) return;
-
-  Array.prototype.forEach.call(buttons, function (button) {
-    var field = document.getElementById(button.getAttribute('data-copy'));
-    if (!field) return;
-
-    button.hidden = false;
-    button.addEventListener('click', function () {
-      navigator.clipboard.writeText(field.value).then(
-        function () {
-          said(button, 'Copied');
-        },
-        function () {
-          /* Refused, usually because the document was not focused. Selecting
-             the text is then the useful thing to do: the keyboard shortcut
-             everybody already knows takes it from there. */
-          field.select();
-          said(button, 'Press ⌘C');
-        },
-      );
-    });
+  enhance(document);
+
+  /* media.js shows a details screen in a dialog after this has run, and
+     announces the content it inserted. */
+  document.addEventListener('geekity:inserted', function (event) {
+    enhance(event.target);
   });
 
+  function enhance(root) {
+    Array.prototype.forEach.call(root.querySelectorAll('button[data-copy]'), function (button) {
+      var field = document.getElementById(button.getAttribute('data-copy'));
+      if (!field) return;
+
+      button.hidden = false;
+      button.addEventListener('click', function () {
+        navigator.clipboard.writeText(field.value).then(
+          function () {
+            said(button, 'Copied');
+          },
+          function () {
+            /* Refused, usually because the document was not focused. Selecting
+               the text is then the useful thing to do: the keyboard shortcut
+               everybody already knows takes it from there. */
+            field.select();
+            said(button, 'Press ⌘C');
+          },
+        );
+      });
+    });
+  }
+
   /* Say something on the button for a moment, then put its label back. */
   function said(button, message) {
     if (button.dataset.label === undefined) button.dataset.label = button.textContent;

package/admin/static/item-lookup.js

@@ -0,0 +1,179 @@
+(function () {
+  var press = document.querySelector('button[data-item-lookup]');
+  var status = document.getElementById('editor-item-lookup-status');
+  if (!press || !status || !press.form) return;
+  var form = press.form;
+  var url = press.getAttribute('data-item-lookup');
+
+  function plainForm() {
+    var fields = new URLSearchParams();
+    new FormData(form).forEach(function (value, name) {
+      if (typeof value === 'string') fields.append(name, value);
+    });
+    return fields;
+  }
+
+  function tell(line, message, failed) {
+    line.textContent = message;
+    line.classList.toggle('text-error', failed === true);
+    line.classList.toggle('text-base-content', failed !== true);
+  }
+
+  function say(message, failed) {
+    tell(status, message, failed);
+  }
+
+  function answerOf(response) {
+    var type = response.headers.get('content-type') || '';
+    if (type.indexOf('application/json') === -1) {
+      throw new Error(
+        response.status === 403
+          ? 'The site refused the request because this page is out of date. Copy your changes somewhere safe, then reload the page.'
+          : response.redirected
+            ? 'You are signed out. Sign in again in another tab, then try again.'
+            : 'The site answered ' + response.status + ' instead of JSON.',
+      );
+    }
+    return response.json();
+  }
+
+  function lookUp(pick) {
+    var fields = plainForm();
+    if (pick) fields.set('item-pick', pick);
+    press.disabled = true;
+    say('Looking it up…');
+
+    return fetch(url, {
+      method: 'POST',
+      body: fields,
+      credentials: 'same-origin',
+      headers: { accept: 'application/json' },
+    })
+      .then(answerOf)
+      .then(function (answer) {
+        var filled = answer.fields || {};
+        Object.keys(filled).forEach(function (name) {
+          var box = form.elements.namedItem(name);
+          if (box && box.value === '') box.value = String(filled[name]);
+        });
+        var preview = document.getElementById('editor-item-photo-preview');
+        if (preview && answer.thumbnail && filled['item-photo']) {
+          preview.src = answer.thumbnail;
+          preview.hidden = false;
+        }
+        say(String(answer.message || ''), !answer.ok);
+      })
+      .catch(function (error) {
+        say(error.message || 'The lookup failed.', true);
+      })
+      .then(function () {
+        press.disabled = false;
+      });
+  }
+
+  press.addEventListener('click', function (event) {
+    event.preventDefault();
+    lookUp('');
+  });
+
+  var find = document.getElementById('editor-item-find');
+  var query = document.getElementById('editor-item-find-query');
+  var search = document.getElementById('editor-item-find-button');
+  var said = document.getElementById('editor-item-find-status');
+  var list = document.getElementById('editor-item-find-matches');
+  var credit = document.getElementById('editor-item-find-credit');
+  var shape = document.getElementById('editor-item-find-match');
+  if (!find || !query || !search || !said || !list || !credit || !shape) return;
+  find.hidden = false;
+  var searching = false;
+
+  function chosenKind() {
+    var ticked = form.querySelector('input[name="item-kind"]:checked');
+    return ticked ? ticked.value : '';
+  }
+
+  function clear() {
+    Array.prototype.slice.call(list.querySelectorAll('li[data-match]')).forEach(function (row) {
+      row.remove();
+    });
+    credit.hidden = true;
+    list.hidden = true;
+  }
+
+  function show(matches) {
+    clear();
+    matches.forEach(function (match) {
+      var row = shape.content.firstElementChild.cloneNode(true);
+      row.setAttribute('data-match', '');
+      var picture = row.querySelector('img');
+      if (match.thumbnail) {
+        picture.src = match.thumbnail;
+        picture.hidden = false;
+        row.querySelector('[data-no-picture]').hidden = true;
+      }
+      row.querySelector('[data-name]').textContent = match.name;
+      row.querySelector('[data-detail]').textContent = match.detail;
+      row.querySelector('[data-source]').textContent = match.source;
+      row.querySelector('button').addEventListener('click', function () {
+        clear();
+        tell(said, '');
+        lookUp(match.id);
+      });
+      list.insertBefore(row, credit);
+    });
+  }
+
+  function run() {
+    if (searching) return;
+    searching = true;
+    search.disabled = true;
+    tell(said, 'Searching…');
+    var address =
+      find.getAttribute('data-item-search') +
+      '?' +
+      new URLSearchParams({ kind: chosenKind(), q: query.value }).toString();
+
+    fetch(address, { credentials: 'same-origin', headers: { accept: 'application/json' } })
+      .then(answerOf)
+      .then(function (answer) {
+        var matches = answer.matches || [];
+        show(matches);
+        if (answer.credit) {
+          credit.textContent = answer.credit;
+          credit.hidden = false;
+        }
+        list.hidden = !answer.ok;
+        tell(
+          said,
+          answer.ok
+            ? matches.length === 0
+              ? 'Nothing matches “' + query.value.trim() + '”.'
+              : matches.length === 1
+                ? 'One match. Pick it to fill in the item.'
+                : matches.length + ' matches. Pick one to fill in the item.'
+            : String(answer.message || ''),
+          !answer.ok,
+        );
+      })
+      .catch(function (error) {
+        clear();
+        tell(said, error.message || 'The search failed.', true);
+      })
+      .then(function () {
+        searching = false;
+        search.disabled = false;
+      });
+  }
+
+  search.addEventListener('click', run);
+  query.addEventListener('keydown', function (event) {
+    if (event.key !== 'Enter') return;
+    event.preventDefault();
+    run();
+  });
+  form.addEventListener('change', function (event) {
+    if (event.target.name !== 'item-kind') return;
+    clear();
+    tell(said, '');
+  });
+})();

package/admin/static/media.js

@@ -0,0 +1,82 @@
+/* The media library's details dialog (TASK-429).
+
+   Every tile is already a link to its file's details screen, so the library
+   is complete before this file loads. This opens that screen in a dialog
+   instead: it fetches the page the link names, takes its
+   [data-media-details], and shows it over the grid. Previous and Next inside
+   the dialog, and the left and right arrow keys, fetch the neighbouring file
+   the same way. Anything that goes wrong falls back to following the link.
+
+   Forms inside the dialog post as they would on the details screen, which is
+   where their answers land.
+
+   Plain ES5-shaped browser JavaScript, like copy.js: it is served as it is
+   written. */
+(function () {
+  var tiles = document.querySelectorAll('a[data-media-tile]');
+  if (!tiles.length || !window.fetch) return;
+
+  var dialog = document.createElement('dialog');
+  dialog.className = 'modal';
+  dialog.setAttribute('aria-label', 'File details');
+  dialog.innerHTML =
+    '<div class="modal-box max-w-6xl">' +
+    '<form method="dialog" class="mb-2 text-right"><button class="btn btn-sm btn-ghost">Close</button></form>' +
+    '<div data-media-dialog-body></div>' +
+    '</div>' +
+    '<form method="dialog" class="modal-backdrop"><button>Close</button></form>';
+  document.body.appendChild(dialog);
+  dialog.tabIndex = -1;
+  var body = dialog.querySelector('[data-media-dialog-body]');
+
+  Array.prototype.forEach.call(tiles, function (tile) {
+    tile.addEventListener('click', function (event) {
+      if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+        return;
+      }
+      event.preventDefault();
+      show(tile.href);
+    });
+  });
+
+  body.addEventListener('click', function (event) {
+    var link = event.target.closest('a[data-media-step], a[data-media-library]');
+    if (!link) return;
+    event.preventDefault();
+    if (link.hasAttribute('data-media-library')) dialog.close();
+    else show(link.href);
+  });
+
+  dialog.addEventListener('keydown', function (event) {
+    if (event.target.closest('input, textarea, select')) return;
+    var rel = event.key === 'ArrowLeft' ? 'prev' : event.key === 'ArrowRight' ? 'next' : '';
+    if (!rel) return;
+    var link = body.querySelector('a[rel="' + rel + '"]');
+    if (!link) return;
+    event.preventDefault();
+    show(link.href);
+  });
+
+  function show(url) {
+    fetch(url, { credentials: 'same-origin' })
+      .then(function (response) {
+        if (!response.ok) throw new Error(String(response.status));
+        return response.text();
+      })
+      .then(function (html) {
+        /* A template's content is inert: the other page's nonced <style>
+           elements are neither applied nor checked against this page's CSP. */
+        var parsed = document.createElement('template');
+        parsed.innerHTML = html;
+        var details = parsed.content.querySelector('[data-media-details]');
+        if (!details) throw new Error('no details');
+        body.replaceChildren(document.importNode(details, true));
+        body.dispatchEvent(new CustomEvent('geekity:inserted', { bubbles: true }));
+        if (!dialog.open) dialog.showModal();
+        dialog.focus();
+      })
+      .catch(function () {
+        window.location.href = url;
+      });
+  }
+})();

package/dist/admin/documents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"documents.d.ts","sourceRoot":"","sources":["../../src/admin/documents.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAM1C,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,wBAAwB,CAAC;AAYrE,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,6BAA6B,CAAC;AAE7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAehE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAUzF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA2BhD;;;;;;;GAOG;AACH,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,QAAQ,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,eAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,eAK1B,CAAC;AAcF,8CAA8C;AAC9C,wBAAgB,UAAU,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,GACxC,MAAM,CAIR;AAED,oEAAoE;AACpE,wBAAgB,aAAa,CAAC,IAAI,EAAE,eAAe,GAAG,MAAM,CAE3D;AAED;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnF,gDAAgD;AAChD,eAAO,MAAM,gBAAgB,EAAE,SAAS,cAAc,EAMrD,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAExE;AAED,yEAAyE;AACzE,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,GAAG,cAAc,CAQzF;AAED,mEAAmE;AACnE,MAAM,MAAM,WAAW,GAAG,CACxB,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,EACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC9B,QAAQ,CAAC;AAEd,wEAAwE;AACxE,MAAM,WAAW,2BAA2B;IAC1C,2CAA2C;IAC3C,IAAI,EAAE,eAAe,CAAC;IACtB,oFAAoF;IACpF,MAAM,EAAE,WAAW,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,EACrB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CA+EN;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,UAAU,EAAE,MAAM,GACjB,UAAU,CAuBZ;AAgGD,+CAA+C;AAC/C,MAAM,WAAW,YAAY;IAC3B,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,GAAG,YAAY,EAAE,CAmBrF;AA2HD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK5D;AAiLD;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,cAAc,GAAG,aAAa,EACrC,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,MAAM,GACX,QAAQ,GAAG,SAAS,CAWtB;AAED,wDAAwD;AACxD,MAAM,WAAW,WAAW;IAC1B,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,+EAA+E;IAC/E,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,+EAA+E;IAC/E,SAAS,EAAE,OAAO,CAAC;IACnB,wFAAwF;IACxF,MAAM,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;aAAK,QAAQ,EAAE,YAAY;aAAE,SAAS,EAAE,YAAY;CAAW,CAAC;AAsD7F,2EAA2E;AAC3E,wBAAgB,UAAU,CAAC,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,IAAI,SAAI,GAAG,MAAM,CAM1F"}
+{"version":3,"file":"documents.d.ts","sourceRoot":"","sources":["../../src/admin/documents.ts"],"names":[],"mappings":"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"}

package/dist/admin/documents.js

@@ -5,13 +5,13 @@ import { PAGE_KIND, POST_KIND } from '../content/document-kind.js';
 import { TRANSCRIPT_TYPES } from '../content/enclosure.js';
 import { ENCLOSURE_FIELDS } from '../content/enclosure-form.js';
 import { EVENT_FIELDS } from '../content/event-form.js';
+import { isReviewKind, REVIEW_KIND_FIELDS, REVIEW_KIND_WORDS, REVIEW_KINDS, } from '../content/review.js';
+import { REVIEW_FIELDS } from '../content/review-form.js';
 import { BLANK_LOCATION_FORM } from '../content/location-form.js';
 import { postLocations } from '../content/locations.js';
 import { PHOTO_FIELDS } from '../content/photo-form.js';
 import { syndicateToField } from '../content/post-fields.js';
 import { postLabel } from '../content/post-type.js';
-import { isReadStatus, READ_STATUS_LABELS, READ_STATUSES } from '../content/read.js';
-import { READ_FIELDS } from '../content/read-form.js';
 import { RSVP_LABELS, RSVP_VALUES, rsvpValue } from '../content/rsvp.js';
 import { scheduledFor } from '../content/schedule.js';
 import { isTrashedPath } from '../content/store.js';
@@ -21,16 +21,18 @@ import { isVisibility, visibilityOf } from '../content/visibility.js';
 import { missingAltText, writeDocument } from '../content/write.js';
 import { currentUsername, documentSite } from '../web/document-site.js';
 import { normalizeBody, serializeDocument } from '../content/writer.js';
-import { readAltTexts } from '../content/alt-text.js';
 import { listUsers } from '../site/users.js';
 import { stringOrEmpty } from '../util/forms.js';
 import { userForAuthor } from '../content/authors.js';
 import { isServed } from '../content/served.js';
+import { SEARCH_KINDS } from '../item-lookup/lookup.js';
 import { syndicationTargetsReader } from '../webmention/syndication.js';
 import { editorActionViews } from './editor-actions.js';
-import { BLANK_ALTERNATE_ROW, enclosureChoices, LOCATION_FIELDS, photoChoices, photoRowViews, readLocationForm, } from './editor-fields.js';
-import { openGroups } from './editor-layout.js';
+import { BLANK_ALTERNATE_ROW, enclosureChoices, LOCATION_FIELDS, libraryThumbnail, photoPicker, readLocationForm, } from './editor-fields.js';
+import { discoveredKind, EDITOR_KINDS, isPostKind, PAGE_CHOICE, POST_KINDS, REVIEW_EDITOR_WORDS, } from './editor-kinds.js';
+import { editorSections, openGroups, sidebarLocation } from './editor-layout.js';
 import { flash } from './flash.js';
+import { ITEM_LOOKUP_BUTTON, ITEM_LOOKUP_PATH, ITEM_SEARCH_PATH, lookUpReviewItem, } from './item-lookup.js';
 import { formatInTimezone } from './formatting.js';
 import { allowGeolocation } from './headers.js';
 import { PREVIEW_PATH } from './preview.js';
@@ -146,13 +148,24 @@ export function mountDocumentScreens(app, options) {
     });
     // Registered before the slug route, so a document can never take the URL of
     // the form that makes a new one.
-    app.get(newEditorPath(kind), (c) => renderEditor(c, {
-        kind,
-        render,
-        document: undefined,
-        form: blankForm(kind, siteTimezone(c), c.var.store.now()),
-    }));
-    app.post(newEditorPath(kind), async (c) => saveFromForm(c, { kind, render, document: undefined, body: await c.req.parseBody() }));
+    app.get(newEditorPath(kind), (c) => {
+        const postKind = c.req.query('kind');
+        if (kind.type === 'post' && !isPostKind(postKind))
+            return renderChooser(c, kind, render);
+        return renderEditor(c, {
+            kind,
+            render,
+            document: undefined,
+            form: blankForm(kind, siteTimezone(c), c.var.store.now()),
+            postKind: isPostKind(postKind) ? postKind : undefined,
+        });
+    });
+    app.post(newEditorPath(kind), async (c) => {
+        const body = await c.req.parseBody();
+        return (switchKind(c, { kind, render, document: undefined, body }) ??
+            lookUpItem(c, { kind, render, document: undefined, body }) ??
+            saveFromForm(c, { kind, render, document: undefined, body }));
+    });
     app.get(`${kind.basePath}/:slug`, (c) => {
         const document = findEdited(c.var.store, kind, c.req.param('slug'), c.req.query('path'));
         if (document === undefined)
@@ -174,7 +187,9 @@ export function mountDocumentScreens(app, options) {
         if (action === 'trash' || action === 'restore') {
             return moveDocument(c, { kind, document, action, returnTo: stringOrEmpty(body['return']) });
         }
-        return saveFromForm(c, { kind, render, document, body });
+        return (switchKind(c, { kind, render, document, body }) ??
+            lookUpItem(c, { kind, render, document, body }) ??
+            saveFromForm(c, { kind, render, document, body }));
     });
 }
 /**
@@ -183,7 +198,7 @@ export function mountDocumentScreens(app, options) {
  */
 export function submittedForm(kind, body, contentDir) {
     const declared = syndicationTargetsReader(contentDir)();
-    return {
+    const form = {
         title: stringOrEmpty(body['title']).trim(),
         slug: stringOrEmpty(body['slug']).trim(),
         permalink: stringOrEmpty(body['permalink']).trim(),
@@ -204,6 +219,61 @@ export function submittedForm(kind, body, contentDir) {
         body: normalizeBody(stringOrEmpty(body['body'])),
         hash: stringOrEmpty(body['hash']),
     };
+    return kind.replies ? withLink(form, body) : form;
+}
+const LINK_FIELDS = { 'in-reply-to': 'inReplyTo', ...CITATION_FIELDS };
+function withLink(form, body) {
+    const verb = stringOrEmpty(body['link-verb']);
+    if (!Object.hasOwn(LINK_FIELDS, verb) || Object.hasOwn(body, verb))
+        return form;
+    return {
+        ...form,
+        [LINK_FIELDS[verb]]: stringOrEmpty(body['link-url']).trim(),
+    };
+}
+function switchKind(c, options) {
+    const { kind, render, document, body } = options;
+    const postKind = body['switch-kind'];
+    if (kind.type !== 'post' || !isPostKind(postKind))
+        return undefined;
+    return renderEditor(c, {
+        kind,
+        render,
+        document,
+        form: submittedForm(kind, body, c.var.config.contentDir),
+        postKind,
+    });
+}
+function lookUpItem(c, options) {
+    const { kind, render, document, body } = options;
+    if (kind.type !== 'post' || body[ITEM_LOOKUP_BUTTON] === undefined)
+        return undefined;
+    return (async () => {
+        const form = submittedForm(kind, body, c.var.config.contentDir);
+        const outcome = await lookUpReviewItem(c, form.review);
+        return renderEditor(c, {
+            kind,
+            render,
+            document,
+            form: { ...form, review: outcome.review },
+            postKind: 'review',
+            itemLookup: { message: outcome.message, failed: outcome.failed },
+        });
+    })();
+}
+function renderChooser(c, kind, render) {
+    return render(c, ADMIN_TEMPLATES.documentChooser, {
+        section: kind.section,
+        child: 'new',
+        kinds: [
+            ...POST_KINDS.map((key) => ({
+                ...EDITOR_KINDS[key],
+                url: `${newEditorPath(kind)}?kind=${key}`,
+                page: false,
+            })),
+            { ...PAGE_CHOICE, url: newEditorPath(PAGE_SCREENS), page: true },
+        ],
+    });
 }
 /**
  * Write what the editor submitted through {@link writeDocument}, and answer
@@ -225,6 +295,7 @@ async function saveFromForm(c, options) {
             render,
             document,
             form: { ...form, draft },
+            postKind: isPostKind(body['kind']) ? body['kind'] : undefined,
             refusal,
             status: 400,
         });
@@ -408,6 +479,9 @@ function siteDefaultLabel(type, policy) {
  */
 async function renderEditor(c, options) {
     const { kind, document, form } = options;
+    const postKind = options.postKind ?? discoveredKind(form);
+    const editorKind = kind.type === 'post' ? EDITOR_KINDS[postKind] : undefined;
+    const sections = editorSections(postKind, form);
     const trashed = document !== undefined && isTrashedPath(document.path);
     const now = c.var.store.now();
     const timezone = siteTimezone(c);
@@ -449,21 +523,45 @@ async function renderEditor(c, options) {
                 enclosureChoices: await enclosureChoices(c.var.config.contentDir, form.enclosure.url),
                 transcriptTypes: TRANSCRIPT_TYPES,
                 alternateRows: [...form.enclosure.alternates, BLANK_ALTERNATE_ROW],
+                postKind,
+                editorKind,
+                postKinds: POST_KINDS.map((key) => ({ key, ...EDITOR_KINDS[key] })),
+                sections,
+                sidebarLocation: sidebarLocation(postKind, form),
+                link: linkView(form, sections.shown.rsvp),
                 photoFields: PHOTO_FIELDS,
-                photoRows: photoRowViews(form.photos, readAltTexts(c.var.config.contentDir)),
-                photoChoices: await photoChoices(c.var.config.contentDir),
+                photos: await photoPicker(c.var.config, form.photos),
+                reviewPhotoThumbnail: libraryThumbnail(c.var.config, form.review.photo),
                 locationFields: LOCATION_FIELDS,
                 ...citedPreviews(c, form),
                 rsvpChoices: RSVP_VALUES.map((value) => ({ value, label: RSVP_LABELS[value] })),
                 ...(form.rsvp === '' || rsvpValue(form.rsvp) !== undefined
                     ? {}
                     : { unrecognizedRsvp: form.rsvp }),
-                readFields: READ_FIELDS,
                 eventFields: EVENT_FIELDS,
-                readStatuses: READ_STATUSES.map((value) => ({ value, label: READ_STATUS_LABELS[value] })),
-                ...(form.readStatus === '' || isReadStatus(form.readStatus)
+                reviewFields: REVIEW_FIELDS,
+                itemLookupButton: ITEM_LOOKUP_BUTTON,
+                itemLookupUrl: ITEM_LOOKUP_PATH,
+                itemLookup: options.itemLookup,
+                itemSearchUrl: ITEM_SEARCH_PATH,
+                itemSearchKinds: SEARCH_KINDS,
+                reviewKinds: REVIEW_KINDS.map((value) => ({
+                    value,
+                    ...REVIEW_KIND_WORDS[value],
+                    ...REVIEW_EDITOR_WORDS[value],
+                })),
+                reviewKindsWith: Object.fromEntries(['by', 'year', 'uid', 'url', 'photo', 'date', 'season', 'episode', 'category'].map((field) => [
+                    field,
+                    REVIEW_KINDS.filter((value) => REVIEW_KIND_FIELDS[value].includes(field)),
+                ])),
+                reviewKindChosen: form.review.kind === ''
+                    ? sections.filled.review
+                        ? 'other'
+                        : 'book'
+                    : form.review.kind,
+                ...(form.review.kind === '' || isReviewKind(form.review.kind)
                     ? {}
-                    : { unrecognizedReadStatus: form.readStatus }),
+                    : { unrecognizedReviewKind: form.review.kind }),
                 // TASK-155: one checkbox per target the site declares.
                 syndicationTargets: syndicationTargetsReader(c.var.config.contentDir)().map((target) => ({
                     ...target,
@@ -478,8 +576,9 @@ async function renderEditor(c, options) {
         // What an empty Language field means.
         siteLanguage: c.var.siteAtRequestStart.language,
         heading: document === undefined
-            ? `Add ${kind.singular}`
-            : `Edit ${kind.singular}: ${postLabel(document, (url) => c.var.replyContexts.read(url, c.var.siteAtRequestStart))}`,
+            ? `New ${editorKind?.noun ?? kind.singular}`
+            : `Edit ${editorKind?.noun ?? kind.singular}: ${postLabel(document, (url) => c.var.replyContexts.read(url, c.var.siteAtRequestStart))}`,
+        chooserUrl: newEditorPath(kind),
         saveUrl: document === undefined ? newEditorPath(kind) : documentEditorPath(kind, document),
         listUrl: kind.basePath,
         previewUrl: PREVIEW_PATH,
@@ -495,6 +594,26 @@ async function renderEditor(c, options) {
         open: openGroups(form, options.refusal?.field),
     });
 }
+const LINK_VERBS = [
+    { property: 'in-reply-to', label: 'Replies to', also: 'Also replies to' },
+    { property: 'like-of', label: 'Likes', also: 'Also likes' },
+    { property: 'repost-of', label: 'Reposts', also: 'Also reposts' },
+    { property: 'bookmark-of', label: 'Bookmarks', also: 'Also bookmarks' },
+];
+const LINK_ORDER = ['repost-of', 'like-of', 'in-reply-to', 'bookmark-of'];
+function linkView(form, rsvpShown) {
+    const value = (property) => form[LINK_FIELDS[property]];
+    const offered = LINK_VERBS.filter((verb) => !rsvpShown || verb.property !== 'in-reply-to');
+    const chosen = LINK_ORDER.find((property) => value(property) !== '' && offered.some((verb) => verb.property === property)) ?? offered[0]?.property;
+    return {
+        verbs: offered,
+        chosen,
+        url: chosen === undefined ? '' : value(chosen),
+        others: offered
+            .filter((verb) => verb.property !== chosen && value(verb.property) !== '')
+            .map((verb) => ({ ...verb, url: value(verb.property) })),
+    };
+}
 function citedPreviews(c, form) {
     const cited = [
         ['in-reply-to', form.inReplyTo],