@morphemecms/cms 0.12.0 → 0.13.0-next-20261106203613

package/src/editor.css

@@ -329,7 +329,7 @@
 /* The main drawer's header row (MainDrawerMenuButton in ui.tsx): the account row is a pill, shaped and shaded as a drawer
    item is when pointed at. Its inline padding puts the avatar's centre over the items' icons (the avatar is wider than the
    24px icon: half the difference less than the items' padding). The avatar has a 1px border inside its size.
-   The row is as high as a drawer item (56px). */
+   The pill is as high as a drawer item (56px); the row around it is the top bar's height. */
 .editor-main-drawer-header {
   --list-item-padding-block: 0.375rem;
   --list-item-two-line-min-height: var(--navigation-drawer-item-height, 3.5rem);
@@ -878,9 +878,7 @@ html {
 
 /* A text with blocks (a page, a fixed page's sections): the cards close together, with the free line
    between two of them to write in: thin, until the cursor is in it (editor-gap-here, MarkdownEditor.tsx)
-   or the pointer over it, when it opens up and says so. An open line is a one-cell grid: the hint (::before) and the
-   line break share the cell, so the line is as tall as the hint, however many lines it wraps to, and the cursor sits
-   at the start of the hint. */
+   or the pointer over it, when it opens up and says so. */
 .editor-spaced .site-block {
   margin-block: 0.25rem;
 }
@@ -901,37 +899,27 @@ html {
 }
 
 .editor-spaced .ProseMirror:focus > p.editor-gap-here:has(> br:only-child) {
-  display: grid;
   line-height: 1.5rem;
 }
 
 .editor-spaced .ProseMirror:focus > p.editor-gap-here:has(> br:only-child)::before {
   content: var(--editor-gap-text);
-  grid-area: 1 / 1;
+  position: absolute;
   color: var(--muted);
   pointer-events: none;
 }
 
-.editor-spaced .ProseMirror:focus > p.editor-gap-here > br:only-child {
-  grid-area: 1 / 1;
-}
-
 @media (hover: hover) {
   .editor-spaced .ProseMirror > p:has(> br:only-child):hover {
-    display: grid;
     line-height: 1.5rem;
   }
 
   .editor-spaced .ProseMirror > p:has(> br:only-child):hover::before {
     content: var(--editor-gap-text);
-    grid-area: 1 / 1;
+    position: absolute;
     color: var(--muted);
     pointer-events: none;
   }
-
-  .editor-spaced .ProseMirror > p:hover > br:only-child {
-    grid-area: 1 / 1;
-  }
 }
 
 /* While a sheet or a dialog is open (shown modally, showModal), the page under it does not scroll (only the sheet does).

package/src/examples.ts

@@ -1,4 +1,4 @@
-// What "Dele" (#udseende/dele: Parts.tsx, BlockParts.tsx) shows the parts and blocks with: made-up pages, posts, tags,
+// What "Dele" (#appearance/parts: Parts.tsx, BlockParts.tsx) shows the parts and blocks with: made-up pages, posts, tags,
 // testimonials, the lists' made-up rows (`examples` of a list), cookies and contact details in the editor's language,
 // the apps' made-up settings (AppSettings.example), and a plain picture, never what the site has, so the parts look the
 // same on every site.

package/src/fabScreens.test.mjs

@@ -11,14 +11,14 @@ test('the start screen makes a page or a blog post', () => {
 });
 
 test('a list without kinds, or with one, has one action named after its create label', () => {
-  assert.deepEqual(listFab({ id: 'pages', create: 'New page' }, []), [{ label: 'New page', href: '#ny/pages' }]);
-  assert.deepEqual(listFab({ id: 'popups', create: 'New promotion' }, [standard]), [{ label: 'New promotion', href: '#ny/popups' }]);
+  assert.deepEqual(listFab({ id: 'pages', create: 'New page' }, []), [{ label: 'New page', href: '#new/pages' }]);
+  assert.deepEqual(listFab({ id: 'popups', create: 'New promotion' }, [standard]), [{ label: 'New promotion', href: '#new/popups' }]);
 });
 
 test('a list of several kinds has one action per kind', () => {
   assert.deepEqual(listFab({ id: 'popups', create: 'New promotion' }, [standard, mailchimp]), [
-    { label: 'Standard', href: '#ny/popups/standard' },
-    { label: 'Mailchimp', href: '#ny/popups/mailchimp' },
+    { label: 'Standard', href: '#new/popups/standard' },
+    { label: 'Mailchimp', href: '#new/popups/mailchimp' },
   ]);
 });
 

package/src/fabScreens.ts

@@ -4,13 +4,13 @@
 /** The collections a new entry can be made in from the start screen, in this order: pages and blog posts. */
 export const START_FAB = ['pages', 'blog'];
 
-/** A list's create actions, as a label and where it goes: with several kinds one per kind (`#ny/<id>/<kind>`), else one
- * named `create` (`#ny/<id>`); none for a list that cannot make entries (no `create`). */
+/** A list's create actions, as a label and where it goes: with several kinds one per kind (`#new/<id>/<kind>`), else one
+ * named `create` (`#new/<id>`); none for a list that cannot make entries (no `create`). */
 export function listFab(
   collection: { id: string; create?: string },
   kinds: { value: string; label: string }[],
 ): { label: string; href: string }[] {
   if (!collection.create) return [];
-  if (kinds.length > 1) return kinds.map((k) => ({ label: k.label, href: `#ny/${collection.id}/${k.value}` }));
-  return [{ label: collection.create, href: `#ny/${collection.id}` }];
+  if (kinds.length > 1) return kinds.map((k) => ({ label: k.label, href: `#new/${collection.id}/${k.value}` }));
+  return [{ label: collection.create, href: `#new/${collection.id}` }];
 }

package/src/i18n/da-DK/library.ts

@@ -106,8 +106,8 @@ export const library: Messages['library'] = {
   statusShown: { all: 'Alle', published: 'Udgivet', draft: 'Kladde', unlisted: 'Skjult', scheduled: 'Planlagt' },
   sort: 'Sortér',
   sorts: {
-    nyeste: 'Nyeste først',
-    aeldste: 'Ældste først',
+    newest: 'Nyeste først',
+    oldest: 'Ældste først',
     az: 'A–Å',
     za: 'Å–A',
     savedNewest: 'Senest ændret først',

package/src/i18n/da-DK/text.ts

@@ -35,5 +35,5 @@ export const text: Messages['text'] = {
   hiddenOnPage: 'Skjult på siden',
   showOnPage: 'Vis på siden',
   hideOnPage: 'Skjul på siden',
-  typeHere: 'Begynd at skrive… Gør din første overskrift god, for den bliver den H1, som læsere og søgemaskiner ser først.',
+  typeHere: 'Skriv tekst her …',
 };

package/src/i18n/en-US/apps.ts

@@ -33,7 +33,7 @@ export const apps = {
   cookiesAsk: 'Set only once the visitor has said yes in the cookie banner',
   noCookies: 'Sets no cookies',
   developer: 'Developer',
-  /** On a developer's page (#apps/udvikler/<navn>): over their apps, and the number of them by their row on an app's page. */
+  /** On a developer's page (#apps/developer/<name>): over their apps, and the number of them by their row on an app's page. */
   developerApps: 'Apps',
   appCount: (n: number) => (n === 1 ? '1 app' : `${n} apps`),
   /** At the address of a developer no app has. */

package/src/i18n/en-US/common.ts

@@ -107,23 +107,23 @@ export const common = {
     lists: 'Lists',
     blocks: 'Block templates',
     media: 'Files',
-    /** How the site looks (#udseende, Library.tsx Theme): the theme, the colours, the logo and icon, and the site's own
+    /** How the site looks (#appearance, Library.tsx Theme): the theme, the colours, the logo and icon, and the site's own
      * parts there (appearance in packages/editor/defaults/editor.ts: "Standardsider"). */
     appearance: 'Appearance',
-    /** The themes installed (#udseende/temaer, Library.tsx Themes), the first row under "Udseende". */
+    /** The themes installed (#appearance/themes, Library.tsx Themes), the first row under "Udseende". */
     themes: 'Themes',
-    /** The icon packs installed, to choose the one the site draws its icons with (#udseende/ikonpakker, IconPacks). */
+    /** The icon packs installed, to choose the one the site draws its icons with (#appearance/icon-packs, IconPacks). */
     iconPacks: 'Icon packs',
-    /** How the site moves, Material 3's motion schemes (#udseende/bevaegelse, MotionSchemes in Library.tsx). */
+    /** How the site moves, Material 3's motion schemes (#appearance/motion, MotionSchemes in Library.tsx). */
     motion: 'Motion',
-    /** The block drawn in a column beside the text of the pages (#udseende/sidekolonne, SideColumn.tsx). */
+    /** The block drawn in a column beside the text of the pages (#appearance/side-column, SideColumn.tsx). */
     sideColumn: 'Side column',
     colors: 'Colors',
     brand: 'Logo and icon',
     blockSettings: 'Block settings',
     /** The apps that come with the site (AppList.tsx, #apps). */
     apps: 'Apps',
-    /** The parts the editor and the site are built of (#udseende/dele: Parts.tsx, BlockParts.tsx). */
+    /** The parts the editor and the site are built of (#appearance/parts: Parts.tsx, BlockParts.tsx). */
     editorParts: 'Parts',
     /** Under Indstillinger: the redirects and the site's own parts (#seo, Library.tsx Seo). */
     seo: 'Search engine optimization',
@@ -131,9 +131,9 @@ export const common = {
     account: 'Account',
     /** The last section of the main drawer, and the first part of the path to a setting (placeOf in site.ts). */
     settings: 'Settings',
-    /** Under Indstillinger: the faster editor (#avanceret, Advanced.tsx). */
+    /** Under Indstillinger: the faster editor (#advanced, Advanced.tsx). */
     advanced: 'Advanced',
-    /** Under Indstillinger: the licences of what the site and the editor are made with (#licenser, Licenses.tsx). */
+    /** Under Indstillinger: the licences of what the site and the editor are made with (#licenses, Licenses.tsx). */
     licenses: 'Licenses',
     /** Under Indstillinger: the CMS's version and its updates (#morpheme). */
     morpheme: 'Morpheme',

package/src/i18n/en-US/library.ts

@@ -10,7 +10,7 @@ export const library = {
   createNew: 'Create',
   githubAccount: (login: string) => `GitHub account: ${login}`,
   logOut: 'Log out',
-  /** The bell in the top bar and its screen (#notifikationer, Notifications.tsx): the messages shown at the bottom. */
+  /** The bell in the top bar and its screen (#notifications, Notifications.tsx): the messages shown at the bottom. */
   notifications: 'Notifications',
   /** The bell's name while some are not seen yet. */
   notificationsNew: (count: number) => `Notifications, ${count} new`,
@@ -144,8 +144,8 @@ export const library = {
   statusShown: { all: 'All', published: 'Published', draft: 'Draft', unlisted: 'Hidden', scheduled: 'Scheduled' },
   sort: 'Sort',
   sorts: {
-    nyeste: 'Newest first',
-    aeldste: 'Oldest first',
+    newest: 'Newest first',
+    oldest: 'Oldest first',
     az: 'A–Z',
     za: 'Z–A',
     /** The pages, by when they were last saved. */
@@ -153,7 +153,7 @@ export const library = {
     savedOldest: 'Least recently changed first',
     /** A list of kinds (Promovering), under a heading for each kind. */
     type: 'By type',
-    /** "Standardblokke" (#blokke), in the groups by where the blocks come from. */
+    /** "Standardblokke" (#blocks), in the groups by where the blocks come from. */
     group: 'By group',
   },
   /** The funnel over a list of what is shown on pages (Promovering), with its filters in one sheet. */
@@ -172,7 +172,7 @@ export const library = {
   /** The filter by whether an entry is turned on, and its first choice. */
   onOffFilter: 'Status',
   allOnOff: 'All',
-  /** The filters over "Standardblokke" (#blokke): by the group (where the block comes from) and by whether
+  /** The filters over "Standardblokke" (#blocks): by the group (where the block comes from) and by whether
    * the block is on a page, each with its first choice. */
   groupFilter: 'Group',
   allGroups: 'All groups',

package/src/i18n/en-US/parts.ts

@@ -1,4 +1,4 @@
-// "Dele" (#udseende/dele): the editor's parts (Parts.tsx), what each is for and the texts in the examples, and the standard
+// "Dele" (#appearance/parts): the editor's parts (Parts.tsx), what each is for and the texts in the examples, and the standard
 // blocks and the apps' (BlockParts.tsx), all with the made-up site of examples.ts.
 export const parts = {
   intro: (file: string) =>
@@ -253,7 +253,7 @@ export const parts = {
     /** What a kind of entry an app adds (a pop-up) is drawn with. */
     entry: { name: 'An example', heading: 'A heading', text: 'A short text that tells a little more.' },
   },
-  /** "Dele" › "Værdier" (#udseende/dele/vaerdier, Tokens.tsx): the theme's design tokens, each with what it is used for. */
+  /** "Dele" › "Værdier" (#appearance/parts/values, Tokens.tsx): the theme's design tokens, each with what it is used for. */
   tokens: {
     intro: 'The theme’s values for corners, shadows, typography, and colors, as the theme sets them.',
     groups: { shape: 'Corners', elevation: 'Shadows', type: 'Typography', color: 'Colors' },
@@ -355,7 +355,7 @@ export const parts = {
     /** A token the theme does not set, with the one it gets instead. */
     from: (token: string, value: string, from: string) => `${token}: ${value} (as ${from})`,
   },
-  /** "Dele" (#udseende/dele) and its screens: the editor's parts, the theme's UI components, the blocks (the standard
+  /** "Dele" (#appearance/parts) and its screens: the editor's parts, the theme's UI components, the blocks (the standard
    * ones and the apps') and the lists of kinds ("Promotion"). */
   screens: {
     editor: 'Editor',

package/src/i18n/en-US/text.ts

@@ -43,5 +43,5 @@ export const text = {
   showOnPage: 'Show on the page',
   hideOnPage: 'Hide on the page',
   /** Shown in an empty line of the text, under the pointer or the cursor. */
-  typeHere: 'Start typing… Make your first heading count, because it becomes the H1 that readers and search engines see first.',
+  typeHere: 'Write text here…',
 };

package/src/i18n/index.ts

@@ -9,6 +9,7 @@
 // (siteText, @site/texts). The blocks' drawings and the commits (siteT) stay in the site's
 // language, so the site looks as it is, and the history is in one language, whoever saved.
 // A value the editor writes into content (a default text) is in the site's language too (inSiteLanguage).
+// The standard parts are written in English; their Danish is in defaults/i18n/da-DK/, the default of @site/texts.
 // A language is a folder with the texts by the part of the editor they are in (en-US/index.ts). English is the
 // reference: its texts are written first (Messages is its type), and every other language translates them; a new
 // one is a copy of da-DK with its texts translated from en-US, added to `messages`. TypeScript says when a
@@ -82,7 +83,7 @@ export const t: Messages = messages[locale];
 export const siteT: Messages = messages[siteLocale];
 
 /** The language the package's standard parts (defaults/) are written in, whatever the site's language is. */
-export const DEFAULTS_LOCALE: Locale = 'da-DK';
+export const DEFAULTS_LOCALE: Locale = 'en-US';
 
 /** Whether the site's own texts (written in the site's language) or the package's standard parts (written in
  * DEFAULTS_LOCALE) may be shown in another language than they are written in. */
@@ -100,9 +101,7 @@ export const appTexts: Record<string, Texts> = Object.fromEntries(
   }),
 );
 
-const own: Record<string, string> = translatingSite
-  ? Object.assign({}, ...Object.values(appTexts).map((a) => a[locale]), (texts as Texts)[locale])
-  : {};
+const own = Object.assign({}, ...Object.values(appTexts).map((a) => a[locale]), (texts as Texts)[locale]);
 
 /** One of the site's own texts (src/site/, src/themes/<theme>/blocks/, src/apps/), written in the site's language, in the editor's:
  * its translation in @site/texts or in a block's texts.ts, else as it is written. `values` fill in
@@ -111,10 +110,7 @@ export function siteText(text: string, values?: Record<string, string | number>)
   return translate(own, text, values);
 }
 
-const inSite: Record<string, string> =
-  siteLocale === DEFAULTS_LOCALE
-    ? {}
-    : Object.assign({}, ...Object.values(appTexts).map((a) => a[siteLocale]), (texts as Texts)[siteLocale]);
+const inSite = Object.assign({}, ...Object.values(appTexts).map((a) => a[siteLocale]), (texts as Texts)[siteLocale]);
 
 /** A text of the package's standard parts (written in DEFAULTS_LOCALE) in the site's language, for a value that the
  * editor writes into content (a default button text): its translation in @site/texts or in a block's texts.ts, else

package/src/images.ts

@@ -98,7 +98,7 @@ export async function prepareImage(file: File): Promise<Upload> {
   const now = new Date();
   const folder = `${config.folders.media}/${now.getFullYear()}/${String(now.getMonth() + 1).padStart(2, '0')}`;
   // A short random ending, so two pictures called IMG_1234 do not get the same name.
-  const name = `${slugify(file.name.replace(/\.[^.]*$/, '')) || 'billede'}-${Math.random().toString(36).slice(2, 6)}`;
+  const name = `${slugify(file.name.replace(/\.[^.]*$/, '')) || 'picture'}-${Math.random().toString(36).slice(2, 6)}`;
   const ext = blob.type === 'image/webp' ? 'webp' : 'jpg';
   const upload = {
     url: URL.createObjectURL(blob),
@@ -119,7 +119,7 @@ export const FILE_MAX_MB = 10;
 export async function prepareFile(file: File, taken: string[]): Promise<Upload> {
   if (file.size > FILE_MAX_MB * 1024 * 1024) throw new Error(t.media.tooBig(FILE_MAX_MB));
   const folder = config.folders.files;
-  const stem = slugify(file.name.replace(/\.[^.]*$/, '')) || 'fil';
+  const stem = slugify(file.name.replace(/\.[^.]*$/, '')) || 'file';
   const ending = pickedEnding(file);
   let path = `${folder}/${stem}.${ending}`;
   for (let n = 2; taken.includes(path); n++) path = `${folder}/${stem}-${n}.${ending}`;

package/src/licenseData.ts

@@ -20,8 +20,8 @@ export type ThirdParty =
 /** The licence of one's own work that grants nothing ("all rights reserved"), as npm writes it. */
 export const UNLICENSED = 'UNLICENSED';
 
-/** Who brings a work: the editor, the site's own code, or an app or a theme (`app/<id>`, `tema/<id>`, LicenseOwner.id). */
-export type LicenseWhere = 'editor' | 'site' | `app/${string}` | `tema/${string}`;
+/** Who brings a work: the editor, the site's own code, or an app or a theme (`app/<id>`, `theme/<id>`, LicenseOwner.id). */
+export type LicenseWhere = 'editor' | 'site' | `app/${string}` | `theme/${string}`;
 
 /** A third-party work as the build found it: its id (a package's name; `ikoner/<id>` for an icon set; `<owner>/<name>`
  * for another work an app or a theme declares), its name, version, who made it, its licence's name and text (`standard`:
@@ -46,7 +46,7 @@ export type LicensedWork = {
 /** An app or a theme with its own licence (`text`: LICENSE in its folder, none when it is UNLICENSED) and the works it
  * brings (their ids: those it declares, and those shipped through them alone), and whether the site is built with it. */
 export type LicenseOwner = {
-  id: `app/${string}` | `tema/${string}`;
+  id: `app/${string}` | `theme/${string}`;
   kind: 'app' | 'theme';
   /** Its folder's name in src/apps/ or src/themes/. */
   key: string;

package/src/menuChildren.ts

@@ -18,16 +18,16 @@ const listOf = (ids: string[]): MenuChild[] =>
 
 /** The sub-items of a menu item, in their order: none for most. */
 export function childrenOf(id: string, files: RepoFile[]): MenuChild[] {
-  if (id === 'lister') return listOf(listsShown(files));
-  if (id === 'virksomheden') return companyParts.map((p) => ({ id: p.id, label: p.label, href: `#virksomheden/${p.id}` }));
+  if (id === 'lists') return listOf(listsShown(files));
+  if (id === 'company') return companyParts.map((p) => ({ id: p.id, label: p.label, href: `#company/${p.id}` }));
   if (id === 'apps') {
     const installed = installedApps(files);
     return apps.filter((a) => installed.includes(a.id)).map((a) => ({ id: a.id, label: a.label, href: `#apps/${a.id}` }));
   }
-  if (id === 'videresendelser') {
+  if (id === 'redirects') {
     return [
-      { id: 'alle', label: t.redirects.all, href: `#${TAB_ROUTES.redirects}` },
-      { id: 'ikke-fundet', label: t.redirects.missing.title, href: `#${TAB_ROUTES.missing}` },
+      { id: 'all', label: t.redirects.all, href: `#${TAB_ROUTES.redirects}` },
+      { id: 'not-found', label: t.redirects.missing.title, href: `#${TAB_ROUTES.missing}` },
     ];
   }
   return [];

package/src/movedRoutes.d.mts

@@ -1,3 +1,10 @@
 /** Where each moved screen is now, by its old address. */
 export const MOVED: Record<string, string>;
-export function movedRoute(route: string, more?: Record<string, string>): string;
+/**
+ * Old route prefix (Danish, one or more segments, as the routes were before the ids got English names) -> its new
+ * English prefix. Only a route that starts with the old prefix is renamed, and the rest of it is data (a file path, a
+ * slug, an id) that keeps its name. A key segment `*` matches any one segment and keeps it (in the value too).
+ * Old links keep working through it. The longest matching key wins.
+ */
+export const RENAMED: Record<string, string>;
+export function movedRoute(route: string, more?: Record<string, string>, renamed?: Record<string, string>): string;

package/src/movedRoutes.mjs

@@ -1,35 +1,116 @@
-// The editor's screens that have moved, by their old address after the "#": a link or a bookmark to one opens it where
-// it is now. Exposes MOVED and movedRoute (pure). Used by App.tsx (routeOf), which adds the app store's own.
+// The editor's screens that have moved or been renamed, by their old address after the "#": a link or a bookmark to one
+// opens it where it is now. Exposes MOVED, RENAMED and movedRoute (pure). Used by App.tsx (routeOf), which adds the app store's own.
 
 /** Where each moved screen is now, by its old address. */
 export const MOVED = /** @type {Record<string, string>} */ ({
-  farver: 'udseende/farver',
-  'virksomheden/logo': 'udseende/logo',
-  'tema/blokvalg': 'blokvalg',
-  dele: 'udseende/dele',
-  tema: 'udseende',
-  'tema/farver': 'udseende/farver',
-  'tema/logo': 'udseende/logo',
-  'tema/dele': 'udseende/dele',
-  'tema/dele/editor': 'udseende/dele/editor',
-  'virksomheden/bank': 'virksomheden/betaling/bank',
-  videresendelser: 'seo/videresendelser',
-  'videresendelser/alle': 'seo/videresendelser/alle',
-  'videresendelser/ikke-fundet': 'seo/videresendelser/ikke-fundet',
+  farver: 'appearance/colors',
+  'virksomheden/logo': 'appearance/logo',
+  'tema/blokvalg': 'block-settings',
+  dele: 'appearance/parts',
+  tema: 'appearance',
+  'tema/farver': 'appearance/colors',
+  'tema/logo': 'appearance/logo',
+  'tema/dele': 'appearance/parts',
+  'tema/dele/editor': 'appearance/parts/editor',
+  'virksomheden/bank': 'company/payment/bank',
+  videresendelser: 'seo/redirects',
+  'videresendelser/alle': 'seo/redirects/all',
+  'videresendelser/ikke-fundet': 'seo/redirects/not-found',
   // The settings of the booking and newsletter apps were on a screen "Promovering"; they are on the apps' own pages now.
   promovering: 'apps',
   'promovering/calendly': 'apps/app_a030dfba69793996',
   'promovering/mailchimp': 'apps/app_5c4b6ba067ef127f',
   // The header's menus and settings were on a screen of their own under "Globalt"; they are under "Udseende" now.
-  header: 'udseende/header',
+  header: 'appearance/header',
   // The footer's form was the file's own screen; it is under "Udseende" now.
-  'src/data/footer.json': 'udseende/footer',
+  'src/data/footer.json': 'appearance/footer',
 });
 
 /**
- * The address a screen is at now: where it moved to (`more` first, then MOVED), else the same address.
+ * Old route prefix (Danish, one or more segments, as the routes were before the ids got English names) -> its new
+ * English prefix. Only a route that starts with the old prefix is renamed, and the rest of it is data (a file path, a
+ * slug, an id) that keeps its name. A key segment `*` matches any one segment and keeps it (in the value too).
+ * Old links keep working through it. The longest matching key wins.
+ */
+export const RENAMED = /** @type {Record<string, string>} */ ({
+  indstillinger: 'settings',
+  'indstillinger/appstore/temaer': 'settings/appstore/themes',
+  'apps/*/indstillinger': 'apps/*/settings',
+  'apps/*/om': 'apps/*/about',
+  'apps/udvikler': 'apps/developer',
+  udseende: 'appearance',
+  'udseende/temaer': 'appearance/themes',
+  'udseende/ikonpakker': 'appearance/icon-packs',
+  'udseende/bevaegelse': 'appearance/motion',
+  'udseende/sidekolonne': 'appearance/side-column',
+  'udseende/farver': 'appearance/colors',
+  'udseende/farver/reservefarver': 'appearance/colors/fallback-colors',
+  'udseende/dele': 'appearance/parts',
+  'udseende/dele/blokke': 'appearance/parts/blocks',
+  'udseende/dele/liste': 'appearance/parts/list',
+  'udseende/dele/vaerdier': 'appearance/parts/values',
+  'udseende/standardsider': 'appearance/default-pages',
+  maaling: 'analytics',
+  privatliv: 'privacy',
+  'privatliv/cookiebanner': 'privacy/cookie-banner',
+  'privatliv/samtykker': 'privacy/consents',
+  'privatliv/privatlivssider': 'privacy/privacy-pages',
+  lister: 'lists',
+  liste: 'list',
+  'liste/kategorier': 'list/tags',
+  'liste/udtalelser': 'list/testimonials',
+  'liste/mobilmenu': 'list/mobile-menu',
+  ny: 'new',
+  'ny/kategorier': 'new/tags',
+  'ny/udtalelser': 'new/testimonials',
+  slettet: 'deleted',
+  'slettet/kategorier': 'deleted/tags',
+  'slettet/udtalelser': 'deleted/testimonials',
+  'slettet/mobilmenu': 'deleted/mobile-menu',
+  'slettet/filer': 'deleted/files',
+  virksomheden: 'company',
+  'virksomheden/kontakt': 'company/contact',
+  'virksomheden/sociale-medier': 'company/social-media',
+  'virksomheden/betaling': 'company/payment',
+  blokke: 'blocks',
+  filer: 'files',
+  'seo/videresendelser': 'seo/redirects',
+  'seo/videresendelser/alle': 'seo/redirects/all',
+  'seo/videresendelser/ikke-fundet': 'seo/redirects/not-found',
+  'seo/interne-links': 'seo/internal-links',
+  'seo/vurdering': 'seo/rating',
+  blokvalg: 'block-settings',
+  avanceret: 'advanced',
+  licenser: 'licenses',
+  konto: 'account',
+  notifikationer: 'notifications',
+});
+
+/**
+ * The address a screen is at now: where it moved to (`more` first, then MOVED), else the address with its longest old
+ * prefix in `renamed` replaced and the rest as it is, else the same address.
  * @param {string} route
  * @param {Record<string, string>} [more]
+ * @param {Record<string, string>} [renamed]
  * @returns {string}
  */
-export const movedRoute = (route, more = {}) => more[route] ?? MOVED[route] ?? route;
+export const movedRoute = (route, more = {}, renamed = RENAMED) => {
+  const moved = more[route] ?? MOVED[route];
+  if (moved !== undefined) return moved;
+  const parts = route.split('/');
+  let best = null;
+  for (const key of Object.keys(renamed)) {
+    const old = key.split('/');
+    if (old.length > parts.length || (best && old.length <= best.old.length)) continue;
+    if (old.every((segment, n) => segment === '*' || segment === parts[n])) best = { key, old };
+  }
+  if (!best) return route;
+  const kept = parts.slice(0, best.old.length);
+  let n = 0;
+  const now = renamed[best.key].split('/').map((segment) => {
+    if (segment !== '*') return segment;
+    while (best.old[n] !== '*') n += 1;
+    return kept[n++];
+  });
+  return [...now, ...parts.slice(best.old.length)].join('/');
+};