test

Author: dummdidumm

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/+layout.svelte

@@ -0,0 +1,6 @@
+<nav>
+	<a href="/">Home</a>
+	<a href="/blog">Blog</a>
+</nav>
+
+<slot />

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/+page.svelte

@@ -1,21 +1 @@
-<script>
-	/** @type {import('./$types').PageData} */
-	export let data;
-</script>
-
-<h1>Top news</h1>
-
-{#each data.items as item}
-	<article>
-		<h2>{item.title}</h2>
-		<p>
-			<a href={item.url}> link </a>
-
-			<a href="/item/{item.id}">
-				{item.comments_count} comments
-			</a>
-
-			posted {item.time_ago}
-		</p>
-	</article>
-{/each}
+<p>Home Page</p>

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/api/__hidden

@@ -0,0 +1,6 @@
+import { json } from '@sveltejs/kit';
+import { posts } from './data';
+
+export function GET() {
+	return json(posts.map((post) => ({ title: post.title, slug: post.slug })));
+}

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/api/blog/+server.js

@@ -0,0 +1,6 @@
+import { json } from '@sveltejs/kit';
+import { posts } from '../data';
+
+export function GET({ params }) {
+	return json(posts.find((post) => post.slug === params.slug));
+}

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/api/blog/[slug]/+server.js

@@ -0,0 +1,21 @@
+export const posts = [
+	{
+		slug: 'welcome',
+		title: 'Welcome to the Aperture Science computer-aided enrichment center',
+		content:
+			'<p>We hope your brief detention in the relaxation vault has been a pleasant one.</p><p>Your specimen has been processed and we are now ready to begin the test proper.</p>'
+	},
+
+	{
+		slug: 'safety',
+		title: 'Safety notice',
+		content:
+			'<p>While safety is one of many Enrichment Center Goals, the Aperture Science High Energy Pellet, seen to the left of the chamber, can and has caused permanent disabilities, such as vaporization. Please be careful.</p>'
+	},
+
+	{
+		slug: 'cake',
+		title: 'This was a triumph',
+		content: "<p>I'm making a note here: HUGE SUCCESS.</p>"
+	}
+];

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/api/blog/data.js

@@ -2,15 +2,15 @@ import { error } from '@sveltejs/kit';
 
 /** @type {import('./$types').PageServerLoad} */
 export async function load({ fetch }) {
-	const response = await fetch('https://api.hnpwa.com/v0/news/1.json');
+	const response = await fetch('/api/blog');
 
 	if (!response.ok) {
 		throw error(response.status);
 	}
 
-	const items = await response.json();
+	const summaries = await response.json();
 
 	return {
-		items
+		summaries
 	};
 }

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/+page.server.js renamed to content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/blog/+page.server.js

@@ -0,0 +1,12 @@
+<script>
+	/** @type {import('./$types').PageData} */
+	export let data;
+</script>
+
+<h1>Blog</h1>
+
+<ul>
+	{#each data.summaries as { slug, title }}
+		<li><a href="/blog/{slug}">{title}</a></li>
+	{/each}
+</ul>

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/blog/+page.svelte

@@ -2,11 +2,11 @@ import { error } from '@sveltejs/kit';
 
 /** @type {import('./$types').PageServerLoad} */
 export async function load({ fetch, params }) {
-	const response = await fetch(`https://api.hnpwa.com/v0/item/${params.id}.json`);
+	const response = await fetch(`/api/blog/${params.slug}`);
 
 	if (!response.ok) {
 		throw error(response.status);
 	}
 
-	return response.json();
+	return { post: response.json() };
 }

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/item/[id]/+page.server.js renamed to content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/blog/[slug]/+page.server.js

@@ -0,0 +1,9 @@
+<script>
+	import Comment from './Comment.svelte';
+
+	/** @type {import('./$types').PageData} */
+	export let data;
+</script>
+
+<h1>{data.post.title}</h1>
+<div>{@html data.post.content}</div>

content/tutorial/02-sveltekit/02-routing/06-universal-load-functions/app-a/src/routes/blog/[slug]/+page.svelte

@@ -32,8 +32,19 @@
 	const { edit, add, remove } = getContext('filetree');
 
 	$: _files = files || []; // workaround for what seems to be a Svelte bug, where files is undefined on navigation
+	$: hidden_children = _files
+		.filter((file) =>
+			file.name.startsWith(prefix + file.name.slice(prefix.length).split('/').shift() + '/__hidden')
+		)
+		.map((file) => file.name.slice(0, -'/__hidden'.length));
 	$: children = _files
-		.filter((file) => file.name.startsWith(prefix))
+		.filter(
+			(file) =>
+				file.name.startsWith(prefix) &&
+				!hidden_children.some(
+					(hidden) => file.name.startsWith(hidden + '/') || file.name === hidden
+				)
+		)
 		.sort((a, b) => (a.name < b.name ? -1 : 1));
 	$: child_directories = children.filter(
 		(child) => child.depth === depth + 1 && child.type === 'directory'