@morphemecms/cms 0.5.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @morphemecms/cms
 
+## 0.7.0
+
+### Minor Changes
+
+- e15a802: Bring the editor up to date with morpheme-website's copy: the navigation rail and two-level main menu, and the other editor changes made there since 3 November.
+
+## 0.6.0
+
+### Minor Changes
+
+- 3723ec1: The front page no longer forces a Banner. A Banner there is an ordinary block: it can be moved, hidden or removed. An app block can be the top of the front page instead.
+
+### Patch Changes
+
+- f0080db: `morpheme check:content` reads a site's files with `/` in their paths on Windows too, so it finds the standard pages there.
+
 ## 0.5.0
 
 ### Minor Changes

package/astro.mjs

@@ -17,6 +17,7 @@ import { withSiteModules } from './site/siteModules.mjs';
 import { rehypeResponsiveImages } from './site/images.mjs';
 import { linksDigest, rehypeAutoLinks } from './site/autolinks.mjs';
 import { rehypeVideo } from './lib/video.mjs';
+import { rehypeEmphasize } from './lib/rehype-emphasize.mjs';
 import { csp, joined } from './lib/csp.mjs';
 import { appBuilds, appFoldersPlugin } from './lib/apps.mjs';
 import { isNoindex } from './site/noindex.mjs';
@@ -111,6 +112,8 @@ export async function siteConfig() {
           // HTML written in the Markdown (tables, iframes, links) as elements before the plugins below,
           // so they see it too (Astro would parse it only after them).
           rehypeRaw,
+          // Bold as <strong class="emphasize">, for a theme to style (lib/rehype-emphasize.mjs).
+          rehypeEmphasize,
           [rehypeResponsiveImages, { sizes: '(min-width: 800px) 720px, calc(100vw - 40px)' }],
           // Internal links from the keywords (src/data/internal-links.json); with what they are made from, so the pages
           // rendered before (node_modules/.astro) are rendered again when it changes (linksDigest).

package/bin/morpheme.mjs

@@ -10,9 +10,11 @@ const COMMANDS = {
   images: ['responsive-images', 'video-thumbnails'],
   /** After the site is built: what the Worker and the editor read from dist/. */
   'after-build': ['scheduled-list', 'link-counts', 'page-colors'],
+  /** The Cloudflare build command: the content lane or the full lane, then the build. */
+  'ci-build': ['ci-build'],
   'check:content': ['check-content'],
   'check:editor': ['editor-roundtrip'],
-  'check:worker': ['check-worker', 'check-consent', 'check-store', 'check-cms-update', 'check-store-connection'],
+  'check:worker': ['check-worker', 'check-consent', 'check-cms-update', 'check-store', 'check-store-connection'],
   'check:screens': ['editor-screens'],
   'check:themes': ['check-themes'],
   'check:demo': ['check-demo'],

package/defaults/blockTexts.ts

@@ -1,4 +1,4 @@
-// "Standardblokke" on the start screen: the texts every copy of a block has, a screen for each block
+// "Blokskabeloner" in the menu: the texts every copy of a block has, a screen for each block
 // (CompanyForm.tsx). The blocks' own are in their folders (shared.ts in src/apps/<app>/blocks/<type>/, saved in
 // src/data/blocks.json), and the editor makes their screens itself (sharedParts in
 // packages/editor/src/site.ts). Here only what is the site's: "Book en tid", whose texts are the
@@ -6,7 +6,7 @@
 import { CalendarCheck } from '@phosphor-icons/react';
 import type { Part } from '../src/schema';
 
-const back = { href: '#blokke', label: 'Standardblokke' };
+const back = { href: '#blokke', label: 'Blokskabeloner' };
 
 export const blockParts: Part[] = (
   [

package/defaults/collections.ts

@@ -340,6 +340,16 @@ export const collections: Collection[] = [
       { name: 'title', label: 'Titel', type: 'string', required: true },
       { name: 'path', label: 'Adresse', type: 'string', address: 'page' },
       { name: 'description', label: 'Kort beskrivelse', type: 'text' },
+      {
+        name: 'categories',
+        label: 'Tags',
+        type: 'relation',
+        to: 'categories',
+        multiple: true,
+        add: 'Tilføj tag',
+        edit: { to: 'ny/kategorier', text: 'Opret et tag' },
+        hint: 'Vises ikke på hjemmesiden.',
+      },
       {
         name: 'wide',
         label: 'Hele bredden',

package/defaults/editor.ts

@@ -3,11 +3,11 @@
 // standard parts: a site has them unless its src/site/ has a file of the same name (siteFile in site/theme.mjs), which
 // may take the standard one from @morphemecms/cms/defaults/<file> and add its own.
 //   collections   the parts of the site and their fields (collections.ts)
-//   groups, lists, header, icons   the start screen
+//   groups, settings, lists, header, icons   the menu and the start screen
 //   appearance    the site's own parts under "Udseende", after the logo and icon ("Standardsider")
 //   companyParts, blockParts   the screens under "Virksomheden" and "Blokke" (company.ts, blockTexts.ts)
 //   partScreens   parts of the start screen that are screens with parts of their own (privacy.ts)
-//   seoParts      the site's own parts under "Søgemaskineoptimering", after the redirects (internalLinks.ts)
+//   seoParts      the site's own parts under "Søgemaskineoptimering" (#seo/<id>), in the menu under "Indhold" (internalLinks.ts)
 //   relationsOf, usedBy, keptBy   what a field picks from, what cannot be deleted, and what cannot be saved so (rules.ts)
 //   siteProblems  what is wrong by the site's own rules, before it is built (rules.ts)
 //   usesOf, countsOf   the places that use an entry (a tag's "Bruges på") and their number at it in its list (rules.ts)
@@ -21,14 +21,17 @@
 //   siteName      the title of the start screen and the way back to it
 //   sharing       what a page shared on social media shows when it has nothing of its own (Base.astro)
 import {
+  Article,
   Browser,
   Buildings,
   Certificate,
-  ChartLineUp,
   DeviceMobile,
   FileText,
   House,
   FolderSimple,
+  Gauge,
+  GearSix,
+  GlobeSimple,
   List as ListIcon,
   MagnifyingGlass,
   Megaphone,
@@ -42,7 +45,6 @@ import {
   SidebarSimple,
   Signpost,
   Smiley,
-  SlidersHorizontal,
   Sparkle,
   SquareHalfBottom,
   SquaresFour,
@@ -83,15 +85,10 @@ export { HEADINGS as headingLooks, LOOKS as sectionLooks } from '@theme/editor/l
 export { frontLeads, standardPages, standardPaths, type StandardPage } from '@site/standardPages';
 export { colorFields, colorPairs, colorRoles, defaultColors } from '@site/colors';
 
-/** Parts of the start screen that are a screen with parts, each a screen of its own: "Privatliv" (privacy.ts), and
- * "Analytics" and "Promovering" with the settings of the apps installed that measure (Google Analytics, Google Ads,
- * Google Tag Manager) and of those that add a kind of promotion (Calendly, Mailchimp), by their kind
- * (AppDefinition.category, the app store's); the apps' own pages under "Apps" only install them. */
-export const partScreens: PartScreen[] = [
-  { id: 'maaling', label: 'Analytics', parts: [], apps: ['analytics'] },
-  { id: 'promovering', label: 'Promovering', parts: [], apps: ['booking', 'newsletter'] },
-  privacy,
-];
+/** Parts of the start screen that are a screen with parts, each a screen of its own: "Privatliv" (privacy.ts). The
+ * settings of the apps, also those that measure (Google Analytics …) or add a kind of promotion (Calendly, Mailchimp),
+ * are on their own app pages under "Apps" (AppList.tsx settingsRoute). */
+export const partScreens: PartScreen[] = [privacy];
 
 /** The site's own parts under "Søgemaskineoptimering", each a screen of its own at #seo/<id>, after the editor's
  * "Videresendelser": "Interne links" (internalLinks.ts). */
@@ -106,6 +103,7 @@ export const sharing = { name: site.name, description: site.description, picture
 
 /** The icon of each part on the start screen and in the sidebar, by its id. */
 export const icons: Record<string, Icon> = {
+  home: Gauge,
   blog: Newspaper,
   pages: FileText,
   header: Browser,
@@ -114,11 +112,13 @@ export const icons: Record<string, Icon> = {
   kategorier: Tag,
   popups: Megaphone,
   virksomheden: Buildings,
+  // The sections of the main menu that are not also a part.
+  indhold: Article,
+  globalt: GlobeSimple,
+  indstillinger: GearSix,
   blokke: SquaresFour,
   filer: FolderSimple,
   privatliv: ShieldCheck,
-  maaling: ChartLineUp,
-  promovering: SlidersHorizontal,
   lister: ListChecks,
   footer: SquareHalfBottom,
   seo: MagnifyingGlass,
@@ -140,44 +140,6 @@ export const icons: Record<string, Icon> = {
   dele: Shapes,
 };
 
-// The parts of the site on the start screen, in groups: the content the owner writes and uploads (the
-// pages, the blog, its tags, the pop-ups and the files), what is on every page (the
-// header with the menus, the footer and "Virksomheden": name, contact and booking), the blocks (their
-// shared texts, "Lister", the testimonials and prices they show, which the standard blocks and the apps bring, and
-// "Blokindstillinger", which of them can be put in); the settings of the whole site are on a page of their own (settings).
-// Each is a collection (collections.ts), except "maaling", "promovering" and "privatliv" (partScreens) and the editor's own "virksomheden" (companyParts), "blokke"
-// (blockParts), "filer" (the pictures, PDFs, videos and zip files), "header", "lister", "udseende" (the theme, the colours, the logo
-// and icon, the standard pages (appearance) and the editor's parts: Colors.tsx, BrandForm.tsx and Parts.tsx), "blokvalg" (which blocks can be put in, BlockSettings.tsx), "apps"
-// (the apps that come with the site, src/apps/, AppList.tsx) and "seo" (the redirects, Redirects.tsx, and seoParts). The editor shows
-// each group's parts A–Å by their names in its language (partsIn in Library.tsx), whatever the order here.
-export const groups: { title: string; ids: string[] }[] = [
-  { title: 'Indhold', ids: ['pages', 'blog', 'kategorier', 'popups', 'filer'] },
-  { title: 'På alle sider', ids: ['header', 'footer', 'virksomheden'] },
-  { title: 'Blokke', ids: ['blokke', 'lister', 'blokvalg'] },
-];
-
-/** The settings of the whole site, not on the start screen but on "Indstillinger" (#indstillinger, Library.tsx
- * Settings), which the gear in the top bar opens (Screen.tsx SettingsLink); A–Å as a group's. */
-export const settings: string[] = [
-  'udseende',
-  'apps',
-  'appstore',
-  'morpheme',
-  'maaling',
-  'promovering',
-  'privatliv',
-  'seo',
-  'avanceret',
-  'licenser',
-];
-
-/** The site's own short lists, on a screen of their own under "Lister" (#lister), with those the standard blocks
- * 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'];
-
 /** The site's own parts under "Udseende" (#udseende), after the logo and icon, each a screen of its own at #udseende/<id>:
  * "Standardsider", which pages are the front page, the blog page, the 404 page and the contact page, as a list
  * (standardPageFieldsOf in collections.ts; the privacy policy and the cookie policy are under "Privatliv", privacy.ts). */
@@ -191,3 +153,45 @@ export const appearance: Part[] = [
     rows: true,
   },
 ];
+
+// The editor's menu: eight sections in a fixed order, shown in the order written here, never A–Å. "Oversigt" is a link to the
+// start screen (`href`) without a list; the others have a list of parts, each an id: the content the owner writes and
+// uploads ("Indhold": the pages, the blog, the short lists, the pop-ups, the tags, the files, "interne-links" (seoParts)
+// and "videresendelser", Redirects.tsx), what is on every page ("Globalt": the header with the menus, the footer and
+// "Virksomheden": name, contact and booking), the apps ("Apps": the apps that come with the site, src/apps/, AppList.tsx,
+// and "appstore"), the blocks ("Blokke": their shared texts, and "Blokvalg", which of them can be put in), how the site
+// looks ("Udseende": the theme, the icon packs, the motion, the side column (SideColumn.tsx), the colours, the logo and icon, the standard pages
+// (appearance) and the editor's parts: Colors.tsx, BrandForm.tsx and Parts.tsx), the parts of "Privatliv" (privacy.ts)
+// and the settings of the whole site ("Indstillinger").
+// Each part is a collection (collections.ts), except those named above, "privatliv"'s (partScreens) and the editor's own
+// "virksomheden" (companyParts), "blokke" (blockParts), "filer" (the pictures, PDFs, videos and zip files), "header", "lister"
+// and "blokvalg" (BlockSettings.tsx).
+const settingsIds = ['morpheme', 'avanceret'];
+export const groups: { id: string; title: string; href?: string; ids: string[] }[] = [
+  { id: 'home', title: 'Oversigt', href: '#', ids: [] },
+  {
+    id: 'indhold',
+    title: 'Indhold',
+    ids: ['pages', 'blog', 'lister', 'popups', 'kategorier', 'filer', internalLinks.id, 'videresendelser'],
+  },
+  { id: 'globalt', title: 'Globalt', ids: ['header', 'footer', 'virksomheden'] },
+  { id: 'apps', title: 'Apps', ids: ['apps', 'appstore'] },
+  { id: 'blokke', title: 'Blokke', ids: ['blokke', 'blokvalg'] },
+  {
+    id: 'udseende',
+    title: 'Udseende',
+    ids: ['temaer', 'ikonpakker', 'bevaegelse', 'sidekolonne', 'farver', 'logo', ...appearance.map((p) => p.id), 'dele'],
+  },
+  { id: 'privatliv', title: 'Privatliv', ids: privacy.parts.map((p) => p.id) },
+  { id: 'indstillinger', title: 'Indstillinger', ids: settingsIds },
+];
+
+/** The settings of the whole site: the ids of the last section, "Indstillinger", written once. */
+export const settings: string[] = settingsIds;
+
+/** The site's own short lists, on a screen of their own under "Lister" (#lister), with those the standard blocks
+ * 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'];

package/defaults/privacy.ts

@@ -1,5 +1,5 @@
 // "Privatliv": what the site asks and tells its visitors about their data, as screens of their own (CompanyForm.tsx),
-// at #privatliv/<id>: the cookie banner (src/data/cookies.json, read by packages/editor/theme/components/CookieConsent.astro),
+// at #privatliv/<id>, and the cookie list's row: the cookie banner (src/data/cookies.json, read by packages/editor/theme/components/CookieConsent.astro),
 // "Privatlivssider", which pages are the privacy policy and the cookie policy, as a list like "Standardsider" (in the
 // same file, config.standardPages; standardPages.ts), and "Samtykker", the visitors' answers in the banner.
 import { Cookie, FileText, ListChecks } from '@phosphor-icons/react';
@@ -65,6 +65,9 @@ export const privacy: PartScreen = {
         ...categoryFields('targeting', 'målrettede annoncer'),
       ],
     },
+    // The site's list of cookies ("Cookies", the standard block "Cookieliste"), a screen of its own under "Lister"'s
+    // address space (#liste/<id>): only its row is here, and the list goes back to this screen (Library.tsx).
+    { id: 'cookies', label: 'Cookies', icon: Cookie, href: `#liste/${config.lists.cookies}` },
     {
       id: 'privatlivssider',
       label: 'Privatlivssider',

package/defaults/rules.ts

@@ -8,6 +8,8 @@ import type { Status } from '../src/FormFrame';
 import { blocksIn } from '../lib/blocks.mjs';
 import { readFields, splitFrontmatter } from '../src/frontmatter.mjs';
 import { siteText } from '../src/i18n';
+import { promotionTags, recordUse, tagUses, taggedWith } from '../src/tagUses.mjs';
+import type { TagFolders } from '../src/tagUses.mjs';
 import { byText, fixedName, slugOf, type Collection, type Relation } from '../src/schema';
 import { collections } from '@site/collections';
 import { config } from '@site/config';
@@ -256,8 +258,15 @@ export function siteProblems(files: { path: string; text: string }[]): string[]
   return problems;
 }
 
-// The tags a promotion is shown on the posts of (Promovering, "Vises på": "Blogindlæg med tags").
-const promotionTags = (d: Record<string, unknown>): string[] => (d.where === 'tags' && Array.isArray(d.tags) ? d.tags.map(String) : []);
+// Where the tag uses are (tagUses.mjs): the blog and pages folders, the testimonials, the promotions and the
+// file records.
+const TAG_FOLDERS: TagFolders = {
+  blog: config.folders.blog,
+  pages: config.folders.pages,
+  testimonials: 'src/data/testimonials',
+  popups: 'src/data/popups',
+  fileRecords: config.fileRecords,
+};
 
 // Why an entry cannot be deleted (something on the site uses it), with a link to where, or null.
 export function usedBy(collection: Collection, file: RepoFile, files: RepoFile[]): Status {
@@ -282,9 +291,7 @@ export function usedBy(collection: Collection, file: RepoFile, files: RepoFile[]
     (home ? (blocksIn(home.text) as { type: string; props: Record<string, unknown> }[]) : []).map((b) => [b.type, b.props]),
   );
   if (collection.id === 'kategorier') {
-    const posts = files.filter(
-      (f) => f.path.startsWith(`${config.folders.blog}/`) && ((fm(f).categories as string[]) ?? []).includes(slug),
-    );
+    const { posts, pages, testimonials: quotes, records } = taggedWith(files, slug, TAG_FOLDERS);
     if (posts.length)
       return {
         text:
@@ -293,9 +300,15 @@ export function usedBy(collection: Collection, file: RepoFile, files: RepoFile[]
             : siteText('Tagget bruges på {antal} blogindlæg. Fjern det fra dem først.', { antal: posts.length }),
         error: true,
       };
-    const quotes = files.filter(
-      (f) => f.path.startsWith('src/data/testimonials/') && ((json(f).categories as string[] | undefined) ?? []).includes(slug),
-    );
+    if (pages.length)
+      return {
+        text:
+          pages.length === 1
+            ? siteText('Tagget bruges på en side. Fjern det fra den først.')
+            : siteText('Tagget bruges på {antal} sider. Fjern det fra dem først.', { antal: pages.length }),
+        error: true,
+        ...(pages.length === 1 ? { edit: { to: pages[0].path, text: siteText('Rediger siden') } } : {}),
+      };
     if (quotes.length)
       return {
         text:
@@ -304,6 +317,15 @@ export function usedBy(collection: Collection, file: RepoFile, files: RepoFile[]
             : siteText('Tagget bruges på {antal} udtalelser. Fjern det fra dem først.', { antal: quotes.length }),
         error: true,
       };
+    if (records.length)
+      return {
+        text:
+          records.length === 1
+            ? siteText('Tagget bruges på en fil. Fjern det fra den først.')
+            : siteText('Tagget bruges på {antal} filer. Fjern det fra dem først.', { antal: records.length }),
+        error: true,
+        ...(records.length === 1 ? { edit: { to: recordUse(records[0], config.fileRecords)!.path, text: siteText('Åbn filen') } } : {}),
+      };
     // A promotion shown on the posts with the tag (Promovering, "Blogindlæg med tags").
     const promotion = files.find(
       (f) => f.path.startsWith('src/data/popups/') && f.path.endsWith('.json') && promotionTags(json(f)).includes(slug),
@@ -346,7 +368,7 @@ export function usedBy(collection: Collection, file: RepoFile, files: RepoFile[]
       };
   }
   // Any other place under "Bruges på" (usesOf): a "Blogindlæg" or "Udtalelser" block that picks the tag, on a
-  // page or in a post.
+  // page or in a post. Files with the tag are handled above (records), so the first use is never a file record.
   if (collection.id === 'kategorier') {
     const use = usesOf(collection, files)(file)[0];
     if (use) {
@@ -381,47 +403,23 @@ function nameOf(file: RepoFile): string {
 export type Use = { path: string; name: string };
 
 // The places on the site that use an entry, by the entry's file, each once (the tag's "Bruges på", DataForm.tsx,
-// and the number at it in its list, Library.tsx); [] for none. For a tag: the blog posts, testimonials and
-// promotions that have it, and the pages and posts with a "Blogindlæg" or "Udtalelser" block that
+// and the number at it in its list, Library.tsx); [] for none. For a tag: the blog posts, pages, testimonials,
+// promotions and files (by the route "filer/<path>" and the file's name) that have it, and the pages and posts with a "Blogindlæg" or "Udtalelser" block that
 // picks it (its tags, or the tag "Alle indlæg" goes to). Made once for the whole list.
 export function usesOf(collection: Collection, files: RepoFile[]): (file: RepoFile) => Use[] {
   if (collection.kind === 'files' || collection.id !== 'kategorier') return () => [];
-  const uses = tagUses(files);
+  const uses = tagUses(files, TAG_FOLDERS);
   return (file) =>
     [...(uses.get(slugOf(file.path, collection.folder))?.values() ?? [])]
-      .map((f) => ({ path: f.path, name: nameOf(f) }))
+      .map((f) => recordUse(f, config.fileRecords) ?? { path: f.path, name: nameOf(f) })
       .sort((a, b) => byText(a.name, b.name));
 }
 
-// The files that use each tag (usesOf), by the tag, each file once.
-function tagUses(files: RepoFile[]): Map<string, Map<string, RepoFile>> {
-  const uses = new Map<string, Map<string, RepoFile>>();
-  const add = (f: RepoFile, slugs: unknown) => {
-    for (const slug of Array.isArray(slugs) ? slugs.map(String) : []) {
-      if (!uses.has(slug)) uses.set(slug, new Map());
-      uses.get(slug)!.set(f.path, f);
-    }
-  };
-  const block = (f: RepoFile, type: unknown, props: Record<string, unknown>) => {
-    if (type === 'posts' || type === 'testimonials')
-      add(f, [...(Array.isArray(props.categories) ? props.categories : []), ...(props.link ? [props.link] : [])]);
-  };
-  const inFolder = (f: RepoFile, folder: string, ext: string) => f.path.startsWith(`${folder}/`) && f.path.endsWith(ext);
-  for (const f of files) {
-    if (inFolder(f, config.folders.blog, '.md') || inFolder(f, config.folders.pages, '.md')) {
-      if (inFolder(f, config.folders.blog, '.md')) add(f, fm(f).categories);
-      for (const b of blocksIn(f.text) as { type: string; props: Record<string, unknown> }[]) block(f, b.type, b.props);
-    } else if (inFolder(f, 'src/data/testimonials', '.json')) add(f, json(f).categories);
-    else if (inFolder(f, 'src/data/popups', '.json')) add(f, promotionTags(json(f)));
-  }
-  return uses;
-}
-
 // The number at the right of an entry in the list of a part, by the entry's file, or null for none
 // (Library.tsx): at each tag, the number of places that use it (usesOf).
 export function countsOf(collection: Collection, files: RepoFile[]): (file: RepoFile) => number | null {
   if (collection.kind === 'files' || collection.id !== 'kategorier') return () => null;
-  const uses = tagUses(files);
+  const uses = tagUses(files, TAG_FOLDERS);
   return (file) => uses.get(slugOf(file.path, collection.folder))?.size ?? 0;
 }
 

package/defaults/standardPages.ts

@@ -30,14 +30,11 @@ export type StandardPage = {
 };
 
 export const standardPages: StandardPage[] = [
-  // The top ("Banner") stays first, and is the page's only "Banner".
   {
     key: 'front',
     label: 'Forside',
     the: 'Forsiden',
     at: '/',
-    template: { locked: ['hero'], max: { hero: 1 } },
-    needs: { type: 'hero', label: 'Banner' },
   },
   // The posts ("Blogindlæg"), once.
   {

package/defaults/texts.ts

@@ -226,6 +226,7 @@ export const texts: Record<string, Record<string, string>> = {
     // "Privatliv" (privacy.ts).
     Privatliv: 'Privacy',
     Cookiebanner: 'Cookie banner',
+    Cookies: 'Cookies',
     'Når banneret er fra, er der ingen måling eller annoncer.': 'When the banner is off, there is no analytics or ads.',
     'Rediger privatlivspolitik': 'Edit privacy policy',
     Aktiveret: 'Activated',
@@ -290,7 +291,7 @@ export const texts: Record<string, Record<string, string>> = {
     'Knaptekst (ring)': 'Button text (call)',
     'Telefonnummeret vises efter teksten.': 'The phone number is shown after the text.',
     Blokke: 'Blocks',
-    Standardblokke: 'Default blocks',
+    Blokskabeloner: 'Block templates',
     Knapper: 'Buttons',
     Ring: 'Call',
     'Ved Ring vises telefonnummeret efter teksten.': 'With Call, the phone number is shown after the text.',
@@ -300,13 +301,18 @@ export const texts: Record<string, Record<string, string>> = {
     '{hvad} ({navn})': '{hvad} ({navn})',
     Indhold: 'Content',
     Indstillinger: 'Settings',
-    'På alle sider': 'On every page',
+    Globalt: 'Globals',
+    Oversigt: 'Dashboard',
+    Apps: 'Apps',
+    Udseende: 'Appearance',
     'Tilføjer et "Læs mere"-link under teksten.': 'Adds a "Læs mere" link under the text.',
     // Said by the editor from the site's rules (rules.ts).
     'Rediger forsiden': 'Edit the front page',
     'Rediger siden': 'Edit the page',
     'Tagget bruges på et blogindlæg. Fjern det fra det først.': 'The tag is used on a blog post. Remove it from the post first.',
     'Tagget bruges på {antal} blogindlæg. Fjern det fra dem først.': 'The tag is used on {antal} blog posts. Remove it from them first.',
+    'Tagget bruges på en side. Fjern det fra den først.': 'The tag is used on a page. Remove it from the page first.',
+    'Tagget bruges på {antal} sider. Fjern det fra dem først.': 'The tag is used on {antal} pages. Remove it from them first.',
     'Tagget bruges på en udtalelse. Fjern det fra den først.': 'The tag is used on a testimonial. Remove it from the testimonial first.',
     'Tagget bruges i promoveringen "{navn}". Fjern det fra den først.':
       'The tag is used in the promotion "{navn}". Remove it from the promotion first.',
@@ -327,6 +333,9 @@ export const texts: Record<string, Record<string, string>> = {
     Standardknapper: 'Default buttons',
     'Rediger standardknapperne': 'Edit the default buttons',
     'Tagget bruges på {antal} udtalelser. Fjern det fra dem først.': 'The tag is used on {antal} testimonials. Remove it from them first.',
+    'Tagget bruges på en fil. Fjern det fra den først.': 'The tag is used on a file. Remove it from the file first.',
+    'Tagget bruges på {antal} filer. Fjern det fra dem først.': 'The tag is used on {antal} files. Remove it from them first.',
+    'Åbn filen': 'Open the file',
     'Tagget vælger indlæggene på forsiden under "Fra bloggen". Vælg et andet først.':
       'The tag picks the posts on the front page under "Fra bloggen". Pick another one first.',
     'Indlægget er valgt til forsiden under "Fra bloggen". Vælg et andet først.':

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

@@ -13,6 +13,8 @@ Morpheme is a website editor for sites built with [Astro](https://astro.build) a
 
 <div data-block="points" data-props="{&quot;eyebrow&quot;:&quot;Under the hood&quot;,&quot;heading&quot;:&quot;Three proven parts&quot;,&quot;items&quot;:[{&quot;icon&quot;:&quot;book-open-text&quot;,&quot;title&quot;:&quot;GitHub&quot;,&quot;text&quot;:&quot;Your content lives as plain files in your own repository. Every save is one commit.&quot;},{&quot;icon&quot;:&quot;lightbulb&quot;,&quot;title&quot;:&quot;Astro&quot;,&quot;text&quot;:&quot;Your site is built ahead of time into finished pages that open instantly.&quot;},{&quot;icon&quot;:&quot;lifebuoy&quot;,&quot;title&quot;:&quot;Cloudflare&quot;,&quot;text&quot;:&quot;Pages are served from a location near each visitor, and sign-in runs on Cloudflare Workers.&quot;}]}"></div>
 
+<p class="block-eyebrow">Step by step</p>
+
 ## How saving works
 
 When you tap Save, the editor first checks the page. If something’s missing, it tells you what and highlights the field until it’s fixed. Then your change is saved to GitHub, Cloudflare rebuilds your site, and you get a notification when it’s live.

package/icons/lucide/browser-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" /> <path d="M3 9h18" /></g></svg>

package/icons/lucide/buildings-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 12h4" /> <path d="M10 8h4" /> <path d="M14 21v-3a2 2 0 0 0-4 0v3" /> <path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2" /> <path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16" /></g></svg>

package/icons/lucide/certificate-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" /> <circle cx="12" cy="8" r="6" /></g></svg>

package/icons/lucide/chart-line-up-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v16a2 2 0 0 0 2 2h16" /> <path d="m19 9-5 5-4-4-3 3" /></g></svg>

package/icons/lucide/chats-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" /> <path d="M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1" /></g></svg>

package/icons/lucide/envelope-simple-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" /> <rect x="2" y="4" width="20" height="16" rx="2" /></g></svg>

package/icons/lucide/file-text-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" /> <path d="M14 2v5a1 1 0 0 0 1 1h5" /> <path d="M10 9H8" /> <path d="M16 13H8" /> <path d="M16 17H8" /></g></svg>

package/icons/lucide/folder-simple-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /></g></svg>

package/icons/lucide/gauge.svg

@@ -1 +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"><path d="m12 14 4-4" /> <path d="M3.34 19a10 10 0 1 1 17.32 0" /></g></svg>
+<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="7" height="9" x="3" y="3" rx="1" /> <rect width="7" height="5" x="14" y="3" rx="1" /> <rect width="7" height="9" x="14" y="12" rx="1" /> <rect width="7" height="5" x="3" y="16" rx="1" /></g></svg>

package/icons/lucide/gear-six.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"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" /> <circle cx="12" cy="12" r="3" /></g></svg>

package/icons/lucide/globe-simple.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="10" /> <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" /> <path d="M2 12h20" /></g></svg>

package/icons/lucide/heart-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5" /></g></svg>

package/icons/lucide/layout.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" /> <path d="m10 15-3-3 3-3" /></g></svg>

package/icons/lucide/list-checks-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 5h8" /> <path d="M13 12h8" /> <path d="M13 19h8" /> <path d="m3 17 2 2 4-4" /> <path d="m3 7 2 2 4-4" /></g></svg>

package/icons/lucide/magnifying-glass-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21 21-4.34-4.34" /> <circle cx="11" cy="11" r="8" /></g></svg>

package/icons/lucide/megaphone-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z" /> <path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14" /> <path d="M8 6v8" /></g></svg>

package/icons/lucide/newspaper-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18h-5" /> <path d="M18 14h-8" /> <path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2" /> <rect width="8" height="4" x="10" y="6" rx="1" /></g></svg>

package/icons/lucide/paint-brush-broad-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m14.622 17.897-10.68-2.913" /> <path d="M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z" /> <path d="M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15" /></g></svg>

package/icons/lucide/puzzle-piece-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z" /></g></svg>

package/icons/lucide/shield-check-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" /> <path d="m9 12 2 2 4-4" /></g></svg>

package/icons/lucide/sidebar-simple.svg

@@ -1 +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>
+<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" /> <path d="m14 9 3 3-3 3" /></g></svg>

package/icons/lucide/sidebar.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" /> <path d="m16 15-3-3 3-3" /></g></svg>

package/icons/lucide/square-half-bottom-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" /> <path d="M3 15h18" /></g></svg>

package/icons/lucide/square-half.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" /> <path d="m8 9 3 3-3 3" /></g></svg>

package/icons/lucide/squares-four-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="7" height="7" x="3" y="3" rx="1" /> <rect width="7" height="7" x="14" y="3" rx="1" /> <rect width="7" height="7" x="14" y="14" rx="1" /> <rect width="7" height="7" x="3" y="14" rx="1" /></g></svg>

package/icons/lucide/storefront-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5" /> <path d="M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244" /> <path d="M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05" /></g></svg>

package/icons/lucide/tag-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" /> <circle cx="7.5" cy="7.5" r=".5" fill="currentColor" /></g></svg>

package/icons/lucide/toggle-right-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="15" cy="12" r="3" /> <rect width="20" height="14" x="2" y="5" rx="7" /></g></svg>

package/icons/lucide/trash-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 11v6" /> <path d="M14 11v6" /> <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" /> <path d="M3 6h18" /> <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /></g></svg>