@morphemecms/cms 0.1.0 → 0.2.0-next-20261104150211

package/src/standard/buttons/shared.ts

@@ -1,12 +1,12 @@
-// The shared buttons of "Knapper" ("Blokke"): in a "Knapper" block that has none of its own, and where
-// a site shows them itself (this site's front page). None to begin with.
-import { t } from '../../i18n';
-import { defineShared } from '../../shared';
-import { buttonList } from './fields';
-
-export default defineShared({
-  fields: [{ ...buttonList, hint: t.blocks.buttons.sharedHint }],
-  values: { items: [] },
-  // Always the shared ones, not a copy on a page.
-  preview: { shared: true },
-});
+// The shared buttons of "Knapper" ("Blokke"): in a "Knapper" block that has none of its own, and where
+// a site shows them itself (this site's front page). None to begin with.
+import { t } from '../../i18n';
+import { defineShared } from '../../shared';
+import { buttonList } from './fields';
+
+export default defineShared({
+  fields: [{ ...buttonList, hint: t.blocks.buttons.sharedHint }],
+  values: { items: [] },
+  // Always the shared ones, not a copy on a page.
+  preview: { shared: true },
+});

package/src/standard/buttons/view.ts

@@ -1,30 +1,30 @@
-// What buttons show (their view, drawn by the theme's Buttons.tsx, also where a site or an app shows buttons of its
-// own): each one's address, text, what it opens on the page, kind and icon. In the editor: buttonsOf; on the site:
-// loadButtons (load.ts), which knows the site's pages and targets.
-import type { BlockData } from '../../blocks';
-import { sharedIn } from '../../shared';
-import { buttonKinds, type ButtonKind, type ViewOf } from '../view';
-import { textOf, type Button } from './fields';
-import shared from './shared';
-
-/** A button as it is drawn: where it goes, its text, what it is called for a screen reader when that is more than its
- * text (`label`), what it opens on the page (`open`: its data-open), its kind (Material's: filled, tonal, elevated,
- * outlined or text) and its icon (the arrow goes after the text, the others before it). */
-export type ButtonView = { href: string; text: string; label?: string; open?: string; kind: ButtonKind; icon?: string };
-
-/** "Knapper": its buttons. */
-export type ButtonsView = { buttons: ButtonView[] };
-
-/** A button's kind: its own, else filled. */
-export const kindOf = (b: Button): ButtonKind => buttonKinds.find((k) => k === b.kind) ?? 'filled';
-
-/** Buttons in the editor: their own, else the shared ones ("Blokke" › "Knapper"). */
-export const buttonsOf = (items: Button[] | undefined, data: BlockData): ButtonView[] =>
-  (items?.length ? items : ((sharedIn(data.site, 'buttons', shared.values).items ?? []) as Button[])).map((b) => ({
-    href: b.href ?? '',
-    text: textOf(b, data),
-    kind: kindOf(b),
-    icon: b.icon,
-  }));
-
-export const viewOf: ViewOf<ButtonsView> = (props, data) => ({ buttons: buttonsOf(props.items, data) });
+// What buttons show (their view, drawn by the theme's Buttons.tsx, also where a site or an app shows buttons of its
+// own): each one's address, text, what it opens on the page, kind and icon. In the editor: buttonsOf; on the site:
+// loadButtons (load.ts), which knows the site's pages and targets.
+import type { BlockData } from '../../blocks';
+import { sharedIn } from '../../shared';
+import { buttonKinds, type ButtonKind, type ViewOf } from '../view';
+import { textOf, type Button } from './fields';
+import shared from './shared';
+
+/** A button as it is drawn: where it goes, its text, what it is called for a screen reader when that is more than its
+ * text (`label`), what it opens on the page (`open`: its data-open), its kind (Material's: filled, tonal, elevated,
+ * outlined or text) and its icon (the arrow goes after the text, the others before it). */
+export type ButtonView = { href: string; text: string; label?: string; open?: string; kind: ButtonKind; icon?: string };
+
+/** "Knapper": its buttons. */
+export type ButtonsView = { buttons: ButtonView[] };
+
+/** A button's kind: its own, else filled. */
+export const kindOf = (b: Button): ButtonKind => buttonKinds.find((k) => k === b.kind) ?? 'filled';
+
+/** Buttons in the editor: their own, else the shared ones ("Blokke" › "Knapper"). */
+export const buttonsOf = (items: Button[] | undefined, data: BlockData): ButtonView[] =>
+  (items?.length ? items : ((sharedIn(data.site, 'buttons', shared.values).items ?? []) as Button[])).map((b) => ({
+    href: b.href ?? '',
+    text: textOf(b, data),
+    kind: kindOf(b),
+    icon: b.icon,
+  }));
+
+export const viewOf: ViewOf<ButtonsView> = (props, data) => ({ buttons: buttonsOf(props.items, data) });

package/src/standard/cards/index.tsx

@@ -1,71 +1,71 @@
-// "Kort", a standard block: a heading and cards with only text, or an icon or a picture at the top (`design`, for
-// all the cards), on the theme's surface or the accent (`background`, for all of them), a heading, a text and a link to another page, with the shared text of the link at the bottom
-// ("Blokke" › "Kort", shared.ts). How it looks is the theme's (packages/editor/theme/blocks/cards/View.tsx with
-// LinkCards.tsx); what it shows: view.ts, and load.ts on the site.
-import { Cards, Circle, Image as Picture, Shapes, Square, TextAa } from '@phosphor-icons/react';
-import { defineBlock } from '../../blocks';
-import { iconOptions } from '../../icon';
-import { t } from '../../i18n';
-import { headFields } from '../head';
-import { example } from './shared';
-
-export default defineBlock({
-  label: t.blocks.cards.label,
-  icon: Cards,
-  hint: t.blocks.cards.hint,
-  edit: { to: 'blokke/cards', text: t.blocks.cards.edit },
-  fields: [
-    ...headFields,
-    // An icon is the empty choice: so are the cards from before there was a choice.
-    {
-      name: 'design',
-      label: t.blocks.cards.design,
-      type: 'select',
-      segments: true,
-      options: [
-        { label: t.blocks.cards.designText, value: 'text', icon: TextAa },
-        { label: t.blocks.cards.designIcon, value: '', icon: Shapes },
-        { label: t.blocks.cards.designImage, value: 'image', icon: Picture },
-      ],
-    },
-    // The cards' background, for all of them: the theme's surface (empty, as the cards from before there was a choice)
-    // or the site's accent.
-    {
-      name: 'background',
-      label: t.blocks.cards.background,
-      type: 'select',
-      segments: true,
-      options: [
-        { label: t.blocks.cards.backgroundStandard, value: '', icon: Square },
-        { label: t.blocks.cards.backgroundAccent, value: 'accent', icon: Circle },
-      ],
-    },
-    {
-      name: 'items',
-      label: t.blocks.cards.items,
-      singular: t.blocks.cards.item,
-      type: 'list',
-      summary: 'title',
-      required: true,
-      fields: [
-        // At the top, as on the card; by the block's design (inUse in check.ts looks next to the list).
-        {
-          name: 'icon',
-          label: t.blocks.cards.icon,
-          type: 'select',
-          icons: true,
-          options: iconOptions(t.blocks.icons),
-          required: true,
-          only: { field: 'design', is: [''] },
-        },
-        { name: 'image', label: t.blocks.cards.image, type: 'image', required: true, only: { field: 'design', is: ['image'] } },
-        { name: 'title', label: t.blocks.cards.title, type: 'string', required: true },
-        { name: 'text', label: t.blocks.cards.text, type: 'text', required: true },
-        // Without one, the card is not a link (LinkCards.tsx).
-        { name: 'href', label: t.blocks.cards.href, type: 'relation', to: 'pages', hint: t.blocks.cards.hrefHint },
-      ],
-    },
-  ],
-  example,
-  detail: (p) => [((p.items ?? []) as { title?: string }[]).map((c) => c.title).join(' · ')],
-});
+// "Kort", a standard block: a heading and cards with only text, or an icon or a picture at the top (`design`, for
+// all the cards), on the theme's surface or the accent (`background`, for all of them), a heading, a text and a link to another page, with the shared text of the link at the bottom
+// ("Blokke" › "Kort", shared.ts). How it looks is the theme's (packages/editor/theme/blocks/cards/View.tsx with
+// LinkCards.tsx); what it shows: view.ts, and load.ts on the site.
+import { Cards, Circle, Image as Picture, Shapes, Square, TextAa } from '@phosphor-icons/react';
+import { defineBlock } from '../../blocks';
+import { iconOptions } from '../../icon';
+import { t } from '../../i18n';
+import { headFields } from '../head';
+import { example } from './shared';
+
+export default defineBlock({
+  label: t.blocks.cards.label,
+  icon: Cards,
+  hint: t.blocks.cards.hint,
+  edit: { to: 'blokke/cards', text: t.blocks.cards.edit },
+  fields: [
+    ...headFields,
+    // An icon is the empty choice: so are the cards from before there was a choice.
+    {
+      name: 'design',
+      label: t.blocks.cards.design,
+      type: 'select',
+      segments: true,
+      options: [
+        { label: t.blocks.cards.designText, value: 'text', icon: TextAa },
+        { label: t.blocks.cards.designIcon, value: '', icon: Shapes },
+        { label: t.blocks.cards.designImage, value: 'image', icon: Picture },
+      ],
+    },
+    // The cards' background, for all of them: the theme's surface (empty, as the cards from before there was a choice)
+    // or the site's accent.
+    {
+      name: 'background',
+      label: t.blocks.cards.background,
+      type: 'select',
+      segments: true,
+      options: [
+        { label: t.blocks.cards.backgroundStandard, value: '', icon: Square },
+        { label: t.blocks.cards.backgroundAccent, value: 'accent', icon: Circle },
+      ],
+    },
+    {
+      name: 'items',
+      label: t.blocks.cards.items,
+      singular: t.blocks.cards.item,
+      type: 'list',
+      summary: 'title',
+      required: true,
+      fields: [
+        // At the top, as on the card; by the block's design (inUse in check.ts looks next to the list).
+        {
+          name: 'icon',
+          label: t.blocks.cards.icon,
+          type: 'select',
+          icons: true,
+          options: iconOptions(t.blocks.icons),
+          required: true,
+          only: { field: 'design', is: [''] },
+        },
+        { name: 'image', label: t.blocks.cards.image, type: 'image', required: true, only: { field: 'design', is: ['image'] } },
+        { name: 'title', label: t.blocks.cards.title, type: 'string', required: true },
+        { name: 'text', label: t.blocks.cards.text, type: 'text', required: true },
+        // Without one, the card is not a link (LinkCards.tsx).
+        { name: 'href', label: t.blocks.cards.href, type: 'relation', to: 'pages', hint: t.blocks.cards.hrefHint },
+      ],
+    },
+  ],
+  example,
+  detail: (p) => [((p.items ?? []) as { title?: string }[]).map((c) => c.title).join(' · ')],
+});

package/src/standard/cards/load.ts

@@ -1,17 +1,17 @@
-// "Kort" on the site (view.ts): the pictures' sizes come from the site (pictureOf).
-import { pictureOf } from '../load';
-import type { Load } from '../view';
-import { headOf } from '../head';
-import shared from './shared';
-import { cardsOf, type CardsView, type LinkCardProps } from './view';
-
-/** Cards on the site, with their pictures' sizes (a site's own cards too: this site's front page). */
-export const loadCards = (items: LinkCardProps[]) => cardsOf(items, pictureOf);
-
-export const load: Load<CardsView> = async (props, { texts }) => ({
-  ...headOf(props),
-  design: props.design,
-  background: props.background || undefined,
-  more: texts.more ?? shared.values.more,
-  items: loadCards(props.items ?? []),
-});
+// "Kort" on the site (view.ts): the pictures' sizes come from the site (pictureOf).
+import { pictureOf } from '../load';
+import type { Load } from '../view';
+import { headOf } from '../head';
+import shared from './shared';
+import { cardsOf, type CardsView, type LinkCardProps } from './view';
+
+/** Cards on the site, with their pictures' sizes (a site's own cards too: this site's front page). */
+export const loadCards = (items: LinkCardProps[]) => cardsOf(items, pictureOf);
+
+export const load: Load<CardsView> = async (props, { texts }) => ({
+  ...headOf(props),
+  design: props.design,
+  background: props.background || undefined,
+  more: texts.more ?? shared.values.more,
+  items: loadCards(props.items ?? []),
+});

package/src/standard/cards/shared.ts

@@ -1,27 +1,27 @@
-// The shared text of "Kort" ("Blokke"): the link on the cards, to begin with in the
-// site's language (siteT).
-import { siteT, t } from '../../i18n';
-import { defineShared } from '../../shared';
-
-/** The cards 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. With a page, so the link's text,
- * which is edited there, is on them. */
-export const example = { items: siteT.blocks.cards.example.map((c) => ({ ...c, href: '/' })) };
-
-export default defineShared({
-  fields: [{ name: 'more', label: t.blocks.cards.more, type: 'string', required: true, max: 30 }],
-  values: { more: siteT.blocks.cards.moreText },
-  // The three designs, each under its name, and the icons on the accent.
-  preview: {
-    props: example,
-    variants: [
-      { label: t.blocks.cards.designText, props: { design: 'text' } },
-      { label: t.blocks.cards.designIcon, props: { design: '' } },
-      { label: t.blocks.cards.designImage, props: { design: 'image' } },
-      {
-        label: `${t.blocks.cards.designIcon}, ${t.blocks.cards.backgroundAccent.toLowerCase()}`,
-        props: { design: '', background: 'accent' },
-      },
-    ],
-  },
-});
+// The shared text of "Kort" ("Blokke"): the link on the cards, to begin with in the
+// site's language (siteT).
+import { siteT, t } from '../../i18n';
+import { defineShared } from '../../shared';
+
+/** The cards 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. With a page, so the link's text,
+ * which is edited there, is on them. */
+export const example = { items: siteT.blocks.cards.example.map((c) => ({ ...c, href: '/' })) };
+
+export default defineShared({
+  fields: [{ name: 'more', label: t.blocks.cards.more, type: 'string', required: true, max: 30 }],
+  values: { more: siteT.blocks.cards.moreText },
+  // The three designs, each under its name, and the icons on the accent.
+  preview: {
+    props: example,
+    variants: [
+      { label: t.blocks.cards.designText, props: { design: 'text' } },
+      { label: t.blocks.cards.designIcon, props: { design: '' } },
+      { label: t.blocks.cards.designImage, props: { design: 'image' } },
+      {
+        label: `${t.blocks.cards.designIcon}, ${t.blocks.cards.backgroundAccent.toLowerCase()}`,
+        props: { design: '', background: 'accent' },
+      },
+    ],
+  },
+});

package/src/standard/cards/view.ts

@@ -1,29 +1,29 @@
-// What "Kort" shows (its view, drawn by the theme's View.tsx and LinkCards.tsx): its heading, its design ('image': a
-// picture at the top, 'text': nothing, else an icon), its background ('accent', else the theme's surface), the link's text (its shared text) and each card's icon or
-// picture, heading, text and page. In the editor: viewOf; on the site: load.ts, with the pictures' sizes.
-import { shownAt } from '../../images';
-import { sharedIn } from '../../shared';
-import type { Picture, ViewOf } from '../view';
-import { headOf, type HeadView } from '../head';
-import shared from './shared';
-
-export type LinkCard = { icon?: string; image?: Picture; title: string; text: string; href?: string };
-export type CardsView = HeadView & { design?: string; background?: string; more: string; items: LinkCard[] };
-
-/** A card as its field writes it. */
-export type LinkCardProps = { icon?: string; image?: string; title: string; text: string; href?: string };
-
-/** The cards, with their pictures as `picture` gives them. */
-export const cardsOf = (items: LinkCardProps[], picture: (src: string) => Picture): LinkCard[] =>
-  items.map(({ image, ...card }) => (image ? { ...card, image: picture(image) } : card));
-
-/** Cards in the editor (a site's own too: its preview of the front page). */
-export const shownCards = (items: LinkCardProps[]) => cardsOf(items, (src) => ({ src: shownAt(src) }));
-
-export const viewOf: ViewOf<CardsView> = (props, data) => ({
-  ...headOf(props),
-  design: props.design,
-  background: props.background || undefined,
-  more: sharedIn(data.site, 'cards', shared.values).more,
-  items: shownCards(props.items ?? []),
-});
+// What "Kort" shows (its view, drawn by the theme's View.tsx and LinkCards.tsx): its heading, its design ('image': a
+// picture at the top, 'text': nothing, else an icon), its background ('accent', else the theme's surface), the link's text (its shared text) and each card's icon or
+// picture, heading, text and page. In the editor: viewOf; on the site: load.ts, with the pictures' sizes.
+import { shownAt } from '../../images';
+import { sharedIn } from '../../shared';
+import type { Picture, ViewOf } from '../view';
+import { headOf, type HeadView } from '../head';
+import shared from './shared';
+
+export type LinkCard = { icon?: string; image?: Picture; title: string; text: string; href?: string };
+export type CardsView = HeadView & { design?: string; background?: string; more: string; items: LinkCard[] };
+
+/** A card as its field writes it. */
+export type LinkCardProps = { icon?: string; image?: string; title: string; text: string; href?: string };
+
+/** The cards, with their pictures as `picture` gives them. */
+export const cardsOf = (items: LinkCardProps[], picture: (src: string) => Picture): LinkCard[] =>
+  items.map(({ image, ...card }) => (image ? { ...card, image: picture(image) } : card));
+
+/** Cards in the editor (a site's own too: its preview of the front page). */
+export const shownCards = (items: LinkCardProps[]) => cardsOf(items, (src) => ({ src: shownAt(src) }));
+
+export const viewOf: ViewOf<CardsView> = (props, data) => ({
+  ...headOf(props),
+  design: props.design,
+  background: props.background || undefined,
+  more: sharedIn(data.site, 'cards', shared.values).more,
+  items: shownCards(props.items ?? []),
+});

package/src/standard/checklist/index.tsx

@@ -1,27 +1,27 @@
-// "Tjekliste", a standard block: a heading and points, each a short text with a check in a circle in the accent before
-// it; with many of them, in two columns where there is room. How it looks is the theme's
-// (packages/editor/theme/blocks/checklist/View.tsx with Checks.tsx); what it shows: view.ts, and load.ts on the site.
-import { ListChecks } from '@phosphor-icons/react';
-import { cut, defineBlock } from '../../blocks';
-import { siteT, t } from '../../i18n';
-import { headFields } from '../head';
-
-export default defineBlock({
-  label: t.blocks.checklist.label,
-  icon: ListChecks,
-  hint: t.blocks.checklist.hint,
-  fields: [
-    ...headFields,
-    {
-      name: 'items',
-      label: t.blocks.checklist.items,
-      singular: t.blocks.checklist.item,
-      type: 'list',
-      required: true,
-      field: { name: 'text', label: t.blocks.checklist.text, type: 'string', required: true },
-    },
-  ],
-  // In the site's language, like the drawing.
-  example: { items: siteT.blocks.checklist.example },
-  detail: (p) => [cut(((p.items ?? []) as string[]).join(' · '), 140)],
-});
+// "Tjekliste", a standard block: a heading and points, each a short text with a check in a circle in the accent before
+// it; with many of them, in two columns where there is room. How it looks is the theme's
+// (packages/editor/theme/blocks/checklist/View.tsx with Checks.tsx); what it shows: view.ts, and load.ts on the site.
+import { ListChecks } from '@phosphor-icons/react';
+import { cut, defineBlock } from '../../blocks';
+import { siteT, t } from '../../i18n';
+import { headFields } from '../head';
+
+export default defineBlock({
+  label: t.blocks.checklist.label,
+  icon: ListChecks,
+  hint: t.blocks.checklist.hint,
+  fields: [
+    ...headFields,
+    {
+      name: 'items',
+      label: t.blocks.checklist.items,
+      singular: t.blocks.checklist.item,
+      type: 'list',
+      required: true,
+      field: { name: 'text', label: t.blocks.checklist.text, type: 'string', required: true },
+    },
+  ],
+  // In the site's language, like the drawing.
+  example: { items: siteT.blocks.checklist.example },
+  detail: (p) => [cut(((p.items ?? []) as string[]).join(' · '), 140)],
+});

package/src/standard/checklist/load.ts

@@ -1,5 +1,5 @@
-// "Tjekliste" on the site: only its fields (view.ts).
-import type { Load } from '../view';
-import { checklistOf, type ChecklistView } from './view';
-
-export const load: Load<ChecklistView> = async (props) => checklistOf(props);
+// "Tjekliste" on the site: only its fields (view.ts).
+import type { Load } from '../view';
+import { checklistOf, type ChecklistView } from './view';
+
+export const load: Load<ChecklistView> = async (props) => checklistOf(props);

package/src/standard/checklist/view.ts

@@ -1,13 +1,13 @@
-// What "Tjekliste" shows (its view, drawn by the theme's View.tsx and Checks.tsx): its heading and its points. The same
-// in the editor (viewOf) and on the site (load.ts): only its fields.
-import { headOf, type HeadView } from '../head';
-import type { ViewOf } from '../view';
-
-export type ChecklistView = HeadView & { items: string[] };
-
-export const checklistOf = (props: Record<string, any>): ChecklistView => ({
-  ...headOf(props),
-  items: ((props.items ?? []) as string[]).filter(Boolean),
-});
-
-export const viewOf: ViewOf<ChecklistView> = checklistOf;
+// What "Tjekliste" shows (its view, drawn by the theme's View.tsx and Checks.tsx): its heading and its points. The same
+// in the editor (viewOf) and on the site (load.ts): only its fields.
+import { headOf, type HeadView } from '../head';
+import type { ViewOf } from '../view';
+
+export type ChecklistView = HeadView & { items: string[] };
+
+export const checklistOf = (props: Record<string, any>): ChecklistView => ({
+  ...headOf(props),
+  items: ((props.items ?? []) as string[]).filter(Boolean),
+});
+
+export const viewOf: ViewOf<ChecklistView> = checklistOf;

package/src/standard/cookies/index.tsx

@@ -1,17 +1,17 @@
-// "Cookieliste", a standard block: the site's cookies as a table in the cookie policy, each one's name, who sets it,
-// what for, how long it lasts and its category. The cookies are in the list the block brings ("Cookies",
-// list.ts; cookieList.ts), so the block works without any app. How it looks is the theme's
-// (packages/editor/theme/blocks/cookies/View.tsx; what it shows: view.ts, and load.ts on the site).
-import { Cookie } from '@phosphor-icons/react';
-import { config } from '@site/config';
-import { defineBlock } from '../../blocks';
-import { t } from '../../i18n';
-
-export default defineBlock({
-  label: t.blocks.cookies.label,
-  icon: Cookie,
-  hint: t.blocks.cookies.hint,
-  edit: { to: `liste/${config.lists.cookies}`, text: t.blocks.cookies.edit },
-  fields: [],
-  example: {},
-});
+// "Cookieliste", a standard block: the site's cookies as a table in the cookie policy, each one's name, who sets it,
+// what for, how long it lasts and its category. The cookies are in the list the block brings ("Cookies",
+// list.ts; cookieList.ts), so the block works without any app. How it looks is the theme's
+// (packages/editor/theme/blocks/cookies/View.tsx; what it shows: view.ts, and load.ts on the site).
+import { Cookie } from '@phosphor-icons/react';
+import { config } from '@site/config';
+import { defineBlock } from '../../blocks';
+import { t } from '../../i18n';
+
+export default defineBlock({
+  label: t.blocks.cookies.label,
+  icon: Cookie,
+  hint: t.blocks.cookies.hint,
+  edit: { to: `liste/${config.lists.cookies}`, text: t.blocks.cookies.edit },
+  fields: [],
+  example: {},
+});

package/src/standard/cookies/list.ts

@@ -1,56 +1,56 @@
-// "Cookies", the list the standard block "Cookieliste" brings: one file per cookie in the site's data (config.cookieList),
-// under "Lister" on every site, each with its name (`*` for the rest of it), who sets it, what for, how long it lasts
-// and its category (lib/cookieCategories.mjs: necessary, or one the visitor says yes to in the cookie banner). An app's cookies come and go with it, and the app "Cookiescanner"
-// adds those it finds (cookieList.ts). The site reads them for the block (StandardSite.cookies, the site's
-// packages/editor/site/cookieList.ts).
-// Made with the texts of a language: the editor's for the screens, the site's (siteT) for the commits (site.ts).
-import { Cookie } from '@phosphor-icons/react';
-import { config } from '@site/config';
-import { COOKIE_CATEGORIES } from '../../../lib/cookieCategories.mjs';
-import type { Messages } from '../../i18n';
-import type { OwnedList } from '../../schema';
-
-export default function cookiesList(say: Messages): OwnedList {
-  const own = say.blocks.cookies.entries;
-  return {
-    kind: 'folder',
-    id: config.lists.cookies,
-    icon: Cookie,
-    create: own.create,
-    label: own.label,
-    singular: own.singular,
-    folder: config.cookieList,
-    deletable: true,
-    slugFrom: 'name',
-    // Who sets it, with its name under it, so the list is by provider.
-    summary: (d) => String(d.provider ?? ''),
-    detail: (d) => String(d.name ?? ''),
-    // One the app "Cookiescanner" added (`new`, cookieList.ts) first, marked, until it is saved.
-    fresh: {
-      field: 'new',
-      heading: own.fresh,
-      label: (d) => (String(d.purpose ?? '').trim() ? own.freshLabel : own.noPurpose),
-      notice: own.freshNotice,
-      approve: own.approve,
-    },
-    filters: [
-      { field: 'provider', all: own.allProviders },
-      { field: 'category', all: own.allCategories },
-    ],
-    fields: [
-      { name: 'provider', label: own.provider, type: 'string', required: true },
-      { name: 'name', label: own.name, type: 'string', required: true, hint: own.nameHint },
-      { name: 'purpose', label: own.purpose, type: 'text' },
-      { name: 'lasts', label: own.lasts, type: 'string' },
-      {
-        name: 'category',
-        label: own.category,
-        type: 'select',
-        required: true,
-        default: 'marketing',
-        hint: own.categoryHint,
-        options: COOKIE_CATEGORIES.map((value) => ({ label: own.categories[value], value })),
-      },
-    ],
-  };
-}
+// "Cookies", the list the standard block "Cookieliste" brings: one file per cookie in the site's data (config.cookieList),
+// under "Lister" on every site, each with its name (`*` for the rest of it), who sets it, what for, how long it lasts
+// and its category (lib/cookieCategories.mjs: necessary, or one the visitor says yes to in the cookie banner). An app's cookies come and go with it, and the app "Cookiescanner"
+// adds those it finds (cookieList.ts). The site reads them for the block (StandardSite.cookies, the site's
+// packages/editor/site/cookieList.ts).
+// Made with the texts of a language: the editor's for the screens, the site's (siteT) for the commits (site.ts).
+import { Cookie } from '@phosphor-icons/react';
+import { config } from '@site/config';
+import { COOKIE_CATEGORIES } from '../../../lib/cookieCategories.mjs';
+import type { Messages } from '../../i18n';
+import type { OwnedList } from '../../schema';
+
+export default function cookiesList(say: Messages): OwnedList {
+  const own = say.blocks.cookies.entries;
+  return {
+    kind: 'folder',
+    id: config.lists.cookies,
+    icon: Cookie,
+    create: own.create,
+    label: own.label,
+    singular: own.singular,
+    folder: config.cookieList,
+    deletable: true,
+    slugFrom: 'name',
+    // Who sets it, with its name under it, so the list is by provider.
+    summary: (d) => String(d.provider ?? ''),
+    detail: (d) => String(d.name ?? ''),
+    // One the app "Cookiescanner" added (`new`, cookieList.ts) first, marked, until it is saved.
+    fresh: {
+      field: 'new',
+      heading: own.fresh,
+      label: (d) => (String(d.purpose ?? '').trim() ? own.freshLabel : own.noPurpose),
+      notice: own.freshNotice,
+      approve: own.approve,
+    },
+    filters: [
+      { field: 'provider', all: own.allProviders },
+      { field: 'category', all: own.allCategories },
+    ],
+    fields: [
+      { name: 'provider', label: own.provider, type: 'string', required: true },
+      { name: 'name', label: own.name, type: 'string', required: true, hint: own.nameHint },
+      { name: 'purpose', label: own.purpose, type: 'text' },
+      { name: 'lasts', label: own.lasts, type: 'string' },
+      {
+        name: 'category',
+        label: own.category,
+        type: 'select',
+        required: true,
+        default: 'marketing',
+        hint: own.categoryHint,
+        options: COOKIE_CATEGORIES.map((value) => ({ label: own.categories[value], value })),
+      },
+    ],
+  };
+}