@morphemecms/cms 0.14.2 → 0.14.3-next-20261107160925

package/lib/releaseNotes.test.mjs

@@ -19,6 +19,11 @@ import {
   imageKey,
   parseImagePath,
   withImageUrls,
+  editionOf,
+  testVersionDate,
+  changelogSections,
+  minorOf,
+  versionLines,
 } from './releaseNotes.mjs';
 
 const card = (id, overrides = {}) => ({ id, kind: 'card', title: `Title ${id}`, text: `Text ${id}`, ...overrides });
@@ -210,11 +215,11 @@ test('bundledNotes gives the whole minor line, newest first', () => {
     ['0.14.10', '0.14.1', '0.14.0'],
   );
 });
-test('bundledNotes ignores another minor', () => {
+test('bundledNotes keeps the older minors and leaves out newer ones', () => {
   const files = { ...en('0.13.0', [line('a')]), ...en('0.13.5', [line('b')]), ...en('0.15.0', [line('c')]), ...en('0.14.0', [line('d')]) };
   assert.deepEqual(
     bundledNotes(files, {}, '0.14.0').map((e) => e.version),
-    ['0.14.0'],
+    ['0.14.0', '0.13.5', '0.13.0'],
   );
 });
 test('bundledNotes ignores a newer version', () => {
@@ -230,13 +235,15 @@ test('bundledNotes takes a test version (npm tag next) without throwing: the lin
     bundledNotes(files, {}, '0.14.2-next.0').map((e) => e.version),
     ['0.14.1', '0.14.0'],
   );
-  assert.deepEqual(bundledNotes(files, {}, '0.15.0-next.3'), []);
+  assert.deepEqual(
+    bundledNotes(files, {}, '0.15.0-next.3').map((e) => e.version),
+    ['0.14.2', '0.14.1', '0.14.0'],
+  );
 });
 test('bundledNotes gives nothing for something that is not a version', () => {
   assert.deepEqual(bundledNotes(en('0.14.0', [line('a')]), {}, 'latest'), []);
 });
-test('bundledNotes gives an empty list without a file for the line', () => {
-  assert.deepEqual(bundledNotes(en('0.13.0', [line('a')]), {}, '0.14.0'), []);
+test('bundledNotes gives an empty list without notes or a changelog', () => {
   assert.deepEqual(bundledNotes({}, {}, '0.14.0'), []);
 });
 test('bundledNotes sets the screenshot address of each version on its cards', () => {
@@ -360,3 +367,178 @@ test('withImageUrls sets the address on cards only and leaves the input alone',
 });
 
 test('withImageUrls gives undefined without notes', () => assert.equal(withImageUrls('0.14.0', undefined), undefined));
+
+test("editionOf gives the edition of the version's minor line, with its photo", () => {
+  const files = {
+    '../release-notes/editions/0.13.json': { name: 'Lofoten' },
+    '../release-notes/editions/0.14.json': {
+      name: ' Braies ',
+      place: { 'en-US': 'Lago di Braies, Italy' },
+      photo: { by: 'A Photographer' },
+    },
+  };
+  const images = {
+    '../release-notes/editions/0.13.webp': '/a/lofoten.webp',
+    '../release-notes/editions/0.14.webp': '/a/braies.webp',
+  };
+  assert.deepEqual(editionOf(files, images, '0.14.2'), {
+    line: '0.14',
+    name: 'Braies',
+    place: { 'en-US': 'Lago di Braies, Italy' },
+    by: 'A Photographer',
+    image: '/a/braies.webp',
+  });
+  assert.equal(editionOf(files, images, '0.14.0').name, 'Braies');
+  assert.equal(editionOf(files, images, '0.14.3-next-20261107145215').name, 'Braies');
+  assert.equal(editionOf(files, images, '0.13.4').name, 'Lofoten');
+  assert.deepEqual(editionOf(files, images, '0.13.4').place, {});
+  assert.equal(editionOf(files, images, '0.13.4').by, null);
+  assert.equal(editionOf(files, images, '0.15.0'), undefined);
+  assert.equal(editionOf(files, images, '0.12.9'), undefined);
+  assert.equal(editionOf(files, images, 'not a version'), undefined);
+});
+
+test('editionOf skips an edition without a name or a photo', () => {
+  const files = { '../release-notes/editions/0.14.json': { name: 'Braies' }, '../release-notes/editions/0.15.json': { name: '' } };
+  assert.equal(editionOf(files, {}, '0.14.2'), undefined);
+  assert.equal(editionOf(files, { '../release-notes/editions/0.15.webp': '/x.webp' }, '0.15.0'), undefined);
+});
+
+test('released dates the version when given a day', () => {
+  const pending = { 'en-US': { a: { note: line('a'), imageBytes: null, imageSize: null } } };
+  assert.equal(released(pending, '0.14.3', '2026-11-08')['en-US'].file.date, '2026-11-08');
+  assert.equal('date' in released(pending, '0.14.3')['en-US'].file, false);
+});
+
+test('testVersionDate reads the day from a snapshot id', () => {
+  assert.equal(testVersionDate('0.14.3-next-20261107145215'), '2026-11-07');
+  assert.equal(testVersionDate('0.14.3'), undefined);
+  assert.equal(testVersionDate('0.14.3-next.0'), undefined);
+});
+
+test("bundledNotes gives each released version its file's date", () => {
+  const files = { '../release-notes/i18n/en-US/0.14.0.json': { version: '0.14.0', date: '2026-11-07', notes: [line('a')] } };
+  assert.equal(bundledNotes(files, {}, '0.14.0')[0].date, '2026-11-07');
+});
+
+test("bundledNotes puts a test version's merged notes first, under its version and the day it was made", () => {
+  const files = { '../release-notes/i18n/en-US/0.14.2.json': { version: '0.14.2', notes: [line('a')] } };
+  const pending = {
+    '../release-notes/i18n/en-US/pending/z.json': line('z'),
+    '../release-notes/i18n/en-US/pending/c.json': card('c'),
+    '../release-notes/i18n/da-DK/pending/c.json': card('c', { title: 'Kort' }),
+  };
+  const images = { '../release-notes/i18n/en-US/pending/c.webp': '/c.webp' };
+  const [first, second] = bundledNotes(files, images, '0.14.3-next-20261107145215', pending);
+  assert.equal(first.version, '0.14.3-next-20261107145215');
+  assert.equal(first.date, '2026-11-07');
+  assert.deepEqual(
+    first.notes['en-US'].map((n) => n.id),
+    ['c', 'z'],
+  );
+  assert.equal(first.notes['en-US'][0].image, '/c.webp');
+  assert.equal(first.notes['da-DK'][0].title, 'Kort');
+  assert.equal(second.version, '0.14.2');
+});
+
+test('bundledNotes leaves out pending notes on a released version', () => {
+  const pending = { '../release-notes/i18n/en-US/pending/z.json': line('z') };
+  assert.deepEqual(bundledNotes({}, {}, '0.14.3', pending), []);
+});
+
+test("notesSince counts a test version's merged notes as new", () => {
+  const entries = [
+    { version: '0.14.3-next-20261107145215', notes: { 'en-US': [line('z')] } },
+    { version: '0.14.2', notes: { 'en-US': [line('a')] } },
+  ];
+  assert.deepEqual(
+    notesSince(entries, '0.14.2', 'en-US').map((n) => n.id),
+    ['z'],
+  );
+  assert.deepEqual(
+    notesSince(entries, '0.14.1', 'en-US').map((n) => n.id),
+    ['z', 'a'],
+  );
+});
+
+const CHANGELOG = `# @morphemecms/cms
+
+## 0.14.0
+
+### Minor Changes
+
+- a70c310: Apps can be turned off.
+
+## 0.13.0
+
+### Minor Changes
+
+- 1193da4: The standard parts are in English.
+
+### Patch Changes
+
+- ccefd29: The licence checks know \`@app/self\`: an app that imports it no longer needs it in \`thirdParty\`, and
+  the site's licence list counts it as the site's own.
+- 34f69c5: Open website opens in a new window.
+
+## 0.12.0
+
+## 0.11.0
+
+- Plain line without a commit.
+`;
+
+test('changelogSections gives each version its changes as lines, newest first', () => {
+  const sections = changelogSections(CHANGELOG);
+  assert.deepEqual(
+    sections.map((s) => s.version),
+    ['0.14.0', '0.13.0', '0.12.0', '0.11.0'],
+  );
+  assert.deepEqual(
+    sections[1].lines.map((l) => l.text),
+    [
+      'The standard parts are in English.',
+      "The licence checks know @app/self: an app that imports it no longer needs it in thirdParty, and the site's licence list counts it as the site's own.",
+      'Open website opens in a new window.',
+    ],
+  );
+  assert.equal(sections[1].lines[0].id, '0.13.0-1193da4');
+  assert.equal(sections[1].lines[0].kind, 'line');
+  assert.deepEqual(sections[2].lines, []);
+  assert.equal(sections[3].lines[0].text, 'Plain line without a commit.');
+});
+
+test('bundledNotes adds the changelog versions that have no notes file, in English', () => {
+  const files = en('0.14.0', [line('a')]);
+  const entries = bundledNotes(files, {}, '0.14.0', {}, CHANGELOG);
+  assert.deepEqual(
+    entries.map((e) => e.version),
+    ['0.14.0', '0.13.0', '0.11.0'],
+  );
+  assert.deepEqual(entries[0].notes, { 'en-US': [line('a')] });
+  assert.equal(entries[1].notes['en-US'].length, 3);
+  assert.equal(entries[1].notes['da-DK'], undefined);
+});
+
+test('minorOf gives the minor line', () => {
+  assert.equal(minorOf('0.14.3-next-20261107145215'), '0.14');
+  assert.equal(minorOf('0.9.1'), '0.9');
+});
+
+test('versionLines groups the entries by minor line, newest line first', () => {
+  const lines = versionLines([
+    { version: '0.14.3-next-1' },
+    { version: '0.14.2' },
+    { version: '0.10.0' },
+    { version: '0.9.1' },
+    { version: '0.9.0' },
+  ]);
+  assert.deepEqual(
+    lines.map((l) => [l.line, l.entries.map((e) => e.version)]),
+    [
+      ['0.14', ['0.14.3-next-1', '0.14.2']],
+      ['0.10', ['0.10.0']],
+      ['0.9', ['0.9.1', '0.9.0']],
+    ],
+  );
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphemecms/cms",
-  "version": "0.14.2",
+  "version": "0.14.3-next-20261107160925",
   "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",

package/release-notes/editions/0.14.json

@@ -0,0 +1,12 @@
+{
+  "name": "Braies",
+  "place": {
+    "en-US": "Lago di Braies, South Tyrol, Italy",
+    "da-DK": "Lago di Braies, Sydtyrol, Italien"
+  },
+  "photo": {
+    "by": "Pietro De Grandi",
+    "source": "https://images.unsplash.com/photo-1501785888041-af3ef285b470",
+    "license": "https://unsplash.com/license"
+  }
+}

package/release-notes/i18n/da-DK/0.14.0.json

@@ -1,49 +1,50 @@
 {
   "version": "0.14.0",
+  "date": "2026-11-07",
   "notes": [
     {
       "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."
+      "title": "Sæt en app på pause uden at miste indstillingerne",
+      "text": "Nu kan du slå en app fra og beholde dens indstillinger. Åbn appen under Apps, og slå Aktiveret fra. Slå den til igen, når du vil."
     },
     {
       "id": "developer-menu",
       "kind": "line",
-      "text": "Avanceret hedder nu Udvikler under Indstillinger, med Dele samt Caching og builds; gamle links virker stadig."
+      "text": "Avanceret under Indstillinger hedder nu Udvikler, og dine gamle links virker stadig"
     },
     {
       "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."
+      "text": "Lister i menuen hedder nu Dynamiske lister og åbner en side med alle dine lister"
     },
     {
       "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."
+      "title": "Tjek GitHub og Cloudflare",
+      "text": "Hvis du ikke kan gemme eller udgive, så se, om GitHub og Cloudflare virker. Rul ned til bunden af editoren, og tryk på Driftsstatus. Den tjekker kun de tjenester, din hjemmeside bruger."
     },
     {
       "id": "editor-toolbar-dock",
       "kind": "line",
-      "text": "På en telefon er værktøjslinjen til tekst slankere og holder samme afstand til kanterne."
+      "text": "På en telefon fylder værktøjslinjen til tekst mindre"
     },
     {
       "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."
+      "title": "Se din side, som Google viser den",
+      "text": "Forhåndsvisningen af Google-resultatet ligner nu Googles eget på både telefon og computer, og dit vigtigste søgeord står med fed. Åbn en side eller et blogindlæg, og se under Søgemaskiner."
     },
     {
       "id": "morpheme-connection-page",
       "kind": "line",
-      "text": "Din Forbindelse til Appstore ligger nu på siden Morpheme under Indstillinger."
+      "text": "Forbindelse til Appstore ligger nu på siden Morpheme under Indstillinger"
     },
     {
       "id": "quiet-lamps-wander",
       "kind": "card",
       "title": "Se, hvad der er nyt",
-      "text": "Det kan være svært at følge med i, hvad der er nyt i Morpheme. Derfor får du nu et kort overblik over de nye funktioner efter hver opdatering. Du finder det hele samlet på siden Morpheme."
+      "text": "Efter hver opdatering får du nu et kort overblik over, hvad der er nyt. Alle noterne finder du på siden Morpheme under Indstillinger."
     }
   ]
 }

package/release-notes/i18n/da-DK/0.14.1.json

@@ -1,15 +1,16 @@
 {
   "version": "0.14.1",
+  "date": "2026-11-07",
   "notes": [
     {
       "id": "drawer-back-changes-screen",
       "kind": "line",
-      "text": "På en telefon fører et swipe tilbage med menuen åben dig nu til skærmen før og lukker menuen."
+      "text": "Swiper du tilbage på en telefon, mens menuen er åben, lukker menuen, og du kommer til skærmen før"
     },
     {
       "id": "notes-from-package",
       "kind": "line",
-      "text": "Noterne til din version vises nu lige efter en opdatering."
+      "text": "Noter som disse vises nu, lige når du har opdateret"
     }
   ]
 }

package/release-notes/i18n/da-DK/0.14.2.json

@@ -1,21 +1,22 @@
 {
   "version": "0.14.2",
+  "date": "2026-11-07",
   "notes": [
     {
       "id": "footer-scrolls-above-fab",
       "kind": "line",
-      "text": "På en telefon kan du nu rulle editorens bundlinje fri af plusknappen, også på korte skærme."
+      "text": "På en telefon skjuler plusknappen ikke længere linkene nederst i editoren"
     },
     {
       "id": "lists-follow-md3",
       "kind": "line",
-      "text": "Lister i editoren viser nu lyse rækker på en tonet side, som i Material 3."
+      "text": "Lister i editoren har større tekst og skiller sig bedre ud fra siden"
     },
     {
       "id": "update-card-whats-new",
       "kind": "card",
-      "title": "Nyhederne møder dig på startskærmen",
-      "text": "Efter en opdatering skal du ikke selv lede efter, hvad der er nyt. Øverst på startskærmen ser du nu den nye version og de vigtigste nyheder, med et billede af den største. Tryk på Se, hvad der er nyt for at se det hele."
+      "title": "Nyhederne står på din startskærm",
+      "text": "Efter en opdatering viser startskærmen øverst den nye version og de vigtigste nyheder. Tryk på Se, hvad der er nyt for at læse det hele."
     }
   ]
 }

package/release-notes/i18n/da-DK/pending/edition-photo-card.json

@@ -0,0 +1,6 @@
+{
+  "id": "edition-photo-card",
+  "kind": "card",
+  "title": "Hver opdatering har sit eget sted",
+  "text": "Et lille kort øverst på startskærmen viser nu hver udgivelses foto og det sted, den er opkaldt efter. Tryk på Læs mere for at se nyhederne."
+}

package/release-notes/i18n/da-DK/pending/short-notification-buttons.json

@@ -0,0 +1 @@
+{ "id": "short-notification-buttons", "kind": "line", "text": "Knapperne under Notifikationer hedder nu Ryd og Indstillinger" }

package/release-notes/i18n/da-DK/pending/version-heading-date-photo.json

@@ -0,0 +1,5 @@
+{
+  "id": "version-heading-date-photo",
+  "kind": "line",
+  "text": "Hver version på Morpheme-siden viser nu sin dato og sin udgaves foto"
+}

package/release-notes/i18n/en-US/0.14.0.json

@@ -1,49 +1,50 @@
 {
   "version": "0.14.0",
+  "date": "2026-11-07",
   "notes": [
     {
       "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."
+      "title": "Pause an app without losing its settings",
+      "text": "You can now turn an app off and keep its settings. Open the app under Apps and turn off Enabled. Turn it on again whenever you like."
     },
     {
       "id": "developer-menu",
       "kind": "line",
-      "text": "Advanced is now Developer under Settings, with Parts and Caching and builds; old links still work."
+      "text": "Advanced under Settings is now called Developer, and your old links still work"
     },
     {
       "id": "dynamic-lists-page",
       "kind": "line",
-      "text": "Lists is now Dynamic lists, one menu row that opens a page with all your lists."
+      "text": "Lists in the menu is now Dynamic lists and opens a page with all your lists"
     },
     {
       "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."
+      "title": "Check GitHub and Cloudflare",
+      "text": "If you can’t save or publish, see whether GitHub and Cloudflare are working. Scroll to the bottom of the editor and tap System status. It checks only the services your website uses."
     },
     {
       "id": "editor-toolbar-dock",
       "kind": "line",
-      "text": "On a phone, the text toolbar is slimmer and keeps an even gap to the edges."
+      "text": "On a phone, the text toolbar takes up less room"
     },
     {
       "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."
+      "title": "See your page as Google shows it",
+      "text": "The Google preview now looks like the real result on a phone and a computer, with your main keyword in bold. Open a page or blog post and look under Search engines."
     },
     {
       "id": "morpheme-connection-page",
       "kind": "line",
-      "text": "Your Store connection now sits on the Morpheme page under Settings."
+      "text": "Store connection is now on the Morpheme page under Settings"
     },
     {
       "id": "quiet-lamps-wander",
       "kind": "card",
-      "title": "See what's new",
-      "text": "It can be hard to keep up with what's new in Morpheme. So after each update, you now get a short overview of the new features. You'll find it all in one place on the Morpheme page."
+      "title": "See what’s new",
+      "text": "After each update, you now get a short summary of what’s new. You’ll find all the notes on the Morpheme page under Settings."
     }
   ]
 }

package/release-notes/i18n/en-US/0.14.1.json

@@ -1,15 +1,16 @@
 {
   "version": "0.14.1",
+  "date": "2026-11-07",
   "notes": [
     {
       "id": "drawer-back-changes-screen",
       "kind": "line",
-      "text": "On a phone, swiping back with the menu open now takes you to the screen before and closes the menu."
+      "text": "On a phone, swiping back with the menu open closes the menu and takes you to the previous screen"
     },
     {
       "id": "notes-from-package",
       "kind": "line",
-      "text": "The notes for your version now show right after an update."
+      "text": "Notes like these now show right after you update"
     }
   ]
 }

package/release-notes/i18n/en-US/0.14.2.json

@@ -1,21 +1,22 @@
 {
   "version": "0.14.2",
+  "date": "2026-11-07",
   "notes": [
     {
       "id": "footer-scrolls-above-fab",
       "kind": "line",
-      "text": "On a phone, you can now scroll the editor's footer clear of the add button, also on short screens."
+      "text": "On a phone, the add button no longer hides the links at the bottom of the editor"
     },
     {
       "id": "lists-follow-md3",
       "kind": "line",
-      "text": "Lists in the editor now show light rows on a tinted page, as in Material 3."
+      "text": "Lists in the editor have larger text and stand out more from the page"
     },
     {
       "id": "update-card-whats-new",
       "kind": "card",
-      "title": "What's new meets you on the start screen",
-      "text": "After an update, you shouldn't have to look for what's new yourself. The top of the start screen now shows the new version and the main news, with a picture of the biggest one. Tap See what's new to see it all."
+      "title": "What’s new, right on your start screen",
+      "text": "After an update, the top of the start screen shows the new version and its main news. Tap See what’s new to read it all."
     }
   ]
 }

package/release-notes/i18n/en-US/pending/edition-photo-card.json

@@ -0,0 +1,6 @@
+{
+  "id": "edition-photo-card",
+  "kind": "card",
+  "title": "Each update has its own place",
+  "text": "A small card at the top of the start screen now shows each release’s photo and the place it’s named after. Tap Read more to see what’s new."
+}

package/release-notes/i18n/en-US/pending/short-notification-buttons.json

@@ -0,0 +1 @@
+{ "id": "short-notification-buttons", "kind": "line", "text": "The buttons under Notifications are now Clear and Settings" }

package/release-notes/i18n/en-US/pending/version-heading-date-photo.json

@@ -0,0 +1,5 @@
+{
+  "id": "version-heading-date-photo",
+  "kind": "line",
+  "text": "Each version on the Morpheme page now shows its date and its edition’s photo"
+}

package/scripts/release-notes.mjs

@@ -17,7 +17,8 @@ if (problems.length > 0) {
   process.exit(1);
 }
 
-const result = released(pending, version);
+// The day it is released, for the Morpheme page ("New in …" with its date).
+const result = released(pending, version, new Date().toISOString().slice(0, 10));
 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) {

package/src/App.tsx

@@ -33,7 +33,8 @@
 //                    ("Promovering"), its own and the apps' (BlockParts.tsx), and developer/parts/values the
 //                    theme's design tokens, "Værdier" (Tokens.tsx)
 //   block-settings         the blocks that can be put in, "Blokindstillinger" (BlockSettings.tsx)
-//   morpheme         "Morpheme", under "Indstillinger": the CMS's version, a newer one and its notes, an update's progress (CmsPage.tsx)
+//   morpheme         "Morpheme", under "Indstillinger": the CMS's version, a newer one and its notes, an update's progress (CmsPage.tsx),
+//                    and morpheme/<line> an older minor line's notes, e.g. morpheme/0.13 (VersionLinePage.tsx)
 //   licenses         "Licenser", under "Indstillinger": the licences of what the site and the editor are made with, and
 //                    licenses/<id> one with its text (Licenses.tsx)
 //   status           "System status", from the footer: GitHub's and Cloudflare's status (ServiceStatus.tsx)
@@ -100,6 +101,7 @@ import BrandForm from './BrandForm';
 import BlockSettings from './BlockSettings';
 import Advanced, { CACHING_ROUTE } from './Advanced';
 import CmsPage, { CMS_ROUTE } from './CmsPage';
+import { VersionLinePage } from './VersionLinePage';
 import Licenses, { LICENSES_ROUTE, LicensePage } from './Licenses';
 import ServiceStatus, { STATUS_ROUTE } from './ServiceStatus';
 import { StoreThemePage } from './ThemeStore';
@@ -791,6 +793,7 @@ function Page({ route, files, env, user, builtAt, onLogout }: PageProps) {
   if (route === DEV_MENU_ROUTE) return <Developer />;
   if (route === CACHING_ROUTE) return <Advanced env={env} />;
   if (route === CMS_ROUTE) return <CmsPage />;
+  if (route.startsWith(`${CMS_ROUTE}/`)) return <VersionLinePage key={route} line={route.slice(CMS_ROUTE.length + 1)} />;
   if (route === LICENSES_ROUTE) return <Licenses />;
   if (route === STATUS_ROUTE) return <ServiceStatus />;
   if (route.startsWith(`${LICENSES_ROUTE}/`)) return <LicensePage key={route} id={route.slice(LICENSES_ROUTE.length + 1)} />;

package/src/CmsPage.tsx

@@ -10,7 +10,9 @@ import { ReleaseNotes, type VersionNotes } from './ReleaseNotes';
 import { Button, EmptyNote, Group, ListItem, ProblemNote } from './ui';
 import { backFrom } from './site';
 import { cmsView } from './cmsView.mjs';
-import { runningNotes } from './bundledNotes';
+import { runningLine, runningNotes } from './bundledNotes';
+import { EarlierVersions } from './VersionLinePage';
+import { minorOf } from '../lib/releaseNotes.mjs';
 import { snackbar } from '../lib/snackbar';
 import { t } from './i18n';
 import { when } from './when';
@@ -101,13 +103,15 @@ export default function CmsPage() {
   }
 
   const reason = view && reasonOf(view);
+  // The running minor line's versions; the older lines are on pages of their own (EarlierVersions).
+  const yourLine = runningNotes.filter((entry) => minorOf(entry.version) === runningLine);
   return (
     <Screen title={t.common.parts.morpheme} back={backFrom(CMS_ROUTE)}>
       {problem && <ProblemNote alert>{problem}</ProblemNote>}
       {!view && !problem && <EmptyNote busy>{t.app.loading}</EmptyNote>}
       {view && (
         <>
-          {runningNotes.length > 0 && <ReleaseNotes title={t.cms.newInYourVersion} entries={runningNotes} />}
+          {yourLine.length > 0 && <ReleaseNotes title={t.cms.newInYourVersion} entries={yourLine} />}
           <Group>
             <ListItem icon={Info} headline={t.cms.running(view.running)} supporting={view.latest ? undefined : t.cms.upToDate} />
             <ListItem icon={Clock} headline={view.checkedAt ? t.cms.checked(when(new Date(view.checkedAt))) : t.cms.notChecked} />
@@ -126,6 +130,7 @@ export default function CmsPage() {
           {view.notes.length > 0 && <ReleaseNotes title={t.cms.whatsNew} entries={view.notes} />}
         </>
       )}
+      {view && <EarlierVersions />}
       <MorphemeConnection />
     </Screen>
   );

package/src/Licenses.tsx

@@ -17,6 +17,7 @@ import { apps } from './registry';
 import { themes } from './themes';
 import { byText } from './schema';
 import { PACKAGE } from '../lib/cms-version.mjs';
+import { editionPhotos } from './bundledNotes';
 import { locale, t } from './i18n';
 import {
   CMS_NAME,
@@ -242,6 +243,8 @@ export function LicensePage({ id }: { id: string }) {
   const isCms = work?.id === PACKAGE;
   const name = isCms ? t.licenses.own(CMS_NAME) : (work?.name ?? (owner ? t.licenses.own(ownerName(owner)) : t.common.parts.licenses));
   const text = work?.text ?? owner?.text;
+  // An edition's photo (editions/<line>, editionWorks in lib/licenses.mjs): the whole photo, uncropped.
+  const photo = work?.id.startsWith('editions/') ? editionPhotos[work.id.slice('editions/'.length)] : undefined;
   const back = { href: `#${LICENSES_ROUTE}`, label: t.common.parts.licenses };
   return (
     <Screen title={name} wide back={back}>
@@ -258,6 +261,7 @@ export function LicensePage({ id }: { id: string }) {
               <OwnRow owner={(work ?? owner)!} name={isCms ? CMS_NAME : ownerName(owner!)} open={false} />
             )}
           </Group>
+          {photo && <img src={photo} alt={work!.name} className="mb-8 block h-auto w-full rounded-xl" />}
           <section className="mb-8">
             <GroupTitle>{t.licenses.text}</GroupTitle>
             {work?.standard && <SupportingText className="mb-3 px-4">{t.licenses.standardText(work.license)}</SupportingText>}

package/src/Notifications.tsx

@@ -93,7 +93,7 @@ export default function Notifications() {
   // The phone's back gesture closes the sheet only (useSheetBack).
   useSheetBack(open, closeNotifications, 'notifications');
 
-  // Another address (a notification's link, "Vælg notifikationer") closes it.
+  // Another address (a notification's link, "Settings") closes it.
   useEffect(() => {
     if (!open) return;
     window.addEventListener('hashchange', closeNotifications);