I18n improvements

app/env.server.ts

@@ -12,7 +12,7 @@ let env: ServerEnv
  * Initializes and parses given environment variables using zod
  * @returns Initialized env vars
  */
-export function initEnv() {
+function initEnv() {
 	// biome-ignore lint/nursery/noProcessEnv: This should be the only place to use process.env directly
 	const envData = envSchema.safeParse(process.env)
 

app/localization/i18n.ts

@@ -1,3 +1,4 @@
+import type { InitOptions } from "i18next"
 import { supportedLanguages } from "./resource"
 
 export default {
@@ -8,4 +9,4 @@ export default {
 	fallbackLng: "en",
 	// The default namespace of i18next is "translation", but you can customize it here
 	defaultNS: "common",
-}
+} satisfies Omit<InitOptions, "react" | "detection">

app/localization/resource.ts

@@ -19,3 +19,12 @@ export const resources: Record<Language, Resource> = {
 		common: bosnian,
 	},
 }
+
+declare module "i18next" {
+	export interface CustomTypeOptions {
+		defaultNS: "common"
+		fallbackNS: "common"
+		// custom resources type
+		resources: Resource
+	}
+}

app/root.tsx

@@ -55,8 +55,24 @@ export const Layout = ({ children }: { children: React.ReactNode }) => {
 export const ErrorBoundary = () => {
 	const error = useRouteError()
 	const { t } = useTranslation()
-
-	const errorStatusCode = isRouteErrorResponse(error) ? error.status : "500"
+	// Constrain the generic type so we don't provide a non-existent key
+	const statusCode = () => {
+		if (!isRouteErrorResponse(error)) {
+			return "500"
+		}
+		// Supported error code messages
+		switch (error.status) {
+			case 200:
+				return "200"
+			case 403:
+				return "403"
+			case 404:
+				return "404"
+			default:
+				return "500"
+		}
+	}
+	const errorStatusCode = statusCode()
 
 	return (
 		<div className="placeholder-index relative h-full min-h-screen w-screen flex items-center bg-gradient-to-b from-gray-50 to-gray-100 dark:from-blue-950 dark:to-blue-900 justify-center dark:bg-white sm:pb-16 sm:pt-8">

app/utils/dates.ts

@@ -1,6 +1,6 @@
 import { getTimeZone } from "../services/client-hints"
 
-export function convertTz(date: string | Date, tzString: string) {
+function convertTz(date: string | Date, tzString: string) {
 	const dateToConvert = typeof date === "string" ? new Date(date) : date
 	// Convert to the target timezone
 	const convertedDate = new Date(dateToConvert.toLocaleString("en-US", { timeZone: tzString }))