resource.locales.ts

import { cacheHeader } from "pretty-cache-header"
import { z } from "zod"
import { resources } from "~/localization/resource"
import { globalAppContext } from "~/server/context"
import type { Route } from "./+types/resource.locales"

export async function loader({ request, context }: Route.LoaderArgs) {
	const { env } = context.get(globalAppContext)

	const url = new URL(request.url)

	const lng = z
		.string()
		.refine((lng): lng is keyof typeof resources => Object.keys(resources).includes(lng))
		.parse(url.searchParams.get("lng"))

	const namespaces = resources[lng]

	const ns = z
		.string()
		.refine((ns): ns is keyof typeof namespaces => {
			return Object.keys(resources[lng]).includes(ns)
		})
		.parse(url.searchParams.get("ns"))

	const headers = new Headers()

	// On production, we want to add cache headers to the response
	if (env.APP_DEPLOYMENT_ENV === "production") {
		headers.set(
			"Cache-Control",
			cacheHeader({
				maxAge: "5m",
				sMaxage: "1d",
				staleWhileRevalidate: "7d",
				staleIfError: "7d",
			})
		)
	}

	return Response.json(namespaces[ns], { headers })
}