feat: localize content paths

Author: openscript

.changeset/tidy-guests-tan.md

@@ -0,0 +1,5 @@
+---
+"openscript-ch-website": patch
+---
+
+Localize content paths

src/pages/[...locale]/[...pages].astro

@@ -2,18 +2,22 @@
 import Meta from "../../layouts/groups/Meta.astro";
 import { getCollection, render } from "astro:content";
 import { i18nPropsAndParams } from "astro-loader-i18n";
-import { defaultPropsAndParamsOptions } from "../../utils/paths";
+import { defaultPropsAndParamsOptions, replaceSegmentsInPath } from "../../utils/paths";
 import Shell from "../../layouts/Shell.astro";
 import Article from "../../layouts/templates/Article.astro";
 import type { GetStaticPathsOptions } from "astro";
+import { parseLocale } from "../../utils/i18n";
 
 export const getStaticPaths = async ({ routePattern }: GetStaticPathsOptions) => {
   const collection = await getCollection("pages");
 
   return i18nPropsAndParams(collection, {
     ...defaultPropsAndParamsOptions,
     routePattern,
-    generateSegments: (entry) => ({ pages: `${entry.data.contentPath}/${entry.data.path}` }),
+    generateSegments: (entry) => {
+      const contentPath = replaceSegmentsInPath(entry.data.contentPath, parseLocale(entry.data.locale));
+      return { pages: `${contentPath}/${entry.data.path}` };
+    },
   });
 };
 

src/utils/paths.ts

@@ -1,7 +1,8 @@
 import { createI18nCollection, i18nPropsAndParams, resolvePath as originalResolvePath } from "astro-loader-i18n";
-import { C, localeSlugs } from "../site.config";
+import { C, localeSlugs, type Locale } from "../site.config";
 import { getEntry, type CollectionKey, type DataEntryMap } from "astro:content";
 import type { ImageMetadata } from "astro";
+import { parseLocale } from "./i18n";
 
 const PROTOCOL_DELIMITER = "://";
 
@@ -10,6 +11,13 @@ export const defaultPropsAndParamsOptions = {
   segmentTranslations: C.SEGMENT_TRANSLATIONS,
 };
 
+export const replaceSegmentsInPath = (path: string, locale: Locale) => {
+  Object.entries(C.SEGMENT_TRANSLATIONS[locale]).forEach(([key, value]) => {
+    path = path.replace(key, value);
+  });
+  return path;
+};
+
 export const resolvePath = (...path: Array<string | number | undefined>) => {
   return originalResolvePath(import.meta.env.BASE_URL, ...path);
 };
@@ -40,8 +48,9 @@ export const convertReferenceToPath = async (path: string) => {
   if (typeof entry.data.path !== "string") throw new Error("Entry title is not a string");
 
   const localeSlug = entry.data.locale === C.DEFAULT_LOCALE ? undefined : entry.data.locale;
+  const contentPath = replaceSegmentsInPath(entry.data.contentPath, parseLocale(entry.data.locale));
 
-  return originalResolvePath(localeSlug, entry.data.contentPath, entry.data.path);
+  return originalResolvePath(localeSlug, contentPath, entry.data.path);
 };
 
 type NavigationItems = DataEntryMap["navigation"]["data"]["data"]["items"];