create-shapio 0.2.0

package/templates/sveltekit/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/sveltekit/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/sveltekit/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/sveltekit/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/sveltekit/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/sveltekit/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/sveltekit/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/sveltekit/src/app.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="%lang%">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.svg" type="image/svg+xml" />
+    %sveltekit.head%
+  </head>
+  <body data-sveltekit-preload-data="hover">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
+</html>

package/templates/sveltekit/src/env.ts

@@ -0,0 +1,16 @@
+import { defineEnvVars } from '@sveltejs/kit/env';
+
+/** An unset or empty variable reads as undefined; src/lib/server/config.ts applies defaults and checks. */
+const optional = (value: string | undefined) => (value === '' ? undefined : value);
+
+/**
+ * The build's settings, from the environment or `.env` (which `npm run seed` writes); server-only
+ * (`$app/env/private`), read when prerendering runs. src/lib/server/config.ts documents each one.
+ */
+export const variables = defineEnvVars({
+  SHAPIO_URL: { schema: optional },
+  SHAPIO_DELIVERY_TOKEN: { schema: optional },
+  SHAPIO_SNAPSHOT: { schema: optional },
+  SHAPIO_SITE: { schema: optional },
+  PUBLIC_SHAPIO_URL: { schema: optional },
+});

package/templates/sveltekit/src/hooks.server.ts

@@ -0,0 +1,9 @@
+import type { Handle } from '@sveltejs/kit/hooks';
+import { DEFAULT_LOCALE, isLocale } from '#lib/site.ts';
+
+/** `<html lang>` follows the page's locale segment (`/fr/…` → `fr`). */
+export const handle: Handle = ({ event, resolve }) => {
+  const segment = event.params.locale ?? '';
+  const lang = isLocale(segment) ? segment : DEFAULT_LOCALE;
+  return resolve(event, { transformPageChunk: ({ html }) => html.replace('%lang%', lang) });
+};

package/templates/sveltekit/src/lib/articles.ts

@@ -0,0 +1,5 @@
+import type { Article, Author } from './types';
+
+/** The populated author (`populate=author`); null when only the ID came back or the author is unpublished. */
+export const authorOf = (article: Article): Author | null =>
+  typeof article.author === 'object' && article.author !== null ? article.author : null;

package/templates/sveltekit/src/lib/components/ArticleCard.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { shapioAttr } from '@shapio/visual';
+  import { articlePath, type Strings } from '../site';
+  import type { Article } from '../types';
+  import Byline from './Byline.svelte';
+  import ResponsiveImage from './ResponsiveImage.svelte';
+
+  type Props = { article: Article; locale: string; strings: Strings };
+  let { article, locale, strings }: Props = $props();
+</script>
+
+<li class="card">
+  {#if article.cover}
+    <ResponsiveImage media={article.cover} sizes="(min-width: 48rem) 33vw, 100vw" />
+  {/if}
+  <h2 {...shapioAttr(article, 'title')}><a href={articlePath(locale, article.slug)}>{article.title}</a></h2>
+  <Byline {article} {locale} {strings} />
+  {#if article.excerpt}
+    <p>{article.excerpt}</p>
+  {/if}
+</li>