preload data for all

src/routes/blog/+page.server.ts

@@ -1,13 +1,14 @@
 import type { PageServerLoad } from "./$types";
-import fetchGhost from "./fetchGhost";
+import { blogPosts } from "../../stores";
+import { get } from "svelte/store";
 
-export const load = (async ({ fetch }) => {
+export const load = (async () => {
 	const meta = {
 		title: "Blog"
 	};
 
 	return {
-		posts: fetchGhost("posts"),
+		posts: get(blogPosts),
 		...meta
 	};
 }) satisfies PageServerLoad;

src/routes/blog/[title]/+page.server.ts

@@ -1,11 +1,12 @@
 import type { PageServerLoad } from "./$types";
 import fetchGhost from "../fetchGhost";
+import { blogPosts } from "../../../stores";
+import { get } from "svelte/store";
 
 export const load = (async ({ params, fetch }) => {
 	const data = await fetchGhost("posts/slug/" + params.title);
 
-	const allPosts = await fetchGhost("posts");
-
+	const allPosts = get(blogPosts);
 	const meta = {
 		title: !allPosts.error ? data.posts[0].title : ""
 	};

src/routes/blog/fetchGhost.ts

@@ -1,23 +1,8 @@
-import { env } from "$env/dynamic/private";
-import axios from "axios";
-import { Agent } from "https";
-
-const agent = new Agent({
-	family: 4
-});
+import { fetchGhost as func } from "../../hooks.server";
 
 const fetchGhost = async (action: string, additional?: string) => {
 	try {
-		const request = await axios(
-			env.GHOST_URL +
-				"/ghost/api/content/" +
-				action +
-				"/?key=" +
-				env.GHOST_API_KEY +
-				"&include=authors,tags&limit=all&formats=html,plaintext" +
-				(additional ? additional : ""),
-			{ httpsAgent: agent }
-		);
+		const request = await func(action, additional);
 
 		if (request.status === 200) {
 			return request.data;

src/routes/pubnix/+page.server.ts

@@ -1,26 +1,14 @@
 import type { PageServerLoad } from "./$types";
+import { pubnixUsers } from "../../stores";
+import { get } from "svelte/store";
 
-export const load = (async ({ fetch }) => {
+export const load = (async () => {
 	const meta = {
 		title: "Pubnix"
 	};
 
-	try {
-		const request = await fetch("https://publapi.p.projectsegfau.lt/users");
-
-		if (request.ok) {
-			return {
-				users: await request.json(),
-				...meta
-			};
-		} else {
-			return {
-				error: true,
-				message: "Error: " + request.status,
-				...meta
-			};
-		}
-	} catch (err) {
-		return { error: true, message: "Error: " + err, ...meta };
+	return {
+		users: get(pubnixUsers),
+		...meta
 	}
 }) satisfies PageServerLoad;

src/routes/pubnix/+page.svelte

@@ -31,7 +31,7 @@
 
 <h2>Online users</h2>
 
-{#if !data.error}
+{#if !data.users.error}
 	{#if data.users.users.some(isOnline)}
 		<div class="flex flex-row flex-wrap gap-4">
 			{#each data.users.users as user}
@@ -44,5 +44,5 @@
 		<p>No users online</p>
 	{/if}
 {:else}
-	<p>{data.message}</p>
+	<p>{data.users.message}</p>
 {/if}

src/routes/pubnix/users/+page.server.ts

@@ -1,26 +1,14 @@
 import type { PageServerLoad } from "./$types";
+import { pubnixUsers } from "../../../stores";
+import { get } from "svelte/store";
 
-export const load = (async ({ fetch }) => {
+export const load = (async () => {
 	const meta = {
 		title: "Pubnix users"
 	};
 
-	try {
-		const request = await fetch("https://publapi.p.projectsegfau.lt/users");
-
-		if (request.ok) {
-			return {
-				users: await request.json(),
-				...meta
-			};
-		} else {
-			return {
-				error: true,
-				message: "Error: " + request.status,
-				...meta
-			};
-		}
-	} catch (err) {
-		return { error: true, message: "Error: " + err, ...meta };
+	return {
+		users: get(pubnixUsers),
+		...meta
 	}
 }) satisfies PageServerLoad;

src/routes/pubnix/users/+page.svelte

@@ -7,7 +7,7 @@
 
 <h1>{data.title}</h1>
 
-{#if !data.error}
+{#if !data.users.error}
 	{#if data.users.users.length > 0}
 		<div class="flex flex-row flex-wrap gap-4">
 			{#each data.users.users as user}
@@ -18,5 +18,5 @@
 		<p>No users</p>
 	{/if}
 {:else}
-	<p>{data.message}</p>
+	<p>{data.users.message}</p>
 {/if}