move hooks to server and add cached data

frontend/src/hooks.ts → frontend/src/hooks.server.ts

@@ -1,4 +1,24 @@
 import type { Handle } from '@sveltejs/kit';
+import type { ServerInit } from '@sveltejs/kit';
+
+let appCats: any[] = [];
+let appsOverview: any = {};
+let companyTypes: any[] = [];
+
+export const init: ServerInit = async () => {
+	[appCats, appsOverview, companyTypes] = await Promise.all([
+		fetch(`http://localhost:8000/api/categories`).then((res) => res.json()),
+		fetch(`http://localhost:8000/api/apps/overview`).then((res) => res.json()),
+		fetch(`http://localhost:8000/api/companies/types`).then((res) => res.json())
+	]);
+	console.log('Data initialized on server start');
+};
+
+export const getCachedData = () => ({
+	appCats,
+	appsOverview,
+	companyTypes
+});
 
 export const handle: Handle = async ({ event, resolve }) => {
 	const route = event.url.pathname;

frontend/src/routes/+layout.server.ts

@@ -1,14 +1,9 @@
 import type { LayoutServerLoad } from './$types';
 
-export const load: LayoutServerLoad = async ({ fetch }) => {
-	console.log(`root layout load appCats, appsOverview, companyTypes start`);
-	const [appCats, appsOverview, companyTypes] = await Promise.all([
-		fetch(`http://localhost:8000/api/categories`).then((res) => res.json()),
-		fetch(`http://localhost:8000/api/apps/overview`).then((res) => res.json()),
-		fetch(`http://localhost:8000/api/companies/types`).then((res) => res.json())
-	]);
+import { getCachedData } from '../hooks.server';
 
-	console.log(`root layout load appCats, appsOverview, companyTypes end`);
+export const load: LayoutServerLoad = async () => {
+	const { appCats, appsOverview, companyTypes } = getCachedData();
 
 	return {
 		appCats: appCats,