@morphemecms/cms 0.13.0 → 0.14.0-next-20261107093528

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @morphemecms/cms
 
+## 0.14.0-next-20261107093528
+
+### Minor Changes
+
+- a70c310: Apps can be turned off without uninstalling them; the app page shows the app's version.
+- 26e7adc: The editor footer has links to support, system status, security reports, the privacy policy and the licenses, and a copyright line. System status shows whether GitHub and Cloudflare work for your site.
+- 4c30155: The Morpheme page shows a friendly note for each change: why, how and what.
+
+### Patch Changes
+
+- da37368: The Enabled switch on an app's page sits right below the app's description.
+- dd625db: Editor menu: Advanced is now Developer, with Parts and Caching and builds in it. Parts moved from Appearance; old links still work.
+- 5cd4149: Editor menu: "Lists" is now "Dynamic lists", one row that opens the page with all lists (no fold-out).
+- 1fe1daa: The text toolbar is no taller than its tools on a phone, and it stays as far from the top of the screen as from the sides while you scroll.
+- b47a580: Google preview looks more like Google: a flat result on a phone, no card on a computer, a ringed site icon, https:// in the address, the ⋮ menu, a larger phone title, and the primary keyword in bold in the description.
+- 006c78b: The connection to Morpheme moves from the store screens to the Morpheme page under Settings, with the Morpheme logo.
+- a4da24e: System status checks only the Cloudflare services your site uses, so a site without R2 or D1 is not marked down by them.
+
 ## 0.13.0
 
 ### Minor Changes

package/defaults/editor.ts

@@ -129,7 +129,7 @@ export const icons: Record<string, Icon> = {
   appstore: Storefront,
   'theme-store': Storefront,
   morpheme: Sparkle,
-  advanced: Wrench,
+  developer: Wrench,
   licenses: Certificate,
   // The screens under "Appearance" (Library.tsx Theme), the first the store's themes.
   themes: Swatches,
@@ -168,7 +168,7 @@ export const appearance: Part[] = [
 // Each part is a collection (collections.ts), except those named above, "privacy"'s (partScreens) and the editor's own
 // "company" (companyParts), "blocks" (blockParts), id files (the pictures, PDFs, videos and zip files), "header", "lists"
 // and "block-settings" (BlockSettings.tsx).
-const settingsIds = ['morpheme', 'advanced'];
+const settingsIds = ['morpheme', 'developer'];
 export const groups: { id: string; title: string; href?: string; ids: string[] }[] = [
   { id: 'home', title: 'Dashboard', href: '#', ids: [] },
   {
@@ -182,18 +182,7 @@ export const groups: { id: string; title: string; href?: string; ids: string[] }
   {
     id: 'appearance',
     title: 'Appearance',
-    ids: [
-      'theme-store',
-      'header',
-      'footer',
-      'themes',
-      'icon-packs',
-      'motion',
-      'side-column',
-      'colors',
-      ...appearance.map((p) => p.id),
-      'parts',
-    ],
+    ids: ['theme-store', 'header', 'footer', 'themes', 'icon-packs', 'motion', 'side-column', 'colors', ...appearance.map((p) => p.id)],
   },
   { id: 'privacy', title: 'Privacy', ids: privacy.parts.map((p) => p.id) },
   { id: 'settings', title: 'Settings', ids: settingsIds },

package/icons/lucide/dots-three-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1" /> <circle cx="12" cy="5" r="1" /> <circle cx="12" cy="19" r="1" /></g></svg>

package/icons/material-symbols/dots-three-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M479.86-160Q460-160 446-174.14t-14-34Q432-228 446.14-242t34-14Q500-256 514-241.86t14 34Q528-188 513.86-174t-34 14Zm0-272Q460-432 446-446.14t-14-34Q432-500 446.14-514t34-14Q500-528 514-513.86t14 34Q528-460 513.86-446t-34 14Zm0-272Q460-704 446-718.14t-14-34Q432-772 446.14-786t34-14Q500-800 514-785.86t14 34Q528-732 513.86-718t-34 14Z"/></svg>

package/icons/phosphor/dots-three-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128ZM128,72a12,12,0,1,0-12-12A12,12,0,0,0,128,72Zm0,112a12,12,0,1,0,12,12A12,12,0,0,0,128,184Z"/></svg>

package/lib/appChanges.d.mts

@@ -0,0 +1,16 @@
+/** The changes that make an app's folder (`folder`, its files now `current`) the store's version, or remove it (`next`
+ * null: uninstalling); and the site's file of apps (`appsPath`, `file`: it now, if there is one) with the app among those
+ * installed or not. An update keeps the app turned off; uninstalling takes it out of "off". In one commit.
+ * @param {string} folder @param {string} appsPath @param {string} id
+ * @param {{ path: string, oid: string }[]} current
+ * @param {Parameters<typeof folderChanges>[2]} next
+ * @param {{ text: string, oid: string } | undefined} file
+ * @returns {ReturnType<typeof folderChanges>} */
+export function appChanges(folder: string, appsPath: string, id: string, current: {
+    path: string;
+    oid: string;
+}[], next: Parameters<typeof folderChanges>[2], file: {
+    text: string;
+    oid: string;
+} | undefined): ReturnType<typeof folderChanges>;
+import { folderChanges } from './folderChanges.mjs';

package/lib/appChanges.mjs

@@ -0,0 +1,20 @@
+// The changes that install, update or uninstall an app from the store: its folder (folderChanges) and the site's file of
+// apps (apps.json), where the app is added or removed and its place in "off" is kept. Exposes appChanges (src/store.ts).
+// Depends on ./folderChanges.mjs and ./appsFile.mjs.
+import { appsFileText, readAppsFile, withInstalled } from './appsFile.mjs';
+import { folderChanges } from './folderChanges.mjs';
+
+/** The changes that make an app's folder (`folder`, its files now `current`) the store's version, or remove it (`next`
+ * null: uninstalling); and the site's file of apps (`appsPath`, `file`: it now, if there is one) with the app among those
+ * installed or not. An update keeps the app turned off; uninstalling takes it out of "off". In one commit.
+ * @param {string} folder @param {string} appsPath @param {string} id
+ * @param {{ path: string, oid: string }[]} current
+ * @param {Parameters<typeof folderChanges>[2]} next
+ * @param {{ text: string, oid: string } | undefined} file
+ * @returns {ReturnType<typeof folderChanges>} */
+export function appChanges(folder, appsPath, id, current, next, file) {
+  const changes = folderChanges(folder, current, next);
+  const text = appsFileText(withInstalled(readAppsFile(file?.text), id, !!next));
+  if (text !== file?.text) changes.push({ path: appsPath, content: text, oid: file?.oid || null });
+  return changes;
+}

package/lib/appChanges.test.mjs

@@ -0,0 +1,30 @@
+// Tests for lib/appChanges.mjs: the site's file of apps changes with an app's install, update and uninstall.
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { appChanges } from './appChanges.mjs';
+
+const PATH = 'src/data/apps.json';
+const file = (text) => ({ text, oid: 'o1' });
+const store = { files: [], record: { files: [] } };
+const textOf = (changes) => changes.find((c) => c.path === PATH)?.content;
+
+describe('appChanges', () => {
+  it('installs an app into the file of apps', () => {
+    const changes = appChanges('src/apps/b', PATH, 'b', [], store, file('{\n  "installed": [\n    "a"\n  ]\n}\n'));
+    assert.deepEqual(JSON.parse(textOf(changes)), { installed: ['a', 'b'] });
+  });
+  it('an update keeps the app turned off', () => {
+    const before = '{\n  "installed": [\n    "a",\n    "b"\n  ],\n  "off": [\n    "b"\n  ]\n}\n';
+    const changes = appChanges('src/apps/b', PATH, 'b', [], store, file(before));
+    assert.equal(textOf(changes), undefined);
+  });
+  it('an uninstall removes the id from installed and off', () => {
+    const before = '{\n  "installed": [\n    "a",\n    "b"\n  ],\n  "off": [\n    "b"\n  ]\n}\n';
+    const changes = appChanges('src/apps/b', PATH, 'b', [], null, file(before));
+    assert.deepEqual(JSON.parse(textOf(changes)), { installed: ['a'] });
+  });
+  it('writes the file when there is none', () => {
+    const changes = appChanges('src/apps/b', PATH, 'b', [], store, undefined);
+    assert.equal(changes.find((c) => c.path === PATH)?.oid, null);
+  });
+});

package/lib/apps.d.mts

@@ -1,5 +1,3 @@
-/** The ids of the apps installed. @param {string} root @returns {string[]} */
-export function installedApps(root: string): string[];
 /** worker/apps.js as it must be: an import of each app's worker.js, installed or not (the Worker answers only for
  * those installed), and of its texts.ts, for its notifications on the phone in the editor's other languages
  * (packages/editor/worker/push.js). @param {string} root */
@@ -23,6 +21,8 @@ export function appFoldersPlugin(root: string): import("vite").Plugin;
 /** Where an app's files from the build are, in the build (dist/) and so on the site (served only to the Worker). */
 export const APP_FILES: "_apps";
 export function appIds(root: string): string[];
+export function installedApps(root: string): string[];
+export function activeApps(root: string): string[];
 /** The module with what is in each app's folder (appFoldersPlugin): its files, by their paths in it, and its csp.json,
  * so the editor can say what an app needs (needsOf in src/store.ts) without loading its code. */
 export const APP_FOLDERS: "virtual:app-folders";

package/lib/apps.mjs

@@ -1,6 +1,6 @@
 // A site folder in src/apps/ named app_ or theme_ that is not a store id stops the build (appIds, strayStoreId).
 // What an app (src/apps/<app>/, packages/editor/src/apps.ts) can have outside the editor and the pages, each only while
-// it is installed (src/data/apps.json):
+// it is installed and not turned off (src/data/apps.json, "off"):
 //   worker.js  its part of the site's Worker: its own addresses, /api/<app>/… (`fetch`), and what it does each hour
 //              (`scheduled`). The Worker cannot find files itself, so worker/apps.js imports each one; this file writes
 //              it (writeAppWorkers, npx morpheme app-workers), and npm run check:content says when it is out of date.
@@ -12,6 +12,7 @@
 import { existsSync, mkdirSync, readFileSync, readdirSync, writeFileSync } from 'node:fs';
 import { join, sep } from 'node:path';
 import { fileURLToPath, pathToFileURL } from 'node:url';
+import { activeOf, readAppsFile } from './appsFile.mjs';
 import { strayStoreId } from './storeEntries.mjs';
 
 /** Where an app's files from the build are, in the build (dist/) and so on the site (served only to the Worker). */
@@ -38,16 +39,21 @@ export const appIds = (root) => {
   return ids;
 };
 
-/** The ids of the apps installed. @param {string} root @returns {string[]} */
-export function installedApps(root) {
+/** The state of src/data/apps.json: the apps installed and those turned off. @param {string} root */
+function appsState(root) {
   try {
-    const { installed } = JSON.parse(readFileSync(join(root, INSTALLED), 'utf8'));
-    return Array.isArray(installed) ? installed.map(String) : [];
+    return readAppsFile(readFileSync(join(root, INSTALLED), 'utf8'));
   } catch {
-    return [];
+    return readAppsFile(undefined);
   }
 }
 
+/** The ids of the apps installed, also those turned off. @param {string} root @returns {string[]} */
+export const installedApps = (root) => appsState(root).installed;
+
+/** The ids of the apps installed and not turned off: those that run. @param {string} root @returns {string[]} */
+export const activeApps = (root) => activeOf(appsState(root));
+
 /** worker/apps.js as it must be: an import of each app's worker.js, installed or not (the Worker answers only for
  * those installed), and of its texts.ts, for its notifications on the phone in the editor's other languages
  * (packages/editor/worker/push.js). @param {string} root */
@@ -99,7 +105,7 @@ export function appBuilds(root) {
     hooks: {
       'astro:build:done': async ({ dir, logger }) => {
         const built = fileURLToPath(dir);
-        for (const id of installedApps(root)) {
+        for (const id of activeApps(root)) {
           const step = join(root, APPS, id, 'build.mjs');
           if (!existsSync(step)) continue;
           const out = join(built, APP_FILES, id);

package/lib/appsFile.d.mts

@@ -0,0 +1,20 @@
+/** Reads the text of src/data/apps.json. Bad JSON, undefined, or wrong types give empty lists.
+ * Keeps only string ids. Sorts and removes duplicates. Drops ids in `off` that are not in `installed`.
+ * @param {string | undefined} text @returns {AppsState} */
+export function readAppsFile(text: string | undefined): AppsState;
+/** The active apps: `installed` minus `off`, sorted. @param {AppsState} state @returns {string[]} */
+export function activeOf(state: AppsState): string[];
+/** The file text: JSON.stringify with 2-space indentation plus a final "\n". Sorted lists, no duplicates.
+ * `off` keeps only ids in `installed`. No `off` key when `off` is empty. Key order: installed, off.
+ * @param {AppsState} state @returns {string} */
+export function appsFileText(state: AppsState): string;
+/** The state with `id` installed (`yes` true) or uninstalled (`yes` false). Uninstall also removes `id` from `off`.
+ * @param {AppsState} state @param {string} id @param {boolean} yes @returns {AppsState} */
+export function withInstalled(state: AppsState, id: string, yes: boolean): AppsState;
+/** The state with `id` deactivated (`off` true) or active (`off` false). No change when `id` is not installed.
+ * @param {AppsState} state @param {string} id @param {boolean} off @returns {AppsState} */
+export function withOff(state: AppsState, id: string, off: boolean): AppsState;
+export type AppsState = {
+    installed: string[];
+    off: string[];
+};

package/lib/appsFile.mjs

@@ -0,0 +1,57 @@
+// Reads and writes the site's file of apps (src/data/apps.json): the apps installed and those turned off ("off").
+// Exposes readAppsFile, activeOf, appsFileText, withInstalled, withOff. No dependencies; lib/apps.mjs, src/apps.ts,
+// site/apps.ts, src/store.ts, src/AppList.tsx and worker/index.js use it.
+
+/** @typedef {{ installed: string[], off: string[] }} AppsState */
+
+/** Sorted ids without duplicates; only strings are kept. @param {unknown} list @returns {string[]} */
+const ids = (list) => [...new Set(Array.isArray(list) ? list.filter((id) => typeof id === 'string') : [])].sort();
+
+/** The state with clean lists: `off` holds only ids that are installed. @param {AppsState} state @returns {AppsState} */
+const clean = (state) => {
+  const installed = ids(state.installed);
+  return { installed, off: ids(state.off).filter((id) => installed.includes(id)) };
+};
+
+/** Reads the text of src/data/apps.json. Bad JSON, undefined, or wrong types give empty lists.
+ * Keeps only string ids. Sorts and removes duplicates. Drops ids in `off` that are not in `installed`.
+ * @param {string | undefined} text @returns {AppsState} */
+export function readAppsFile(text) {
+  try {
+    const data = JSON.parse(text ?? '');
+    return clean({ installed: data?.installed, off: data?.off });
+  } catch {
+    return { installed: [], off: [] };
+  }
+}
+
+/** The active apps: `installed` minus `off`, sorted. @param {AppsState} state @returns {string[]} */
+export function activeOf(state) {
+  const { installed, off } = clean(state);
+  return installed.filter((id) => !off.includes(id));
+}
+
+/** The file text: JSON.stringify with 2-space indentation plus a final "\n". Sorted lists, no duplicates.
+ * `off` keeps only ids in `installed`. No `off` key when `off` is empty. Key order: installed, off.
+ * @param {AppsState} state @returns {string} */
+export function appsFileText(state) {
+  const { installed, off } = clean(state);
+  return JSON.stringify(off.length ? { installed, off } : { installed }, null, 2) + '\n';
+}
+
+/** The state with `id` installed (`yes` true) or uninstalled (`yes` false). Uninstall also removes `id` from `off`.
+ * @param {AppsState} state @param {string} id @param {boolean} yes @returns {AppsState} */
+export function withInstalled(state, id, yes) {
+  const { installed, off } = clean(state);
+  return yes
+    ? { installed: ids([...installed, id]), off }
+    : { installed: installed.filter((x) => x !== id), off: off.filter((x) => x !== id) };
+}
+
+/** The state with `id` deactivated (`off` true) or active (`off` false). No change when `id` is not installed.
+ * @param {AppsState} state @param {string} id @param {boolean} off @returns {AppsState} */
+export function withOff(state, id, off) {
+  const now = clean(state);
+  if (!now.installed.includes(id)) return now;
+  return { installed: now.installed, off: off ? ids([...now.off, id]) : now.off.filter((x) => x !== id) };
+}

package/lib/appsFile.test.mjs

@@ -0,0 +1,53 @@
+// Tests for lib/appsFile.mjs: reading, writing and changing the site's file of apps.
+import { describe, it } from 'node:test';
+import assert from 'node:assert/strict';
+import { activeOf, appsFileText, readAppsFile, withInstalled, withOff } from './appsFile.mjs';
+
+const second = '{\n  "installed": [\n    "a",\n    "b"\n  ],\n  "off": [\n    "b"\n  ]\n}\n';
+
+describe('readAppsFile', () => {
+  it('gives empty lists for undefined', () => assert.deepEqual(readAppsFile(undefined), { installed: [], off: [] }));
+  it('gives empty lists for bad JSON', () => assert.deepEqual(readAppsFile('not json'), { installed: [], off: [] }));
+  it('sorts and removes duplicates', () =>
+    assert.deepEqual(readAppsFile('{"installed":["b","a","a"]}'), { installed: ['a', 'b'], off: [] }));
+  it('drops off ids that are not installed', () =>
+    assert.deepEqual(readAppsFile('{"installed":["a","b"],"off":["b","x"]}'), { installed: ['a', 'b'], off: ['b'] }));
+  it('gives empty lists for wrong types', () => assert.deepEqual(readAppsFile('{"installed":"a","off":3}'), { installed: [], off: [] }));
+});
+
+describe('activeOf', () => {
+  it('is installed minus off', () => assert.deepEqual(activeOf({ installed: ['a', 'b', 'c'], off: ['b'] }), ['a', 'c']));
+});
+
+describe('appsFileText', () => {
+  it('writes sorted installed without off', () =>
+    assert.equal(appsFileText({ installed: ['b', 'a'], off: [] }), '{\n  "installed": [\n    "a",\n    "b"\n  ]\n}\n'));
+  it('writes off when set, keeping only installed ids', () =>
+    assert.equal(appsFileText({ installed: ['a', 'b'], off: ['b', 'x'] }), second));
+  it('round trips', () => assert.equal(appsFileText(readAppsFile(second)), second));
+});
+
+describe('withInstalled', () => {
+  it('installs', () => assert.deepEqual(withInstalled({ installed: ['a'], off: [] }, 'b', true), { installed: ['a', 'b'], off: [] }));
+  it('uninstall removes the id from off', () =>
+    assert.deepEqual(withInstalled({ installed: ['a', 'b'], off: ['b'] }, 'b', false), { installed: ['a'], off: [] }));
+});
+
+describe('withOff', () => {
+  it('turns an app off', () =>
+    assert.deepEqual(withOff({ installed: ['a', 'b'], off: [] }, 'b', true), { installed: ['a', 'b'], off: ['b'] }));
+  it('turns an app on', () =>
+    assert.deepEqual(withOff({ installed: ['a', 'b'], off: ['b'] }, 'b', false), { installed: ['a', 'b'], off: [] }));
+  it('ignores an app that is not installed', () =>
+    assert.deepEqual(withOff({ installed: ['a'], off: [] }, 'x', true), { installed: ['a'], off: [] }));
+});
+
+describe('no mutation', () => {
+  it('does not change a frozen state', () => {
+    const state = Object.freeze({ installed: Object.freeze(['a', 'b']), off: Object.freeze([]) });
+    assert.doesNotThrow(() => {
+      withOff(state, 'b', true);
+      withInstalled(state, 'c', true);
+    });
+  });
+});

package/lib/build-settings.mjs

@@ -1,4 +1,4 @@
-// The build settings in src/data/build.json (Indstillinger › Avanceret): readBuildSettings fills in the defaults, and
+// The build settings in src/data/build.json (Settings › Developer › Caching and builds): readBuildSettings fills in the defaults, and
 // giveUpAfter is how long the editor waits for a save's build. Exposes BUILD_SETTINGS_PATH, readBuildSettings,
 // giveUpAfter. No dependencies.
 

package/lib/changelog.d.mts

@@ -4,6 +4,13 @@
  * @returns {Promise<Uint8Array>}
  */
 export function gunzip(bytes: Uint8Array): Promise<Uint8Array>;
+/**
+ * The bytes of the entry named exactly `path` in a tar, or null when there is none.
+ * @param {Uint8Array} tar
+ * @param {string} path
+ * @returns {Uint8Array | null}
+ */
+export function bytesFromTar(tar: Uint8Array, path: string): Uint8Array | null;
 /**
  * The UTF-8 text of the entry named exactly `path` in a tar, or null when there is none.
  * @param {Uint8Array} tar

package/lib/changelog.mjs

@@ -1,5 +1,5 @@
 // A version's release notes, read from its npm tarball: unzips the tarball, finds CHANGELOG.md in the tar and cuts out the
-// sections between two versions. Exposes gunzip, fileFromTar and sectionsBetween. Depends on ./cms-version.mjs; no node: imports
+// sections between two versions. Exposes gunzip, bytesFromTar, fileFromTar and sectionsBetween. Depends on ./cms-version.mjs; no node: imports
 // (runs in a Cloudflare Worker and in Node 18+).
 import { compareVersions } from './cms-version.mjs';
 
@@ -21,12 +21,12 @@ function field(header, start, end) {
 }
 
 /**
- * The UTF-8 text of the entry named exactly `path` in a tar, or null when there is none.
+ * The bytes of the entry named exactly `path` in a tar, or null when there is none.
  * @param {Uint8Array} tar
  * @param {string} path
- * @returns {string | null}
+ * @returns {Uint8Array | null}
  */
-export function fileFromTar(tar, path) {
+export function bytesFromTar(tar, path) {
   let offset = 0;
   while (offset + 512 <= tar.length) {
     const header = tar.subarray(offset, offset + 512);
@@ -35,12 +35,23 @@ export function fileFromTar(tar, path) {
     const prefix = field(header, 345, 500);
     const size = parseInt(field(header, 124, 136).trim(), 8) || 0;
     const data = tar.subarray(offset + 512, offset + 512 + size);
-    if ((prefix ? prefix + '/' + name : name) === path) return new TextDecoder().decode(data);
+    if ((prefix ? prefix + '/' + name : name) === path) return data;
     offset += 512 + Math.ceil(size / 512) * 512;
   }
   return null;
 }
 
+/**
+ * The UTF-8 text of the entry named exactly `path` in a tar, or null when there is none.
+ * @param {Uint8Array} tar
+ * @param {string} path
+ * @returns {string | null}
+ */
+export function fileFromTar(tar, path) {
+  const bytes = bytesFromTar(tar, path);
+  return bytes === null ? null : new TextDecoder().decode(bytes);
+}
+
 /**
  * The changelog's sections for versions after `from` up to and including `to`, newest first, without empty ones.
  * @param {string} changelog

package/lib/footerClearance.d.mts

@@ -0,0 +1 @@
+export function needsClearance(pageHeight: number, windowHeight: number, hasFab: boolean): boolean;

package/lib/footerClearance.mjs

@@ -0,0 +1,9 @@
+// Whether a screen needs clearance under its footer for the floating action button: only when it has one and its content
+// pushes the footer below the window, so a short screen has its footer at the very bottom. Exposes needsClearance. No imports.
+
+/**
+ * @param {number} pageHeight The page's height with no clearance added.
+ * @param {number} windowHeight The window's height.
+ * @param {boolean} hasFab Whether the screen shows a FAB.
+ */
+export const needsClearance = (pageHeight, windowHeight, hasFab) => hasFab && pageHeight > windowHeight;

package/lib/footerClearance.test.mjs

@@ -0,0 +1,24 @@
+// Tests for lib/footerClearance.mjs: clearance under the footer only for a FAB, and only when the page is taller than the window.
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { needsClearance } from './footerClearance.mjs';
+
+test('a page that fits the window needs no clearance', () => {
+  assert.equal(needsClearance(600, 800, true), false);
+});
+
+test('a page exactly as tall as the window needs none', () => {
+  assert.equal(needsClearance(800, 800, true), false);
+});
+
+test('a tall page with a FAB needs clearance', () => {
+  assert.equal(needsClearance(801, 800, true), true);
+});
+
+test('a tall page without a FAB needs none', () => {
+  assert.equal(needsClearance(2000, 800, false), false);
+});
+
+test('a short page without a FAB needs none', () => {
+  assert.equal(needsClearance(600, 800, false), false);
+});

package/lib/footerLinks.d.mts

@@ -0,0 +1,12 @@
+/** @typedef {{ id: 'support' | 'status' | 'terms' | 'security' | 'privacy' | 'licenses', href: string | null }} FooterLink */
+/** @type {FooterLink[]} A link with `href: null` is not shown yet. */
+export const FOOTER_LINKS: FooterLink[];
+export function copyright(year: number): string;
+export function visibleLinks(links: FooterLink[]): (FooterLink & {
+    href: string;
+})[];
+export function isExternal(href: string): boolean;
+export type FooterLink = {
+    id: "support" | "status" | "terms" | "security" | "privacy" | "licenses";
+    href: string | null;
+};

package/lib/footerLinks.mjs

@@ -0,0 +1,26 @@
+// The links in the editor's footer, in the order they are shown, and its copyright line (EditorFooter.tsx).
+// Exposes FOOTER_LINKS, copyright, visibleLinks and isExternal. No imports.
+
+/** @typedef {{ id: 'support' | 'status' | 'terms' | 'security' | 'privacy' | 'licenses', href: string | null }} FooterLink */
+
+/** @type {FooterLink[]} A link with `href: null` is not shown yet. */
+export const FOOTER_LINKS = [
+  { id: 'support', href: 'https://github.com/larsadolfsen/morpheme-cms/issues' },
+  { id: 'status', href: '#status' },
+  { id: 'terms', href: null },
+  { id: 'security', href: 'https://github.com/larsadolfsen/morpheme-cms/security' },
+  { id: 'privacy', href: 'https://getmorpheme.com/privacy-policy/' },
+  { id: 'licenses', href: '#licenses' },
+];
+
+/** The copyright line for a year (the caller passes the current one: this has no Date). @param {number} year */
+export const copyright = (year) => `© ${year} Lars Adolfsen`;
+
+/**
+ * @param {FooterLink[]} links
+ * @returns {(FooterLink & { href: string })[]}
+ */
+export const visibleLinks = (links) => /** @type {(FooterLink & { href: string })[]} */ (links.filter((link) => link.href !== null));
+
+/** Whether a link leaves the editor (opens in a new tab). @param {string} href */
+export const isExternal = (href) => href.startsWith('https://');

package/lib/footerLinks.test.mjs

@@ -0,0 +1,32 @@
+// Tests for lib/footerLinks.mjs: which links the footer shows, and which of them leave the editor.
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { copyright, FOOTER_LINKS, isExternal, visibleLinks } from './footerLinks.mjs';
+
+test('while terms has no URL, the footer shows 5 links and no terms', () => {
+  const shown = visibleLinks(FOOTER_LINKS);
+  assert.equal(shown.length, 5);
+  assert.equal(
+    shown.some((l) => l.id === 'terms'),
+    false,
+  );
+});
+
+test('with a terms URL, the footer shows 6 links and terms is third', () => {
+  const links = FOOTER_LINKS.map((l) => (l.id === 'terms' ? { ...l, href: 'https://example.com/terms' } : l));
+  const shown = visibleLinks(links);
+  assert.equal(shown.length, 6);
+  assert.equal(shown[2].id, 'terms');
+});
+
+test('each external href starts with https://, and the others stay in the editor', () => {
+  for (const { href } of visibleLinks(FOOTER_LINKS)) {
+    assert.equal(isExternal(href), href.startsWith('https://'));
+    assert.equal(isExternal(href), !href.startsWith('#'));
+  }
+});
+
+test('the copyright line has the year it is given', () => {
+  assert.equal(copyright(2026), '© 2026 Lars Adolfsen');
+  assert.equal(copyright(2027), '© 2027 Lars Adolfsen');
+});

package/lib/google-result.test.mjs

@@ -1,9 +1,9 @@
 // Run: node --test lib/google-result.test.mjs
-// Tests src/googleResult.mjs: the title, description and address line of a page's Google result.
+// Tests src/googleResult.mjs: the title, description and address line of a page's Google result and the bold keyword parts.
 // Depends on node:test, node:assert/strict and ../src/googleResult.mjs.
 import { test } from 'node:test';
 import assert from 'node:assert/strict';
-import { pageTitle, searchedAs, searchCrumbs } from '../src/googleResult.mjs';
+import { boldParts, pageTitle, searchedAs, searchCrumbs } from '../src/googleResult.mjs';
 
 const site = { name: 'Morpheme', description: 'The site.' };
 
@@ -53,18 +53,49 @@ test('the site description is used when the page has no description', () => {
   assert.equal(searchedAs({ title: 'A', site }).description, 'The site.');
 });
 
-test('the address line is the domain and the path parts', () => {
-  assert.equal(searchCrumbs('morpheme.example', '/blog/my-post/'), 'morpheme.example › blog › my-post');
+test('the address line is https, the domain and the path parts', () => {
+  assert.equal(searchCrumbs('morpheme.example', '/blog/my-post/'), 'https://morpheme.example › blog › my-post');
+  assert.equal(searchCrumbs('morpheme.example', '/app-store/'), 'https://morpheme.example › app-store');
 });
 
-test('the front page address line is only the domain', () => {
-  assert.equal(searchCrumbs('morpheme.example', '/'), 'morpheme.example');
+test('the front page address line is only https and the domain', () => {
+  assert.equal(searchCrumbs('morpheme.example', '/'), 'https://morpheme.example');
 });
 
-test('an empty path gives only the domain', () => {
-  assert.equal(searchCrumbs('morpheme.example', ''), 'morpheme.example');
+test('an empty path gives only https and the domain', () => {
+  assert.equal(searchCrumbs('morpheme.example', ''), 'https://morpheme.example');
+});
+
+test('the keyword is bold in the text, case-insensitive', () => {
+  assert.deepEqual(boldParts('The App Store gives', 'app store'), [
+    { text: 'The ', bold: false },
+    { text: 'App Store', bold: true },
+    { text: ' gives', bold: false },
+  ]);
+});
+
+test('every occurrence is bold and keeps its own case', () => {
+  assert.deepEqual(boldParts('app store and APP STORE', 'App Store'), [
+    { text: 'app store', bold: true },
+    { text: ' and ', bold: false },
+    { text: 'APP STORE', bold: true },
+  ]);
+});
+
+test('an empty or blank keyword gives one plain part', () => {
+  assert.deepEqual(boldParts('anything', ''), [{ text: 'anything', bold: false }]);
+  assert.deepEqual(boldParts('anything', '  '), [{ text: 'anything', bold: false }]);
+  assert.deepEqual(boldParts('anything'), [{ text: 'anything', bold: false }]);
+});
+
+test('regex characters in the keyword match literally', () => {
+  assert.deepEqual(boldParts('a.b', '.'), [
+    { text: 'a', bold: false },
+    { text: '.', bold: true },
+    { text: 'b', bold: false },
+  ]);
 });
 
 test('a path without a leading slash still gives its parts', () => {
-  assert.equal(searchCrumbs('morpheme.example', 'about'), 'morpheme.example › about');
+  assert.equal(searchCrumbs('morpheme.example', 'about'), 'https://morpheme.example › about');
 });

package/lib/menu.mjs

@@ -38,7 +38,7 @@ export function menuTree(groups, partOf, childrenOf) {
   });
 }
 
-const PARENTS = ['company', 'blocks', 'appearance', 'seo', 'apps'];
+const PARENTS = ['company', 'blocks', 'appearance', 'seo', 'apps', 'developer'];
 
 const under = (path, prefix) => path === prefix || path.startsWith(prefix + '/');