@morphemecms/cms 0.13.0 → 0.14.0-next-20261107093528

package/lib/serviceStatus.test.mjs

@@ -0,0 +1,136 @@
+// lib/serviceStatus.mjs tests; run with: node --test lib/serviceStatus.test.mjs
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { PROVIDERS, providersFor, stateOf, worst, providerFrom, reportFrom } from './serviceStatus.mjs';
+
+test('stateOf maps statuses', () => {
+  assert.equal(stateOf('operational'), 'ok');
+  assert.equal(stateOf('degraded_performance'), 'minor');
+  assert.equal(stateOf('under_maintenance'), 'minor');
+  assert.equal(stateOf('partial_outage'), 'major');
+  assert.equal(stateOf('major_outage'), 'major');
+  assert.equal(stateOf('foo'), 'unknown');
+  assert.equal(stateOf(undefined), 'unknown');
+});
+
+test('worst picks most severe', () => {
+  assert.equal(worst([]), 'ok');
+  assert.equal(worst(['ok', 'unknown']), 'unknown');
+  assert.equal(worst(['unknown', 'minor']), 'minor');
+  assert.equal(worst(['minor', 'major', 'ok']), 'major');
+});
+
+test('providerFrom with null summary', () => {
+  const p = providerFrom(PROVIDERS[0], null);
+  assert.equal(p.state, 'unknown');
+  assert.equal(p.components.length, 3);
+  for (const c of p.components) {
+    assert.equal(c.status, 'unknown');
+    assert.equal(c.state, 'unknown');
+  }
+});
+
+test('providerFrom with partial feed', () => {
+  const feed = { components: [{ id: '8l4ygp009s5s', name: 'x', status: 'major_outage' }] };
+  const p = providerFrom(PROVIDERS[0], feed);
+  assert.equal(p.state, 'major');
+  assert.equal(p.components[0].name, 'Git Operations');
+  assert.equal(p.components[0].status, 'major_outage');
+  assert.equal(p.components[0].state, 'major');
+  assert.equal(p.components[1].status, 'unknown');
+  assert.equal(p.components[2].status, 'unknown');
+});
+
+test('providerFrom ignores extra components', () => {
+  const s = {
+    components: [
+      { id: '57srcl8zcn7c', name: 'Workers', status: 'operational' },
+      { id: 'pg21w9xb991r', name: 'Workers Assets', status: 'operational' },
+      { id: 'vcpsk0w6g86k', name: 'Workers Builds', status: 'operational' },
+      { id: 'tmh50tx2nprs', name: 'Workers KV', status: 'operational' },
+      { id: 'z0yd3sxqjqdm', name: 'D1', status: 'operational' },
+      { id: 'hb7g5sq2zz0h', name: 'R2', status: 'operational' },
+      { id: 'other', name: 'Other', status: 'major_outage' },
+    ],
+  };
+  const p = providerFrom(PROVIDERS[1], s);
+  assert.equal(p.state, 'ok');
+  assert.equal(p.components.length, 6);
+});
+
+test('providerFrom maps unknown status to unknown', () => {
+  const feed = { components: [{ id: '8l4ygp009s5s', status: 'weird' }] };
+  const p = providerFrom(PROVIDERS[0], feed);
+  assert.equal(p.components[0].status, 'unknown');
+  assert.equal(p.components[0].state, 'unknown');
+});
+
+test('reportFrom with all nulls', () => {
+  const r = reportFrom({ github: null, cloudflare: null });
+  assert.equal(r.state, 'unknown');
+  assert.deepEqual(
+    r.providers.map((p) => p.id),
+    ['github', 'cloudflare'],
+  );
+});
+
+test('reportFrom with minor degradation', () => {
+  const github = {
+    components: [
+      { id: '8l4ygp009s5s', name: 'Git Operations', status: 'operational' },
+      { id: 'brv1bkgrwx7q', name: 'API Requests', status: 'operational' },
+      { id: '4230lsnqdsld', name: 'Webhooks', status: 'operational' },
+    ],
+  };
+  const cloudflare = {
+    components: [
+      { id: '57srcl8zcn7c', name: 'Workers', status: 'operational' },
+      { id: 'pg21w9xb991r', name: 'Workers Assets', status: 'operational' },
+      { id: 'vcpsk0w6g86k', name: 'Workers Builds', status: 'operational' },
+      { id: 'tmh50tx2nprs', name: 'Workers KV', status: 'operational' },
+      { id: 'z0yd3sxqjqdm', name: 'D1', status: 'operational' },
+      { id: 'hb7g5sq2zz0h', name: 'R2', status: 'degraded_performance' },
+    ],
+  };
+  const r = reportFrom({ github, cloudflare });
+  assert.equal(r.state, 'minor');
+});
+
+const cloudflareIds = (report) => report.providers.find((p) => p.id === 'cloudflare').components.map((c) => c.name);
+const feed = (id, status) => ({ components: [{ id, status }] });
+const ALL = ['NOT_FOUND', 'PUSH', 'FILES', 'CONSENT'];
+
+test('without FILES there is no R2, and an R2 outage in the feed does not count', () => {
+  const report = reportFrom({ github: null, cloudflare: feed('hb7g5sq2zz0h', 'major_outage') }, providersFor(['NOT_FOUND', 'CONSENT']));
+  assert.equal(cloudflareIds(report).includes('R2'), false);
+  assert.notEqual(report.providers.find((p) => p.id === 'cloudflare').state, 'major');
+});
+
+test('with FILES R2 is there, and its outage counts', () => {
+  const report = reportFrom({ github: null, cloudflare: feed('hb7g5sq2zz0h', 'major_outage') }, providersFor(ALL));
+  assert.equal(cloudflareIds(report).includes('R2'), true);
+  assert.equal(report.providers.find((p) => p.id === 'cloudflare').state, 'major');
+});
+
+test('D1 counts only with CONSENT', () => {
+  assert.equal(cloudflareIds(reportFrom({}, providersFor(['FILES', 'PUSH']))).includes('D1'), false);
+  assert.equal(cloudflareIds(reportFrom({}, providersFor(['CONSENT']))).includes('D1'), true);
+});
+
+test('Workers KV counts with NOT_FOUND or PUSH, and with neither it does not', () => {
+  assert.equal(cloudflareIds(reportFrom({}, providersFor(['NOT_FOUND']))).includes('Workers KV'), true);
+  assert.equal(cloudflareIds(reportFrom({}, providersFor(['PUSH']))).includes('Workers KV'), true);
+  assert.equal(cloudflareIds(reportFrom({}, providersFor(['FILES', 'CONSENT']))).includes('Workers KV'), false);
+});
+
+test('with no binding the three Workers components stay, and GitHub does not change', () => {
+  const report = reportFrom({}, providersFor([]));
+  assert.deepEqual(cloudflareIds(report), ['Workers', 'Workers Assets', 'Workers Builds']);
+  assert.equal(report.providers.find((p) => p.id === 'github').components.length, PROVIDERS[0].components.length);
+});
+
+test('reportFrom without a list reports every component, and a report has no binding names', () => {
+  const report = reportFrom({});
+  assert.equal(cloudflareIds(report).length, 6);
+  assert.equal(JSON.stringify(report).includes('needs'), false);
+});

package/lib/strayDividers.d.mts

@@ -0,0 +1,6 @@
+/**
+ * @param {number[]} rows The vertical position of each item in the row, in order, items and dividers alternating, starting
+ * and ending with an item (the same value for items on the same line).
+ * @returns {number[]} The indexes of the dividers (the odd ones) that are first or last on their line.
+ */
+export function strayDividers(rows: number[]): number[];

package/lib/strayDividers.mjs

@@ -0,0 +1,15 @@
+// Which dividers in a wrapping row of items stand at the start or the end of a line (and so separate nothing).
+// Exposes strayDividers. No imports.
+
+/**
+ * @param {number[]} rows The vertical position of each item in the row, in order, items and dividers alternating, starting
+ * and ending with an item (the same value for items on the same line).
+ * @returns {number[]} The indexes of the dividers (the odd ones) that are first or last on their line.
+ */
+export function strayDividers(rows) {
+  const stray = [];
+  for (let i = 1; i < rows.length - 1; i += 2) {
+    if (rows[i] !== rows[i - 1] || rows[i] !== rows[i + 1]) stray.push(i);
+  }
+  return stray;
+}

package/lib/strayDividers.test.mjs

@@ -0,0 +1,25 @@
+// Tests for lib/strayDividers.mjs: a divider is hidden when it is first or last on its line.
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { strayDividers } from './strayDividers.mjs';
+
+test('on one line no divider is stray', () => {
+  assert.deepEqual(strayDividers([0, 0, 0, 0, 0]), []);
+});
+
+test('a divider that ends a line is stray', () => {
+  assert.deepEqual(strayDividers([0, 0, 0, 0, 24]), [3]);
+});
+
+test('a divider that starts a line is stray', () => {
+  assert.deepEqual(strayDividers([0, 0, 0, 24, 24]), [3]);
+});
+
+test('a divider that ends one line and one that starts the next are both stray', () => {
+  assert.deepEqual(strayDividers([0, 0, 0, 0, 24, 24, 24]), [3]);
+  assert.deepEqual(strayDividers([0, 0, 0, 24, 24, 24, 48]), [3, 5]);
+});
+
+test('a row of one item has none', () => {
+  assert.deepEqual(strayDividers([0]), []);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphemecms/cms",
-  "version": "0.13.0",
+  "version": "0.14.0-next-20261107093528",
   "description": "Morpheme CMS: the editor for a site built with Astro, its screens, its blocks and the rules a site gives it. See README.md.",
   "license": "MIT",
   "author": "Lars Adolfsen",
@@ -24,6 +24,7 @@
     "icons",
     "lib",
     "pages",
+    "release-notes",
     "scripts",
     "!scripts/starter.mjs",
     "!scripts/check-starter.mjs",
@@ -40,7 +41,7 @@
   },
   "scripts": {
     "build": "node scripts/demo-build.mjs",
-    "check": "npm run format:check && npm run check:language && npm test && npm run check:types && npm run build && npm run check:site-types && npm run check:editor",
+    "check": "npm run format:check && npm run check:language && npm run check:release-notes && npm test && npm run check:types && npm run build && npm run check:site-types && npm run check:editor",
     "check:site-types": "node scripts/check-site-types.mjs",
     "check:types": "tsc -p tsconfig.types.json --noEmit",
     "check:editor": "cd .morpheme/demo/site && node ../../../bin/morpheme.mjs check:editor",
@@ -52,7 +53,8 @@
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "check:language": "node scripts/check-language.mjs",
-    "release:version": "changeset version && node scripts/starter.mjs",
+    "check:release-notes": "node scripts/check-release-notes.mjs",
+    "release:version": "changeset version && node scripts/release-notes.mjs && node scripts/starter.mjs",
     "prepack": "node scripts/types.mjs write",
     "postpack": "node scripts/types.mjs clean"
   },

package/release-notes/i18n/da-DK/pending/apps-turn-off.json

@@ -0,0 +1,6 @@
+{
+  "id": "apps-turn-off",
+  "kind": "card",
+  "title": "Slå en app fra uden at miste den",
+  "text": "Nogle gange vil du sætte en app på pause uden at skulle sætte den op igen bagefter. Åbn appen under Apps, og slå Aktiveret fra lige under beskrivelsen. Indstillingerne bliver liggende, så du kan slå den til igen, når du vil."
+}

package/release-notes/i18n/da-DK/pending/developer-menu.json

@@ -0,0 +1,5 @@
+{
+  "id": "developer-menu",
+  "kind": "line",
+  "text": "Avanceret hedder nu Udvikler under Indstillinger, med Dele samt Caching og builds; gamle links virker stadig."
+}

package/release-notes/i18n/da-DK/pending/dynamic-lists-page.json

@@ -0,0 +1,5 @@
+{
+  "id": "dynamic-lists-page",
+  "kind": "line",
+  "text": "Lister hedder nu Dynamiske lister, én række i menuen, der åbner en side med alle dine lister."
+}

package/release-notes/i18n/da-DK/pending/editor-footer.json

@@ -0,0 +1,6 @@
+{
+  "id": "editor-footer",
+  "kind": "card",
+  "title": "Se om GitHub og Cloudflare virker",
+  "text": "Når noget ikke vil gemme eller udgive, vil du gerne vide, om problemet er din hjemmeside eller de tjenester, den kører på. Rul ned til bunden af editoren, og tryk på Driftsstatus. Den tjekker kun de tjenester, din hjemmeside bruger."
+}

package/release-notes/i18n/da-DK/pending/editor-toolbar-dock.json

@@ -0,0 +1,5 @@
+{
+  "id": "editor-toolbar-dock",
+  "kind": "line",
+  "text": "På en telefon er værktøjslinjen til tekst slankere og holder samme afstand til kanterne."
+}

package/release-notes/i18n/da-DK/pending/google-preview-closer.json

@@ -0,0 +1,6 @@
+{
+  "id": "google-preview-closer",
+  "kind": "card",
+  "title": "En Google-forhåndsvisning, der ligner Google",
+  "text": "Du vil gerne se, hvordan en side ser ud på Google, før du udgiver den. Åbn en side eller et indlæg, og se Google-forhåndsvisningen. Den ligner nu Google på både telefon og computer, og dit vigtigste søgeord står med fed."
+}

package/release-notes/i18n/da-DK/pending/morpheme-connection-page.json

@@ -0,0 +1,5 @@
+{
+  "id": "morpheme-connection-page",
+  "kind": "line",
+  "text": "Din Forbindelse til Appstore ligger nu på siden Morpheme under Indstillinger."
+}

package/release-notes/i18n/da-DK/pending/quiet-lamps-wander.json

@@ -0,0 +1,6 @@
+{
+  "id": "quiet-lamps-wander",
+  "kind": "card",
+  "title": "Se, hvad der er nyt, med billeder",
+  "text": "Opdateringer skal føles som en venlig hilsen, ikke som en udviklerlog. Åbn siden Morpheme, så ser du hver nyhed med et billede og et par almindelige ord. Alt, der er ændret i din version, står lige der."
+}

package/release-notes/i18n/en-US/pending/apps-turn-off.json

@@ -0,0 +1,6 @@
+{
+  "id": "apps-turn-off",
+  "kind": "card",
+  "title": "Turn an app off without losing it",
+  "text": "Sometimes you want to pause an app without setting it up again later. Open the app under Apps and turn off Enabled, right below its description. Its settings stay, so you can turn it on again whenever you like."
+}

package/release-notes/i18n/en-US/pending/developer-menu.json

@@ -0,0 +1,5 @@
+{
+  "id": "developer-menu",
+  "kind": "line",
+  "text": "Advanced is now Developer under Settings, with Parts and Caching and builds; old links still work."
+}

package/release-notes/i18n/en-US/pending/dynamic-lists-page.json

@@ -0,0 +1,5 @@
+{
+  "id": "dynamic-lists-page",
+  "kind": "line",
+  "text": "Lists is now Dynamic lists, one menu row that opens a page with all your lists."
+}

package/release-notes/i18n/en-US/pending/editor-footer.json

@@ -0,0 +1,6 @@
+{
+  "id": "editor-footer",
+  "kind": "card",
+  "title": "See if GitHub and Cloudflare are working",
+  "text": "When something won't save or publish, you want to know if the problem is your site or the services it runs on. Scroll to the bottom of the editor and tap System status. It checks only the services your site uses."
+}

package/release-notes/i18n/en-US/pending/editor-toolbar-dock.json

@@ -0,0 +1,5 @@
+{
+  "id": "editor-toolbar-dock",
+  "kind": "line",
+  "text": "On a phone, the text toolbar is slimmer and keeps an even gap to the edges."
+}

package/release-notes/i18n/en-US/pending/google-preview-closer.json

@@ -0,0 +1,6 @@
+{
+  "id": "google-preview-closer",
+  "kind": "card",
+  "title": "A Google preview that looks like Google",
+  "text": "You want to see how a page looks in Google before you publish it. Open a page or post and look at its Google preview. It now matches Google on a phone and a computer, with your main keyword in bold."
+}

package/release-notes/i18n/en-US/pending/morpheme-connection-page.json

@@ -0,0 +1,5 @@
+{
+  "id": "morpheme-connection-page",
+  "kind": "line",
+  "text": "Your Store connection now sits on the Morpheme page under Settings."
+}

package/release-notes/i18n/en-US/pending/quiet-lamps-wander.json

@@ -0,0 +1,6 @@
+{
+  "id": "quiet-lamps-wander",
+  "kind": "card",
+  "title": "See what's new, with pictures",
+  "text": "Updates should feel like a friendly hello, not a developer log. Open the Morpheme page and you see each new thing with a picture and a few plain words. Everything that changed in your version is right there."
+}

package/scripts/app-screenshots.mjs

@@ -1,7 +1,7 @@
 // Takes the pictures each app is shown with on its page and in the app store (AppAbout in
 // packages/editor/src/AppList.tsx): the few its index.ts picks to give an idea of it (`screenshots`, AppShot in
 // packages/editor/src/store.ts), as a theme's are, on a phone, in the standard theme with blue colours and with made-up
-// content only, never the site's: its blocks and kinds as "Udseende" › "Dele" › "Apps" draws them with the examples,
+// content only, never the site's: its blocks and kinds as "Developer" › "Parts" › "Apps" draws them with the examples,
 // its lists, its settings (with the made-up `values` of the picture) and its own page in the editor, into
 // src/apps/<app>/screenshots/<n>-<what>.jpg (shotFile). The site is built in a folder of its own with the theme and the
 // colours (src/data/theme.json and colors.json as they were after), and the editor has every app installed, with GitHub
@@ -30,8 +30,8 @@ const BLUE = { source: '#1a73e8', variant: 'tonalSpot', contrast: 'standard' };
 
 const ids = process.argv.length > 2 ? process.argv.slice(2) : readdirSync(APPS).filter((id) => existsSync(join(APPS, id, 'index.ts')));
 
-// The pictures each app picks, read as store-release.mjs does, in their order. `part`: its drawing under "Dele" ›
-// "Blokke" or the list's screen (`parts`: #appearance/parts/blocks, #appearance/parts/list/<list>) by the part's name; `editor`: a screen of the editor (`at`: from the top of what is
+// The pictures each app picks, read as store-release.mjs does, in their order. `part`: its drawing under "Parts" ›
+// "Blokke" or the list's screen (`parts`: #developer/parts/blocks, #developer/parts/list/<list>) by the part's name; `editor`: a screen of the editor (`at`: from the top of what is
 // there). And each app's settings as the pictures show them: those it starts with, and the made-up ones of its picture.
 const vite = await createServer({
   configFile: false,
@@ -136,7 +136,7 @@ try {
     for (const [i, shot] of shots[id].entries()) {
       const options = { path: join(folder, shot.name), type: 'jpeg', quality: 80 };
       if (shot.part) {
-        await go(`appearance/parts/${shot.parts}`);
+        await go(`developer/parts/${shot.parts}`);
         // Tall enough for the whole drawing, under the screen's top bar.
         await editor.setViewportSize({ width: phone.width, height: 1600 });
         const drawing = editor.locator(`section[data-part="${shot.part}"] > :last-child`).first();

package/scripts/build-settings-problems.mjs

@@ -1,4 +1,4 @@
-// The check of the build settings file (src/data/build.json, Indstillinger › Avanceret): an object with only the
+// The check of the build settings file (src/data/build.json, Settings › Developer › Caching and builds): an object with only the
 // boolean keys contentLane and paidBuilds. Exposes buildSettingsProblems; used by check-content.mjs. No dependencies.
 
 const KEYS = ['contentLane', 'paidBuilds'];

package/scripts/built-site.mjs

@@ -138,7 +138,7 @@ export const STORE_STATES = {
  * store (a key of STORE_STATES). */
 export async function openEditor(page, site, texts = {}, store = 'button') {
   let state = STORE_STATES[store];
-  // R2 caching under "Avanceret": Cloudflare has the bucket (packages/editor/worker/r2-status.js).
+  // R2 caching under "Caching and builds": Cloudflare has the bucket (packages/editor/worker/r2-status.js).
   await page.route(`${site}/api/r2?**`, (r) =>
     r.fulfill({ contentType: 'application/json', body: JSON.stringify({ bound: false, bucket: 'ready' }) }),
   );

package/scripts/check-content.mjs

@@ -185,7 +185,7 @@ try {
   tracked = execFileSync('git', ['ls-files'], { cwd: root, encoding: 'utf8' }).split('\n').filter(Boolean);
 } catch {}
 result.problems.push(...casingProblems(tracked));
-// The build settings the editor writes under "Avanceret": only boolean contentLane and paidBuilds; a missing file passes.
+// The build settings the editor writes under "Caching and builds": only boolean contentLane and paidBuilds; a missing file passes.
 result.problems.push(
   ...buildSettingsProblems(BUILD_SETTINGS_PATH, existsSync(BUILD_SETTINGS_PATH) ? readFileSync(BUILD_SETTINGS_PATH, 'utf8') : undefined),
 );

package/scripts/check-release-notes.mjs

@@ -0,0 +1,12 @@
+// Checks the pending release notes: each note has its twin in every locale with the same kind, an id that matches its file name,
+// and the fields and screenshot its kind needs (a card: title, text and a screenshot of at most 200 KB; a line: text only).
+// Run by npm run check:release-notes; usage: node scripts/check-release-notes.mjs [root]. Exits 1 and prints each problem.
+import { problemsOf } from '../lib/releaseNotes.mjs';
+import { readPending, repoRoot } from './release-notes-pending.mjs';
+
+const problems = problemsOf(readPending(repoRoot(process.argv[2])));
+if (problems.length > 0) {
+  for (const problem of problems) console.error(problem);
+  process.exit(1);
+}
+console.log('Release notes: no problems.');

package/scripts/check-worker.mjs

@@ -472,7 +472,7 @@ try {
   await run('r2-fejler', failing);
   await settle();
 
-  // R2 caching under "Indstillinger" › "Avanceret" (r2Caching.ts): the Worker's settings have the line and its bucket, and
+  // R2 caching under Settings › Developer › Caching and builds (r2Caching.ts): the Worker's settings have the line and its bucket, and
   // with it on or off they are settings wrangler reads, with the bucket bound as FILES or no bucket; on and off again,
   // they are as they were. And /api/r2 (packages/editor/worker/r2-status.js) says what Cloudflare says of the bucket, only to someone who
   // can save, so the switch is turned on only when Cloudflare has it.

package/scripts/editor-screens.mjs

@@ -4,7 +4,7 @@
 // packages/editor/src/icon.tsx), there or on one of the built site's pages. An icon drawn from Material Symbols instead
 // of the icon pack (data-icon-fallback) is only listed, with where it is: it does not fail.
 // The screens are found as the editor's own links: from the start screen (the drawer's links are in the page also while it is
-// closed) and "Dele", #appearance/parts, "Temaer", #appearance/themes, "Søgemaskineoptimering", #seo, "Appstore", #settings/appstore, and "Apps", #apps, which the menu no longer links to), and
+// closed) and "Parts", #developer/parts, "Temaer", #appearance/themes, "Søgemaskineoptimering", #seo, "Appstore", #settings/appstore, and "Apps", #apps, which the menu no longer links to), and
 // from each screen it opens, two steps down. GitHub is answered from the files in this repository, so it needs no login
 // and changes nothing. It runs on the built site: npm run build && npm run check:screens (or on another
 // folder with a built site, its path after the command: packages/editor/scripts/check-themes.mjs).
@@ -68,10 +68,10 @@ for (const [width, height] of [
   });
   await openEditor(page, site);
 
-  // From the start screen (the drawer's links), and from "Dele", "Temaer", "Søgemaskineoptimering" and "Appstore"
+  // From the start screen (the drawer's links), and from "Parts", "Temaer", "Søgemaskineoptimering" and "Appstore"
   // (the apps' pages and their developers'), whose screens are a step further down than the others. "Apps" (the list of
   // the apps installed) has no row in the menu, so it is a start of its own.
-  const starts = ['', 'appearance/parts', 'appearance/themes', 'seo', 'settings/appstore', 'apps'];
+  const starts = ['', 'developer/parts', 'appearance/themes', 'seo', 'settings/appstore', 'apps'];
   const seen = new Set(starts);
   let next = starts;
   for (let depth = 0; depth <= 2 && next.length; depth++) {
@@ -104,27 +104,43 @@ for (const [width, height] of [
   await page.close();
 }
 
-// "Appstore" in the three states of the site's key to the store (STORE_STATES): what each shows, and a picture of it in
+// "Appstore" and "Morpheme" in the three states of the site's key to the store (STORE_STATES): what each shows, and a picture of it in
 // SCREENS_DIR (the temporary folder's morpheme-screens by default).
 const shots = process.env.SCREENS_DIR || join(tmpdir(), 'morpheme-screens');
 mkdirSync(shots, { recursive: true });
 const keyStates = {
-  open: { shows: ['Hjemmesiden er ikke forbundet til Morpheme', 'Forbind til Morpheme'], hides: ['Afbryd forbindelsen til Morpheme'] },
-  readOnly: { shows: ['Hjemmesiden har ingen Appstore'], hides: ['Forbind til Morpheme', 'Afbryd forbindelsen til Morpheme'] },
-  button: { shows: ['Forbundet til Morpheme', 'site_sample', 'Afbryd forbindelsen til Morpheme'], hides: ['Forbind til Morpheme'] },
+  open: {
+    appstore: {
+      shows: ['Hjemmesiden er ikke forbundet til Morpheme', 'Forbind til Morpheme'],
+      hides: ['Afbryd forbindelsen til Morpheme'],
+    },
+    morpheme: { shows: ['Forbind til Morpheme'], hides: ['Afbryd forbindelsen til Morpheme'] },
+  },
+  readOnly: {
+    appstore: { shows: ['Hjemmesiden har ingen Appstore'], hides: ['Forbind til Morpheme', 'Afbryd forbindelsen til Morpheme'] },
+    morpheme: { shows: ['Hjemmesiden har ingen Appstore'], hides: ['Forbind til Morpheme', 'Afbryd forbindelsen til Morpheme'] },
+  },
+  button: {
+    appstore: { shows: [], hides: ['Forbundet til Morpheme', 'Afbryd forbindelsen til Morpheme'] },
+    morpheme: { shows: ['Forbundet til Morpheme', 'site_sample', 'Afbryd forbindelsen til Morpheme'], hides: ['Forbind til Morpheme'] },
+  },
 };
-for (const [state, { shows, hides }] of Object.entries(keyStates)) {
+// The screens that show the key: where each is (its address after the "#", CMS_ROUTE in CmsPage.tsx for "Morpheme").
+const keyScreens = { appstore: 'settings/appstore', morpheme: 'morpheme' };
+for (const [state, checks] of Object.entries(keyStates)) {
   const page = await browser.newPage({ viewport: { width: 390, height: 844 }, locale: 'da-DK' });
   page.on('pageerror', (e) => problems.push(`Appstore (${state}): ${e.message}`));
   await openEditor(page, site, {}, state);
-  await page.evaluate(() => (location.hash = 'settings/appstore'));
-  await page.waitForTimeout(500);
-  const text = await page.evaluate(() => document.body.innerText);
-  for (const x of shows) if (!text.includes(x)) problems.push(`Appstore (${state}): "${x}" mangler`);
-  for (const x of hides) if (text.includes(x)) problems.push(`Appstore (${state}): "${x}" skal ikke vises`);
-  const file = join(shots, `appstore-${state}.png`);
-  await page.screenshot({ path: file });
-  console.log(`Appstore (${state}): ${file}`);
+  for (const [screen, { shows, hides }] of Object.entries(checks)) {
+    await page.evaluate((hash) => (location.hash = hash), keyScreens[screen]);
+    await page.waitForTimeout(500);
+    const text = await page.evaluate(() => document.body.innerText);
+    for (const x of shows) if (!text.includes(x)) problems.push(`${screen} (${state}): "${x}" mangler`);
+    for (const x of hides) if (text.includes(x)) problems.push(`${screen} (${state}): "${x}" skal ikke vises`);
+    const file = join(shots, `${screen}-${state}.png`);
+    await page.screenshot({ path: file });
+    console.log(`${screen} (${state}): ${file}`);
+  }
   await page.close();
 }
 

package/scripts/release-notes-pending.mjs

@@ -0,0 +1,46 @@
+// Reads the pending release notes of a repository (release-notes/i18n/<locale>/pending/<id>.json, and <id>.webp for a card)
+// into the Pending object of lib/releaseNotes.mjs, and resolves the repository root. Exposes readPending(root) and repoRoot(arg).
+// Depends on node:fs, node:path, node:url and webpSize of lib/releaseNotes.mjs; shared by release-notes.mjs and check-release-notes.mjs.
+import { existsSync, readdirSync, readFileSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { webpSize } from '../lib/releaseNotes.mjs';
+
+/**
+ * Reads every pending note of every locale, with the size of its screenshot in bytes and in pixels.
+ * @param {string} root the repository root
+ * @returns {Record<string, Record<string, { note: object, imageBytes: number | null, imageSize: { width: number, height: number } | null }>>} locale -> id -> entry; {} when there are no folders
+ */
+export function readPending(root) {
+  const i18n = join(root, 'release-notes', 'i18n');
+  const pending = {};
+  if (!existsSync(i18n)) return pending;
+  for (const locale of readdirSync(i18n, { withFileTypes: true })) {
+    const dir = join(i18n, locale.name, 'pending');
+    if (!locale.isDirectory() || !existsSync(dir)) continue;
+    pending[locale.name] = {};
+    const files = readdirSync(dir)
+      .filter((name) => name.endsWith('.json'))
+      .sort();
+    for (const file of files) {
+      const id = file.slice(0, -'.json'.length);
+      const image = join(dir, `${id}.webp`);
+      const bytes = existsSync(image) ? readFileSync(image) : null;
+      pending[locale.name][id] = {
+        note: JSON.parse(readFileSync(join(dir, file), 'utf8')),
+        imageBytes: bytes ? bytes.length : null,
+        imageSize: bytes ? webpSize(bytes) : null,
+      };
+    }
+  }
+  return pending;
+}
+
+/**
+ * The repository root: the argument when given, else the folder above this script.
+ * @param {string | undefined} arg
+ * @returns {string}
+ */
+export function repoRoot(arg) {
+  return resolve(arg ?? join(dirname(fileURLToPath(import.meta.url)), '..'));
+}

package/scripts/release-notes.mjs

@@ -0,0 +1,39 @@
+// Release step: moves the pending release notes into release-notes/i18n/<locale>/<version>.json, their screenshots into
+// <version>/<id>.webp, the version from package.json. Run by release:version after changeset version.
+// Usage: node scripts/release-notes.mjs [root]; exits 1 on a problem or an existing file.
+import { existsSync, mkdirSync, readFileSync, renameSync, rmSync, writeFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { imagePath, problemsOf, released } from '../lib/releaseNotes.mjs';
+import { readPending, repoRoot } from './release-notes-pending.mjs';
+
+const root = repoRoot(process.argv[2]);
+const { version } = JSON.parse(readFileSync(join(root, 'package.json'), 'utf8'));
+const pending = readPending(root);
+
+const problems = problemsOf(pending);
+if (problems.length > 0) {
+  for (const problem of problems) console.error(problem);
+  process.exit(1);
+}
+
+const result = released(pending, version);
+const targets = Object.keys(result).map((locale) => join(root, 'release-notes', 'i18n', locale, `${version}.json`));
+const existing = targets.filter((target) => existsSync(target));
+if (existing.length > 0) {
+  for (const target of existing) console.error(`${target} exists; a released version is never changed`);
+  process.exit(1);
+}
+
+for (const [locale, { file, images }] of Object.entries(result)) {
+  const localeDir = join(root, 'release-notes', 'i18n', locale);
+  writeFileSync(join(localeDir, `${version}.json`), `${JSON.stringify(file, null, 2)}\n`);
+  for (const id of images) {
+    const target = join(root, imagePath(version, locale, id));
+    mkdirSync(dirname(target), { recursive: true });
+    renameSync(join(localeDir, 'pending', `${id}.webp`), target);
+  }
+  for (const id of Object.keys(pending[locale])) {
+    rmSync(join(localeDir, 'pending', `${id}.json`));
+  }
+}
+console.log(`Release notes for ${version}: ${Object.keys(result).join(', ') || 'none'}.`);