@morphemecms/cms 0.13.0 → 0.14.0-next-20261107080444

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @morphemecms/cms
 
+## 0.14.0-next-20261107080444
+
+### Minor Changes
+
+- a70c310: Apps can be turned off without uninstalling them; the app page shows the app's version.
+
+### Patch Changes
+
+- 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.
+
 ## 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/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 + '/');
 

package/lib/menu.test.mjs

@@ -83,7 +83,8 @@ test('the app store is Find apps', () => {
 });
 
 test('a screen of its own is itself, and the start screen is none', () => {
-  assert.equal(currentPart('advanced', known), 'advanced');
+  assert.equal(currentPart('developer', known), 'developer');
+  assert.equal(currentPart('developer/parts/editor', known), 'developer');
   assert.equal(currentPart('licenses', known), 'licenses');
   assert.equal(currentPart('', known), '');
 });
@@ -159,7 +160,7 @@ const menuGroups = [
   { id: 'company', title: 'Business', ids: ['logo', 'company'] },
   { id: 'appearance', title: 'Appearance', ids: ['theme-store', 'header', 'footer', 'colors'] },
   { id: 'privacy', title: 'Privacy', ids: ['cookie-banner', 'cookies'] },
-  { id: 'settings', title: 'Settings', ids: ['advanced'] },
+  { id: 'settings', title: 'Settings', ids: ['developer'] },
 ];
 const hrefs = {
   pages: '#list/pages',
@@ -182,7 +183,7 @@ const hrefs = {
   logo: '#company/logo',
   'cookie-banner': '#privacy/cookie-banner',
   cookies: '#list/cookies',
-  advanced: '#advanced',
+  developer: '#developer',
 };
 const menu = menuTree(
   menuGroups,
@@ -228,14 +229,14 @@ test('Redirects has All and Not found as children', () => {
   );
 });
 
-test('Find apps is the first item under Apps, then the apps installed, and Advanced the only one under Settings', () => {
+test('Find apps is the first item under Apps, then the apps installed, and Developer the only one under Settings', () => {
   assert.deepEqual(
     menu[3].items.map((i) => i.id),
     ['appstore', 'calendly'],
   );
   assert.deepEqual(
     menu[7].items.map((i) => i.id),
-    ['advanced'],
+    ['developer'],
   );
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphemecms/cms",
-  "version": "0.13.0",
+  "version": "0.14.0-next-20261107080444",
   "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/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-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.