7ebff31475
Version 3 of the kit: - Radix UI replaced with Base UI (using the Shadcn UI patterns) - next-intl replaces react-i18next - enhanceAction deprecated; usage moved to next-safe-action - main layout now wrapped with [locale] path segment - Teams only mode - Layout updates - Zod v4 - Next.js 16.2 - Typescript 6 - All other dependencies updated - Removed deprecated Edge CSRF - Dynamic Github Action runner
83 lines
2.1 KiB
TypeScript
83 lines
2.1 KiB
TypeScript
/**
|
|
* App-specific i18n request configuration.
|
|
* Loads translation messages from the app's messages directory.
|
|
*
|
|
* Supports two loading strategies:
|
|
* 1. Single file: messages/${locale}.json (all namespaces in one file)
|
|
* 2. Multiple files: messages/${locale}/*.json (namespaces in separate files for lazy loading)
|
|
*
|
|
*/
|
|
import { getRequestConfig } from 'next-intl/server';
|
|
|
|
import { routing } from '@kit/i18n/routing';
|
|
|
|
// Define the namespaces to load
|
|
const namespaces = [
|
|
'common',
|
|
'auth',
|
|
'account',
|
|
'teams',
|
|
'billing',
|
|
'marketing',
|
|
] as const;
|
|
|
|
const isDevelopment = process.env.NODE_ENV === 'development';
|
|
|
|
export default getRequestConfig(async ({ requestLocale }) => {
|
|
// Get the locale from the request (provided by middleware)
|
|
let locale = await requestLocale;
|
|
|
|
// Validate that the locale is supported, fallback to default if not
|
|
if (!locale || !routing.locales.includes(locale as never)) {
|
|
locale = routing.defaultLocale;
|
|
}
|
|
|
|
// Load all namespace files and merge them
|
|
const messages = await loadMessages(locale);
|
|
|
|
return {
|
|
locale,
|
|
messages,
|
|
timeZone: 'UTC',
|
|
onError(error) {
|
|
if (isDevelopment) {
|
|
// Missing translations are expected and should only log an error
|
|
console.warn(`[Dev Only] i18n error: ${error.message}`);
|
|
}
|
|
},
|
|
getMessageFallback(info) {
|
|
return info.key;
|
|
},
|
|
};
|
|
});
|
|
|
|
/**
|
|
* Loads translation messages for all namespaces.
|
|
* Each namespace is loaded from a separate file for better code splitting.
|
|
*/
|
|
async function loadMessages(locale: string) {
|
|
const loadedMessages: Record<string, unknown> = {};
|
|
|
|
// Load each namespace file
|
|
await Promise.all(
|
|
namespaces.map(async (namespace) => {
|
|
try {
|
|
const namespaceMessages = await import(
|
|
`./messages/${locale}/${namespace}.json`
|
|
);
|
|
|
|
loadedMessages[namespace] = namespaceMessages.default;
|
|
} catch (error) {
|
|
console.warn(
|
|
`Failed to load namespace "${namespace}" for locale "${locale}":`,
|
|
error,
|
|
);
|
|
// Set empty object as fallback
|
|
loadedMessages[namespace] = {};
|
|
}
|
|
}),
|
|
);
|
|
|
|
return loadedMessages;
|
|
}
|