@morphemecms/cms 0.1.0 → 0.2.0-next-20261104150211

package/src/standard/Block.astro

@@ -1,19 +1,19 @@
----
-// One block by its type, outside the text of a page: for a theme that shows a block in a place of its own
-// (a fixed page's section "Book en tid", the one at the end of a page), as RichText.astro shows it in the
-// text. The theme only places it; the block is the standard one's or the app's (sites.ts), so the theme
-// never imports from an app. Nothing is shown for a type no block has.
-import { blockSites } from './sites';
-
-interface Props {
-  type: string;
-  /** The block's fields, as in its line in the text. */
-  props?: Record<string, unknown>;
-  /** Its shared texts, when the block takes them as RichText.astro gives them (blockTexts). */
-  texts?: Record<string, unknown>;
-}
-const { type, props = {}, texts } = Astro.props;
-const Site = blockSites[type];
----
-
-{Site && <Site type={type} props={props} texts={texts} />}
+---
+// One block by its type, outside the text of a page: for a theme that shows a block in a place of its own
+// (a fixed page's section "Book en tid", the one at the end of a page), as RichText.astro shows it in the
+// text. The theme only places it; the block is the standard one's or the app's (sites.ts), so the theme
+// never imports from an app. Nothing is shown for a type no block has.
+import { blockSites } from './sites';
+
+interface Props {
+  type: string;
+  /** The block's fields, as in its line in the text. */
+  props?: Record<string, unknown>;
+  /** Its shared texts, when the block takes them as RichText.astro gives them (blockTexts). */
+  texts?: Record<string, unknown>;
+}
+const { type, props = {}, texts } = Astro.props;
+const Site = blockSites[type];
+---
+
+{Site && <Site type={type} props={props} texts={texts} />}

package/src/standard/BlockSite.astro

@@ -1,18 +1,18 @@
----
-// A block on the site drawn from its view (view.tsx): the view its contract makes when the site is built (load.ts in
-// its folder: blockLoads in views.ts), drawn by its View.tsx (blockViews) as HTML, without JavaScript; then what the
-// contract puts right after it (`after`: a script that runs as the page is read, structured data). Nothing when there
-// is no view (a notice that is over).
-import type { SiteProps } from '../schema';
-import { blockLoads, blockViews } from './views';
-
-type Props = SiteProps & { type: string };
-const { type, props, index, path, preview, texts } = Astro.props;
-const contract = blockLoads[type];
-const View = blockViews[type];
-const view = contract && View ? await contract.load(props ?? {}, { texts: texts ?? {}, index, path, preview }) : null;
-const after = view === null ? undefined : contract.after?.(view);
----
-
-{view !== null && <View view={view} />}
-{after && <Fragment set:html={after} />}
+---
+// A block on the site drawn from its view (view.tsx): the view its contract makes when the site is built (load.ts in
+// its folder: blockLoads in views.ts), drawn by its View.tsx (blockViews) as HTML, without JavaScript; then what the
+// contract puts right after it (`after`: a script that runs as the page is read, structured data). Nothing when there
+// is no view (a notice that is over).
+import type { SiteProps } from '../schema';
+import { blockLoads, blockViews } from './views';
+
+type Props = SiteProps & { type: string };
+const { type, props, index, path, preview, texts } = Astro.props;
+const contract = blockLoads[type];
+const View = blockViews[type];
+const view = contract && View ? await contract.load(props ?? {}, { texts: texts ?? {}, index, path, preview }) : null;
+const after = view === null ? undefined : contract.after?.(view);
+---
+
+{view !== null && <View view={view} />}
+{after && <Fragment set:html={after} />}

package/src/standard/accordion/index.tsx

@@ -1,47 +1,47 @@
-// "Foldeliste", a standard block: rows that fold out, one open at a time, each with a text (its own, or
-// the opening of the page it links to) and a link to its page with the shared text "Læs mere om {emne}"
-// (shared.ts), and links to more pages under it (`more`, as pills); with a head (../head.ts). The same
-// rows as "Spørgsmål og svar". How it looks is the theme's
-// (packages/editor/theme/blocks/accordion/View.tsx, with ../faq/Accordion.tsx and PageRow.tsx); what it shows: view.ts, and
-// load.ts on the site.
-import { Rows } from '@phosphor-icons/react';
-import { defineBlock } from '../../blocks';
-import { t } from '../../i18n';
-import { headFields } from '../head';
-import { example } from './shared';
-
-export default defineBlock({
-  label: t.blocks.accordion.label,
-  icon: Rows,
-  hint: t.blocks.accordion.hint,
-  edit: { to: 'blokke/accordion', text: t.blocks.accordion.edit },
-  fields: [
-    ...headFields,
-    {
-      name: 'items',
-      label: t.blocks.accordion.items,
-      singular: t.blocks.accordion.item,
-      type: 'list',
-      summary: 'label',
-      required: true,
-      fields: [
-        { name: 'label', label: t.blocks.accordion.title, type: 'string', required: true },
-        { name: 'href', label: t.blocks.accordion.href, type: 'relation', to: 'pages', required: true },
-        { name: 'text', label: t.blocks.accordion.text, type: 'text', hint: t.blocks.accordion.textHint },
-        {
-          name: 'more',
-          label: t.blocks.accordion.moreItems,
-          singular: t.blocks.accordion.moreItem,
-          type: 'list',
-          summary: 'label',
-          fields: [
-            { name: 'label', label: t.blocks.accordion.moreLabel, type: 'string', required: true },
-            { name: 'href', label: t.blocks.accordion.href, type: 'relation', to: 'pages', required: true },
-          ],
-        },
-      ],
-    },
-  ],
-  example,
-  detail: (p) => [((p.items ?? []) as { label?: string }[]).map((row) => row.label).join(' · ')],
-});
+// "Foldeliste", a standard block: rows that fold out, one open at a time, each with a text (its own, or
+// the opening of the page it links to) and a link to its page with the shared text "Læs mere om {emne}"
+// (shared.ts), and links to more pages under it (`more`, as pills); with a head (../head.ts). The same
+// rows as "Spørgsmål og svar". How it looks is the theme's
+// (packages/editor/theme/blocks/accordion/View.tsx, with ../faq/Accordion.tsx and PageRow.tsx); what it shows: view.ts, and
+// load.ts on the site.
+import { Rows } from '@phosphor-icons/react';
+import { defineBlock } from '../../blocks';
+import { t } from '../../i18n';
+import { headFields } from '../head';
+import { example } from './shared';
+
+export default defineBlock({
+  label: t.blocks.accordion.label,
+  icon: Rows,
+  hint: t.blocks.accordion.hint,
+  edit: { to: 'blokke/accordion', text: t.blocks.accordion.edit },
+  fields: [
+    ...headFields,
+    {
+      name: 'items',
+      label: t.blocks.accordion.items,
+      singular: t.blocks.accordion.item,
+      type: 'list',
+      summary: 'label',
+      required: true,
+      fields: [
+        { name: 'label', label: t.blocks.accordion.title, type: 'string', required: true },
+        { name: 'href', label: t.blocks.accordion.href, type: 'relation', to: 'pages', required: true },
+        { name: 'text', label: t.blocks.accordion.text, type: 'text', hint: t.blocks.accordion.textHint },
+        {
+          name: 'more',
+          label: t.blocks.accordion.moreItems,
+          singular: t.blocks.accordion.moreItem,
+          type: 'list',
+          summary: 'label',
+          fields: [
+            { name: 'label', label: t.blocks.accordion.moreLabel, type: 'string', required: true },
+            { name: 'href', label: t.blocks.accordion.href, type: 'relation', to: 'pages', required: true },
+          ],
+        },
+      ],
+    },
+  ],
+  example,
+  detail: (p) => [((p.items ?? []) as { label?: string }[]).map((row) => row.label).join(' · ')],
+});

package/src/standard/accordion/load.ts

@@ -1,23 +1,23 @@
-// "Foldeliste" on the site (view.ts): a row without a text of its own has the opening of its page (pageOpening, from
-// the site: @site/standard; on a new version of a page, /ny/, the opening of the new versions), and a row whose page
-// is missing is left out. One open at a time in each list (its own group, by its place in the text).
-import { standard } from '@site/standard';
-import type { Load } from '../view';
-import { headOf } from '../head';
-import shared from './shared';
-import { pageRow, type AccordionView, type PageRowProps } from './view';
-
-export const load: Load<AccordionView> = async (props, { texts, index, preview }) => {
-  const link: string = texts.more ?? shared.values.more;
-  const rows = await Promise.all(
-    ((props.items ?? []) as PageRowProps[]).map(async (row) => {
-      const opening = await standard.pageOpening(row.href, preview);
-      return opening === undefined ? null : pageRow(row, row.text?.trim() || opening, link);
-    }),
-  );
-  return {
-    ...headOf(props),
-    group: `accordion-${index}`,
-    rows: rows.filter((row) => row !== null),
-  };
-};
+// "Foldeliste" on the site (view.ts): a row without a text of its own has the opening of its page (pageOpening, from
+// the site: @site/standard; on a new version of a page, /ny/, the opening of the new versions), and a row whose page
+// is missing is left out. One open at a time in each list (its own group, by its place in the text).
+import { standard } from '@site/standard';
+import type { Load } from '../view';
+import { headOf } from '../head';
+import shared from './shared';
+import { pageRow, type AccordionView, type PageRowProps } from './view';
+
+export const load: Load<AccordionView> = async (props, { texts, index, preview }) => {
+  const link: string = texts.more ?? shared.values.more;
+  const rows = await Promise.all(
+    ((props.items ?? []) as PageRowProps[]).map(async (row) => {
+      const opening = await standard.pageOpening(row.href, preview);
+      return opening === undefined ? null : pageRow(row, row.text?.trim() || opening, link);
+    }),
+  );
+  return {
+    ...headOf(props),
+    group: `accordion-${index}`,
+    rows: rows.filter((row) => row !== null),
+  };
+};

package/src/standard/accordion/shared.ts

@@ -1,15 +1,15 @@
-// The shared text of "Foldeliste" ("Blokke"): the link under a row's text, with {emne} for the row's
-// heading, to begin with in the site's language (siteT). Also on a site's own rows drawn with
-// PageRow.tsx (this site's front page).
-import { siteT, t } from '../../i18n';
-import { defineShared } from '../../shared';
-
-/** The rows it is shown with where no page has it: its screen under "Blokke" and "Tilgængelige
- * blokke" (index.tsx). In the site's language, like the drawing. */
-export const example = { items: siteT.blocks.accordion.example.map((label) => ({ label, href: '' })) };
-
-export default defineShared({
-  fields: [{ name: 'more', label: t.blocks.accordion.more, type: 'string', required: true, max: 40, hint: t.blocks.accordion.moreHint }],
-  values: { more: siteT.blocks.accordion.moreText },
-  preview: { props: example },
-});
+// The shared text of "Foldeliste" ("Blokke"): the link under a row's text, with {emne} for the row's
+// heading, to begin with in the site's language (siteT). Also on a site's own rows drawn with
+// PageRow.tsx (this site's front page).
+import { siteT, t } from '../../i18n';
+import { defineShared } from '../../shared';
+
+/** The rows it is shown with where no page has it: its screen under "Blokke" and "Tilgængelige
+ * blokke" (index.tsx). In the site's language, like the drawing. */
+export const example = { items: siteT.blocks.accordion.example.map((label) => ({ label, href: '' })) };
+
+export default defineShared({
+  fields: [{ name: 'more', label: t.blocks.accordion.more, type: 'string', required: true, max: 40, hint: t.blocks.accordion.moreHint }],
+  values: { more: siteT.blocks.accordion.moreText },
+  preview: { props: example },
+});

package/src/standard/accordion/view.ts

@@ -1,32 +1,32 @@
-// What "Foldeliste" shows (its view, drawn by the theme's View.tsx, Accordion.tsx and PageRow.tsx): its head (../head.ts),
-// and its rows in their order: each with its own text, or else the opening of the page it links
-// to, the link to the page (the shared text, with the row's name in it) and links to more pages under it (`more`). In
-// the editor (viewOf) a row without a text of its own says so; on the site (load.ts) a row whose page is missing is
-// left out.
-import { siteT } from '../../i18n';
-import { fill, sharedIn } from '../../shared';
-import type { ViewOf } from '../view';
-import { headOf, type HeadView } from '../head';
-import shared from './shared';
-
-/** A row of a page: its name, its text, its page, the link's text and links to more pages. */
-export type PageRowView = { label: string; text: string; href: string; link: string; more?: { label: string; href: string }[] };
-
-export type AccordionView = HeadView & { group?: string; rows: PageRowView[] };
-
-/** A row as its field writes it. */
-export type PageRowProps = { label: string; href: string; text?: string; more?: { label: string; href: string }[] };
-
-/** A row with its text and the link's text (`link`, the shared text: "Læs mere om {emne}"). */
-export const pageRow = ({ label, href, more }: PageRowProps, text: string, link: string): PageRowView => {
-  const row = { label, href, text, link: fill(link, { emne: label.toLowerCase() }) };
-  return more?.length ? { ...row, more } : row;
-};
-
-export const viewOf: ViewOf<AccordionView> = (props, data) => {
-  const link: string = sharedIn(data.site, 'accordion', shared.values).more;
-  return {
-    ...headOf(props),
-    rows: ((props.items ?? []) as PageRowProps[]).map((row) => pageRow(row, row.text?.trim() || siteT.blocks.accordion.opening, link)),
-  };
-};
+// What "Foldeliste" shows (its view, drawn by the theme's View.tsx, Accordion.tsx and PageRow.tsx): its head (../head.ts),
+// and its rows in their order: each with its own text, or else the opening of the page it links
+// to, the link to the page (the shared text, with the row's name in it) and links to more pages under it (`more`). In
+// the editor (viewOf) a row without a text of its own says so; on the site (load.ts) a row whose page is missing is
+// left out.
+import { siteT } from '../../i18n';
+import { fill, sharedIn } from '../../shared';
+import type { ViewOf } from '../view';
+import { headOf, type HeadView } from '../head';
+import shared from './shared';
+
+/** A row of a page: its name, its text, its page, the link's text and links to more pages. */
+export type PageRowView = { label: string; text: string; href: string; link: string; more?: { label: string; href: string }[] };
+
+export type AccordionView = HeadView & { group?: string; rows: PageRowView[] };
+
+/** A row as its field writes it. */
+export type PageRowProps = { label: string; href: string; text?: string; more?: { label: string; href: string }[] };
+
+/** A row with its text and the link's text (`link`, the shared text: "Læs mere om {emne}"). */
+export const pageRow = ({ label, href, more }: PageRowProps, text: string, link: string): PageRowView => {
+  const row = { label, href, text, link: fill(link, { emne: label.toLowerCase() }) };
+  return more?.length ? { ...row, more } : row;
+};
+
+export const viewOf: ViewOf<AccordionView> = (props, data) => {
+  const link: string = sharedIn(data.site, 'accordion', shared.values).more;
+  return {
+    ...headOf(props),
+    rows: ((props.items ?? []) as PageRowProps[]).map((row) => pageRow(row, row.text?.trim() || siteT.blocks.accordion.opening, link)),
+  };
+};

package/src/standard/buttons/fields.ts

@@ -1,98 +1,98 @@
-// The buttons of a "Knapper" block, and the shared ones (shared.ts): where each goes (a page, or where
-// the site's config says, `buttonTargets`, named in the site's language), its text, kind and icon. A target that
-// picks something (`pick`: a promotion to open) has a field for it, offering what is shown on the page being edited,
-// and is offered only while there is something to pick there.
-import { config } from '@site/config';
-import { siteText, t } from '../../i18n';
-import { iconOptions } from '../../icon';
-import type { Field } from '../../schema';
-import type { BlockData } from '../../blocks';
-import type { ButtonTargetName } from '../site';
-import { buttonKinds } from '../view';
-
-/** A button as the field writes it; `open`: what a target that picks something has picked (a promotion's file name). */
-export type Button = { label?: string; to?: string; href?: string; open?: string; kind?: string; icon?: string };
-
-/** Where the buttons can go besides a page (the site's config). */
-export const targets: ButtonTargetName[] = config.buttonTargets ?? [];
-
-export const buttonList: Field = {
-  name: 'items',
-  label: t.blocks.buttons.items,
-  singular: t.blocks.buttons.item,
-  type: 'list',
-  summary: 'label',
-  fields: [
-    {
-      name: 'label',
-      label: t.blocks.buttons.text,
-      type: 'string',
-      max: 30,
-      hint: [
-        t.blocks.buttons.textHint(targets.filter((o) => !o.pick).map((o) => siteText(o.label))),
-        ...targets.flatMap((o) => (o.note ? [siteText(o.note)] : [])),
-      ].join(' '),
-    },
-    {
-      name: 'to',
-      label: t.blocks.buttons.to,
-      type: 'select',
-      required: true,
-      default: targets[0]?.value ?? 'page',
-      options: [
-        ...targets.map((o) => ({ label: siteText(o.label), value: o.value, onPage: o.pick })),
-        { label: t.blocks.buttons.page, value: 'page' },
-      ],
-    },
-    ...targets.flatMap((o): Field[] =>
-      o.pick
-        ? [
-            {
-              name: 'open',
-              label: siteText(o.pickLabel ?? o.label),
-              type: 'relation',
-              to: o.pick,
-              onPage: true,
-              required: true,
-              only: { field: 'to', is: [o.value] },
-            },
-          ]
-        : [],
-    ),
-    { name: 'href', label: t.blocks.buttons.href, type: 'relation', to: 'pages', fixed: true, hint: t.blocks.buttons.hrefHint },
-    {
-      name: 'kind',
-      label: t.blocks.buttons.kind,
-      type: 'select',
-      required: true,
-      default: 'filled',
-      options: buttonKinds.map((k) => ({ label: t.blocks.buttons.kinds[k], value: k })),
-    },
-    {
-      name: 'icon',
-      label: t.blocks.buttons.icon,
-      type: 'select',
-      icons: true,
-      hint: t.blocks.buttons.iconHint,
-      options: [
-        { label: t.blocks.buttons.arrow, value: 'arrow-right' },
-        { label: t.blocks.buttons.calendar, value: 'calendar-blank' },
-        ...iconOptions(t.blocks.icons),
-      ],
-    },
-  ],
-};
-
-/** A button's text: its own, or its target's (the site's data: BlockData.site.buttons), what it opens (the choice
- * picked, Option.text: a promotion's) or its page's name, with what comes after it (the phone number). */
-export const textOf = (b: Button, data: BlockData) => {
-  const own = b.label?.trim();
-  if (b.to === 'page') return own || data.site.pages.find((p) => p.path === b.href)?.title || b.href || '';
-  const pick = targets.find((o) => o.value === b.to)?.pick;
-  if (pick) {
-    const picked = data.relations[pick]?.find((o) => o.value === b.open);
-    return own || picked?.text || data.site.buttons[picked?.as ?? '']?.text || '';
-  }
-  const target = data.site.buttons[b.to ?? ''];
-  return [own || target?.text, target?.after].filter(Boolean).join(' ');
-};
+// The buttons of a "Knapper" block, and the shared ones (shared.ts): where each goes (a page, or where
+// the site's config says, `buttonTargets`, named in the site's language), its text, kind and icon. A target that
+// picks something (`pick`: a promotion to open) has a field for it, offering what is shown on the page being edited,
+// and is offered only while there is something to pick there.
+import { config } from '@site/config';
+import { siteText, t } from '../../i18n';
+import { iconOptions } from '../../icon';
+import type { Field } from '../../schema';
+import type { BlockData } from '../../blocks';
+import type { ButtonTargetName } from '../site';
+import { buttonKinds } from '../view';
+
+/** A button as the field writes it; `open`: what a target that picks something has picked (a promotion's file name). */
+export type Button = { label?: string; to?: string; href?: string; open?: string; kind?: string; icon?: string };
+
+/** Where the buttons can go besides a page (the site's config). */
+export const targets: ButtonTargetName[] = config.buttonTargets ?? [];
+
+export const buttonList: Field = {
+  name: 'items',
+  label: t.blocks.buttons.items,
+  singular: t.blocks.buttons.item,
+  type: 'list',
+  summary: 'label',
+  fields: [
+    {
+      name: 'label',
+      label: t.blocks.buttons.text,
+      type: 'string',
+      max: 30,
+      hint: [
+        t.blocks.buttons.textHint(targets.filter((o) => !o.pick).map((o) => siteText(o.label))),
+        ...targets.flatMap((o) => (o.note ? [siteText(o.note)] : [])),
+      ].join(' '),
+    },
+    {
+      name: 'to',
+      label: t.blocks.buttons.to,
+      type: 'select',
+      required: true,
+      default: targets[0]?.value ?? 'page',
+      options: [
+        ...targets.map((o) => ({ label: siteText(o.label), value: o.value, onPage: o.pick })),
+        { label: t.blocks.buttons.page, value: 'page' },
+      ],
+    },
+    ...targets.flatMap((o): Field[] =>
+      o.pick
+        ? [
+            {
+              name: 'open',
+              label: siteText(o.pickLabel ?? o.label),
+              type: 'relation',
+              to: o.pick,
+              onPage: true,
+              required: true,
+              only: { field: 'to', is: [o.value] },
+            },
+          ]
+        : [],
+    ),
+    { name: 'href', label: t.blocks.buttons.href, type: 'relation', to: 'pages', fixed: true, hint: t.blocks.buttons.hrefHint },
+    {
+      name: 'kind',
+      label: t.blocks.buttons.kind,
+      type: 'select',
+      required: true,
+      default: 'filled',
+      options: buttonKinds.map((k) => ({ label: t.blocks.buttons.kinds[k], value: k })),
+    },
+    {
+      name: 'icon',
+      label: t.blocks.buttons.icon,
+      type: 'select',
+      icons: true,
+      hint: t.blocks.buttons.iconHint,
+      options: [
+        { label: t.blocks.buttons.arrow, value: 'arrow-right' },
+        { label: t.blocks.buttons.calendar, value: 'calendar-blank' },
+        ...iconOptions(t.blocks.icons),
+      ],
+    },
+  ],
+};
+
+/** A button's text: its own, or its target's (the site's data: BlockData.site.buttons), what it opens (the choice
+ * picked, Option.text: a promotion's) or its page's name, with what comes after it (the phone number). */
+export const textOf = (b: Button, data: BlockData) => {
+  const own = b.label?.trim();
+  if (b.to === 'page') return own || data.site.pages.find((p) => p.path === b.href)?.title || b.href || '';
+  const pick = targets.find((o) => o.value === b.to)?.pick;
+  if (pick) {
+    const picked = data.relations[pick]?.find((o) => o.value === b.open);
+    return own || picked?.text || data.site.buttons[picked?.as ?? '']?.text || '';
+  }
+  const target = data.site.buttons[b.to ?? ''];
+  return [own || target?.text, target?.after].filter(Boolean).join(' ');
+};

package/src/standard/buttons/index.tsx

@@ -1,23 +1,23 @@
-// "Knapper", a standard block: buttons in a row, each to a page or where the site's config says
-// (`buttonTargets`: here the booking sheet and the phone), with a text and an icon: its own, or the
-// shared ones ("Blokke" › "Knapper", shared.ts) while it has none. How it looks is the theme's
-// (packages/editor/theme/blocks/buttons/View.tsx; what it shows: view.ts, and load.ts on the site).
-import { CursorClick } from '@phosphor-icons/react';
-import { defineBlock } from '../../blocks';
-import { t } from '../../i18n';
-import { buttonList } from './fields';
-
-export default defineBlock({
-  label: t.blocks.buttons.label,
-  icon: CursorClick,
-  hint: t.blocks.buttons.hint,
-  edit: { to: 'blokke/buttons', text: t.blocks.buttons.edit },
-  fields: [{ ...buttonList, hint: t.blocks.buttons.itemsHint }],
-  preview: true,
-  detail: (p) => [
-    ((p.items ?? []) as { label?: string }[])
-      .map((b) => b.label)
-      .filter(Boolean)
-      .join(' · ') || t.blocks.buttons.shared,
-  ],
-});
+// "Knapper", a standard block: buttons in a row, each to a page or where the site's config says
+// (`buttonTargets`: here the booking sheet and the phone), with a text and an icon: its own, or the
+// shared ones ("Blokke" › "Knapper", shared.ts) while it has none. How it looks is the theme's
+// (packages/editor/theme/blocks/buttons/View.tsx; what it shows: view.ts, and load.ts on the site).
+import { CursorClick } from '@phosphor-icons/react';
+import { defineBlock } from '../../blocks';
+import { t } from '../../i18n';
+import { buttonList } from './fields';
+
+export default defineBlock({
+  label: t.blocks.buttons.label,
+  icon: CursorClick,
+  hint: t.blocks.buttons.hint,
+  edit: { to: 'blokke/buttons', text: t.blocks.buttons.edit },
+  fields: [{ ...buttonList, hint: t.blocks.buttons.itemsHint }],
+  preview: true,
+  detail: (p) => [
+    ((p.items ?? []) as { label?: string }[])
+      .map((b) => b.label)
+      .filter(Boolean)
+      .join(' · ') || t.blocks.buttons.shared,
+  ],
+});

package/src/standard/buttons/load.ts

@@ -1,34 +1,34 @@
-// Buttons on the site (view.ts). A button goes to a page or where the site's config says (`buttonTargets`, e.g. the
-// booking sheet or the phone: their address and text from the site, @site/standard), or opens what it picked (a
-// promotion on the page: `picked`); without a text of its own it has the target's, the promotion's or the page's name.
-// What it opens on the page is its `data-open` (ButtonText.open), the address is where it goes without one there or
-// without JavaScript. `bar`: the buttons of a bar at the bottom of a phone's screen (the site's action bar): the text
-// without what comes after it (the phone number, said to screen readers instead), and without an icon of their own the
-// one of what they do: the calendar to book, the phone, the arrow after a page or a pop-up.
-import { standard } from '@site/standard';
-import type { Load } from '../view';
-import { targets, type Button } from './fields';
-import { kindOf, type ButtonsView, type ButtonView } from './view';
-
-/** Buttons on the site: their own, else `shared` (the shared ones, "Blokke" › "Knapper"). */
-export async function loadButtons(items: Button[] | undefined, shared?: Button[], { bar = false } = {}): Promise<ButtonView[]> {
-  const list = items?.length ? items : (shared ?? []);
-  const buttons = await Promise.all(
-    list.map(async (b): Promise<ButtonView | null> => {
-      const picks = targets.some((o) => o.value === b.to && o.pick);
-      const target = b.to && b.to !== 'page' ? (picks ? standard.picked(b.to, b.open ?? '') : standard.buttons[b.to]) : undefined;
-      // What it picked is gone (the build stops before, checkSite.ts): no button rather than a wrong one.
-      if (picks && !target) return null;
-      const own = b.label?.trim();
-      const full = target && [own || target.text, target.after].filter(Boolean).join(' ');
-      const [href, text] = target
-        ? [target.href, bar ? own || target.text : full!]
-        : [b.href || '/', own || (await standard.pageName(b.href ?? ''))];
-      const icon = b.icon || (bar ? (target?.open === 'booking' ? 'calendar-blank' : b.to === 'phone' ? 'phone' : 'arrow-right') : '');
-      return { href, text, label: bar && full !== text ? full : undefined, open: target?.open, kind: kindOf(b), icon };
-    }),
-  );
-  return buttons.flatMap((b) => (b ? [b] : []));
-}
-
-export const load: Load<ButtonsView> = async (props, { texts }) => ({ buttons: await loadButtons(props.items, texts.items) });
+// Buttons on the site (view.ts). A button goes to a page or where the site's config says (`buttonTargets`, e.g. the
+// booking sheet or the phone: their address and text from the site, @site/standard), or opens what it picked (a
+// promotion on the page: `picked`); without a text of its own it has the target's, the promotion's or the page's name.
+// What it opens on the page is its `data-open` (ButtonText.open), the address is where it goes without one there or
+// without JavaScript. `bar`: the buttons of a bar at the bottom of a phone's screen (the site's action bar): the text
+// without what comes after it (the phone number, said to screen readers instead), and without an icon of their own the
+// one of what they do: the calendar to book, the phone, the arrow after a page or a pop-up.
+import { standard } from '@site/standard';
+import type { Load } from '../view';
+import { targets, type Button } from './fields';
+import { kindOf, type ButtonsView, type ButtonView } from './view';
+
+/** Buttons on the site: their own, else `shared` (the shared ones, "Blokke" › "Knapper"). */
+export async function loadButtons(items: Button[] | undefined, shared?: Button[], { bar = false } = {}): Promise<ButtonView[]> {
+  const list = items?.length ? items : (shared ?? []);
+  const buttons = await Promise.all(
+    list.map(async (b): Promise<ButtonView | null> => {
+      const picks = targets.some((o) => o.value === b.to && o.pick);
+      const target = b.to && b.to !== 'page' ? (picks ? standard.picked(b.to, b.open ?? '') : standard.buttons[b.to]) : undefined;
+      // What it picked is gone (the build stops before, checkSite.ts): no button rather than a wrong one.
+      if (picks && !target) return null;
+      const own = b.label?.trim();
+      const full = target && [own || target.text, target.after].filter(Boolean).join(' ');
+      const [href, text] = target
+        ? [target.href, bar ? own || target.text : full!]
+        : [b.href || '/', own || (await standard.pageName(b.href ?? ''))];
+      const icon = b.icon || (bar ? (target?.open === 'booking' ? 'calendar-blank' : b.to === 'phone' ? 'phone' : 'arrow-right') : '');
+      return { href, text, label: bar && full !== text ? full : undefined, open: target?.open, kind: kindOf(b), icon };
+    }),
+  );
+  return buttons.flatMap((b) => (b ? [b] : []));
+}
+
+export const load: Load<ButtonsView> = async (props, { texts }) => ({ buttons: await loadButtons(props.items, texts.items) });