@morphemecms/cms 0.11.0 → 0.13.0-next-20261106203613

package/src/Screen.tsx

@@ -2,9 +2,10 @@
 // topBarSlot.tsx's place, at the top of the content), above the content. Below medium, where there is no rail, the panel
 // button at its start opens and closes the main drawer (MainMenu.tsx, menuOpen.ts; from medium it is the rail's; not on a screen with a back arrow); at expanded and wider the logo and the site's name after it (one link to the start screen,
 // through `back.guard`), below expanded the back arrow, the title and the status as in an app (the logo only on the start
-// screen); at the end the actions and the notifications, on every screen, and on the start screen (`home`) the link to the
+// screen); at the end the page actions (below expanded), the actions and the notifications, on every screen, and on the start screen (`home`) the link to the
 // website. At expanded and wider the way here as breadcrumbs (the screen above, when that is not the start
-// screen), the title and the status stand in a row under the bar, at the top of the content. The bar stays at the top while
+// screen), the title and the status stand in a row under the bar, at the top of the content, and the page actions
+// (`pageActions`) at the end of that row. The bar stays at the top while
 // scrolling and keeps clear of a phone's notch. A screen's tabs (`tabs`) are the bottom of the bar, under the title, as wide
 // as the content, and stay with it. The back arrow goes to the screen above, back in the history when that is the screen
 // before (nav.ts up). The content is as wide as a form reads well, or wider for lists and the grid of files (`wide`) and for
@@ -38,6 +39,9 @@ type Props<T extends string> = {
   back?: Back;
   status?: ReactNode;
   actions?: ReactNode;
+  /** The screen's own actions (a form's Preview and View on site): from expanded at the end of the row under the bar,
+   * below expanded in the top bar, before `actions`. */
+  pageActions?: ReactNode;
   drawer?: ReactNode;
   tabs?: TabChoice<T>;
   home?: boolean;
@@ -51,14 +55,14 @@ export function WebsiteLink() {
   return <IconLink href="/" target="_blank" rel="noopener" icon={ArrowSquareOut} label={t.library.openWebsite} />;
 }
 
-/** The bell in the top bar, before the link to the website: the notifications (#notifikationer, Notifications.tsx), with a dot
+/** The bell in the top bar, before the link to the website: the notifications (#notifications, Notifications.tsx), with a dot
  * while some are not seen yet. */
 export function NotificationsLink({ className = '' }: { className?: string }) {
   const count = unseen(useNotifications());
-  const current = location.hash === '#notifikationer';
+  const current = location.hash === '#notifications';
   return (
     <IconLink
-      href="#notifikationer"
+      href="#notifications"
       icon={Bell}
       label={count ? t.library.notificationsNew(count) : t.library.notifications}
       aria-current={current ? 'page' : undefined}
@@ -74,6 +78,7 @@ export default function Screen<T extends string>({
   back,
   status,
   actions,
+  pageActions,
   drawer,
   tabs,
   home = false,
@@ -135,7 +140,10 @@ export default function Screen<T extends string>({
           )}
         </div>
         <div className="hidden min-w-0 flex-1 expanded:block" />
-        <div className="flex shrink-0 items-center justify-end gap-1">{actions}</div>
+        <div className="flex shrink-0 items-center justify-end gap-1">
+          {pageActions && <div className="flex items-center gap-1 expanded:hidden">{pageActions}</div>}
+          {actions}
+        </div>
         <NotificationsLink />
         {home && <WebsiteLink />}
         {drawer}
@@ -169,6 +177,8 @@ export default function Screen<T extends string>({
           )}
           <h1 className="truncate font-medium">{title}</h1>
           {status && <p className="shrink-0 text-sm text-muted">{status}</p>}
+          {/* The icons are taller than the text: the negative margin keeps the row's height. */}
+          {pageActions && <div className="-my-3 ml-auto flex shrink-0 items-center gap-1">{pageActions}</div>}
         </div>
         {tabs ? (
           <TabPanel id={id} value={tabs.value}>

package/src/SeoScores.tsx

@@ -1,4 +1,4 @@
-// "SEO-vurdering" under "Søgemaskineoptimering" (#seo/vurdering): every page and blog post with the score of its SEO
+// "SEO-vurdering" under "Søgemaskineoptimering" (#seo/rating): every page and blog post with the score of its SEO
 // rating (seo.ts, the same as at the top of "Søgemaskiner" on it) in a ring at the start of its row, and its
 // primary keyword under its name, under "Sider" and "Blogindlæg", the lowest first. Over them, as over the lists, a
 // search by name and keyword, the order (lowest or highest first, A–Å or Å–A, kept in this browser) and the funnel with
@@ -18,7 +18,7 @@ import { byText, type Collection, type MarkdownCollection } from './schema';
 import { t } from './i18n';
 
 /** Where it opens, under "Søgemaskineoptimering". */
-export const SEO_SCORES_ROUTE = 'seo/vurdering';
+export const SEO_SCORES_ROUTE = 'seo/rating';
 
 type Sort = 'low' | 'high' | 'az' | 'za';
 const SORTS: Sort[] = ['low', 'high', 'az', 'za'];
@@ -56,7 +56,7 @@ function rate(collection: MarkdownCollection, file: RepoFile, relations: Env['re
 export const isRated = (c: Collection): c is MarkdownCollection => c.kind === 'markdown' && c.fields.some((f) => f.name === 'seoTitle');
 
 export default function SeoScores({ files, env }: { files: RepoFile[]; env: Env }) {
-  const [query, setQuery] = useKept('seo-soeg', '');
+  const [query, setQuery] = useKept('seo-search', '');
   const [sort, setSort] = useState(savedSort);
   function pickSort(next: Sort) {
     setSort(next);
@@ -74,9 +74,9 @@ export default function SeoScores({ files, env }: { files: RepoFile[]; env: Env
   );
   const all = groups.flatMap((g) => g.items);
   const average = all.length ? Math.round(all.reduce((sum, r) => sum + r.score, 0) / all.length) : null;
-  const [rating, setRating] = useKept<Rating | ''>('seo-vurdering', '');
-  const [hasKeyword, setHasKeyword] = useKept<HasKeyword | ''>('seo-soegeord', '');
-  const [kind, setKind] = useKept('seo-slags', '');
+  const [rating, setRating] = useKept<Rating | ''>('seo-rating', '');
+  const [hasKeyword, setHasKeyword] = useKept<HasKeyword | ''>('seo-keywords', '');
+  const [kind, setKind] = useKept('seo-kind', '');
   const shownKind = groups.some((g) => g.collection.id === kind) ? kind : '';
   const kindName = groups.find((g) => g.collection.id === shownKind)?.collection.label ?? '';
   const filters = [

package/src/SideColumn.tsx

@@ -1,4 +1,4 @@
-// "Udseende" › "Sidekolonne" (#udseende/sidekolonne): the block drawn in a column beside the text of the pages, chosen
+// "Udseende" › "Sidekolonne" (#appearance/side-column): the block drawn in a column beside the text of the pages, chosen
 // among "Ingen" and the installed blocks that can be (`beside` in their load.ts), saved in the site's file (config.side)
 // in its own commit. Exposes SideColumn, sideSettingOf and sideChoicesOf (also used by the page form and by Library.tsx).
 // Uses ui.tsx (ChoiceRow, Group), registry.tsx (siteBlocks) and lib/side-block.mjs.
@@ -24,7 +24,7 @@ const sources: Record<string, string> = Object.fromEntries(
 );
 
 const capital = (s: string) => s.charAt(0).toLocaleUpperCase(locale) + s.slice(1);
-const back = { href: '#udseende', label: t.common.parts.appearance };
+const back = { href: '#appearance', label: t.common.parts.appearance };
 
 /** The block type the site's file (config.side) chooses, or null. */
 export function sideSettingOf(files: { path: string; text: string }[]): string | null {

package/src/StartFab.tsx

@@ -1,19 +1,17 @@
 // The start screen's FAB menu (Start in Library.tsx): a new page and a new blog post, each opening its empty form
-// (#ny/<list>), as the + on its list does. Exposes newOnStart (the actions) and StartFab. Uses FabMenu (ui.tsx) and the
-// collections and icons of site.ts.
+// (#new/<list>), as the FAB on its list does. Exposes newOnStart (the actions) and StartFab. Uses FabMenu (ui.tsx),
+// START_FAB (fabScreens.ts) and the collections and icons of site.ts.
 import { Plus } from '@phosphor-icons/react';
 import { t } from './i18n';
+import { START_FAB } from './fabScreens';
 import { collections, icons } from './site';
 import { FabMenu, type FabAction } from './ui';
 
-/** The lists a new entry can be made in from the start screen, in this order. */
-const ON_START = ['pages', 'blog'];
-
-/** The start screen's actions: the lists of ON_START the site has and can make a new entry in (`create`). */
+/** The start screen's actions: the lists of START_FAB the site has and can make a new entry in (`create`). */
 export function newOnStart(): FabAction[] {
-  return ON_START.flatMap((id) => {
+  return START_FAB.flatMap((id) => {
     const c = collections.find((x) => x.id === id);
-    return c?.create ? [{ icon: icons[id] ?? Plus, label: c.create, href: `#ny/${id}` }] : [];
+    return c?.create ? [{ icon: icons[id] ?? Plus, label: c.create, href: `#new/${id}` }] : [];
   });
 }
 

package/src/ThemeStore.tsx

@@ -1,6 +1,6 @@
-// The themes in the app store (store.ts): their tab in "Appstore" (#indstillinger/appstore/temaer, StoreThemes), all themes, those
+// The themes in the app store (store.ts): their tab in "Appstore" (#settings/appstore/themes, StoreThemes), all themes, those
 // in the store and those installed, with the same search, order and status filter as the apps; the page of one that
-// is not installed (#udseende/temaer/<id>, StoreThemePage), drawn from the catalog as a theme's page (its picture,
+// is not installed (#appearance/themes/<id>, StoreThemePage), drawn from the catalog as a theme's page (its picture,
 // name, version, who made it, "Installer", its pictures of a site in it, what it is and gives the site, and who made
 // it); and on the page of one installed from the store (ThemePage in Library.tsx) "Opdater til …" and "Afinstaller"
 // (ThemeStoreButtons). Installing copies its folder into the site's themes (config.themes/<id>/, with its store.json),
@@ -21,6 +21,8 @@ import { iconPacks, packOfTheme } from './iconPacks';
 import { theme, themes, type ThemeInfo } from './themes';
 import {
   changedFiles,
+  legacyOf,
+  moveChanges,
   newer,
   notesSince,
   STANDARD_THEME,
@@ -36,7 +38,7 @@ import { siteT, t } from './i18n';
 import { kindAndName } from './deploy';
 
 /** A theme's page (installed, or in the store). */
-export const themeHref = (id: string) => `#udseende/temaer/${id}`;
+export const themeHref = (id: string) => `#appearance/themes/${id}`;
 
 /** A theme's picture (its theme.json's icon), where a row has its icon. */
 export function ThemePicture({ src }: { src: string }) {
@@ -63,8 +65,12 @@ export function useThemeCatalog(env: Env): ShownTheme[] | null | 'failed' {
 // version updated to, until the site's build has it (and the editor reloads with it, deploy.ts keepCurrent).
 const changed = new Map<string, string>();
 
-/** Whether a theme is in the site now: installed and not uninstalled since, or installed since. */
-export const themeInstalled = (id: string) => (changed.has(id) ? changed.get(id) !== 'uninstalled' : themes.some((x) => x.id === id));
+const themeHere = (id: string) => (changed.has(id) ? changed.get(id) !== 'uninstalled' : themes.some((x) => x.id === id));
+
+/** Whether a theme is in the site now: installed and not uninstalled since, or installed since; or, with its `legacy` id,
+ * a copy under that old id from the store (legacyOf). */
+export const themeInstalled = (id: string, legacy?: string) =>
+  themeHere(id) || (!!legacy && legacyOf({ legacy }, themes) !== null && themeHere(legacy));
 
 /** A theme installed from the store that the site's build does not have yet. */
 export const themePending = (id: string) => changed.get(id) === 'installed' && !themes.some((x) => x.id === id);
@@ -74,7 +80,7 @@ const versionOf = (x: ThemeInfo) => (changed.has(x.id) && changed.get(x.id) !==
 
 /** The newer version of a theme from the store, when the store has one. */
 export const themeUpdateOf = (x: ThemeInfo, catalog: ShownTheme[] | null | 'failed') => {
-  const found = x.store && Array.isArray(catalog) ? catalog.find((c) => c.id === x.id) : undefined;
+  const found = x.store && Array.isArray(catalog) ? catalog.find((c) => c.id === x.id || c.legacy === x.id) : undefined;
   return found && newer(found.version, versionOf(x)) ? found : undefined;
 };
 
@@ -124,11 +130,13 @@ function useThemeActions(env: Env) {
     text: { busy: string; done: string; commit: string; change: string },
     next: () => Promise<Parameters<typeof themeChanges>[2]>,
     go: (current: RepoFile[]) => Promise<boolean> = async () => true,
+    // The id the theme is installed under, when it is a legacy copy that moves to `id` (moveChanges).
+    legacy: string | null = null,
   ): Promise<boolean> {
     setRunning({ id, action, asking: false });
     env.notify({ text: text.busy });
     try {
-      const [current, wanted] = await Promise.all([env.folder(themeFolder(id)), next()]);
+      const [current, wanted] = await Promise.all([env.folder(themeFolder(legacy ?? id)), next()]);
       if (!(await go(current))) {
         env.notify(null);
         return false;
@@ -136,7 +144,11 @@ function useThemeActions(env: Env) {
       // `go` cleared the message (and its dialog stopped the button being busy): saving goes on.
       setRunning({ id, action, asking: false });
       env.notify({ text: text.busy });
-      await env.commit(text.commit, themeChanges(id, current, wanted), text.change);
+      await env.commit(
+        text.commit,
+        legacy && wanted ? moveChanges({ id }, legacy, wanted, current, env.files) : themeChanges(id, current, wanted),
+        text.change,
+      );
       env.notify({ text: text.done, kind: 'saved' });
       return true;
     } catch (e) {
@@ -165,7 +177,7 @@ function useThemeActions(env: Env) {
       if (done) changed.set(x.id, 'installed');
       return done;
     },
-    async update(x: ShownTheme, record: StoreRecord) {
+    async update(x: ShownTheme, record: StoreRecord, legacy: string | null = null) {
       const done = await change(
         x.id,
         'update',
@@ -190,11 +202,15 @@ function useThemeActions(env: Env) {
             record.version,
             x.version,
             notesSince(x.releaseNotes, record.version, x.version),
-            changedFiles(x.id, record, current, themeFolder(x.id)),
+            changedFiles(x.id, record, current, themeFolder(legacy ?? x.id)),
           );
         },
+        legacy,
       );
-      if (done) changed.set(x.id, x.version);
+      if (done && legacy) {
+        changed.set(x.id, 'installed');
+        changed.set(legacy, 'uninstalled');
+      } else if (done) changed.set(x.id, x.version);
       return done;
     },
     async uninstall(id: string, name: string) {
@@ -221,11 +237,12 @@ function useThemeActions(env: Env) {
 export function allThemes(catalog: ShownTheme[] | null | 'failed') {
   const store = Array.isArray(catalog) ? catalog : [];
   return [
-    ...store.map((x) => ({ id: x.id, name: x.name, author: x.author, version: x.version, icon: x.icon, words: x.words })),
+    ...store.map((x) => ({ id: x.id, legacy: x.legacy, name: x.name, author: x.author, version: x.version, icon: x.icon, words: x.words })),
     ...themes
-      .filter((x) => !store.some((s) => s.id === x.id))
+      .filter((x) => !store.some((s) => s.id === x.id || s.legacy === x.id))
       .map((x) => ({
         id: x.id,
+        legacy: undefined as string | undefined,
         name: x.name,
         author: x.author,
         version: x.version,
@@ -247,13 +264,13 @@ export function ThemeRow({ of }: { of: ReturnType<typeof allThemes>[number] }) {
       headline={of.name}
       supporting={t.library.themeByline(of.version, of.author)}
       truncate
-      count={themeInstalled(of.id) && (themePending(of.id) ? t.apps.pending : t.apps.installed)}
+      count={themeInstalled(of.id, of.legacy) && (themePending(of.id) ? t.apps.pending : t.apps.installed)}
       arrow
     />
   );
 }
 
-/** The page of a theme in the store that is not installed, or installed but not yet built (#udseende/temaer/<id>),
+/** The page of a theme in the store that is not installed, or installed but not yet built (#appearance/themes/<id>),
  * from the catalog: as a theme's page, with "Installer" (or "Afinstaller"). */
 export function StoreThemePage({ id, env }: { id: string; env: Env }) {
   const catalog = useThemeCatalog(env);
@@ -363,7 +380,11 @@ export function ThemeStoreButtons({ of, env, files, top }: { of: ThemeInfo; env:
   if (top)
     return update ? (
       <div className="mb-8">
-        <Button disabled={actions.saving} busy={actions.busy(of.id, 'update')} onClick={() => actions.update(update, of.store!)}>
+        <Button
+          disabled={actions.saving}
+          busy={actions.busy(update.id, 'update')}
+          onClick={() => actions.update(update, of.store!, legacyOf(update, themes))}
+        >
           {t.apps.update(update.version)}
         </Button>
       </div>

package/src/Tokens.tsx

@@ -1,4 +1,4 @@
-// "Dele" › "Værdier" (#udseende/dele/vaerdier): the theme's design tokens, as the theme in use sets them, to see them in one
+// "Dele" › "Værdier" (#appearance/parts/values): the theme's design tokens, as the theme in use sets them, to see them in one
 // place: the corners, one row for each size the theme uses (the theme's base, base.css and components.css, which every
 // theme has, and its UI parts', ui.css: each part's own variable, else the one ui.css gives it instead), named by
 // Material 3's corner radius scale where the size is one of its steps, with what has it under; the shadows, one row for
@@ -15,7 +15,7 @@ import { Group, LeadingToken, ListItem, type TokenKind } from './ui';
 import { locale, t } from './i18n';
 
 const say = t.parts.tokens;
-const back = { href: '#udseende/dele', label: t.common.parts.editorParts };
+const back = { href: '#appearance/parts', label: t.common.parts.editorParts };
 
 /** A token: its CSS variable, its name here, and for a part's own the token or the value ui.css gives it when the theme
  * does not set it (its `var(--chip-radius, var(--block-control-radius))`). */

package/src/apps.ts

@@ -25,7 +25,7 @@
 //                 asking its own addresses in the Worker (`api`);
 //   screens in index.ts  screens of its own under its page (#apps/<app>/<screen>, AppScreenPage), drawn as its page,
 //                 which links to them (Cookiescanner's "Blokeret adresse");
-//   tabs in index.ts  tabs it adds to the site's lists (#liste/<list>/<app>, after the list's own tab in the top app
+//   tabs in index.ts  tabs it adds to the site's lists (#list/<list>/<app>, after the list's own tab in the top app
 //                 bar, Library.tsx List), drawn as its page (Cookiescanner's "Problemer" on "Cookies");
 //   notifications in index.ts  the kinds of notifications it sends, each turned off under "Konto", and how it finds
 //                 them (`check`, with `api`; AppNotifications);
@@ -161,7 +161,7 @@ export type AppDefinition = {
    * what it does ("nyhedsbrev"). The kind also says where its settings are: under "Indstillinger" on the site's screen
    * with it (PartScreen.apps in partScreens: "analytics" on "Analytics"), or on a part of "Virksomheden" with it
    * (Part.apps in companyParts: "payment" on "Betaling"), so they are where they are used and not on its page under
-   * "Apps", which only installs it; without such a screen, on a screen of their own (#apps/<id>/indstillinger). */
+   * "Apps", which only installs it; without such a screen, on a screen of their own (#apps/<id>/settings). */
   category?: AppCategory;
   keywords?: string[];
   /** The categories of cookies (lib/cookieCategories.mjs) of what it loads that sets cookies (a tag), with these
@@ -173,10 +173,10 @@ export type AppDefinition = {
    * editor's parts (ui.tsx), its texts with siteText. */
   page?: ComponentType<AppPageProps>;
   /** Screens of its own under its page while it is installed, by the last part of their address (#apps/<id>/<key>; not
-   * "indstillinger", the Settings tab's field pages, and not "om", the Information tab: the editor matches those
+   * "settings", the Settings tab's field pages, and not "about", the Information tab: the editor matches those
    * first, so a screen with either key is never shown), each linked to from its page. */
   screens?: Record<string, AppScreen>;
-  /** Tabs it adds to the site's lists while it is installed, by the list's id, each at #liste/<list>/<app>. */
+  /** Tabs it adds to the site's lists while it is installed, by the list's id, each at #list/<list>/<app>. */
   tabs?: Record<string, AppTab>;
   notifications?: AppNotifications;
 };
@@ -230,7 +230,7 @@ export function withKinds<C extends { id: string; kind: string; fields?: Field[]
 }
 
 /** An app's kind of a list as it is turned off under "Blokindstillinger", among the blocks turned off ("popups/mailchimp",
- * as its address under "+", #ny/popups/mailchimp). */
+ * as its address under "+", #new/popups/mailchimp). */
 export const kindKey = (list: string, app: string) => `${list}/${app}`;
 
 /** The kinds a new entry of a list can be, under its "+": its own, and those of the apps installed and not turned off
@@ -251,9 +251,8 @@ export function kindsOffered(
 export const tabsOf = (list: string, apps: SiteApp[], installed: string[]) =>
   apps.flatMap((app) => (installed.includes(app.id) && app.tabs?.[list] ? [{ app, tab: app.tabs[list] }] : []));
 
-/** The id of an app from the path of a file in its folder ("/src/apps/mailchimp/index.ts": "mailchimp",
- * also ".../apps/mailchimp/popups/View.tsx"). */
-export const appIdOf = (path: string) => path.split('/apps/')[1].split('/')[0];
+// The id of an app from the path of a file in its folder (lib/appId.mjs, also read by the @app/self plugin).
+export { appIdOf } from '../lib/appId.mjs';
 
 /** The file of an app's settings (config.apps.settings/<id>.json). */
 export const settingsFile = (id: string) => `${config.apps.settings}/${id}.json`;

package/src/checkSite.ts

@@ -8,7 +8,7 @@
 // The redirects (redirectData.ts): none sends on through another, and none in a loop. And the site's own rules
 // (siteProblems in its rules.ts: a button that opens a promotion not on its page).
 // The file records (src/data/files: the tags of files in Filer): each is valid, no tag is both chosen and removed, one per address.
-// And the site's texts the editor has no translation of (untranslated).
+// And the site's texts the editor has no translation of, and a converted standard text with no Danish (untranslated).
 import { check } from './check';
 import {
   appearance,
@@ -29,7 +29,7 @@ import { colorProblems, lowContrast, MODES } from '../lib/colors';
 import { completeColors, dynamicProblems } from '../lib/dynamic-colors';
 import { APP_HOOKS, hooksOf } from '../lib/hooks';
 import { texts } from '@site/texts';
-import { texts as standardTexts } from '../defaults/texts';
+import { defaultsDaDK } from '../defaults/i18n/da-DK';
 import type { Part } from './schema';
 import { apps, asStandardTemplate, blockProblems, siteBlocks, standardPageOf, withPageBlocks } from './registry';
 import { installedApps, settingsFile } from './apps';
@@ -37,6 +37,14 @@ import { appFolder, SCREENSHOTS, shotFile, shotOf } from './store';
 import { appFolders } from './appFiles';
 import { colorPairs as shownPairs, sharedParts, translator, writtenApps, writtenBlockParts, writtenCollections } from './site';
 import { splitBlocks } from '../lib/blocks.mjs';
+import { splitMissing } from '../lib/translate.mjs';
+import { collections as standardCollections } from '../defaults/collections';
+import { companyParts as standardCompany } from '../defaults/company';
+import { blockParts as standardBlocks } from '../defaults/blockTexts';
+import { colorFields as standardColorFields, colorPairs as standardColorPairs } from '../defaults/colors';
+import { privacy as standardPrivacy } from '../defaults/privacy';
+import { internalLinks as standardInternalLinks } from '../defaults/internalLinks';
+import { appearance as standardAppearance, groups as standardGroups } from '../defaults/editor';
 import { isRecordPath, recordProblems } from './fileRecords.mjs';
 import { appTexts, DEFAULTS_LOCALE, locales, siteLocale, t, type Texts } from './i18n';
 import { flatten, readAll, REDIRECT_FILES, type AllRedirects } from './redirectData';
@@ -212,19 +220,73 @@ function chainsOf(all: AllRedirects, flat: AllRedirects): string[] {
   return lines;
 }
 
+type Definitions = {
+  collections: typeof collections;
+  parts: Part[];
+  screens: typeof partScreens;
+  groups: typeof groups;
+  colorFields: typeof colorFields;
+  colorPairs: typeof colorPairs;
+};
+
+/** The definitions the walk goes over: the site's (the standard parts, merged with the site's own) ... */
+const siteDefinitions: Definitions = {
+  collections,
+  parts: [...companyParts, ...partScreens.flatMap((s) => s.parts), ...appearance, ...seoParts, ...blockParts],
+  screens: partScreens,
+  groups,
+  colorFields,
+  colorPairs,
+};
+/** ... and the package's own standard parts, as defaults/ writes them, whatever the site overrides. */
+const standardDefinitions: Definitions = {
+  collections: standardCollections,
+  parts: [...standardCompany, ...standardPrivacy.parts, ...standardAppearance, standardInternalLinks, ...standardBlocks],
+  screens: [standardPrivacy],
+  groups: standardGroups,
+  colorFields: standardColorFields,
+  colorPairs: standardColorPairs,
+};
+
+/** Shows each text of the definitions to the translator `w`. */
+function walkDefinitions(w: ReturnType<typeof translator>, d: Definitions) {
+  d.collections.forEach(w.collection);
+  d.parts.forEach(w.part);
+  d.screens.forEach((s) => w.group({ id: s.id, title: s.label, ids: [] }));
+  d.groups.forEach(w.group);
+  d.colorFields.forEach(w.color);
+  d.colorPairs.forEach(w.pair);
+}
+
 /** The site's own texts with no translation, by the editor's other languages, by the file they belong
  * in: the site's in @site/texts, a block's in its texts.ts (or the site's, for what it takes from
  * the site). The editor shows them as they are written. Not the ones said in code (the messages in
- * rules.ts, the lines on the blocks' cards). */
+ * rules.ts, the lines on the blocks' cards). A text of the package's standard parts with no translation in a language
+ * (defaults/i18n/da-DK/ for da-DK, a blank value too) is under 'defaults/i18n/da-DK/index.ts': it stops `check:content`. */
 export function untranslated(): Record<string, Record<string, string[]>> {
-  // The editor shows a site's definitions translated already on a site in another language than Danish, so a text the walk
-  // meets is traced back to the one it was translated from (the translations' tables are by it). A text is written in the
-  // package's language when the package's standard parts or an app have it in Danish (defaults/texts.ts, an app's
-  // texts.ts), else in the site's; it needs a translation in each other language.
-  const tables = [standardTexts, ...Object.values(appTexts)].map((table) => Object.entries(table['en-US'] ?? {}));
+  // The editor shows a site's definitions translated already on a site in another language than the standard parts', so a text
+  // the walk meets is traced back to the one it was translated from (the translations' tables are by it). The standard parts are
+  // written in English (the keys of defaults/i18n/da-DK/); the texts of an app are still written in Danish (its texts.ts, until
+  // the apps are converted); every other text is written in the site's language. A text needs a translation in each other language.
+  const tables = Object.values(appTexts).map((table) => Object.entries(table['en-US'] ?? {}));
   const danish = new Set(tables.flatMap((entries) => entries.map(([text]) => text)));
   const original = new Map(tables.flatMap((entries) => entries.map(([text, translated]) => [translated, text] as const)));
-  const writtenIn = (text: string) => (danish.has(text) ? DEFAULTS_LOCALE : siteLocale);
+  // An entry with no Danish (a blank value) is no translation. The walk meets the Danish as it is shown.
+  const converted = Object.entries(defaultsDaDK);
+  const english = new Set(converted.map(([text]) => text));
+  const inDanish = Object.fromEntries(converted.filter(([, danish]) => danish.trim()));
+  for (const [text, danish] of Object.entries(inDanish)) original.set(danish, text);
+  const writtenIn = (text: string) => (english.has(text) ? DEFAULTS_LOCALE : danish.has(text) ? 'da-DK' : siteLocale);
+  // The texts of the package's standard parts: the walk over defaults/'s own definitions, so one with no Danish entry is known too.
+  const standardSet = new Set<string>();
+  walkDefinitions(
+    translator((shown) => {
+      standardSet.add(original.get(shown) ?? shown);
+      return shown;
+    }),
+    standardDefinitions,
+  );
+  const lacking = new Map<string, Set<string>>();
   const missing = (l: string, own: Record<string, string>, walk: (w: ReturnType<typeof translator>) => void) => {
     const found = new Set<string>();
     walk(
@@ -234,22 +296,21 @@ export function untranslated(): Record<string, Record<string, string[]>> {
         return shown;
       }),
     );
-    return [...found];
+    // A text of the package's standard parts stops the check, the others (the site's own, an app's) only warn.
+    const split = splitMissing(found, standardSet);
+    split.standard.forEach((text) => lacking.set(l, (lacking.get(l) ?? new Set()).add(text)));
+    return split.own;
   };
-  return Object.fromEntries(
+  const gaps = Object.fromEntries(
     locales
       .filter((l) => l !== siteLocale || l !== DEFAULTS_LOCALE)
       .map((l) => {
-        const site = (texts as Texts)[l] ?? {};
+        const site = {
+          ...(l === 'da-DK' ? inDanish : {}),
+          ...Object.fromEntries(Object.entries((texts as Texts)[l] ?? {}).filter(([, v]) => v.trim())),
+        };
         const files: Record<string, string[]> = {
-          'src/site/texts.ts': missing(l, site, (w) => {
-            collections.forEach(w.collection);
-            [...companyParts, ...partScreens.flatMap((s) => s.parts), ...appearance, ...seoParts, ...blockParts].forEach(w.part);
-            partScreens.forEach((s) => w.group({ id: s.id, title: s.label, ids: [] }));
-            groups.forEach(w.group);
-            colorFields.forEach(w.color);
-            colorPairs.forEach(w.pair);
-          }),
+          'src/site/texts.ts': missing(l, site, (w) => walkDefinitions(w, siteDefinitions)),
         };
         // An app's block's own texts, and the fields of its shared texts (shared.ts), in its texts.ts.
         for (const block of siteBlocks.filter((b) => b.app))
@@ -266,4 +327,9 @@ export function untranslated(): Record<string, Record<string, string[]>> {
         return [l, Object.fromEntries(Object.entries(files).filter(([, list]) => list.length))];
       }),
   );
+  // A standard text with no Danish: no entry in defaults/i18n/da-DK/, or a blank one.
+  const blank = converted.filter(([, danish]) => !danish.trim()).map(([text]) => text);
+  for (const text of blank) lacking.set('da-DK', (lacking.get('da-DK') ?? new Set()).add(text));
+  for (const [l, list] of lacking) gaps[l] = { ...gaps[l], 'defaults/i18n/da-DK/index.ts': [...list] };
+  return gaps;
 }

package/src/drawerYield.d.mts

@@ -0,0 +1,3 @@
+/** Whether the standard drawer shows open: remembered (sidebar.ts), panelOpen (the standard side panel is open), large (window
+ * at least `large`), reopened (the menu button opened it while the panel is open). */
+export function drawerShown(remembered: any, panelOpen: any, large: any, reopened: any): boolean;

package/src/drawerYield.mjs

@@ -0,0 +1,10 @@
+// Whether the standard navigation drawer shows open while the standard side panel may be open beside the text (840-1199px:
+// both do not fit). Exposes drawerShown(remembered, panelOpen, large, reopened); used by menuOpen.ts; no dependencies.
+
+/** Whether the standard drawer shows open: remembered (sidebar.ts), panelOpen (the standard side panel is open), large (window
+ * at least `large`), reopened (the menu button opened it while the panel is open). */
+export function drawerShown(remembered, panelOpen, large, reopened) {
+  if (!remembered && !reopened) return false;
+  if (panelOpen && !large && !reopened) return false;
+  return true;
+}

package/src/drawerYield.test.mjs

@@ -0,0 +1,22 @@
+// Tests for drawerYield.mjs: the standard drawer yields to the side panel below large, unless the menu button reopened it.
+import test from 'node:test';
+import assert from 'node:assert/strict';
+import { drawerShown } from './drawerYield.mjs';
+
+test('the drawer shows as remembered while no panel is open', () => {
+  assert.equal(drawerShown(true, false, false, false), true);
+  assert.equal(drawerShown(false, false, true, false), false);
+});
+
+test('the drawer yields while the panel is open below large', () => {
+  assert.equal(drawerShown(true, true, false, false), false);
+  assert.equal(drawerShown(false, true, false, false), false);
+});
+
+test('the drawer shows again when the menu button reopened it', () => {
+  assert.equal(drawerShown(true, true, false, true), true);
+});
+
+test('the drawer never yields from large', () => {
+  assert.equal(drawerShown(true, true, true, false), true);
+});