@morphemecms/cms 0.9.0-next-20261105115842 → 0.9.1

package/CHANGELOG.md

@@ -1,14 +1,31 @@
 # @morphemecms/cms
 
-## 0.9.0-next-20261105115842
+## 0.9.1
+
+### Patch Changes
+
+- 2e5bc1d: Sites type-check again: the header settings screen passes its theme the right data.
+
+## 0.9.0
 
 ### Minor Changes
 
 - 34d7f2f: An installed app's page has the tabs Settings and Information.
+- a5f16e1: Show block and section settings in a side panel on large screens.
+- 995f08e: Buttons and icon buttons show the M3 loading indicator while their action runs.
+- 9b1d632: An optional `src/data/header.json` adds a header action button (in place of the phone icon on larger screens) and sets the menu button's side; the new Appearance › Header and Appearance › Footer screens edit all header and footer settings with a live preview on a phone and a computer.
+- facf878: A page chooses a template from the ones its theme offers (`template` in the front matter, "templates" in theme.json: single, full, sidebar-left, sidebar-right). The page flags `wide` and `side` are gone. A site must migrate its `wide: true` pages (for example to `template: single`) and may remove `side: false`.
 
 ### Patch Changes
 
+- 09924d5: Install, update and uninstall buttons show the loading indicator while they run.
+- 3a40970: The Save and "More versions" buttons use the busy button with the loading indicator.
+- e1a9843: Media, redirect, restore, theme and move buttons show the loading indicator while they run.
 - 46636dc: Buttons in the editor are as wide as their label on every screen (Material 3), never across the screen.
+- c22e682: Cards side by side or under each other keep 8dp between them, set by the new token `--card-gap`.
+- 9047684: Cards in the Cards block rise to the first elevation when pointed at, as Material 3's filled cards do.
+- 22d9179: Cards have 16dp of room inside them, as Material 3 has, and a card's picture follows that room.
+- a9e9e95: Cards that link are tinted when pointed at or focused, as in Material 3, and no longer get an accent outline.
 - 35e53d0: The editor's Appstore and the cookie consent log no longer hang when an earlier request was cancelled.
 - 13998ad: Show the row that deletes what a screen shows (Delete promotion, Delete page …) in the theme's error colour.
 - 5c4fa60: Show the signed-in user and the site's domain at the top of the main drawer.
@@ -17,9 +34,15 @@
 - fc064fe: Align the main drawer header with the drawer's icons and arrows.
 - 2c6ee27: Show a divider under the main drawer's header row.
 - 152fb04: Make the main drawer's header row as high as a drawer item.
+- 7d1f31b: The text toolbar has round corners and room all round it, also while it sticks under the top bar.
 - c19ddf7: On a phone, hide the top bar's side panel button on screens that show a back arrow.
 - 5db8ddc: Give every list item headline Material 3's label text size and weight.
+- efbac0c: Lists in a page's dotted section frame keep their indent, so the bullets stand clear of the line.
+- 86b0867: The "on this page" card on large screens is as wide as the navigation drawer.
+- 5005d1f: Replace the section colour menu with a section settings sheet.
+- eeb55b6: The template single draws its blocks across the column again and shows its first paragraph as a lead; the new `--type-lead-*` tokens (default: title large) let a theme style every lead.
 - 46b7672: The Appstore no longer waits for ever when the store does not answer. After 15 seconds it says "Can't reach the store. Try again in 10 minutes."
+- 0210960: The update message stays while an update is saved.
 
 ## 0.8.0
 

package/defaults/collections.ts

@@ -6,12 +6,56 @@
 //             block "Udtalelser"'s, packages/editor/src/standard/testimonials/list.ts, an app's lists its own,
 //             src/apps/<app>/lists.ts).
 //   files:    single .json files: the settings (the standard pages …), the footer and the menu.
-import { AppWindow, SquareHalfBottom } from '@phosphor-icons/react';
+import { AppWindow, ArrowsHorizontal, ColumnsPlusLeft, ColumnsPlusRight, File, SquareHalfBottom } from '@phosphor-icons/react';
 import type { Collection, Field } from '../src/schema';
 import { fromContactBar } from '../lib/contactBar';
 import { config } from '@site/config';
 import { standardPaths } from '@site/standardPages';
 
+// The fields of one button of the action bar (the bottom bar on a phone, ActionBar.astro) and of the button in the header
+// ("Headerknap", src/data/header.json): its text, where it leads, and the promotion or page it leads to.
+const barButtonLabel: Field = {
+  name: 'label',
+  label: 'Knaptekst',
+  type: 'string',
+  max: 30,
+  hint: 'Hvis feltet er tomt, bruges standardteksten eller sidens navn.',
+};
+
+const barButtonTo: Field = {
+  name: 'to',
+  label: 'Fører til',
+  type: 'select',
+  required: true,
+  default: 'booking',
+  options: [
+    { label: 'Book en tid', value: 'booking' },
+    { label: 'Ring', value: 'phone' },
+    { label: 'Åbn promovering', value: 'promotion', onPage: 'promotions' },
+    { label: 'En side', value: 'page' },
+  ],
+};
+
+const barButtonOpen: Field = {
+  name: 'open',
+  label: 'Promovering',
+  type: 'relation',
+  to: 'promotions',
+  onPage: true,
+  required: true,
+  only: { field: 'to', is: ['promotion'] },
+};
+
+const barButtonHref: Field = {
+  name: 'href',
+  label: 'Side',
+  type: 'relation',
+  to: 'pages',
+  fixed: true,
+  required: true,
+  only: { field: 'to', is: ['page'] },
+};
+
 // The page Google should count as the original of a page or a post (rel=canonical); empty is itself.
 // Under "Søgemaskiner" with the Google texts (EntryForm.tsx).
 const canonical: Field = {
@@ -136,7 +180,7 @@ const keywords: Field[] = [
 // The business, on "Virksomheden" (CompanyForm.tsx): its name and title, phone, e-mail, address and CVR number
 // (src/data/contact.json), shown at the top and bottom of every page and in the blocks that show them ("Kontakt" and
 // "Adresse"); and the bank details (src/data/payment.json), shown in "Betaling". The calendar
-// is the app Calendly's (src/apps/calendly/).
+// is the app Calendly's (morpheme-apps/apps/calendly/).
 export const contactFields: Field[] = [
   { name: 'name', label: 'Navn', type: 'string', required: true },
   { name: 'role', label: 'Titel', type: 'string', required: true },
@@ -407,22 +451,20 @@ export const collections: Collection[] = [
         hint: 'Vises ikke på hjemmesiden.',
       },
       {
-        name: 'wide',
-        label: 'Hele bredden',
-        type: 'boolean',
-        layout: true,
-        hint: 'Siden fylder hele bredden uden spalten ved siden af teksten.',
-      },
-      {
-        name: 'side',
-        label: 'Sidekolonne',
-        type: 'boolean',
-        toggle: ['Til', 'Fra'],
-        // Without the key the column is on; only "Fra" is written (side: false).
-        default: true,
-        missing: true,
+        name: 'template',
+        label: 'Skabelon',
+        type: 'select',
+        segments: true,
         layout: true,
-        hint: 'Blokken ved siden af teksten vises på siden. Den vælges under Udseende › Sidekolonne.',
+        // The options the theme in use offers, the first of its list the default (templateFieldOf in src/templateField.ts).
+        offered: 'templates',
+        options: [
+          { label: 'En kolonne', value: 'single', icon: File },
+          { label: 'Fuld bredde', value: 'full', icon: ArrowsHorizontal },
+          { label: 'Sidebjælke til venstre', value: 'sidebar-left', icon: ColumnsPlusLeft },
+          { label: 'Sidebjælke til højre', value: 'sidebar-right', icon: ColumnsPlusRight },
+        ],
+        hint: 'Temaet bestemmer, hvilke skabeloner der findes.',
       },
       {
         name: 'review',
@@ -469,7 +511,7 @@ export const collections: Collection[] = [
     // src/data/popups/<slug>.json, read by packages/editor/site/popups.ts, on every page or those picked under "Sider".
     // The pop-ups are shown by packages/editor/theme/components/Popup.astro; a kind an app adds without a part
     // in the pop-up (src/apps/<app>/popups/View.tsx) shows itself (the app Calendly's booking sheet,
-    // src/apps/calendly/, when a button opens it).
+    // morpheme-apps/apps/calendly/, when a button opens it).
     kind: 'folder',
     id: 'popups',
     create: 'Ny promovering',
@@ -695,46 +737,10 @@ export const collections: Collection[] = [
             hint: 'Står under overskriften.',
             only: { field: 'type', is: ['text'] },
           },
-          {
-            name: 'label',
-            label: 'Knaptekst',
-            type: 'string',
-            max: 30,
-            hint: 'Hvis feltet er tomt, bruges standardteksten eller sidens navn.',
-            only: { field: 'type', is: ['button'] },
-          },
-          {
-            name: 'to',
-            label: 'Fører til',
-            type: 'select',
-            required: true,
-            default: 'booking',
-            only: { field: 'type', is: ['button'] },
-            options: [
-              { label: 'Book en tid', value: 'booking' },
-              { label: 'Ring', value: 'phone' },
-              { label: 'Åbn promovering', value: 'promotion', onPage: 'promotions' },
-              { label: 'En side', value: 'page' },
-            ],
-          },
-          {
-            name: 'open',
-            label: 'Promovering',
-            type: 'relation',
-            to: 'promotions',
-            onPage: true,
-            required: true,
-            only: { field: 'to', is: ['promotion'] },
-          },
-          {
-            name: 'href',
-            label: 'Side',
-            type: 'relation',
-            to: 'pages',
-            fixed: true,
-            required: true,
-            only: { field: 'to', is: ['page'] },
-          },
+          { ...barButtonLabel, only: { field: 'type', is: ['button'] } },
+          { ...barButtonTo, only: { field: 'type', is: ['button'] } },
+          barButtonOpen,
+          barButtonHref,
         ],
       },
     ],
@@ -848,4 +854,52 @@ export const collections: Collection[] = [
       },
     ],
   },
+  {
+    kind: 'files',
+    id: 'headerknap',
+    label: 'Headerknap',
+    singular: 'headerknap',
+    files: [
+      // src/data/header.json, optional (a site without it has no button and the menu button at the start), read by the header
+      // (Header.astro). The button is one of the action bar's (barButtonLabel …).
+      {
+        file: 'src/data/header.json',
+        label: 'Headeren',
+        view: '/',
+        optional: true,
+        fields: [
+          {
+            name: 'button',
+            label: 'Handlingsknap',
+            type: 'object',
+            fields: [
+              {
+                name: 'enabled',
+                label: 'Aktiveret',
+                type: 'boolean',
+                toggle: ['Til', 'Fra'],
+                default: false,
+                hint: 'Knappen står i headeren.',
+              },
+              barButtonLabel,
+              barButtonTo,
+              barButtonOpen,
+              barButtonHref,
+            ],
+          },
+          {
+            name: 'menuSide',
+            label: 'Menuknappens placering',
+            type: 'select',
+            segments: true,
+            default: 'start',
+            options: [
+              { label: 'Venstre', value: 'start' },
+              { label: 'Højre', value: 'end' },
+            ],
+          },
+        ],
+      },
+    ],
+  },
 ];

package/defaults/company.ts

@@ -2,7 +2,7 @@
 // (src/data/contact.json) and its bank details (src/data/payment.json, under "Betaling", where a site may add its
 // other ways to pay, and where the settings of the apps installed that are a way to pay come after, as MobilePay's),
 // used all over the site; and its social media (src/data/social.json): the profiles and the post's share buttons.
-// The logo and the icon are under "Udseende" (BrandForm.tsx); the link to the calendar in Calendly is the app Calendly's (src/apps/calendly/).
+// The logo and the icon are under "Udseende" (BrandForm.tsx); the link to the calendar in Calendly is the app Calendly's (morpheme-apps/apps/calendly/).
 import { AddressBook, Bank, CreditCard, ShareNetwork } from '@phosphor-icons/react';
 import type { Part } from '../src/schema';
 import { bankFields, contactFields, socialFields } from '@site/collections';

package/defaults/editor.ts

@@ -193,5 +193,5 @@ export const settings: string[] = settingsIds;
  * bring ("Udtalelser") and the apps (their lists.ts). */
 export const lists: string[] = [];
 
-/** What is in the header on every page, on a screen of its own under "Header" (#header). */
-export const header = ['menu', 'mobilmenu'];
+/** What is in the header on every page, on one screen under "Udseende" › "Header" (#udseende/header, HeaderSettings.tsx). */
+export const header = ['menu', 'mobilmenu', 'headerknap'];

package/defaults/texts.ts

@@ -26,11 +26,12 @@ export const texts: Record<string, Record<string, string>> = {
     'Skærmlæsere springer billedet over.': 'Screen readers skip the picture.',
     Til: 'On',
     Fra: 'Off',
-    Sidekolonne: 'Side column',
-    'Blokken ved siden af teksten vises på siden. Den vælges under Udseende › Sidekolonne.':
-      'The block beside the text is shown on the page. It is chosen under Appearance › Side column.',
-    'Hele bredden': 'Full width',
-    'Siden fylder hele bredden uden spalten ved siden af teksten.': 'The page fills the whole width without the column beside the text.',
+    Skabelon: 'Template',
+    'En kolonne': 'Single column',
+    'Fuld bredde': 'Full width',
+    'Sidebjælke til venstre': 'Sidebar left',
+    'Sidebjælke til højre': 'Sidebar right',
+    'Temaet bestemmer, hvilke skabeloner der findes.': 'The theme decides which templates there are.',
     Status: 'Status',
     Kladde: 'Draft',
     'Vises ikke på hjemmesiden.': 'Not shown on the website.',
@@ -273,6 +274,14 @@ export const texts: Record<string, Record<string, string>> = {
     Mobilmenuen: 'The mobile menu',
     'Punkterne står på en linje under headeren på en telefon og kan skubbes til siden.':
       'The items are on a line under the header on a phone and can be swiped sideways.',
+    Headerknap: 'Header button',
+    headerknap: 'header button',
+    Headeren: 'The header',
+    Handlingsknap: 'Action button',
+    'Knappen står i headeren.': 'The button is in the header.',
+    'Menuknappens placering': 'Menu button position',
+    Venstre: 'Left',
+    Højre: 'Right',
     Menupunkter: 'Menu items',
     menupunkt: 'menu item',
     Undermenu: 'Submenu',

package/demo/src/content/pages/app-store.md

@@ -1,7 +1,6 @@
 ---
 title: "App store"
 description: "Add new features to your site with one tap: apps and themes from the app store."
-wide: true
 seoTitle: "App store | Morpheme"
 seoDescription: "Add booking, newsletter signups, content-based colors and new themes to your site with one tap. Every install can be undone."
 keyword: "app store"

package/demo/src/content/pages/blocks.md

@@ -1,7 +1,6 @@
 ---
 title: "Blocks"
 description: "Every block you can build a page from in Morpheme, shown live."
-wide: true
 seoTitle: "Blocks | Morpheme"
 seoDescription: "Buttons, cards, points, steps, checklists, FAQs, price cards, testimonials and more: every Morpheme block, shown live."
 keyword: "blocks"

package/icons/lucide/arrows-horizontal.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"><rect width="20" height="12" x="2" y="6" rx="2" /></g></svg>

package/icons/lucide/columns-plus-left.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"><rect width="18" height="18" x="3" y="3" rx="2" /> <path d="M9 3v18" /></g></svg>

package/icons/lucide/columns-plus-right.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"><rect width="18" height="18" x="3" y="3" rx="2" /> <path d="M15 3v18" /></g></svg>

package/icons/lucide/file.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"><rect width="12" height="20" x="6" y="2" rx="2" /></g></svg>

package/icons/material-symbols/arrows-horizontal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M140-160q-24.75 0-42.37-17.63Q80-195.25 80-220v-520q0-24.75 17.63-42.38Q115.25-800 140-800h680q24.75 0 42.38 17.62Q880-764.75 880-740v520q0 24.75-17.62 42.37Q844.75-160 820-160H140Zm0-60h70v-520h-70v520Zm130 0h420v-520H270v520Zm480 0h70v-520h-70v520ZM270-740v520-520Z"/></svg>

package/icons/material-symbols/columns-plus-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M180-120q-24.75 0-42.37-17.63Q120-155.25 120-180v-600q0-24.75 17.63-42.38Q155.25-840 180-840h600q24.75 0 42.38 17.62Q840-804.75 840-780v600q0 24.75-17.62 42.37Q804.75-120 780-120H180Zm147-60v-600H180v600h147Zm60 0h393v-600H387v600Zm-60 0H180h147Z"/></svg>

package/icons/material-symbols/columns-plus-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M180-120q-24.75 0-42.37-17.63Q120-155.25 120-180v-600q0-24.75 17.63-42.38Q155.25-840 180-840h600q24.75 0 42.38 17.62Q840-804.75 840-780v600q0 24.75-17.62 42.37Q804.75-120 780-120H180Zm453-60h147v-600H633v600Zm-60 0v-600H180v600h393Zm60 0h147-147Z"/></svg>

package/icons/material-symbols/file.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M740-80H220q-24 0-42-18t-18-42v-680q0-24 18-42t42-18h520q24 0 42 18t18 42v680q0 24-18 42t-42 18Zm-520-60h520v-680H220v680Zm0 0v-680 680Z"/></svg>

package/icons/phosphor/arrows-horizontal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M237.66,133.66l-32,32a8,8,0,0,1-11.32-11.32L212.69,136H43.31l18.35,18.34a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,11.32L43.31,120H212.69l-18.35-18.34a8,8,0,0,1,11.32-11.32l32,32A8,8,0,0,1,237.66,133.66Z"/></svg>

package/icons/phosphor/columns-plus-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,32H104A16,16,0,0,0,88,48V208a16,16,0,0,0,16,16h24a16,16,0,0,0,16-16V48A16,16,0,0,0,128,32Zm0,176H104V48h24ZM200,32H176a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h24a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H176V48h24ZM72,128a8,8,0,0,1-8,8H48v16a8,8,0,0,1-16,0V136H16a8,8,0,0,1,0-16H32V104a8,8,0,0,1,16,0v16H64A8,8,0,0,1,72,128Z"/></svg>

package/icons/phosphor/columns-plus-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M80,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H80a16,16,0,0,0,16-16V48A16,16,0,0,0,80,32Zm0,176H56V48H80ZM152,32H128a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h24a16,16,0,0,0,16-16V48A16,16,0,0,0,152,32Zm0,176H128V48h24Zm96-80a8,8,0,0,1-8,8H224v16a8,8,0,0,1-16,0V136H192a8,8,0,0,1,0-16h16V104a8,8,0,0,1,16,0v16h16A8,8,0,0,1,248,128Z"/></svg>

package/icons/phosphor/file.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"/></svg>

package/lib/fold-open.d.mts

@@ -0,0 +1,2 @@
+export function withOpen<T>(open: ReadonlySet<T>, id: T, single: boolean): ReadonlySet<T>;
+export function onlyFirst<T>(open: ReadonlySet<T>, order: T[]): ReadonlySet<T>;

package/lib/fold-open.mjs

@@ -0,0 +1,22 @@
+// Which of a form's folding sections are open (formSections.ts): pure, so it is tested (fold-open.test.mjs). Exposes
+// withOpen and onlyFirst. No dependencies.
+
+/**
+ * The sections open after one is opened: beside the others, or with `single` (one open at a time) in their place.
+ * @template T
+ * @param {ReadonlySet<T>} open
+ * @param {T} id
+ * @param {boolean} single
+ * @returns {ReadonlySet<T>}
+ */
+export const withOpen = (open, id, single) => (single ? new Set([id]) : open.has(id) ? open : new Set([...open, id]));
+
+/**
+ * Only the first of the open sections, in the form's order (`order`), when more are open (the window narrowed to one at a
+ * time); else the same.
+ * @template T
+ * @param {ReadonlySet<T>} open
+ * @param {T[]} order
+ * @returns {ReadonlySet<T>}
+ */
+export const onlyFirst = (open, order) => (open.size > 1 ? new Set(order.filter((id) => open.has(id)).slice(0, 1)) : open);

package/lib/fold-open.test.mjs

@@ -0,0 +1,24 @@
+// Tests lib/fold-open.mjs: opening a section beside the others or in their place, and only the first left open.
+import { test } from 'node:test';
+import assert from 'node:assert/strict';
+import { onlyFirst, withOpen } from './fold-open.mjs';
+
+test('a section opens beside the others', () => {
+  assert.deepEqual([...withOpen(new Set(['a']), 'b', false)], ['a', 'b']);
+});
+
+test('an open section stays as it is', () => {
+  const open = new Set(['a']);
+  assert.equal(withOpen(open, 'a', false), open);
+});
+
+test('one at a time: a section opens in the place of the others', () => {
+  assert.deepEqual([...withOpen(new Set(['a', 'c']), 'b', true)], ['b']);
+});
+
+test('only the first open section in the order stays open', () => {
+  assert.deepEqual([...onlyFirst(new Set(['c', 'b']), ['a', 'b', 'c'])], ['b']);
+  const one = new Set(['c']);
+  assert.equal(onlyFirst(one, ['a', 'b', 'c']), one);
+  assert.equal(onlyFirst(new Set(), ['a']).size, 0);
+});

package/lib/menu.test.mjs

@@ -8,7 +8,7 @@ import { currentPart, menuTree, currentPlace } from './menu.mjs';
 
 const known = {
   lists: ['udtalelser', 'cookies', 'priser'],
-  header: ['menu', 'mobilmenu'],
+  header: ['menu', 'mobilmenu', 'headerknap'],
   partScreens: ['privatliv'],
   cookies: 'cookies',
   store: 'indstillinger/appstore',
@@ -54,6 +54,7 @@ test('the cookie list is under Privacy, whatever the way to it', () => {
 test('the menus are under Header', () => {
   assert.equal(currentPart('src/data/menu.json', { ...known, open: 'menu' }), 'header');
   assert.equal(currentPart('liste/mobilmenu', known), 'header');
+  assert.equal(currentPart('src/data/header.json', { ...known, open: 'headerknap' }), 'header');
 });
 
 test('a screen under a part is that part', () => {
@@ -170,8 +171,8 @@ const hrefs = {
   filer: '#filer',
   'interne-links': '#seo/interne-links',
   videresendelser: '#seo/videresendelser',
-  header: '#header',
-  footer: '#src/data/footer.json',
+  header: '#udseende/header',
+  footer: '#udseende/footer',
   virksomheden: '#virksomheden',
   apps: '#apps',
   appstore: '#indstillinger/appstore',
@@ -260,6 +261,18 @@ test('currentPlace of a page being edited, a list, the SEO rating, an Appearance
   assert.deepEqual(currentPlace('src/data/cookie-list/a.json', menu, { ...menuKnown, open: 'cookies' }), { section: 'privatliv' });
 });
 
+test('currentPlace of Appearance › Header and its menus is Global › Header', () => {
+  assert.deepEqual(currentPlace('udseende/header', menu, menuKnown), { section: 'globalt', item: 'header' });
+  assert.deepEqual(currentPlace('src/data/menu.json', menu, { ...menuKnown, open: 'menu' }), { section: 'globalt', item: 'header' });
+});
+
+test('currentPlace of Appearance › Footer is Global › Footer, a row without children', () => {
+  assert.deepEqual(currentPlace('udseende/footer', menu, menuKnown), { section: 'globalt', item: 'footer' });
+  const global = menu.find((entry) => entry.id === 'globalt');
+  assert.equal(global.items.find((item) => item.id === 'footer').children, undefined);
+  assert.equal(global.items.find((item) => item.id === 'header').children, undefined);
+});
+
 const appsGroups = [{ id: 'apps', title: 'Apps', ids: ['apps', 'appstore'] }];
 const appsPartOf = (id) => ({ label: `L ${id}`, href: id === 'appstore' ? '#indstillinger/appstore' : '#apps', count: null });
 const appsOf = (list) => (id) => (id === 'apps' ? list.map((a) => ({ id: a, label: `A ${a}`, href: `#apps/${a}` })) : []);

package/lib/page-template.d.mts

@@ -0,0 +1,54 @@
+/**
+ * Return the theme's `templates` list when templateProblems finds no problem and the list is not undefined;
+ * else a copy of STANDARD_TEMPLATES.
+ *
+ * @param {{ templates?: unknown } | null | undefined} theme
+ * @returns {string[]} A copy of the theme's valid template list or of STANDARD_TEMPLATES.
+ */
+export function templatesOf(theme: {
+    templates?: unknown;
+} | null | undefined): string[];
+/**
+ * Return page.template when it is a string in offered; else offered[0].
+ *
+ * @param {{ template?: unknown } | null | undefined} page
+ * @param {string[]} offered
+ * @returns {string} The resolved template id.
+ */
+export function templateOf(page: {
+    template?: unknown;
+} | null | undefined, offered: string[]): string;
+/**
+ * True for 'sidebar-left' and 'sidebar-right'; false for every other value.
+ *
+ * @param {unknown} template
+ * @returns {boolean} Whether the template is a sidebar template.
+ */
+export function hasSidebar(template: unknown): boolean;
+/**
+ * Return offered in the same order; without the sidebar templates when sideChosen is false.
+ *
+ * @param {string[]} offered
+ * @param {boolean} sideChosen
+ * @returns {string[]} A new array of template choices.
+ */
+export function templateChoices(offered: string[], sideChosen: boolean): string[];
+/**
+ * Problems with a theme.json `templates` value, one English sentence each.
+ * [] when the value is undefined or valid.
+ *
+ * @param {unknown} value
+ * @returns {string[]} List of problem descriptions.
+ */
+export function templateProblems(value: unknown): string[];
+/**
+ * What the form writes to the front matter for the chosen template: '' (no key) for the theme's default (offered[0]),
+ * and for a page with none; else the template as it is.
+ *
+ * @param {unknown} value
+ * @param {string[]} offered
+ * @returns {unknown} '' or the value to write.
+ */
+export function templateWritten(value: unknown, offered: string[]): unknown;
+export const PAGE_TEMPLATES: string[];
+export const STANDARD_TEMPLATES: string[];