create-shapio 0.3.1 → 0.4.1

package/templates/next/src/lib/metadata.ts

@@ -0,0 +1,68 @@
+import type { SeoResolved } from '@shapio/client';
+import type { Metadata } from 'next';
+import { siteUrl } from './config';
+import { seoHead, type SeoHead } from './seo';
+import { getSite } from './shapio';
+import { DEFAULT_LOCALE, type Locale } from './site';
+
+type PageMetadataInput = {
+  /** The page's own title; entry pages pass their SEO fields too, which win. */
+  title: string;
+  /** The entry's SEO fields, read with `seo=resolved`. */
+  seo?: SeoResolved | null;
+  type?: SeoHead['type'];
+  locale: Locale;
+  /** This page's path, e.g. `/en/articles/x/` (the canonical URL with SITE_URL). */
+  path: string;
+};
+
+/** Next's metadata from the SEO head: `title.absolute`, as the title already went through the site's template. */
+export const toMetadata = (head: SeoHead): Metadata => {
+  const images = head.image
+    ? [
+        {
+          url: head.image.url,
+          ...(head.image.width ? { width: head.image.width } : {}),
+          ...(head.image.height ? { height: head.image.height } : {}),
+          ...(head.image.alt ? { alt: head.image.alt } : {}),
+        },
+      ]
+    : undefined;
+  return {
+    title: { absolute: head.title },
+    ...(head.description ? { description: head.description } : {}),
+    ...(head.canonical ? { alternates: { canonical: head.canonical } } : {}),
+    ...(head.noindex ? { robots: { index: false } } : {}),
+    openGraph: {
+      type: head.type,
+      title: head.title,
+      locale: head.locale,
+      ...(head.siteName ? { siteName: head.siteName } : {}),
+      ...(head.description ? { description: head.description } : {}),
+      ...(head.canonical ? { url: head.canonical } : {}),
+      ...(images ? { images } : {}),
+    },
+    twitter: {
+      card: head.image ? 'summary_large_image' : 'summary',
+      title: head.title,
+      ...(head.twitterHandle ? { site: head.twitterHandle } : {}),
+      ...(head.description ? { description: head.description } : {}),
+      ...(images ? { images } : {}),
+    },
+  };
+};
+
+/** A page's metadata: the entry's SEO fields over the site's SEO defaults (`GET /api/site`). */
+export const pageMetadata = async (input: PageMetadataInput): Promise<Metadata> =>
+  toMetadata(
+    seoHead({
+      seo: input.seo ?? null,
+      site: await getSite(),
+      locale: input.locale,
+      localeChain: [input.locale, DEFAULT_LOCALE],
+      title: input.title,
+      path: input.path,
+      siteUrl: siteUrl(),
+      ...(input.type ? { type: input.type } : {}),
+    }),
+  );

package/templates/next/src/lib/preview.ts

@@ -45,6 +45,7 @@ export const loadDraft = async (shapioUrl: string, request: PreviewRequest): Pro
   const client = createClient({ baseUrl: shapioUrl, token: request.token });
   const params = new URLSearchParams({
     locale: request.locale,
+    richText: 'html',
     ...(request.modelKey === 'articles' ? { populate: 'author' } : {}),
   });
   const { data } = await client.request<DeliveryItem<Page | Article>>(

package/templates/next/src/lib/revalidation.ts

@@ -3,7 +3,12 @@ import { revalidatePath } from 'next/cache';
 import { configuredSnapshot, isSnapshotPinned } from './config';
 import { advanceTo, liveSnapshot } from './liveSnapshot';
 import { log } from './log';
-import { revalidationTargets, type ChangedEntry, type RevalidationTarget } from './revalidationTargets';
+import {
+  EVERY_PAGE,
+  revalidationTargets,
+  type ChangedEntry,
+  type RevalidationTarget,
+} from './revalidationTargets';
 import { shapio } from './shapio';
 
 /**
@@ -89,3 +94,17 @@ export const revalidateChanges = (): Promise<RevalidationResult> => {
     return result;
   });
 };
+
+/**
+ * Site-wide changes that publish no snapshot (the site's SEO defaults: `site.updated`): every page is
+ * revalidated at the snapshot the site already shows.
+ */
+export const revalidateEveryPage = (): RevalidationResult => {
+  if (isSnapshotPinned()) {
+    return { skipped: `the build is pinned to snapshot ${configuredSnapshot()} by SHAPIO_SNAPSHOT` };
+  }
+  revalidatePath(EVERY_PAGE.path, EVERY_PAGE.type);
+  const at = liveSnapshot();
+  log(`Site settings changed: revalidated every page at snapshot ${at}`);
+  return { from: at, to: at, changed: 0, revalidated: [EVERY_PAGE] };
+};

package/templates/next/src/lib/revalidationTargets.test.ts

@@ -1,5 +1,10 @@
 import { describe, expect, it } from 'vitest';
-import { EVERY_PAGE, revalidationTargets } from './revalidationTargets';
+import {
+  EVERY_PAGE,
+  REVALIDATING_EVENTS,
+  revalidationTargets,
+  SITE_WIDE_EVENTS,
+} from './revalidationTargets';
 
 describe('revalidationTargets', () => {
   it('maps a changed article to its page and the locale’s article list', () => {
@@ -64,4 +69,9 @@ describe('revalidationTargets', () => {
       ),
     ).toEqual([]);
   });
+
+  it('treats a change to the site (its SEO defaults) as site-wide, without a snapshot diff', () => {
+    expect(REVALIDATING_EVENTS).toContain('site.updated');
+    expect(SITE_WIDE_EVENTS).toEqual(['site.updated']);
+  });
 });

package/templates/next/src/lib/revalidationTargets.ts

@@ -22,10 +22,15 @@ export const REVALIDATING_EVENTS: readonly string[] = [
   'change_set.shipped',
   'schema.activated',
   'schema.deleted',
+  // The site's SEO defaults changed (no new snapshot): every page's head shows them.
+  'site.updated',
   // "Send test" in Shapio's webhook screen: runs a real (usually empty) revalidation.
   'webhook.test',
 ];
 
+/** Events that change every page without moving the publication snapshot (nothing to diff). */
+export const SITE_WIDE_EVENTS: readonly string[] = ['site.updated'];
+
 const targetsOf = ({ modelKey, locale, slugs }: ChangedEntry): RevalidationTarget[] => {
   switch (modelKey) {
     case 'page':

package/templates/next/src/lib/seo.ts

@@ -0,0 +1,69 @@
+import {
+  applyTitleTemplate,
+  seoDefaultsForLocale,
+  type DeliveryAsset,
+  type DeliverySite,
+  type SeoResolved,
+} from '@shapio/client';
+
+/**
+ * What a page puts in its <head> (title, description, Open Graph, Twitter card, canonical, robots), from an
+ * entry's SEO fields read with `?seo=resolved` and the site's SEO defaults (`GET /api/site`). Pages without an
+ * entry (listings, the colophon) pass their own title: it goes through the site's title template here.
+ */
+export type SeoHead = {
+  title: string;
+  description: string | null;
+  image: { url: string; width: number | null; height: number | null; alt: string | null } | null;
+  /** The entry's canonical URL, else this page's URL on SITE_URL; null when neither is known. */
+  canonical: string | null;
+  noindex: boolean;
+  siteName: string | null;
+  twitterHandle: string | null;
+  /** `article` for articles, `website` for everything else (`og:type`). */
+  type: 'website' | 'article';
+  /** `og:locale`, e.g. `en` or `fr`. */
+  locale: string;
+};
+
+export type SeoHeadInput = {
+  /** The entry's resolved SEO fields; absent on pages without an entry. */
+  seo?: SeoResolved | null;
+  /** The site and its defaults; null when it could not be read (the page still renders a title). */
+  site: DeliverySite | null;
+  locale: string;
+  /** The locales whose defaults apply, in order (the page's locale, then the default one). */
+  localeChain: readonly string[];
+  /** The page's own title (entry pages: used only when the entry has no SEO fields). */
+  title: string;
+  /** This page's path, e.g. `/en/articles/x/`; with `siteUrl` it makes the canonical URL. */
+  path: string;
+  siteUrl?: string | undefined;
+  type?: SeoHead['type'];
+};
+
+const imageOf = (asset: DeliveryAsset | null | undefined): SeoHead['image'] =>
+  asset ? { url: asset.url, width: asset.width, height: asset.height, alt: asset.alt } : null;
+
+const canonicalOf = (own: string | null | undefined, path: string, siteUrl: string | undefined) => {
+  if (own) {
+    return own;
+  }
+  return siteUrl ? new URL(path, siteUrl).href : null;
+};
+
+export const seoHead = (input: SeoHeadInput): SeoHead => {
+  const defaults = seoDefaultsForLocale(input.site?.seo ?? { locales: {} }, input.localeChain);
+  const { seo } = input;
+  return {
+    title: seo?.title ?? applyTitleTemplate(input.title, defaults.titleTemplate),
+    description: seo?.description ?? defaults.description ?? null,
+    image: imageOf(seo?.image ?? input.site?.seo.image),
+    canonical: canonicalOf(seo?.canonical, input.path, input.siteUrl),
+    noindex: seo?.noindex ?? false,
+    siteName: defaults.siteName ?? null,
+    twitterHandle: input.site?.seo.twitterHandle ?? null,
+    type: input.type ?? 'website',
+    locale: input.locale,
+  };
+};

package/templates/next/src/lib/shapio.ts

@@ -1,4 +1,4 @@
-import { createClient, ShapioApiError, type DeliveryListQuery } from '@shapio/client';
+import { createClient, ShapioApiError, type DeliveryListQuery, type DeliverySite } from '@shapio/client';
 import { deliveryToken, shapioUrl, siteKey } from './config';
 import { liveSnapshot } from './liveSnapshot';
 import type { Locale } from './site';
@@ -18,8 +18,8 @@ const ARTICLES = 'articles';
 const SITE_SETTINGS = 'siteSettings';
 
 /** The fields each read renders (`fields=`): smaller responses, and accurate field usage in Shapio. */
-const PAGE_FIELDS = ['title', 'slug', 'description', 'sections'];
-const ARTICLE_FIELDS = ['title', 'slug', 'excerpt', 'body', 'cover', 'author', 'publishedOn'];
+const PAGE_FIELDS = ['title', 'slug', 'description', 'sections', 'seo'];
+const ARTICLE_FIELDS = ['title', 'slug', 'excerpt', 'body', 'cover', 'author', 'publishedOn', 'seo'];
 const SITE_SETTINGS_FIELDS = ['siteName', 'tagline', 'footer', 'colophon'];
 
 export const createShapio = () =>
@@ -36,6 +36,10 @@ const listAll = async <T>(routeKey: string, query: DeliveryListQuery): Promise<T
   for (let page = 1; ; page += 1) {
     const result = await shapio().delivery.list<T>(routeKey, {
       ...query,
+      // The site renders the server's sanitized HTML, so it asks for that instead of the JSON document, and
+      // its SEO fields with the site's defaults filled in.
+      richText: 'html',
+      seo: 'resolved',
       snapshot: snapshot(),
       page,
       pageSize: PAGE_SIZE,
@@ -64,6 +68,7 @@ export const getSiteSettings = async (locale: Locale): Promise<SiteSettings | nu
       locale,
       snapshot: snapshot(),
       fields: SITE_SETTINGS_FIELDS,
+      richText: 'html',
     });
     return data;
   } catch (error) {
@@ -73,3 +78,19 @@ export const getSiteSettings = async (locale: Locale): Promise<SiteSettings | nu
     throw error;
   }
 };
+
+/**
+ * The site and its SEO defaults (name and title template per locale, default image, Twitter handle). Read on
+ * every render: a `site.updated` webhook revalidates every page, which then shows the new defaults. Null when
+ * the Shapio predates them (the pages still render, with plain titles).
+ */
+export const getSite = async (): Promise<DeliverySite | null> => {
+  try {
+    return await shapio().site.get();
+  } catch (error) {
+    if (error instanceof ShapioApiError && error.status === 404) {
+      return null;
+    }
+    throw error;
+  }
+};

package/templates/next/src/lib/types.ts

@@ -1,3 +1,5 @@
+import type { SeoResolved } from '@shapio/client';
+
 /**
  * Content as the Shapio delivery API returns it for the starter's models (shapio/). Delivery
  * entries are flat: system attributes next to the fields, keyed by API key. Media fields are asset views,
@@ -24,6 +26,7 @@ export type Media = {
   variants: MediaVariant[];
 };
 
+/** Rich text as delivery returns it with `richText=html`: sanitized HTML rendered from the document. */
 export type RichText = { format: 'shapio-richtext'; version: number; html: string };
 
 type EntryBase = {
@@ -61,6 +64,8 @@ export type Page = EntryBase & {
   slug: string;
   description: string | null;
   sections: Section[];
+  /** The built-in SEO fields, read with `seo=resolved` (the site's defaults filled in). */
+  seo: SeoResolved;
 };
 
 export type Author = EntryBase & { name: string; bio: string | null; avatar: Media | null };
@@ -74,6 +79,8 @@ export type Article = EntryBase & {
   /** Populated (`populate=author`) or just the ID; null when the author is not published. */
   author: Author | string | null;
   publishedOn: string;
+  /** The built-in SEO fields, read with `seo=resolved` (the site's defaults filled in). */
+  seo: SeoResolved;
 };
 
 /** The `siteSettings` singleton: one entry per site, read by its API ID. */

package/templates/sveltekit/.env.example

@@ -8,3 +8,5 @@ SHAPIO_DELIVERY_TOKEN=
 # SHAPIO_SITE=marketing
 # Optional: the Shapio URL the browser calls for draft previews, when it differs from SHAPIO_URL.
 # PUBLIC_SHAPIO_URL=https://cms.example.com
+# Optional: this site's public origin; pages then carry a canonical URL and og:url.
+# SITE_URL=https://www.example.com

package/templates/sveltekit/package.json

@@ -21,8 +21,8 @@
     "typecheck": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --fail-on-warnings"
   },
   "dependencies": {
-    "@shapio/client": "^0.3.1",
-    "@shapio/visual": "^0.3.1"
+    "@shapio/client": "^0.4.1",
+    "@shapio/visual": "^0.4.1"
   },
   "devDependencies": {
     "@sveltejs/adapter-static": "4.0.0",

package/templates/sveltekit/scripts/lib/content.ts

@@ -448,15 +448,56 @@ export type EntrySpec = {
   publish: boolean;
 };
 
+/**
+ * The SEO fields of one locale (the built-in `seo` component, per locale): a page describes itself with its
+ * description, an article with its excerpt and its cover (a shared field, so it comes from the English data).
+ * The title stays empty: `?seo=resolved` falls back to the entry's own title, through the site's template.
+ */
+const seoOf = (data: Record<string, unknown>, shared: Record<string, unknown>) => ({
+  description: data.excerpt ?? data.description ?? null,
+  image: shared.cover ?? null,
+});
+
+const withSeo = (content: Localized<Record<string, unknown>>): Localized<Record<string, unknown>> => ({
+  en: { ...content.en, seo: seoOf(content.en, content.en) },
+  fr: { ...content.fr, seo: seoOf(content.fr, content.en) },
+});
+
 export const entries = (media: MediaIds, authorId: string): EntrySpec[] => [
-  { model: 'page', slug: 'home', content: home(media), publish: true },
-  { model: 'page', slug: 'about', content: about(), publish: true },
+  { model: 'page', slug: 'home', content: withSeo(home(media)), publish: true },
+  { model: 'page', slug: 'about', content: withSeo(about()), publish: true },
   {
     model: 'article',
     slug: 'modelling-without-a-deploy',
-    content: modelling(media, authorId),
+    content: withSeo(modelling(media, authorId)),
+    publish: true,
+  },
+  {
+    model: 'article',
+    slug: 'why-builds-pin-a-snapshot',
+    content: withSeo(snapshots(media, authorId)),
     publish: true,
   },
-  { model: 'article', slug: 'why-builds-pin-a-snapshot', content: snapshots(media, authorId), publish: true },
-  { model: 'article', slug: 'winter-projects', content: draft(media, authorId), publish: false },
+  { model: 'article', slug: 'winter-projects', content: withSeo(draft(media, authorId)), publish: false },
 ];
+
+/**
+ * The site's SEO defaults (Settings → SEO; `PUT /api/admin/site/seo`): the name and template match the
+ * siteSettings singleton's site name, the description its tagline; the hero image is the default social image.
+ */
+export const seoDefaults = (media: MediaIds) => ({
+  locales: {
+    en: {
+      siteName: String(SITE_SETTINGS.en.siteName),
+      titleTemplate: `%s · ${String(SITE_SETTINGS.en.siteName)}`,
+      description: String(SITE_SETTINGS.en.tagline),
+    },
+    fr: {
+      siteName: String(SITE_SETTINGS.fr.siteName),
+      titleTemplate: `%s · ${String(SITE_SETTINGS.fr.siteName)}`,
+      description: String(SITE_SETTINGS.fr.tagline),
+    },
+  },
+  imageId: media.hero,
+  twitterHandle: '@northwindstudio',
+});

package/templates/sveltekit/scripts/seed.ts

@@ -4,6 +4,7 @@ import { setTimeout as delay } from 'node:timers/promises';
 import { parseArgs } from 'node:util';
 import {
   buildUploadForm,
+  SEO_COMPONENT_ID,
   ShapioApiError,
   type MediaAsset,
   type SchemaApplyInput,
@@ -15,6 +16,7 @@ import {
   AUTHOR,
   entries,
   IMAGES,
+  seoDefaults,
   SITE_SETTINGS,
   type EntrySpec,
   type ImageSpec,
@@ -29,8 +31,9 @@ import { createPng } from './lib/png.js';
  * 2. the models and components in shapio/ through the schema apply API (live, no restart; the same planner
  *    as `shapio schema apply` and the admin), as the site's own (SHAPIO_SITE, else the token's site, else the
  *    primary): a starter's schema belongs to the first site it is seeded on;
+ *    The built-in SEO component (components/seo.json) is the exception: it is always shared with every site;
  * 3. placeholder images, an author, the site settings, pages and articles in English and French, published
- *    per locale;
+ *    per locale, and the site's SEO defaults (Settings → SEO);
  * 4. a deployment connection named "Preview" whose preview URL opens this starter's /preview/ page (the
  *    entry document's Preview pane and visual editing; it triggers no builds). The site's URL is SITE_URL, else
  *    the starter's `--site-url` (its local dev server);
@@ -50,6 +53,8 @@ const PREVIEW_PATH = '/preview/?model={modelKey}&id={entryId}&locale={locale}#to
 /** A placeholder build hook: the connection has no triggers, so nothing is ever sent to it. */
 const PREVIEW_BUILD_HOOK = 'https://build.invalid/shapio-starter';
 const REVALIDATE_WEBHOOK_NAME = 'Site revalidation';
+/** The request's site's SEO defaults (`site.settings`). */
+const SEO_DEFAULTS_PATH = '/api/admin/site/seo';
 /** The events that change what a published site shows (the starter's route ignores any others). */
 const REVALIDATE_EVENTS = [
   'entry.published',
@@ -58,6 +63,8 @@ const REVALIDATE_EVENTS = [
   'change_set.shipped',
   'schema.activated',
   'schema.deleted',
+  // The site's SEO defaults changed: every page's head shows them.
+  'site.updated',
 ];
 /** A local site needs Shapio's OUTBOUND_PRIVATE_NETWORK_ALLOWLIST too; the webhook opts in for loopback only. */
 const LOOPBACK_HOSTS = new Set(['localhost', '127.0.0.1', '[::1]']);
@@ -129,8 +136,11 @@ const applySchema = async (client: ShapioClient) => {
   try {
     response = await client.admin.schema.apply({
       definitions,
-      // Every definition is the site's own (sites/<key>/ in a pulled tree), never shared by default.
-      scopes: definitions.map(() => 'site' as const),
+      // Every definition is the site's own (sites/<key>/ in a pulled tree), never shared by default, except
+      // the built-in SEO component: Shapio knows it by its fixed ID, so one shared copy serves every site.
+      scopes: definitions.map((definition) =>
+        (definition as { id?: unknown }).id === SEO_COMPONENT_ID ? ('network' as const) : ('site' as const),
+      ),
       base: FIRST_APPLY_BASE,
       prune: false,
       dryRun: false,
@@ -143,7 +153,8 @@ const applySchema = async (client: ShapioClient) => {
         "This starter's schema already belongs to another site of this instance: a starter's schema belongs " +
           'to the first site it is seeded on. To reuse it on this site, share it with all sites ' +
           'with a network admin token (`shapio schema scope <apiKey> --shared --site <that site>` for each ' +
-          'component, then author, page, article and siteSettings) and seed again, or seed a separate instance.',
+          'component, then author, page, article and siteSettings) and seed again, or seed a separate instance. ' +
+          'The SEO component is always shared; a site that keeps its own copy of it blocks the others.',
         { cause: error },
       );
     }
@@ -259,6 +270,16 @@ const ensureSiteSettings = async (client: ShapioClient) => {
   log('Published siteSettings (en, fr)');
 };
 
+/** The site's SEO defaults: the texts per locale, the default social image and the Twitter handle. */
+const ensureSeoDefaults = async (client: ShapioClient, media: MediaIds) => {
+  const current = await client.request<{ version: number }>(SEO_DEFAULTS_PATH);
+  await client.request(SEO_DEFAULTS_PATH, {
+    method: 'PUT',
+    body: { expectedVersion: current.version, seo: seoDefaults(media) },
+  });
+  log('Set the SEO defaults (en, fr)');
+};
+
 const upsertEntry = async (client: ShapioClient, spec: EntrySpec) => {
   const found = await client.admin.content.list(spec.model, {
     filters: { slug: { $eq: spec.slug } },
@@ -413,6 +434,7 @@ const main = async () => {
     await applySchema(admin.client);
     const media = await ensureMedia(admin.client);
     await ensureSiteSettings(admin.client);
+    await ensureSeoDefaults(admin.client, media);
     const authorId = await ensureAuthor(admin.client, media.avatar);
     for (const spec of entries(media, authorId)) {
       await upsertEntry(admin.client, spec);

package/templates/sveltekit/scripts/smokeHttp.ts

@@ -5,7 +5,8 @@ import { parseArgs } from 'node:util';
  * `npm run smoke`, after `npm run seed`, `npm run build` and starting the built site (`npm run start` or
  * `npm run preview`): fetches the site's pages over HTTP and checks the seeded content in English and French,
  * the site settings singleton, rich text, media variants and the author, that the draft article is not
- * served, that content carries the visual-editing attributes (@shapio/visual's `shapioAttr`), and that the
+ * served, that content carries the visual-editing attributes (@shapio/visual's `shapioAttr`), that pages carry
+ * their SEO tags (the entry's SEO fields with the site's defaults: title template, Open Graph, Twitter), and that the
  * preview page is served with a `frame-ancestors` policy. The same checks run against every starter, so all
  * three render the same blog.
  *
@@ -28,6 +29,9 @@ const PAGES: readonly PageCheck[] = [
       ['.webp', 'responsive image variants'],
       ['Northwind Studio', 'site name from the siteSettings singleton'],
       ['Built with Shapio', 'footer from the siteSettings singleton'],
+      ['<title>Home · Northwind Studio</title>', 'title through the SEO title template'],
+      ['property="og:image"', 'og:image (the default social image)'],
+      ['name="twitter:site" content="@northwindstudio"', 'twitter:site from the SEO defaults'],
     ],
   },
   {
@@ -36,6 +40,7 @@ const PAGES: readonly PageCheck[] = [
       ['Un contenu qui évolue aussi vite que votre produit', 'hero heading'],
       ['lang="fr"', 'lang="fr"'],
       ['Studio Northwind', 'site name from the siteSettings singleton'],
+      ['<title>Accueil · Studio Northwind</title>', 'title through the French SEO title template'],
     ],
   },
   {
@@ -43,6 +48,7 @@ const PAGES: readonly PageCheck[] = [
     expect: [
       ['Modelling content without a deploy', 'article list'],
       ['Why our builds pin a snapshot', 'second article'],
+      ['<title>Journal · Northwind Studio</title>', 'a page without an entry: title through the template'],
     ],
   },
   {
@@ -55,6 +61,10 @@ const PAGES: readonly PageCheck[] = [
       ['data-shapio-entry="', 'visual-editing entry attribute'],
       ['data-shapio-path="title"', 'visual-editing attribute on the title'],
       ['data-shapio-path="body"', 'visual-editing attribute on the body'],
+      ['<title>Modelling content without a deploy · Northwind Studio</title>', 'SEO title (resolved)'],
+      ['property="og:type" content="article"', 'og:type article'],
+      ['Nothing restarted.', 'SEO description from the entry'],
+      ['name="twitter:card" content="summary_large_image"', 'twitter:card with the cover image'],
     ],
   },
   { path: `/fr/articles/${ARTICLE}/`, expect: [['Modéliser du contenu sans déploiement', 'title']] },

package/templates/sveltekit/shapio/components/seo.json

@@ -0,0 +1,114 @@
+{
+  "apiKey": "seo",
+  "category": "Built-in",
+  "description": "Search and social metadata: title, description, image, canonical URL and indexing.",
+  "display": {
+    "titleFieldId": "3fe294a9-6af9-4019-8b32-43010822e45a"
+  },
+  "fields": [
+    {
+      "apiKey": "title",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "3fe294a9-6af9-4019-8b32-43010822e45a",
+      "label": "Title",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "description",
+      "deprecated": false,
+      "editor": {
+        "id": "textarea",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "6d1917f3-94a2-4391-ba1f-a98d14577b93",
+      "label": "Description",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "text",
+      "unique": false
+    },
+    {
+      "apiKey": "image",
+      "deprecated": false,
+      "editor": {
+        "id": "mediaPicker",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "d27c9354-4afc-4583-93b4-367214a7714a",
+      "label": "Social image",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "allowedKinds": [
+          "image"
+        ],
+        "multiple": false
+      },
+      "sortable": false,
+      "type": "media",
+      "unique": false
+    },
+    {
+      "apiKey": "canonical",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "17b374b6-cd85-444e-8403-20c7458ed29e",
+      "label": "Canonical URL",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "protocols": [
+          "https",
+          "http"
+        ]
+      },
+      "sortable": false,
+      "type": "url",
+      "unique": false
+    },
+    {
+      "apiKey": "noindex",
+      "deprecated": false,
+      "editor": {
+        "id": "toggle",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "e8346f99-dc3c-4b5c-906f-4854e03c9a57",
+      "label": "Hide from search engines",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "boolean",
+      "unique": false
+    }
+  ],
+  "icon": "search",
+  "id": "f3905a00-d2a3-4c62-899a-c894bfd6cb9b",
+  "kind": "component",
+  "label": "SEO"
+}

package/templates/sveltekit/shapio/models/article.json

@@ -140,6 +140,27 @@
       "sortable": true,
       "type": "date",
       "unique": false
+    },
+    {
+      "apiKey": "seo",
+      "deprecated": false,
+      "editor": {
+        "id": "seoEditor",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "a3f1c0de-7b52-4e0a-9d1e-5c2b8e4f6a01",
+      "label": "SEO",
+      "localized": true,
+      "public": true,
+      "required": false,
+      "settings": {
+        "component": "f3905a00-d2a3-4c62-899a-c894bfd6cb9b",
+        "repeatable": false
+      },
+      "sortable": false,
+      "type": "component",
+      "unique": false
     }
   ],
   "id": "1679d89c-747f-4dfc-955f-7d47bd5e4f6b",