add layout

src/lib/mabel-types.ts

@@ -4,6 +4,7 @@ export interface Site {
 	owner_display_name: string;
 	title: string;
 	description: string | null;
+	collections: { slug: string; name: string }[];
 	created_at: string;
 	modified_at: string | null;
 	deleted_at: string | null;

src/routes/+layout.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import type { LayoutData } from './$types';
+
+	export let data: LayoutData;
+</script>
+
+<header><h2>{data.site.title}</h2></header>
+<slot />

src/routes/+layout.ts

@@ -0,0 +1,16 @@
+import { PUBLIC_API_BASE } from '$env/static/public';
+import type { Site } from '$lib/mabel-types';
+import { getSiteName } from '$lib/url';
+import { error } from '@sveltejs/kit';
+import type { LayoutLoad } from './$types';
+
+export const load = (async ({ url }) => {
+	const site = getSiteName(url.hostname);
+
+	const siteData = await fetch(`${PUBLIC_API_BASE}/sites/${site}`);
+	if (siteData.status === 404) throw error(404, 'Not Found');
+
+	return {
+		site: (await siteData.json()) as Site
+	};
+}) satisfies LayoutLoad;

src/routes/[slug]/+page.ts

@@ -1,20 +0,0 @@
-import { error } from '@sveltejs/kit';
-import type { PageLoad } from './$types';
-import { PUBLIC_API_BASE } from '$env/static/public';
-import { getSiteName } from '$lib/url';
-import type { Post, Site } from '$lib/mabel-types';
-
-export const load = (async ({ url, params }) => {
-	const site = getSiteName(url.hostname);
-
-	const siteData = await fetch(`${PUBLIC_API_BASE}/sites/${site}`);
-	if (siteData.status === 404) throw error(404, 'Not Found');
-
-	const pageData = await fetch(`${PUBLIC_API_BASE}/posts/${site}/${params.slug}`);
-	if (pageData.status === 404) throw error(404, 'Not Found');
-
-	return {
-		site: (await siteData.json()) as Site,
-		page: (await pageData.json()) as Post
-	};
-}) satisfies PageLoad;

src/routes/post/[slug]/+page.svelte

@@ -8,7 +8,5 @@
 	<title>{data.site.title} - {data.page.title}</title>
 </svelte:head>
 
-<header><h2>{data.site.title}</h2></header>
-
 <h1>{data.page.title}</h1>
 by {data.page.author_display_name}

src/routes/post/[slug]/+page.ts

@@ -0,0 +1,14 @@
+import { error } from '@sveltejs/kit';
+import type { PageLoad } from './$types';
+import { PUBLIC_API_BASE } from '$env/static/public';
+import type { Post } from '$lib/mabel-types';
+
+export const load = (async ({ params, parent }) => {
+	const { site } = await parent();
+	const pageData = await fetch(`${PUBLIC_API_BASE}/posts/${site.name}/${params.slug}`);
+	if (pageData.status === 404) throw error(404, 'Not Found');
+
+	return {
+		page: (await pageData.json()) as Post
+	};
+}) satisfies PageLoad;