Merge pull request #26 from c2r0b/main

Fix i18n with tauri

middleware.ts

@@ -10,8 +10,8 @@ export async function middleware(req: NextRequest) {
   ) {
     return
   }
-
-  if (req.nextUrl.locale === 'default') {
+  
+  if (req.nextUrl.pathname == "/") {
     const locale = req.cookies.get('NEXT_LOCALE') || 'en-us'
 
     return NextResponse.redirect(

next.config.js

@@ -2,26 +2,11 @@ const withPWA = require('next-pwa')({
   dest: 'public'
 })
 
-const { tx } = require('@transifex/native');
-
-tx.init({
-  token: process.env.TX_NATIVE_PUBLIC_TOKEN,
-});
-
 module.exports = async () => withPWA({
   reactStrictMode: true,
   images: {
     unoptimized: true,
   },
-  i18n: {
-    locales: ['default', ...(
-      await tx.getLanguages())
-        .filter((lang) => lang.code !== 'en')
-        .map((lang) => lang.code.replace('_', '-').toLocaleLowerCase())
-    ],
-    defaultLocale: 'default',
-    localeDetection: true,
-  },
   publicRuntimeConfig: {
     TxNativePublicToken: process.env.TX_NATIVE_PUBLIC_TOKEN,
   }

pages/index.tsx → pages/[locale]/index.tsx

@@ -62,20 +62,50 @@ export default observer((props) => {
   );
 });
 
-export async function getServerSideProps(context) {
-  const data = await getServerSideTranslations(context)
+// get the list of paths based on locales from the API
+const getPathSlugs = async () => {
   const languages = await tx.getLanguages();
 
+  // We fetched locales from our API once at build time
+  return languages
+        .filter((language) => language.code !== 'en')
+        .map((language) => ({
+    params: {
+      locale: language.code.replace('_', '-').toLocaleLowerCase(),
+    },
+  }));
+}
+
+export async function getStaticPaths(_) {
+  const pathsWithLocale = await getPathSlugs();
+  return {
+    paths: pathsWithLocale,
+    fallback: false,
+  };
+}
+
+// get the locales information from the API
+export async function getStaticProps(context) {
+  const languages = (await tx.getLanguages())
+    .filter((language) => language.code !== 'en');
+  if (!context.locale) {
+    context.locale = context.params.locale;
+  }
+  if (!context.locales) {
+    context.locales = languages.map((language) => language.code);
+  }
+
+  const data = await getServerSideTranslations(context)
+
   return {
     props: {
       ...data,
       languages: languages
-        .filter((language) => language.code !== 'en')
         .map((language) => ({
           ...language,
           code: language.code.replace('_', '-').toLocaleLowerCase(),
         })),
       locale: context.locale
     }
   }
-}
+}

src/app/layout/sim/Sim.tsx

@@ -51,7 +51,6 @@ export default observer(() => {
     code = Sim.getCode().split("\n")
   }) => {
     sim.step++;
-     console.log(code, editor)
     if (sim.step > lastStep) {
       sim.step = 1;
       sim.codeLine++;

src/app/modals/settings.tsx

@@ -51,9 +51,8 @@ export default observer((props:IProps) => {
     if (!option.value) return;
 
     // Update the URL with the new locale while keeping the current path
-    const { pathname, asPath, query } = router;
     setCookie('NEXT_LOCALE', option.value, { path: '/' });
-    router.push({ pathname, query }, asPath, { locale: option.value });
+    router.push("/" + option.value);
   };
 
   const themeLabelId = useId('label');