@morphemecms/cms 0.0.0-stage → 0.1.0

package/src/i18n/en-US/blocks.ts

@@ -0,0 +1,441 @@
+// The blocks: putting one in (BlockDialog.tsx), their cards and rules (blocks.ts, registry.tsx) and the standard blocks (standard/).
+export const blocks = {
+  insert: 'Insert',
+  searchInsert: 'Search blocks',
+  noneHere: 'There are no blocks to insert here',
+  noneNamed: (query: string) => `No results for "${query}"`,
+  /** A block in the text the editor no longer has. */
+  gone: (type: string) => `The block "${type}" no longer exists. Remove it from the text.`,
+  /** A block whose fields cannot be saved, and why (a message from check.ts). */
+  notSaved: (why: string) => `The block can't be saved yet. ${why}`,
+  /** A picture, chosen and changed like a block. */
+  picture: {
+    label: 'Image',
+    hint: 'Choose an image from Files, or upload a new one.',
+    src: 'Image',
+    alt: 'Alt text',
+    altHint: 'For screen readers and search engines.',
+    /** A picture that is only decoration: drawn with alt="", without an alternative text. */
+    decorative: 'Decorative picture',
+    decorativeHint: 'Screen readers skip the picture.',
+    decorativeToggle: ['On', 'Off'] as [string, string],
+  },
+  /** The lines of the testimonials on the cards. */
+  noTestimonials: 'No testimonials yet',
+  html: {
+    label: 'HTML code',
+    hint: 'For example, a video or a calendar.',
+    code: 'Code',
+    youtube: 'Video from YouTube',
+    vimeo: 'Video from Vimeo',
+    calendly: 'Calendar from Calendly',
+    table: 'Table',
+  },
+  /** The standard blocks (standard/). */
+  heading: 'Heading',
+  headingHint: 'Optional.',
+  /** A block's head (standard/head.ts): the label above its heading and the subheading under it. */
+  eyebrow: 'Label',
+  eyebrowHint: 'Shown in small capitals above the heading.',
+  subheading: 'Subheading',
+  subheadingHint: 'Shown under the heading.',
+  faq: {
+    label: 'Questions and answers',
+    hint: 'Questions that expand to show the answer.',
+    items: 'Questions',
+    item: 'question',
+    question: 'Question',
+    answer: 'Answer',
+  },
+  notice: {
+    label: 'Notice',
+    hint: 'A short message, highlighted in a box.',
+    text: 'Text',
+    until: 'Show until',
+    untilHint: 'If empty, the notice is always shown.',
+    shownUntil: (day: string, time: string) => `Shown until ${day} at ${time}`,
+    over: (day: string, time: string) => `No longer shown (until ${day} at ${time})`,
+  },
+  links: {
+    label: 'Links',
+    hint: 'Links to pages in groups with a heading.',
+    groups: 'Groups',
+    group: 'group',
+    title: 'Heading',
+    href: 'Page',
+    hrefHint: 'If empty, the heading isn’t a link.',
+    pages: 'Pages',
+    page: 'Page',
+    /** The groups it is shown with where no page has it (in the site's language). */
+    example: ['First group', 'Second group'],
+  },
+  list: {
+    label: 'List',
+    hint: 'Rows under each other with a heading and a text.',
+    design: 'Design',
+    designStandard: 'Standard',
+    designSegmented: 'Segmented',
+    items: 'Rows',
+    item: 'row',
+    icon: 'Icon',
+    title: 'Heading',
+    text: 'Text',
+    href: 'Page',
+    hrefHint: 'If empty, the row isn’t a link.',
+    exampleTitle: 'Heading',
+    exampleText: 'A short text about the row.',
+  },
+  points: {
+    label: 'Points with icon',
+    hint: 'Points with an icon, a heading, and a text.',
+    items: 'Points',
+    item: 'point',
+    icon: 'Icon',
+    title: 'Heading',
+    text: 'Text',
+    href: 'Page',
+    hrefHint: 'If empty, there is no link.',
+    more: 'Link text',
+    moreHint: 'Only shown with a page.',
+    exampleTitle: 'Heading',
+    exampleText: 'A short text about the point.',
+  },
+  steps: {
+    label: 'Steps',
+    hint: 'Numbered steps with heading and text.',
+    items: 'Steps',
+    item: 'step',
+    title: 'Heading',
+    text: 'Text',
+  },
+  hero: {
+    label: 'Banner',
+    hint: "The page's top with a text, a picture, and buttons.",
+    text: 'Text',
+    textHint: 'The first paragraph is the subtitle, and a picture and buttons are put in with +.',
+    placement: 'Placement (picture)',
+    placementBeside: 'Beside',
+    placementBehind: 'Behind the text',
+    width: 'Width',
+    widthFull: 'Full width',
+    widthText: 'Like the text',
+  },
+  accordion: {
+    label: 'Expandable list',
+    hint: 'Rows that expand to show a text and a link.',
+    edit: 'Edit default texts',
+    items: 'Rows',
+    item: 'row',
+    title: 'Heading',
+    href: 'Page',
+    text: 'Text',
+    textHint: 'If empty, the beginning of the text on the page is shown.',
+    moreItems: 'More pages',
+    moreItem: 'page',
+    moreLabel: 'Button text',
+    /** The shared text ("Blokke" › "Foldeliste"), and what it starts as on a site in this language. */
+    more: 'Link text',
+    moreHint: '{emne} is the heading of the row.',
+    moreText: 'Read more about {emne}',
+    /** In the drawing, for a row without a text of its own (in the site's language). */
+    opening: 'The beginning of the text on the page.',
+    /** The rows it is shown with where no page has it (in the site's language). */
+    example: ['First topic', 'Second topic', 'Third topic'],
+  },
+  buttons: {
+    label: 'Buttons',
+    hint: 'Buttons with text and icon.',
+    edit: 'Edit default buttons',
+    items: 'Buttons',
+    item: 'button',
+    itemsHint: 'Without buttons here, the default buttons are used.',
+    sharedHint: 'Used when the block has no buttons of its own.',
+    shared: 'Default buttons',
+    text: 'Text',
+    /** The texts a button without its own has (the site's targets, e.g. "Book en tid", "Ring"). */
+    textHint: (targets: string[]) => `If empty, ${targets.map((t) => `"${t}"`).join(', ')} or the page title is used.`,
+    to: 'Leads to',
+    page: 'A page',
+    href: 'Page',
+    hrefHint: 'When the button leads to a page.',
+    kind: 'Style',
+    /** The kinds of a button, as Material 3 names them (buttonKinds). */
+    kinds: { filled: 'Filled', tonal: 'Tonal', elevated: 'Elevated', outlined: 'Outlined', text: 'Text only' },
+    icon: 'Icon',
+    iconHint: 'The arrow is shown after the text, the other icons before it.',
+    arrow: 'Arrow',
+    calendar: 'Calendar',
+  },
+  cookies: {
+    label: 'Cookie list',
+    hint: 'Shows the cookies the website sets.',
+    edit: 'Edit cookies',
+    /** The list the block brings, "Cookies" under "Lister" (list.ts), and its fields. */
+    entries: {
+      label: 'Cookies',
+      singular: 'cookie',
+      create: 'New cookie',
+      name: 'Name',
+      nameHint: 'A * stands for the rest of the name.',
+      provider: 'Provider',
+      purpose: 'Purpose',
+      lasts: 'Duration',
+      category: 'Category',
+      categoryHint: 'Only necessary cookies are set without a yes in the cookie banner.',
+      categories: {
+        necessary: 'Necessary',
+        preferences: 'Preferences',
+        statistics: 'Statistics',
+        marketing: 'Marketing',
+        targeting: 'Targeted ads',
+      },
+      /** The filters of the list: all of them. */
+      allProviders: 'All providers',
+      allCategories: 'All categories',
+      /** A cookie added to the list by itself (the app "Cookiescanner") and not yet looked through: the heading at the
+       * top of the list, what it says, or that it has no purpose yet, what its form says, and the button. */
+      fresh: 'New',
+      freshLabel: 'New',
+      noPurpose: 'No purpose',
+      freshNotice: 'Added to the list by itself. Look it through and approve it.',
+      approve: 'Approve',
+    },
+    /** The shared texts ("Blokke" › "Cookieliste"), and what they start as on a site in this language. */
+    nameHead: 'Heading (name)',
+    providerHead: 'Heading (provider)',
+    purposeHead: 'Heading (purpose)',
+    lastsHead: 'Heading (duration)',
+    categoryHead: 'Heading (category)',
+    necessaryText: 'Text (necessary)',
+    preferencesText: 'Text (preferences)',
+    statisticsText: 'Text (statistics)',
+    marketingText: 'Text (marketing)',
+    targetingText: 'Text (targeted ads)',
+    texts: {
+      name: 'Cookie',
+      provider: 'Provider',
+      purpose: 'Purpose',
+      lasts: 'Duration',
+      category: 'Category',
+      necessary: 'Necessary',
+      preferences: 'Preferences',
+      statistics: 'Statistics',
+      marketing: 'Marketing',
+      targeting: 'Targeted ads',
+    },
+  },
+  testimonials: {
+    label: 'Testimonials',
+    hint: 'Testimonials in a carousel or one after another.',
+    edit: 'Edit testimonials',
+    layout: 'Layout',
+    slider: 'Carousel',
+    list: 'One after another',
+    layoutHint: 'One after another shows the whole text.',
+    show: 'Which testimonials',
+    all: 'All',
+    filter: 'Buttons with tags',
+    filterHint: 'Shows only the testimonials with the chosen tag.',
+    withTags: 'With tags',
+    front: 'Marked "Show on the front page"',
+    picked: 'Selected',
+    tags: 'Tags',
+    addTag: 'Add tag',
+    tagsHint: 'Without tags, all testimonials are shown.',
+    /** The list the block brings, "Udtalelser" under "Lister" (list.ts), and its fields. */
+    entries: {
+      label: 'Testimonials',
+      singular: 'testimonial',
+      create: 'New testimonial',
+      name: 'Name',
+      image: 'Picture',
+      context: 'Introduction',
+      quote: 'Testimonial',
+      createTag: 'Create a tag',
+      frontPage: 'Show on the front page',
+    },
+    items: 'Testimonials',
+    /** The shared texts ("Blokke" › "Udtalelser"), and what they start as on a site in this language. */
+    more: 'Button text (show more)',
+    less: 'Button text (show less)',
+    moreText: 'Read more',
+    lessText: 'Show less',
+    /** On the site and in the drawings (in the site's language): for screen readers, and when there are none. */
+    from: (name: string) => `from ${name}`,
+    carousel: 'carousel',
+    slide: 'slide',
+    slideOf: (n: number, of: number) => `${n} of ${of}`,
+    show1: (n: number, name: string) => `Show testimonial ${n}: ${name}`,
+    none: 'No testimonials to show',
+    filterAll: 'All',
+    filterLabel: 'Show testimonials with the tag',
+  },
+  posts: {
+    label: 'Blog posts',
+    hint: 'Blog posts as a list: all of them, a number with certain tags, or selected ones.',
+    edit: 'Edit default texts',
+    /** The field "Design" and its choices: a list, or the newest post large over the list. */
+    design: 'Design',
+    designList: 'List',
+    designFeatured: 'Newest large',
+    /** The field "Which posts" and its choices. */
+    show: 'Which posts',
+    every: 'All',
+    some: 'A number',
+    picked: 'Selected',
+    tags: 'Tags',
+    addTag: 'Add tag',
+    tagsHint: 'Without tags, all posts are shown.',
+    count: 'Number',
+    countOption: (n: string) => `${n} posts`,
+    order: 'Order',
+    newest: 'Newest',
+    random: 'Random',
+    items: 'Blog posts',
+    addItem: 'Add blog post',
+    itemsHint: 'At most 6 posts.',
+    link: 'Link "All posts"',
+    linkHint: 'A tag or the whole blog.',
+    /** The lines on its card. */
+    all: 'all posts',
+    newestFrom: (n: number, from: string) => `The newest ${n} from ${from}`,
+    randomFrom: (n: number, from: string) => `${n} random ones from ${from}`,
+    /** All with some tags (none: all posts), and how many posts that is. */
+    allFrom: (tags: string, n: number) => `${tags || 'All posts'} · ${n} ${n === 1 ? 'post' : 'posts'}`,
+    /** The shared texts ("Blokke" › "Blogindlæg"), and what they start as on a site in this language. */
+    allLink: 'Link text (blog)',
+    allAboutLink: 'Link text (tag)',
+    allAboutHint: '{tag} is the name of the tag.',
+    allText: 'All posts',
+    allAboutText: 'All posts about {tag}',
+    /** In the drawing (in the site's language): random posts, of how many. */
+    randomNote: (n: number, of: number) => `${n} random of ${of} posts`,
+    /** In the drawing (in the site's language), when it shows all: the posts not drawn. */
+    more: (n: number) => `and ${n} more ${n === 1 ? 'post' : 'posts'}`,
+  },
+  cards: {
+    label: 'Cards',
+    hint: 'Cards with links to other pages.',
+    edit: 'Edit default texts',
+    design: 'Design',
+    designText: 'Text',
+    designIcon: 'Icon',
+    designImage: 'Picture',
+    background: 'Background',
+    backgroundStandard: 'Standard',
+    backgroundAccent: 'Colored',
+    items: 'Cards',
+    item: 'card',
+    title: 'Heading',
+    text: 'Text',
+    icon: 'Icon',
+    image: 'Picture',
+    href: 'Page',
+    hrefHint: 'Without a page, the card isn’t a link.',
+    /** The shared text ("Blokke" › "Kort"), and what it starts as on a site in this language. */
+    more: 'Link text',
+    moreText: 'Read more',
+    /** The cards it is shown with where no page has it (in the site's language). */
+    example: [
+      { icon: 'heart', title: 'About me', text: 'Who I am, and how I work.' },
+      { icon: 'chats', title: 'Contact', text: 'How to find me, and how to book an appointment.' },
+    ],
+  },
+  /** The icons to pick from (iconNames in ../../icon.tsx), by their names. */
+  icons: {
+    certificate: 'Diploma',
+    heart: 'Heart',
+    'hand-heart': 'Hand with heart',
+    'users-three': 'Three people',
+    users: 'Two people',
+    'graduation-cap': 'Graduation cap',
+    handshake: 'Handshake',
+    'book-open': 'Book',
+    'book-open-text': 'Book with text',
+    medal: 'Medal',
+    chats: 'Conversation',
+    'flower-lotus': 'Lotus flower',
+    leaf: 'Leaf',
+    lightbulb: 'Light bulb',
+    train: 'Train',
+    bus: 'Bus',
+    bicycle: 'Bicycle',
+    car: 'Car',
+    'door-open': 'Door',
+    'video-camera': 'Video camera',
+    lifebuoy: 'Lifebuoy',
+    phone: 'Phone',
+    clock: 'Clock',
+    'map-pin': 'Map pin',
+    coffee: 'Coffee',
+    wheelchair: 'Wheelchair',
+    info: 'Information',
+    'envelope-simple': 'Letter',
+  },
+  video: {
+    label: 'Video',
+    hint: 'A video from YouTube or Vimeo.',
+    url: 'Video link',
+    urlProblem: 'Paste the link to the video from YouTube or Vimeo',
+    title: 'Title',
+    video: 'Video',
+  },
+  /** "Tjekliste" (standard/checklist/). */
+  checklist: {
+    label: 'Checklist',
+    hint: 'Points with a check mark before them.',
+    items: 'Points',
+    item: 'point',
+    text: 'Text',
+    /** The points it is shown with where no page has it (in the site's language). */
+    example: ['An answer within one working day', 'No commitment', 'Free access to the material', 'Help when you need it'],
+  },
+  /** "Priskort" (standard/pricecards/). */
+  pricecards: {
+    label: 'Price cards',
+    hint: 'Prices side by side with what is included.',
+    items: 'Cards',
+    item: 'card',
+    name: 'Name',
+    price: 'Price',
+    unit: 'Unit',
+    unitHint: 'Shown after the price.',
+    text: 'Text',
+    features: 'Points',
+    feature: 'point',
+    button: 'Button',
+    buttonItem: 'button',
+    featured: 'Highlighted',
+    featuredToggle: ['On', 'Off'] as [string, string],
+    badge: 'Label',
+    badgeHint: 'If empty, no label is shown.',
+    /** The cards it is shown with where no page has it (in the site's language): the middle one highlighted. */
+    example: [
+      {
+        name: 'Basic',
+        price: '$50',
+        unit: 'per month',
+        text: 'For getting started.',
+        features: ['The essentials', 'Help by email'],
+        button: 'Choose Basic',
+      },
+      {
+        name: 'Standard',
+        price: '$90',
+        unit: 'per month',
+        text: 'What most people choose.',
+        features: ['Everything in Basic', 'Help by phone', 'A meeting every month'],
+        button: 'Choose Standard',
+        badge: 'Most popular',
+      },
+      {
+        name: 'Plus',
+        price: '$150',
+        unit: 'per month',
+        text: 'For those who want it all.',
+        features: ['Everything in Standard', 'A dedicated contact', 'Meetings as needed'],
+        button: 'Choose Plus',
+      },
+    ] as { name: string; price: string; unit: string; text: string; features: string[]; button: string; badge?: string }[],
+  },
+};

package/src/i18n/en-US/check.ts

@@ -0,0 +1,31 @@
+// What is wrong when a form cannot be saved, also in the check before the build (check.ts).
+export const check = {
+  /** What a value must be, when it is another kind (a file edited by hand). */
+  kinds: {
+    list: 'must be a list',
+    object: 'must be a group of fields',
+    number: 'must be a number',
+    boolean: 'must be on or off',
+    text: 'must be a text',
+  },
+  address: 'Write the address with letters or digits',
+  onlyDigits: 'Write only digits',
+  digits: (n: number) => `Write ${n} digits`,
+  fillIn: (label: string) => `Fill in "${label}."`,
+  /** A label and what is wrong with its value. */
+  wrong: (label: string, problem: string) => `${label}: ${problem}.`,
+  notAnOption: (label: string, value: string) => `${label}: "${value}" isn’t one of the choices.`,
+  /** A label and a problem that is a sentence of its own. */
+  inField: (label: string, problem: string) => `${label}: ${problem}`,
+  cannotBeHere: (name: string) => `"${name}" can’t be on this page.`,
+  atMost: (name: string, max: number) =>
+    max === 1 ? `There can only be one "${name}" on the page.` : `There can be at most ${max} "${name}" on the page.`,
+  /** A block or picture in the text of a field (a "Banner"'s), which may not have it or not so many (Field.template). */
+  cannotBeInText: (name: string) => `"${name}" can’t be in the text.`,
+  atMostInText: (name: string, max: number) =>
+    max === 1 ? `There can only be one "${name}" in the text.` : `There can be at most ${max} "${name}" in the text.`,
+  /** A list with more items than it may have (Field.maxItems). */
+  atMostItems: (label: string, max: number) => `There can be at most ${max} in "${label}."`,
+  mustBeOnPage: (name: string) => `"${name}" must be on the page.`,
+  mustBeShown: (name: string) => `"${name}" must be shown on the page.`,
+};

package/src/i18n/en-US/colors.ts

@@ -0,0 +1,82 @@
+// "Farver" (Colors.tsx): the site's colours in light and dark mode.
+export const colors = {
+  intro: "The website's colors in light and dark mode.",
+  light: 'Light mode',
+  dark: 'Dark mode',
+  /** The switch between the modes, for screen readers. */
+  modes: 'Mode',
+  /** The little page drawn in a mode's colours. */
+  preview: {
+    title: (mode: string) => `Example: ${mode.toLowerCase()}`,
+    heading: 'A heading',
+    text: 'Secondary text, for example, a date.',
+    link: 'A link',
+    card: 'Text on a surface.',
+    box: 'A light box',
+    /** The boxes in the secondary and tertiary colors, which a harmony places; also the names of the
+     * generator's base colors after the source color. */
+    secondary: 'Secondary color',
+    tertiary: 'Tertiary color',
+    button: 'Book a time',
+  },
+  /** A pair that is too hard to read: what it is (the site's words), its contrast and the least it needs. */
+  tooLow: (what: string, ratio: string, min: string) => `Contrast too low: ${what} (${ratio}, at least ${min}).`,
+  /** checkSite.ts: a colour in the file that is not one ('dark.accent: "rød"'). */
+  notAColorAt: (where: string) => `Not a color: ${where}`,
+  cannotSave: 'Some colors have too little contrast. Fix the ones marked in red.',
+  unreadable: 'The colors couldn’t be read. The default colors are shown.',
+  /** Dynamic colour (Material 3): all the colours made from one source colour. */
+  dynamic: {
+    /** The tab with dynamic colour, beside the modes'. */
+    tab: 'Generator',
+    source: 'Source color',
+    fromPicture: 'From a picture',
+    fromPictureDone: 'The source color was taken from the picture',
+    /** A picture without colour enough to make the colours from (a grey one). */
+    noColorInPicture: 'The picture has no color that can be used as a source color',
+    /** The generator's three base colours at the top (ColorTiles), under this heading and named by it for screen readers. */
+    base: 'Colors',
+    /** The colour wheel with the colour harmonies (lib/dynamic-colors.ts HARMONIES). */
+    harmony: 'Harmony',
+    harmonyHint: 'Drag the big dot, and the other colors follow the harmony.',
+    wheel: 'Color wheel',
+    harmonies: {
+      analogous: 'Analogous',
+      monochromatic: 'Monochromatic',
+      complementary: 'Complementary',
+      splitComplementary: 'Split complementary',
+      triadic: 'Triadic',
+    },
+    contrast: 'Contrast',
+    contrastHint: 'Higher contrast makes the text easier to read.',
+    contrasts: { standard: 'Standard', medium: 'Medium', high: 'High' },
+    /** A colour changed by hand while they are made from the source colour. */
+    turnedOff: 'The generator no longer makes the colors, so you can change them yourself',
+    /** checkSite.ts: a wrong value in the choice in the file ('dynamic.variant: "rød"'). */
+    wrongAt: (where: string) => `Wrong value: ${where}`,
+  },
+  /** Each page's colours as it was built, shown in the modes while an app changes the pages' colours (hooks/page-colors.ts). */
+  pages: {
+    intro: "Each page's colors, as they were when the website was last built.",
+    /** At the top of the modes: the apps that give the pages their colours, by their names, and the way to the site's
+     * own, the fallback. */
+    title: "Colors from the pages' pictures",
+    byApps: (apps: string) => `${apps} gives the pages colors from their pictures. Where it doesn’t, the fallback colors are used.`,
+    showFallback: 'Show fallback colors',
+    /** The page with the site's own colours (FALLBACK_ROUTE), and what they are. */
+    fallback: 'Fallback colors',
+    fallbackIntro: (apps: string) => `The colors are used on the pages ${apps} doesn’t give colors.`,
+    apps: 'Apps',
+    fromApp: 'Colors from a picture',
+    own: "The website's colors",
+    loading: "Fetching the pages' colors",
+    missing: "The pages' colors can be seen once the website is built",
+    /** The colours of a page in a row, read out (the accent colour, the light colour, the background and the text). */
+    swatches: (mode: string) => `The colors in ${mode.toLowerCase()}`,
+  },
+  standard: 'Reset to default colors',
+  standardHint: 'Takes effect when you save.',
+  icons: 'The logo and icon are changed under Appearance › Logo and icon.',
+  /** The commit, in the site's language (siteT). */
+  commit: 'Editor: new colors',
+};