@morphemecms/cms 0.1.0 → 0.2.0-next-20261104150211

package/scripts/icon-packs.mjs

@@ -1,151 +1,151 @@
-// Writes the system's own icon packs (packages/editor/icons/<pack>/: Material Symbols, Phosphor and Lucide; SYSTEM_PACKS in
-// packages/editor/site/iconPacks.mjs) from their sets' packages at the versions in PACK_SOURCES (packages/editor/site/icons.mjs): for each icon the
-// site and the editor draw, by its Phosphor name (usedIcons: the site's in packages/editor/src/icon.tsx, which the
-// content stores; the editor's as it imports them from @phosphor-icons/react and @phosphor-icons/core, found in the
-// code; the app store's), the set's icon its map names (MATERIAL_SYMBOLS, LUCIDE; one the set has none of from
-// Pictogrammers' Material Design Icons, MATERIAL_DESIGN_ICONS), as one <svg> with its viewBox, without a size or a colour
-// of its own: Svg and the theme's Vite plugin (themePlugin in packages/editor/site/theme.mjs) give it those. Phosphor's are its files
-// as they are (so a site with Phosphor's pack draws Phosphor's own icons, unchanged); Lucide's lines in a <g> with
-// Lucide's stroke (`-fill`: filled in). Beside them the pack's manifest (pack.json: name, author, licence, and the icons
-// from Material Design Icons under `includes`) and the licences (LICENSE, LICENSE-material-design-icons), from the
-// packages. The files are committed, so neither an install nor the site's build needs the sets' packages.
-//
-//   npm run icons   (npm run icons)
-//
-// Run it after a new icon on the site or in the editor (check:content says which a pack has none for) or a new version
-// of a set (PACK_SOURCES). It fetches the sets' packages at those versions itself, once, into node_modules/.cache/ (they
-// are not in package.json, and large); Phosphor's is the site's own dependency.
-import { execFileSync } from 'node:child_process';
-import { existsSync, mkdirSync, readFileSync, readdirSync, rmSync, writeFileSync } from 'node:fs';
-import { ICON_PACK_FILE, ICON_PACK_LICENSE, SYSTEM_PACKS } from '@morphemecms/cms/site/iconPacks.mjs';
-import { packFolder } from '@morphemecms/cms/site/icons.mjs';
-import { MATERIAL_DESIGN_ICONS, PACK_MAPS, PACK_SOURCES, phosphorFile, usedIcons } from '@morphemecms/cms/site/icons.mjs';
-
-const MDI = 'material-design-icons';
-const version = (spec) => spec.replace(/^.*@/, '');
-
-// A set's package at its version, in a folder of its own, so the site's node_modules stays as package.json has it.
-function fetched(spec) {
-  const cache = `node_modules/.cache/${spec.replace(/[/@]/g, '_')}`;
-  const pkg = `${cache}/node_modules/${spec.replace(/@[^@]*$/, '')}/`;
-  if (!existsSync(`${pkg}package.json`)) {
-    console.log(`Henter ${spec} til ${cache} …`);
-    mkdirSync(cache, { recursive: true });
-    // npm is npm.cmd on Windows, which execFileSync cannot start without a shell: npm's own script with Node, when npm
-    // runs this.
-    const npm = process.env.npm_execpath ? [process.execPath, process.env.npm_execpath] : ['npm'];
-    execFileSync(
-      npm[0],
-      [...npm.slice(1), 'install', '--prefix', cache, '--no-save', '--no-package-lock', '--no-audit', '--no-fund', spec],
-      {
-        stdio: 'inherit',
-      },
-    );
-  }
-  return pkg;
-}
-
-const used = [...usedIcons()].sort();
-const phosphorPkg = 'node_modules/@phosphor-icons/core/';
-const phosphorVersion = JSON.parse(readFileSync(`${phosphorPkg}package.json`, 'utf8')).version;
-if (`@phosphor-icons/core@${phosphorVersion}` !== PACK_SOURCES.phosphor.package) {
-  console.error(
-    `@phosphor-icons/core er ${phosphorVersion}, ikke ${PACK_SOURCES.phosphor.package}: ret versionen i PACK_SOURCES (packages/editor/site/icons.mjs), eller installer den.`,
-  );
-  process.exit(1);
-}
-const pkgs = { phosphor: phosphorPkg };
-for (const id of [...SYSTEM_PACKS, MDI]) pkgs[id] ??= fetched(PACK_SOURCES[id].package);
-
-// An icon's file of a set by the set's own name.
-const sourceFile = {
-  'material-symbols': (icon) => `${pkgs['material-symbols']}outlined/${icon}.svg`,
-  lucide: (icon) => `${pkgs.lucide}icons/${icon.replace(/-fill$/, '')}.svg`,
-  [MDI]: (icon) => `${pkgs[MDI]}svg/${icon}.svg`,
-};
-
-// One <svg> with the file's viewBox and what is in it, without comments, a size or a class of its own.
-function bare(file, wrap = (inner) => inner) {
-  const svg = readFileSync(file, 'utf8').replace(/<!--[\s\S]*?-->/g, '');
-  const viewBox = svg.match(/\bviewBox="([^"]*)"/)?.[1];
-  const inner = svg.match(/^\s*<svg\b[^>]*>([\s\S]*)<\/svg>\s*$/)?.[1];
-  if (!viewBox || !inner) throw new Error(`${file} er ikke ét <svg> med en viewBox.`);
-  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}">${wrap(inner)}</svg>\n`;
-}
-// Lucide's lines, in the text's colour as lines (its own <svg> has the stroke); `-fill` filled in.
-const lines = (fill) => (inner) =>
-  `<g fill="${fill ? 'currentColor' : 'none'}" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${inner.replace(/\s+/g, ' ').trim()}</g>`;
-
-// What each pack's files are, by Phosphor's name: its set's, and those from Material Design Icons.
-function sourcesOf(id) {
-  if (id === 'phosphor') return used.map((name) => ({ name, text: () => phosphorFile(name) }));
-  const map = PACK_MAPS[id];
-  const mdi = MATERIAL_DESIGN_ICONS[id] ?? {};
-  return [
-    ...Object.entries(map).map(([name, icon]) => {
-      const file = sourceFile[id](icon);
-      return { name, icon, file, text: () => bare(file, id === 'lucide' ? lines(icon.endsWith('-fill')) : undefined) };
-    }),
-    ...Object.entries(mdi).map(([name, icon]) => {
-      const file = sourceFile[MDI](icon);
-      return { name, icon, file, text: () => bare(file) };
-    }),
-  ];
-}
-
-const problems = [];
-for (const id of SYSTEM_PACKS) {
-  const sources = sourcesOf(id);
-  const names = sources.map((s) => s.name);
-  const missing = used.filter((name) => !names.includes(name));
-  if (missing.length)
-    problems.push(
-      `${PACK_SOURCES[id].name} har intet ikon for ${missing.join(', ')} i packages/editor/site/icons.mjs: skriv det, der passer (et, sættet intet har af, i MATERIAL_DESIGN_ICONS).`,
-    );
-  for (const { name, icon, file } of sources)
-    if (file && !existsSync(file)) problems.push(`${PACK_SOURCES[id].name} har intet "${icon}" (for ${name}).`);
-  if (id === 'phosphor') for (const name of used) if (!phosphorFile(name)) problems.push(`Phosphor har intet "${name}".`);
-}
-if (problems.length) {
-  for (const p of problems) console.error(p);
-  process.exit(1);
-}
-
-for (const id of SYSTEM_PACKS) {
-  const dir = `${packFolder(id)}/`;
-  rmSync(dir, { recursive: true, force: true });
-  mkdirSync(dir, { recursive: true });
-  for (const { name, text } of sourcesOf(id)) writeFileSync(`${dir}${name}.svg`, text());
-  const { name, author, license, url, package: spec } = PACK_SOURCES[id];
-  const mdi = Object.keys(MATERIAL_DESIGN_ICONS[id] ?? {}).sort();
-  const manifest = {
-    name,
-    author,
-    license,
-    url,
-    version: version(spec),
-    source: spec,
-    ...(mdi.length
-      ? {
-          includes: [
-            {
-              name: PACK_SOURCES[MDI].name,
-              author: PACK_SOURCES[MDI].author,
-              license: PACK_SOURCES[MDI].license,
-              url: PACK_SOURCES[MDI].url,
-              version: version(PACK_SOURCES[MDI].package),
-              source: PACK_SOURCES[MDI].package,
-              licenseFile: `${ICON_PACK_LICENSE}-${MDI}`,
-              icons: mdi,
-            },
-          ],
-        }
-      : {}),
-  };
-  writeFileSync(`${dir}${ICON_PACK_FILE}`, `${JSON.stringify(manifest, null, 2)}\n`);
-  writeFileSync(`${dir}${ICON_PACK_LICENSE}`, `${readFileSync(`${pkgs[id]}LICENSE`, 'utf8').trim()}\n`);
-  if (mdi.length) writeFileSync(`${dir}${ICON_PACK_LICENSE}-${MDI}`, `${readFileSync(`${pkgs[MDI]}LICENSE`, 'utf8').trim()}\n`);
-  console.log(
-    `${readdirSync(dir).filter((f) => f.endsWith('.svg')).length} ikoner fra ${spec}${mdi.length ? ` og ${PACK_SOURCES[MDI].package}` : ''} i ${dir}.`,
-  );
-}
+// Writes the system's own icon packs (packages/editor/icons/<pack>/: Material Symbols, Phosphor and Lucide; SYSTEM_PACKS in
+// packages/editor/site/iconPacks.mjs) from their sets' packages at the versions in PACK_SOURCES (packages/editor/site/icons.mjs): for each icon the
+// site and the editor draw, by its Phosphor name (usedIcons: the site's in packages/editor/src/icon.tsx, which the
+// content stores; the editor's as it imports them from @phosphor-icons/react and @phosphor-icons/core, found in the
+// code; the app store's), the set's icon its map names (MATERIAL_SYMBOLS, LUCIDE; one the set has none of from
+// Pictogrammers' Material Design Icons, MATERIAL_DESIGN_ICONS), as one <svg> with its viewBox, without a size or a colour
+// of its own: Svg and the theme's Vite plugin (themePlugin in packages/editor/site/theme.mjs) give it those. Phosphor's are its files
+// as they are (so a site with Phosphor's pack draws Phosphor's own icons, unchanged); Lucide's lines in a <g> with
+// Lucide's stroke (`-fill`: filled in). Beside them the pack's manifest (pack.json: name, author, licence, and the icons
+// from Material Design Icons under `includes`) and the licences (LICENSE, LICENSE-material-design-icons), from the
+// packages. The files are committed, so neither an install nor the site's build needs the sets' packages.
+//
+//   npm run icons   (npm run icons)
+//
+// Run it after a new icon on the site or in the editor (check:content says which a pack has none for) or a new version
+// of a set (PACK_SOURCES). It fetches the sets' packages at those versions itself, once, into node_modules/.cache/ (they
+// are not in package.json, and large); Phosphor's is the site's own dependency.
+import { execFileSync } from 'node:child_process';
+import { existsSync, mkdirSync, readFileSync, readdirSync, rmSync, writeFileSync } from 'node:fs';
+import { ICON_PACK_FILE, ICON_PACK_LICENSE, SYSTEM_PACKS } from '@morphemecms/cms/site/iconPacks.mjs';
+import { packFolder } from '@morphemecms/cms/site/icons.mjs';
+import { MATERIAL_DESIGN_ICONS, PACK_MAPS, PACK_SOURCES, phosphorFile, usedIcons } from '@morphemecms/cms/site/icons.mjs';
+
+const MDI = 'material-design-icons';
+const version = (spec) => spec.replace(/^.*@/, '');
+
+// A set's package at its version, in a folder of its own, so the site's node_modules stays as package.json has it.
+function fetched(spec) {
+  const cache = `node_modules/.cache/${spec.replace(/[/@]/g, '_')}`;
+  const pkg = `${cache}/node_modules/${spec.replace(/@[^@]*$/, '')}/`;
+  if (!existsSync(`${pkg}package.json`)) {
+    console.log(`Henter ${spec} til ${cache} …`);
+    mkdirSync(cache, { recursive: true });
+    // npm is npm.cmd on Windows, which execFileSync cannot start without a shell: npm's own script with Node, when npm
+    // runs this.
+    const npm = process.env.npm_execpath ? [process.execPath, process.env.npm_execpath] : ['npm'];
+    execFileSync(
+      npm[0],
+      [...npm.slice(1), 'install', '--prefix', cache, '--no-save', '--no-package-lock', '--no-audit', '--no-fund', spec],
+      {
+        stdio: 'inherit',
+      },
+    );
+  }
+  return pkg;
+}
+
+const used = [...usedIcons()].sort();
+const phosphorPkg = 'node_modules/@phosphor-icons/core/';
+const phosphorVersion = JSON.parse(readFileSync(`${phosphorPkg}package.json`, 'utf8')).version;
+if (`@phosphor-icons/core@${phosphorVersion}` !== PACK_SOURCES.phosphor.package) {
+  console.error(
+    `@phosphor-icons/core er ${phosphorVersion}, ikke ${PACK_SOURCES.phosphor.package}: ret versionen i PACK_SOURCES (packages/editor/site/icons.mjs), eller installer den.`,
+  );
+  process.exit(1);
+}
+const pkgs = { phosphor: phosphorPkg };
+for (const id of [...SYSTEM_PACKS, MDI]) pkgs[id] ??= fetched(PACK_SOURCES[id].package);
+
+// An icon's file of a set by the set's own name.
+const sourceFile = {
+  'material-symbols': (icon) => `${pkgs['material-symbols']}outlined/${icon}.svg`,
+  lucide: (icon) => `${pkgs.lucide}icons/${icon.replace(/-fill$/, '')}.svg`,
+  [MDI]: (icon) => `${pkgs[MDI]}svg/${icon}.svg`,
+};
+
+// One <svg> with the file's viewBox and what is in it, without comments, a size or a class of its own.
+function bare(file, wrap = (inner) => inner) {
+  const svg = readFileSync(file, 'utf8').replace(/<!--[\s\S]*?-->/g, '');
+  const viewBox = svg.match(/\bviewBox="([^"]*)"/)?.[1];
+  const inner = svg.match(/^\s*<svg\b[^>]*>([\s\S]*)<\/svg>\s*$/)?.[1];
+  if (!viewBox || !inner) throw new Error(`${file} er ikke ét <svg> med en viewBox.`);
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}">${wrap(inner)}</svg>\n`;
+}
+// Lucide's lines, in the text's colour as lines (its own <svg> has the stroke); `-fill` filled in.
+const lines = (fill) => (inner) =>
+  `<g fill="${fill ? 'currentColor' : 'none'}" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${inner.replace(/\s+/g, ' ').trim()}</g>`;
+
+// What each pack's files are, by Phosphor's name: its set's, and those from Material Design Icons.
+function sourcesOf(id) {
+  if (id === 'phosphor') return used.map((name) => ({ name, text: () => phosphorFile(name) }));
+  const map = PACK_MAPS[id];
+  const mdi = MATERIAL_DESIGN_ICONS[id] ?? {};
+  return [
+    ...Object.entries(map).map(([name, icon]) => {
+      const file = sourceFile[id](icon);
+      return { name, icon, file, text: () => bare(file, id === 'lucide' ? lines(icon.endsWith('-fill')) : undefined) };
+    }),
+    ...Object.entries(mdi).map(([name, icon]) => {
+      const file = sourceFile[MDI](icon);
+      return { name, icon, file, text: () => bare(file) };
+    }),
+  ];
+}
+
+const problems = [];
+for (const id of SYSTEM_PACKS) {
+  const sources = sourcesOf(id);
+  const names = sources.map((s) => s.name);
+  const missing = used.filter((name) => !names.includes(name));
+  if (missing.length)
+    problems.push(
+      `${PACK_SOURCES[id].name} har intet ikon for ${missing.join(', ')} i packages/editor/site/icons.mjs: skriv det, der passer (et, sættet intet har af, i MATERIAL_DESIGN_ICONS).`,
+    );
+  for (const { name, icon, file } of sources)
+    if (file && !existsSync(file)) problems.push(`${PACK_SOURCES[id].name} har intet "${icon}" (for ${name}).`);
+  if (id === 'phosphor') for (const name of used) if (!phosphorFile(name)) problems.push(`Phosphor har intet "${name}".`);
+}
+if (problems.length) {
+  for (const p of problems) console.error(p);
+  process.exit(1);
+}
+
+for (const id of SYSTEM_PACKS) {
+  const dir = `${packFolder(id)}/`;
+  rmSync(dir, { recursive: true, force: true });
+  mkdirSync(dir, { recursive: true });
+  for (const { name, text } of sourcesOf(id)) writeFileSync(`${dir}${name}.svg`, text());
+  const { name, author, license, url, package: spec } = PACK_SOURCES[id];
+  const mdi = Object.keys(MATERIAL_DESIGN_ICONS[id] ?? {}).sort();
+  const manifest = {
+    name,
+    author,
+    license,
+    url,
+    version: version(spec),
+    source: spec,
+    ...(mdi.length
+      ? {
+          includes: [
+            {
+              name: PACK_SOURCES[MDI].name,
+              author: PACK_SOURCES[MDI].author,
+              license: PACK_SOURCES[MDI].license,
+              url: PACK_SOURCES[MDI].url,
+              version: version(PACK_SOURCES[MDI].package),
+              source: PACK_SOURCES[MDI].package,
+              licenseFile: `${ICON_PACK_LICENSE}-${MDI}`,
+              icons: mdi,
+            },
+          ],
+        }
+      : {}),
+  };
+  writeFileSync(`${dir}${ICON_PACK_FILE}`, `${JSON.stringify(manifest, null, 2)}\n`);
+  writeFileSync(`${dir}${ICON_PACK_LICENSE}`, `${readFileSync(`${pkgs[id]}LICENSE`, 'utf8').trim()}\n`);
+  if (mdi.length) writeFileSync(`${dir}${ICON_PACK_LICENSE}-${MDI}`, `${readFileSync(`${pkgs[MDI]}LICENSE`, 'utf8').trim()}\n`);
+  console.log(
+    `${readdirSync(dir).filter((f) => f.endsWith('.svg')).length} ikoner fra ${spec}${mdi.length ? ` og ${PACK_SOURCES[MDI].package}` : ''} i ${dir}.`,
+  );
+}

package/scripts/link-counts.mjs

@@ -1,22 +1,22 @@
-// After the build: how many pages and posts each keyword links from (packages/editor/site/autolinks.mjs gives its links
-// data-link="auto"), in dist/editor/links.json, for "Søgeord" under "Interne links" in the editor (Keywords.tsx):
-// { words: { "<word in lower case>": { href, pages } } }, counted in the built pages, without the new versions under
-// /ny/ and the editor. A keyword without links is not in it.
-import { readFileSync, readdirSync, writeFileSync } from 'node:fs';
-import { join } from 'node:path';
-import { isPreview } from '@morphemecms/cms/site/noindex.mjs';
-
-const ROOT = `${process.cwd()}/`;
-const DIST = join(ROOT, process.argv[2] ?? 'dist');
-const LINK = /<a href="([^"]+)" data-link="auto">([^<]+)<\/a>/g;
-const words = {};
-for (const file of readdirSync(DIST, { recursive: true, encoding: 'utf8' }).filter((f) => f.endsWith('index.html'))) {
-  const path = `/${file.replace(/index\.html$/, '')}`;
-  if (path.startsWith('/editor/') || isPreview(path)) continue;
-  for (const [, href, text] of readFileSync(join(DIST, file), 'utf8').matchAll(LINK)) {
-    const word = text.toLowerCase();
-    words[word] ??= { href, pages: 0 };
-    words[word].pages++;
-  }
-}
-writeFileSync(join(DIST, 'editor', 'links.json'), `${JSON.stringify({ words })}\n`);
+// After the build: how many pages and posts each keyword links from (packages/editor/site/autolinks.mjs gives its links
+// data-link="auto"), in dist/editor/links.json, for "Søgeord" under "Interne links" in the editor (Keywords.tsx):
+// { words: { "<word in lower case>": { href, pages } } }, counted in the built pages, without the new versions under
+// /ny/ and the editor. A keyword without links is not in it.
+import { readFileSync, readdirSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { isPreview } from '@morphemecms/cms/site/noindex.mjs';
+
+const ROOT = `${process.cwd()}/`;
+const DIST = join(ROOT, process.argv[2] ?? 'dist');
+const LINK = /<a href="([^"]+)" data-link="auto">([^<]+)<\/a>/g;
+const words = {};
+for (const file of readdirSync(DIST, { recursive: true, encoding: 'utf8' }).filter((f) => f.endsWith('index.html'))) {
+  const path = `/${file.replace(/index\.html$/, '')}`;
+  if (path.startsWith('/editor/') || isPreview(path)) continue;
+  for (const [, href, text] of readFileSync(join(DIST, file), 'utf8').matchAll(LINK)) {
+    const word = text.toLowerCase();
+    words[word] ??= { href, pages: 0 };
+    words[word].pages++;
+  }
+}
+writeFileSync(join(DIST, 'editor', 'links.json'), `${JSON.stringify({ words })}\n`);

package/scripts/page-colors.mjs

@@ -1,42 +1,42 @@
-// After the build: each page's colours as it was built, in dist/editor/page-colors.json, for "Farver" › "Sider" in the
-// editor (Colors.tsx), while an app changes the pages' colours (hooks/page-colors.ts):
-// { pages: [{ path, light: { bg, … }, dark: { … }, app?, picture? }] }, by address, read from the <style> Base.astro
-// writes them in (data-page-colors, colorsCss in packages/editor/lib/colors.ts: light mode on :root, dark mode on
-// :root[data-theme='dark']), with the app that changed them and the picture they came from (data-app, data-picture;
-// packages/editor/site/pageColors.ts), without them for a page with the site's own. Without the new versions under /ny/ and the editor.
-import { readFileSync, readdirSync, writeFileSync } from 'node:fs';
-import { join } from 'node:path';
-import { isPreview } from '@morphemecms/cms/site/noindex.mjs';
-
-const ROOT = `${process.cwd()}/`;
-const DIST = join(ROOT, process.argv[2] ?? 'dist');
-const STYLE = /<style\b([^>]*\bdata-page-colors\b[^>]*)>([^<]*)<\/style>/;
-const LIGHT = /:root\{([^}]*)\}/;
-const DARK = /:root\[data-theme='dark'\]\{([^}]*)\}/;
-
-const attribute = (attributes, name) => {
-  const value = new RegExp(`\\b${name}="([^"]*)"`).exec(attributes)?.[1];
-  return value && value.replaceAll('&amp;', '&').replaceAll('&quot;', '"').replaceAll('&#39;', "'");
-};
-const declarations = (css) =>
-  Object.fromEntries([...(css ?? '').matchAll(/--([a-z][a-z0-9-]*):(#[0-9a-f]{6});/gi)].map(([, name, value]) => [name, value]));
-
-const pages = [];
-for (const file of readdirSync(DIST, { recursive: true, encoding: 'utf8' }).filter((f) => f.endsWith('index.html'))) {
-  const path = `/${file.replace(/index\.html$/, '')}`;
-  if (path.startsWith('/editor/') || isPreview(path)) continue;
-  const style = STYLE.exec(readFileSync(join(DIST, file), 'utf8'));
-  if (!style) continue;
-  const [, attributes, css] = style;
-  const app = attribute(attributes, 'data-app');
-  const picture = attribute(attributes, 'data-picture');
-  pages.push({
-    path,
-    light: declarations(LIGHT.exec(css)?.[1]),
-    dark: declarations(DARK.exec(css)?.[1]),
-    ...(app && { app }),
-    ...(picture && { picture }),
-  });
-}
-pages.sort((a, b) => a.path.localeCompare(b.path));
-writeFileSync(join(DIST, 'editor', 'page-colors.json'), `${JSON.stringify({ pages })}\n`);
+// After the build: each page's colours as it was built, in dist/editor/page-colors.json, for "Farver" › "Sider" in the
+// editor (Colors.tsx), while an app changes the pages' colours (hooks/page-colors.ts):
+// { pages: [{ path, light: { bg, … }, dark: { … }, app?, picture? }] }, by address, read from the <style> Base.astro
+// writes them in (data-page-colors, colorsCss in packages/editor/lib/colors.ts: light mode on :root, dark mode on
+// :root[data-theme='dark']), with the app that changed them and the picture they came from (data-app, data-picture;
+// packages/editor/site/pageColors.ts), without them for a page with the site's own. Without the new versions under /ny/ and the editor.
+import { readFileSync, readdirSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { isPreview } from '@morphemecms/cms/site/noindex.mjs';
+
+const ROOT = `${process.cwd()}/`;
+const DIST = join(ROOT, process.argv[2] ?? 'dist');
+const STYLE = /<style\b([^>]*\bdata-page-colors\b[^>]*)>([^<]*)<\/style>/;
+const LIGHT = /:root\{([^}]*)\}/;
+const DARK = /:root\[data-theme='dark'\]\{([^}]*)\}/;
+
+const attribute = (attributes, name) => {
+  const value = new RegExp(`\\b${name}="([^"]*)"`).exec(attributes)?.[1];
+  return value && value.replaceAll('&amp;', '&').replaceAll('&quot;', '"').replaceAll('&#39;', "'");
+};
+const declarations = (css) =>
+  Object.fromEntries([...(css ?? '').matchAll(/--([a-z][a-z0-9-]*):(#[0-9a-f]{6});/gi)].map(([, name, value]) => [name, value]));
+
+const pages = [];
+for (const file of readdirSync(DIST, { recursive: true, encoding: 'utf8' }).filter((f) => f.endsWith('index.html'))) {
+  const path = `/${file.replace(/index\.html$/, '')}`;
+  if (path.startsWith('/editor/') || isPreview(path)) continue;
+  const style = STYLE.exec(readFileSync(join(DIST, file), 'utf8'));
+  if (!style) continue;
+  const [, attributes, css] = style;
+  const app = attribute(attributes, 'data-app');
+  const picture = attribute(attributes, 'data-picture');
+  pages.push({
+    path,
+    light: declarations(LIGHT.exec(css)?.[1]),
+    dark: declarations(DARK.exec(css)?.[1]),
+    ...(app && { app }),
+    ...(picture && { picture }),
+  });
+}
+pages.sort((a, b) => a.path.localeCompare(b.path));
+writeFileSync(join(DIST, 'editor', 'page-colors.json'), `${JSON.stringify({ pages })}\n`);

package/scripts/releases.mjs

@@ -1,80 +1,80 @@
-// What of the apps and themes in the app store is released and what is not yet (store-release.mjs, check-content.mjs).
-// The catalog (store/catalog.json) is what is released: an app or a theme is released when the owner asks for it, with
-// `npm run store:release -- <id>`, not by each merge. Between two releases, what is changed in its folder waits for the
-// next one under the next version, given once: the next patch, minor or major release after the one in the catalog
-// (whichever the changes together are), with one release note saying all that is new in it.
-import { execFileSync } from 'node:child_process';
-import { existsSync } from 'node:fs';
-
-const git = (args, input) => execFileSync('git', args, { encoding: 'utf8', input }).trim();
-const parts = (v) => v.split('.').map((n) => Number.parseInt(n, 10) || 0);
-
-/** Whether a version is newer than another (as `newer` in packages/editor/src/store.ts). */
-function newer(a, b) {
-  const [x, y] = [parts(a), parts(b)];
-  for (let i = 0; i < Math.max(x.length, y.length); i++) if ((x[i] ?? 0) !== (y[i] ?? 0)) return (x[i] ?? 0) > (y[i] ?? 0);
-  return false;
-}
-
-/** The versions that can follow one: its next patch, minor and major release ("1.2.1": 1.2.2, 1.3.0, 2.0.0). */
-export function nextVersions(version) {
-  const [x, y, z] = parts(version);
-  return [`${x}.${y}.${z + 1}`, `${x}.${y + 1}.0`, `${x + 1}.0.0`];
-}
-
-/** A folder's files as they are now, committed or not (but those git ignores and its store.json), by their path in it,
- * with their blob ids. */
-function filesNow(folder) {
-  const paths = git(['ls-files', '-co', '--exclude-standard', '--', folder])
-    .split('\n')
-    .filter((p) => p && p !== `${folder}/store.json` && existsSync(p));
-  const oids = paths.length ? git(['hash-object', '--stdin-paths'], paths.join('\n')).split('\n') : [];
-  return new Map(paths.map((p, i) => [p.slice(folder.length + 1), oids[i]]));
-}
-
-/** Whether a folder is not as its entry in the catalog has it (another file, one more or one less). */
-export function changedSince(folder, entry) {
-  const now = filesNow(folder);
-  return now.size !== entry.files.length || entry.files.some((f) => now.get(f.path) !== f.oid);
-}
-
-/** What is wrong with the version of an app or a theme of the store against what the catalog has released of it.
- * `item`: `kind` ('apps' or 'themes'), `id`, `folder`, `version`, `notes` (its release notes by version, one object
- * for each language it writes them in, by the language: [[null, notes]] for an app) and `where` (the file with its
- * version). One never released can have any version. */
-export function releaseProblems(catalog, item) {
-  const entry = catalog[item.kind]?.find((x) => x.id === item.id);
-  if (!entry) return [];
-  const { version, where, folder } = item;
-  const released = entry.version;
-  if (newer(released, version))
-    return [`${where}: version ${version} er lavere end ${released}, som er udgivet. En udgivet version sættes aldrig ned.`];
-  if (!changedSince(folder, entry))
-    return version === released
-      ? []
-      : [`${where}: version ${version}, men intet i ${folder} er ændret, siden ${released} blev udgivet. Sæt den tilbage til ${released}.`];
-  const next = nextVersions(released);
-  const problems = [];
-  if (version === released)
-    problems.push(
-      `${where}: ${folder} er ændret, siden ${released} blev udgivet, så den skal have den næste version, ${next.join(', ')} (efter, hvad ændringerne er), med en release note. Den udgives først, når ejeren beder om det.`,
-    );
-  else if (!next.includes(version))
-    problems.push(
-      `${where}: version ${version} følger ikke ${released}, som er udgivet. Mellem to udgivelser får den den næste version én gang: ${next.join(', ')}, og det nye står i dens ene release note.`,
-    );
-  else
-    for (const [language, notes] of item.notes)
-      if (!notes?.[version]) problems.push(`${where}: version ${version} har ingen release note${language ? ` på ${language}` : ''}.`);
-  for (const [language, notes] of item.notes)
-    for (const v of Object.keys(notes ?? {}))
-      if (v !== version && newer(v, released))
-        problems.push(
-          `${where}: release noten til ${v}${language ? ` (${language})` : ''} er til en version, der aldrig blev udgivet. Skriv det i noten til ${version}.`,
-        );
-  return problems;
-}
-
-/** An app's or a theme's release notes as releaseProblems takes them. */
-export const notesOf = (releaseNotes, byLanguage) =>
-  byLanguage && Object.keys(releaseNotes ?? {}).length ? Object.entries(releaseNotes) : [[null, releaseNotes ?? {}]];
+// What of the apps and themes in the app store is released and what is not yet (store-release.mjs, check-content.mjs).
+// The catalog (store/catalog.json) is what is released: an app or a theme is released when the owner asks for it, with
+// `npm run store:release -- <id>`, not by each merge. Between two releases, what is changed in its folder waits for the
+// next one under the next version, given once: the next patch, minor or major release after the one in the catalog
+// (whichever the changes together are), with one release note saying all that is new in it.
+import { execFileSync } from 'node:child_process';
+import { existsSync } from 'node:fs';
+
+const git = (args, input) => execFileSync('git', args, { encoding: 'utf8', input }).trim();
+const parts = (v) => v.split('.').map((n) => Number.parseInt(n, 10) || 0);
+
+/** Whether a version is newer than another (as `newer` in packages/editor/src/store.ts). */
+function newer(a, b) {
+  const [x, y] = [parts(a), parts(b)];
+  for (let i = 0; i < Math.max(x.length, y.length); i++) if ((x[i] ?? 0) !== (y[i] ?? 0)) return (x[i] ?? 0) > (y[i] ?? 0);
+  return false;
+}
+
+/** The versions that can follow one: its next patch, minor and major release ("1.2.1": 1.2.2, 1.3.0, 2.0.0). */
+export function nextVersions(version) {
+  const [x, y, z] = parts(version);
+  return [`${x}.${y}.${z + 1}`, `${x}.${y + 1}.0`, `${x + 1}.0.0`];
+}
+
+/** A folder's files as they are now, committed or not (but those git ignores and its store.json), by their path in it,
+ * with their blob ids. */
+function filesNow(folder) {
+  const paths = git(['ls-files', '-co', '--exclude-standard', '--', folder])
+    .split('\n')
+    .filter((p) => p && p !== `${folder}/store.json` && existsSync(p));
+  const oids = paths.length ? git(['hash-object', '--stdin-paths'], paths.join('\n')).split('\n') : [];
+  return new Map(paths.map((p, i) => [p.slice(folder.length + 1), oids[i]]));
+}
+
+/** Whether a folder is not as its entry in the catalog has it (another file, one more or one less). */
+export function changedSince(folder, entry) {
+  const now = filesNow(folder);
+  return now.size !== entry.files.length || entry.files.some((f) => now.get(f.path) !== f.oid);
+}
+
+/** What is wrong with the version of an app or a theme of the store against what the catalog has released of it.
+ * `item`: `kind` ('apps' or 'themes'), `id`, `folder`, `version`, `notes` (its release notes by version, one object
+ * for each language it writes them in, by the language: [[null, notes]] for an app) and `where` (the file with its
+ * version). One never released can have any version. */
+export function releaseProblems(catalog, item) {
+  const entry = catalog[item.kind]?.find((x) => x.id === item.id);
+  if (!entry) return [];
+  const { version, where, folder } = item;
+  const released = entry.version;
+  if (newer(released, version))
+    return [`${where}: version ${version} er lavere end ${released}, som er udgivet. En udgivet version sættes aldrig ned.`];
+  if (!changedSince(folder, entry))
+    return version === released
+      ? []
+      : [`${where}: version ${version}, men intet i ${folder} er ændret, siden ${released} blev udgivet. Sæt den tilbage til ${released}.`];
+  const next = nextVersions(released);
+  const problems = [];
+  if (version === released)
+    problems.push(
+      `${where}: ${folder} er ændret, siden ${released} blev udgivet, så den skal have den næste version, ${next.join(', ')} (efter, hvad ændringerne er), med en release note. Den udgives først, når ejeren beder om det.`,
+    );
+  else if (!next.includes(version))
+    problems.push(
+      `${where}: version ${version} følger ikke ${released}, som er udgivet. Mellem to udgivelser får den den næste version én gang: ${next.join(', ')}, og det nye står i dens ene release note.`,
+    );
+  else
+    for (const [language, notes] of item.notes)
+      if (!notes?.[version]) problems.push(`${where}: version ${version} har ingen release note${language ? ` på ${language}` : ''}.`);
+  for (const [language, notes] of item.notes)
+    for (const v of Object.keys(notes ?? {}))
+      if (v !== version && newer(v, released))
+        problems.push(
+          `${where}: release noten til ${v}${language ? ` (${language})` : ''} er til en version, der aldrig blev udgivet. Skriv det i noten til ${version}.`,
+        );
+  return problems;
+}
+
+/** An app's or a theme's release notes as releaseProblems takes them. */
+export const notesOf = (releaseNotes, byLanguage) =>
+  byLanguage && Object.keys(releaseNotes ?? {}).length ? Object.entries(releaseNotes) : [[null, releaseNotes ?? {}]];