create-shapio 0.2.0

package/templates/next/shapio/components/featureGrid.json

@@ -0,0 +1,51 @@
+{
+  "apiKey": "featureGrid",
+  "category": "Sections",
+  "display": {},
+  "fields": [
+    {
+      "apiKey": "heading",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "9936c9f6-f438-4de7-accc-14e37f0ce82d",
+      "label": "Heading",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "features",
+      "deprecated": false,
+      "editor": {
+        "id": "componentEditor",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "ecef464c-e05f-4f7c-80ce-f5ede8117af9",
+      "label": "Features",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "component": "66138d48-8c29-499e-ba51-86e5fb1b372b",
+        "max": 12,
+        "min": 1,
+        "repeatable": true
+      },
+      "sortable": false,
+      "type": "component",
+      "unique": false
+    }
+  ],
+  "id": "c292bae8-15f5-45e1-808c-d67cea02c993",
+  "kind": "component",
+  "label": "Feature grid"
+}

package/templates/next/shapio/components/gallery.json

@@ -0,0 +1,52 @@
+{
+  "apiKey": "gallery",
+  "category": "Sections",
+  "display": {},
+  "fields": [
+    {
+      "apiKey": "heading",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "9cf1f232-3b25-44e9-9fe1-f599a71ac712",
+      "label": "Heading",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "images",
+      "deprecated": false,
+      "editor": {
+        "id": "mediaPicker",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "87b1288e-d883-4ca5-8ab7-80fedb2b2fa0",
+      "label": "Images",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "allowedKinds": [
+          "image"
+        ],
+        "min": 1,
+        "multiple": true
+      },
+      "sortable": false,
+      "type": "media",
+      "unique": false
+    }
+  ],
+  "id": "b8da2c63-3d0a-41a3-b2b2-d40d08cacddc",
+  "kind": "component",
+  "label": "Gallery"
+}

package/templates/next/shapio/components/hero.json

@@ -0,0 +1,108 @@
+{
+  "apiKey": "hero",
+  "category": "Sections",
+  "display": {},
+  "fields": [
+    {
+      "apiKey": "heading",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "ee5d24bc-62aa-4f43-9382-11fdb2cab2c5",
+      "label": "Heading",
+      "localized": false,
+      "public": true,
+      "required": true,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "subheading",
+      "deprecated": false,
+      "editor": {
+        "id": "textarea",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "b6d8e920-2292-4ef5-9563-27918825f6c9",
+      "label": "Subheading",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "text",
+      "unique": false
+    },
+    {
+      "apiKey": "image",
+      "deprecated": false,
+      "editor": {
+        "id": "mediaPicker",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "add9554e-3e48-49f6-a352-2847b10e41dd",
+      "label": "Image",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "allowedKinds": [
+          "image"
+        ],
+        "multiple": false
+      },
+      "sortable": false,
+      "type": "media",
+      "unique": false
+    },
+    {
+      "apiKey": "ctaLabel",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "04f43999-b796-4ac2-a40e-33819acaaa2d",
+      "label": "Button label",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "ctaUrl",
+      "deprecated": false,
+      "description": "A full URL, a mailto: or tel: link, or a path on this site such as /en/articles/",
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "3bd06878-6873-4595-9608-0505e8821111",
+      "label": "Button link",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "pattern": "^(https?://|mailto:|tel:|/)"
+      },
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    }
+  ],
+  "id": "1ce854fc-b87d-4e38-aec6-e3c76938dd87",
+  "kind": "component",
+  "label": "Hero"
+}

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

@@ -0,0 +1,150 @@
+{
+  "apiKey": "article",
+  "display": {
+    "titleFieldId": "d3e07d0a-c417-460c-8508-44146a81b096"
+  },
+  "draftAndPublish": true,
+  "fields": [
+    {
+      "apiKey": "title",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "d3e07d0a-c417-460c-8508-44146a81b096",
+      "label": "Title",
+      "localized": true,
+      "public": true,
+      "required": true,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "slug",
+      "deprecated": false,
+      "editor": {
+        "id": "slugInput",
+        "options": {}
+      },
+      "filterable": true,
+      "id": "ee6ff3b9-628d-4ed0-8efa-ad78f4792e7a",
+      "label": "Slug",
+      "localized": false,
+      "public": true,
+      "required": true,
+      "settings": {},
+      "sortable": false,
+      "type": "slug",
+      "unique": true
+    },
+    {
+      "apiKey": "excerpt",
+      "deprecated": false,
+      "editor": {
+        "id": "textarea",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "2dbdad0c-d445-4813-872b-48905f1135bd",
+      "label": "Excerpt",
+      "localized": true,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "text",
+      "unique": false
+    },
+    {
+      "apiKey": "body",
+      "deprecated": false,
+      "editor": {
+        "id": "richText",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "f373cea2-0a43-4035-a832-ace63ebfaa7b",
+      "label": "Body",
+      "localized": true,
+      "public": true,
+      "required": false,
+      "settings": {
+        "formatVersion": 1
+      },
+      "sortable": false,
+      "type": "richtext",
+      "unique": false
+    },
+    {
+      "apiKey": "cover",
+      "deprecated": false,
+      "editor": {
+        "id": "mediaPicker",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "c1c98382-15bd-4ee9-bc1c-0a624be6a648",
+      "label": "Cover",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "allowedKinds": [
+          "image"
+        ],
+        "multiple": false
+      },
+      "sortable": false,
+      "type": "media",
+      "unique": false
+    },
+    {
+      "apiKey": "author",
+      "deprecated": false,
+      "editor": {
+        "id": "relationPicker",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "b6f91e18-bc41-44a5-a172-afe6cd978dbf",
+      "label": "Author",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "cardinality": "one",
+        "target": "d47e030e-1eef-4441-9b3d-44f53f7ab1f5"
+      },
+      "sortable": false,
+      "type": "relation",
+      "unique": false
+    },
+    {
+      "apiKey": "publishedOn",
+      "deprecated": false,
+      "editor": {
+        "id": "datePicker",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "1bc4a6d7-51ca-47f9-a019-ba57e9d6a8ee",
+      "label": "Published on",
+      "localized": false,
+      "public": true,
+      "required": true,
+      "settings": {},
+      "sortable": true,
+      "type": "date",
+      "unique": false
+    }
+  ],
+  "id": "1679d89c-747f-4dfc-955f-7d47bd5e4f6b",
+  "kind": "collection",
+  "label": "Article",
+  "localized": true,
+  "pluralApiKey": "articles"
+}

package/templates/next/shapio/models/author.json

@@ -0,0 +1,73 @@
+{
+  "apiKey": "author",
+  "display": {
+    "titleFieldId": "aaff4c95-891a-4cb7-9668-4602ed5649de"
+  },
+  "draftAndPublish": true,
+  "fields": [
+    {
+      "apiKey": "name",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "aaff4c95-891a-4cb7-9668-4602ed5649de",
+      "label": "Name",
+      "localized": false,
+      "public": true,
+      "required": true,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "bio",
+      "deprecated": false,
+      "editor": {
+        "id": "textarea",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "932fa059-07d4-4ff1-b241-4b5edb3cd23b",
+      "label": "Bio",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "text",
+      "unique": false
+    },
+    {
+      "apiKey": "avatar",
+      "deprecated": false,
+      "editor": {
+        "id": "mediaPicker",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "75f2dc14-15a0-412b-adea-8a60ed54a419",
+      "label": "Avatar",
+      "localized": false,
+      "public": true,
+      "required": false,
+      "settings": {
+        "allowedKinds": [
+          "image"
+        ],
+        "multiple": false
+      },
+      "sortable": false,
+      "type": "media",
+      "unique": false
+    }
+  ],
+  "id": "d47e030e-1eef-4441-9b3d-44f53f7ab1f5",
+  "kind": "collection",
+  "label": "Author",
+  "localized": false,
+  "pluralApiKey": "authors"
+}

package/templates/next/shapio/models/page.json

@@ -0,0 +1,93 @@
+{
+  "apiKey": "page",
+  "display": {
+    "titleFieldId": "9b7d0249-e547-4b23-b7d0-c3b2e95fa4e9"
+  },
+  "draftAndPublish": true,
+  "fields": [
+    {
+      "apiKey": "title",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "9b7d0249-e547-4b23-b7d0-c3b2e95fa4e9",
+      "label": "Title",
+      "localized": true,
+      "public": true,
+      "required": true,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "slug",
+      "deprecated": false,
+      "editor": {
+        "id": "slugInput",
+        "options": {}
+      },
+      "filterable": true,
+      "id": "41cb0daf-fed5-42e2-8ba8-f14831b025c4",
+      "label": "Slug",
+      "localized": false,
+      "public": true,
+      "required": true,
+      "settings": {},
+      "sortable": false,
+      "type": "slug",
+      "unique": true
+    },
+    {
+      "apiKey": "description",
+      "deprecated": false,
+      "editor": {
+        "id": "textarea",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "504a303c-5e53-4716-a378-acbe9f20f7f5",
+      "label": "Description",
+      "localized": true,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "text",
+      "unique": false
+    },
+    {
+      "apiKey": "sections",
+      "deprecated": false,
+      "editor": {
+        "id": "dynamicZoneEditor",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "113108bb-0666-4722-b2a5-a96a4be263a0",
+      "label": "Sections",
+      "localized": true,
+      "public": true,
+      "required": false,
+      "settings": {
+        "components": [
+          "1ce854fc-b87d-4e38-aec6-e3c76938dd87",
+          "c292bae8-15f5-45e1-808c-d67cea02c993",
+          "b8da2c63-3d0a-41a3-b2b2-d40d08cacddc",
+          "be8255cc-2588-4204-950e-ad3d84db4f2e"
+        ]
+      },
+      "sortable": false,
+      "type": "dynamiczone",
+      "unique": false
+    }
+  ],
+  "id": "4c09af05-f302-4d8f-ba03-bb838d3afbd2",
+  "kind": "collection",
+  "label": "Page",
+  "localized": true,
+  "pluralApiKey": "pages"
+}

package/templates/next/shapio/models/siteSettings.json

@@ -0,0 +1,87 @@
+{
+  "apiKey": "siteSettings",
+  "display": {
+    "titleFieldId": "e54b64bb-62c9-4a9c-8842-f8af5151feac"
+  },
+  "draftAndPublish": true,
+  "fields": [
+    {
+      "apiKey": "siteName",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "e54b64bb-62c9-4a9c-8842-f8af5151feac",
+      "label": "Site name",
+      "localized": true,
+      "public": true,
+      "required": true,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "tagline",
+      "deprecated": false,
+      "editor": {
+        "id": "textarea",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "51448036-f103-46fa-8e2c-25e56e1c25fd",
+      "label": "Tagline",
+      "localized": true,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "text",
+      "unique": false
+    },
+    {
+      "apiKey": "footer",
+      "deprecated": false,
+      "editor": {
+        "id": "textInput",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "49c371ca-eb2f-4bed-b831-6dbc74ea6628",
+      "label": "Footer text",
+      "localized": true,
+      "public": true,
+      "required": false,
+      "settings": {},
+      "sortable": false,
+      "type": "string",
+      "unique": false
+    },
+    {
+      "apiKey": "colophon",
+      "deprecated": false,
+      "editor": {
+        "id": "richText",
+        "options": {}
+      },
+      "filterable": false,
+      "id": "797ba365-a0fe-4572-a90f-9b524d12dc06",
+      "label": "Colophon",
+      "localized": true,
+      "public": true,
+      "required": false,
+      "settings": {
+        "formatVersion": 1
+      },
+      "sortable": false,
+      "type": "richtext",
+      "unique": false
+    }
+  ],
+  "id": "a1471f8b-5ee4-4a27-a7e0-934bb872b479",
+  "kind": "singleton",
+  "label": "Site settings",
+  "localized": true
+}

package/templates/next/src/app/[locale]/[[...slug]]/page.tsx

@@ -0,0 +1,40 @@
+import type { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+import { Sections } from '../../../components/Sections';
+import { listPages } from '../../../lib/shapio';
+import { HOME_SLUG, toLocale, type Locale } from '../../../lib/site';
+
+/**
+ * Pages from the `page` collection; `home` is the locale's front page (`/en/`), the others `/en/<slug>/`.
+ * Slugs published after the build render on their first request (and are cached); unknown slugs are a 404.
+ */
+export const dynamicParams = true;
+
+export const generateStaticParams = async ({ params }: { params: { locale: string } }) =>
+  (await listPages(toLocale(params.locale))).map((page) => ({
+    slug: page.slug === HOME_SLUG ? [] : [page.slug],
+  }));
+
+type PageParams = { params: Promise<{ locale: string; slug?: string[] }> };
+
+const findPage = async (locale: Locale, slug: string[] | undefined) => {
+  const wanted = slug?.join('/') ?? HOME_SLUG;
+  return (await listPages(locale)).find((page) => page.slug === wanted);
+};
+
+export const generateMetadata = async ({ params }: PageParams): Promise<Metadata> => {
+  const { locale, slug } = await params;
+  const page = await findPage(toLocale(locale), slug);
+  return page ? { title: page.title, description: page.description ?? undefined } : {};
+};
+
+const ContentPage = async ({ params }: PageParams) => {
+  const { locale, slug } = await params;
+  const page = await findPage(toLocale(locale), slug);
+  if (!page) {
+    notFound();
+  }
+  return <Sections page={page} />;
+};
+
+export default ContentPage;

package/templates/next/src/app/[locale]/articles/[slug]/page.tsx

@@ -0,0 +1,37 @@
+import type { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+import { ArticleView } from '../../../../components/ArticleView';
+import { listArticles } from '../../../../lib/shapio';
+import { stringsFor, toLocale, type Locale } from '../../../../lib/site';
+
+/**
+ * Published articles only: a draft's URL is a 404. Articles published after the build render on their first
+ * request (and are cached); /api/revalidate refreshes them when they change.
+ */
+export const dynamicParams = true;
+
+export const generateStaticParams = async ({ params }: { params: { locale: string } }) =>
+  (await listArticles(toLocale(params.locale))).map((article) => ({ slug: article.slug }));
+
+type ArticleParams = { params: Promise<{ locale: string; slug: string }> };
+
+const findArticle = async (locale: Locale, slug: string) =>
+  (await listArticles(locale)).find((article) => article.slug === slug);
+
+export const generateMetadata = async ({ params }: ArticleParams): Promise<Metadata> => {
+  const { locale, slug } = await params;
+  const article = await findArticle(toLocale(locale), slug);
+  return article ? { title: article.title, description: article.excerpt ?? undefined } : {};
+};
+
+const ArticlePage = async ({ params }: ArticleParams) => {
+  const { locale: segment, slug } = await params;
+  const locale = toLocale(segment);
+  const article = await findArticle(locale, slug);
+  if (!article) {
+    notFound();
+  }
+  return <ArticleView article={article} locale={locale} strings={stringsFor(locale)} />;
+};
+
+export default ArticlePage;