feature/build (#1)

Co-authored-by: Tobias Klemp <tobias.klemp@v-office.com>
Reviewed-on: #1

src/routes/+layout.server.ts

@@ -0,0 +1,7 @@
+import { languageService } from '$lib/server/LanguageService'
+import type { LayoutServerLoad } from './$types'
+
+export const load: LayoutServerLoad = async () => {
+  const translations = await languageService.getTranslations(['de'])
+  return translations
+}

src/routes/+layout.svelte

@@ -6,8 +6,22 @@
     Tolgee,
     DevTools,
     FormatSimple,
+    type TolgeeStaticData,
   } from '@tolgee/svelte'
   import { TopBar } from '$lib/components/ui/topBar'
+  import { env } from '$env/dynamic/public'
+  import type { Snippet } from 'svelte'
+
+  let { children, data }: { data: TolgeeStaticData; children: Snippet } =
+    $props()
+
+  function getLang(lang: string) {
+    return async (): Promise<Record<string, any>> => {
+      const res = await fetch(`/lang/${lang}`)
+      const translations = await res.json()
+      return translations
+    }
+  }
 
   const tolgee = Tolgee()
     .use(DevTools())
@@ -16,14 +30,14 @@
       language: 'de',
 
       // for development
-      apiUrl: import.meta.env.VITE_TOLGEE_API_URL,
-      apiKey: import.meta.env.VITE_TOLGEE_API_KEY,
+      apiUrl: env.PUBLIC_TOLGEE_API_URL,
+      apiKey: env.PUBLIC_TOLGEE_API_KEY,
 
       // for production
-      staticData: {},
+      staticData: {
+        de: data['de'] ?? getLang('de'),
+      },
     })
-
-  let { children } = $props()
 </script>
 
 <svelte:head>

src/routes/lang/[language]/+server.ts

@@ -0,0 +1,10 @@
+import { json } from '@sveltejs/kit'
+import { languageService } from '$lib/server/LanguageService.js'
+
+export async function GET({ params }) {
+  const { language } = params
+
+  const result = await languageService.getTranslations([language])
+
+  return json(result[language])
+}