feat: remote strings

packages/website-ue/src/hooks/useLocale.tsx

@@ -1,7 +1,6 @@
 import locales from '@blitzkit/i18n/locales.json' with { type: 'json' };
 import type { BlitzKitStrings } from 'packages/i18n/src';
 import { createContext, use, useContext } from 'react';
-
 const LocaleContext = createContext<{
   locale: string;
   gameStrings: Record<string, string>;
@@ -45,9 +44,17 @@ const cache = new Map<string, Promise<BlitzKitStrings>>();
 function loadLocale(locale: string) {
   if (cache.has(locale)) return cache.get(locale)!;
 
-  const promise = strings[
-    `../../../i18n/strings/${locale}.json`
-  ]() as Promise<BlitzKitStrings>;
+  let promise: Promise<BlitzKitStrings>;
+
+  if (import.meta.env.SSR) {
+    promise = import('../core/i18n/getStrings').then((module) =>
+      module.getStrings(locale),
+    );
+  } else {
+    promise = fetch(`/api/strings/${locale}.json`).then((response) =>
+      response.json(),
+    );
+  }
 
   cache.set(locale, promise);
 

packages/website-ue/src/pages/api/strings/[locale].json.ts

@@ -0,0 +1,13 @@
+import locales from '@blitzkit/i18n/locales.json';
+import type { APIRoute, GetStaticPaths } from 'astro';
+import { getStrings } from 'packages/website-ue/src/core/i18n/getStrings';
+
+export const getStaticPaths: GetStaticPaths = () => {
+  return locales.supported.map(({ locale }) => ({
+    params: { locale },
+  }));
+};
+
+export const GET: APIRoute<{}, { locale: string }> = async ({ params }) => {
+  return Response.json(await getStrings(params.locale));
+};