mirror of
https://github.com/documenso/documenso.git
synced 2025-11-13 16:23:06 +10:00
## Description Web changes: - Enabled i18n for web - Add option to change language in command menu - Add option to change language in menu-switcher Web and marketing changes: - Stop setting 'en' preference into cookie if the user's language is not supported - Dropped middleware changes - Rotated cookie from 'i18n' to 'language' <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced a language switcher in the footer for improved language selection. - Added dynamic language change functionality in the command menu. - Implemented a dropdown menu item for quick access to the language switcher. - **Bug Fixes** - Resolved issues related to language change notifications and state management. - **Translations** - Added new translation entries for improved language support, including "Search languages..." in English and German. - Updated existing translations to enhance clarity and accuracy. - **Chores** - Simplified internationalization handling in middleware. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: github-actions <github-actions@documenso.com>
98 lines
2.5 KiB
TypeScript
98 lines
2.5 KiB
TypeScript
import type { ReadonlyRequestCookies } from 'next/dist/server/web/spec-extension/adapters/request-cookies';
|
|
|
|
import type { I18n } from '@lingui/core';
|
|
|
|
import { IS_APP_WEB, IS_APP_WEB_I18N_ENABLED } from '../constants/app';
|
|
import type { I18nLocaleData, SupportedLanguageCodes } from '../constants/i18n';
|
|
import { APP_I18N_OPTIONS } from '../constants/i18n';
|
|
|
|
export async function dynamicActivate(i18nInstance: I18n, locale: string) {
|
|
const { messages } = await import(
|
|
`../translations/${locale}/${IS_APP_WEB ? 'web' : 'marketing'}.js`
|
|
);
|
|
|
|
i18nInstance.loadAndActivate({ locale, messages });
|
|
}
|
|
|
|
const parseLanguageFromLocale = (locale: string): SupportedLanguageCodes | null => {
|
|
const [language, _country] = locale.split('-');
|
|
|
|
const foundSupportedLanguage = APP_I18N_OPTIONS.supportedLangs.find(
|
|
(lang): lang is SupportedLanguageCodes => lang === language,
|
|
);
|
|
|
|
if (!foundSupportedLanguage) {
|
|
return null;
|
|
}
|
|
|
|
return foundSupportedLanguage;
|
|
};
|
|
|
|
/**
|
|
* Extract the language if supported from the cookies header.
|
|
*
|
|
* Returns `null` if not supported or not found.
|
|
*/
|
|
export const extractLocaleDataFromCookies = (
|
|
cookies: ReadonlyRequestCookies,
|
|
): SupportedLanguageCodes | null => {
|
|
const preferredLocale = cookies.get('language')?.value || '';
|
|
|
|
const language = parseLanguageFromLocale(preferredLocale || '');
|
|
|
|
if (!language) {
|
|
return null;
|
|
}
|
|
|
|
return language;
|
|
};
|
|
|
|
/**
|
|
* Extracts the language from the `accept-language` header.
|
|
*/
|
|
export const extractLocaleDataFromHeaders = (
|
|
headers: Headers,
|
|
): { lang: SupportedLanguageCodes | null; locales: string[] } => {
|
|
const headerLocales = (headers.get('accept-language') ?? '').split(',');
|
|
|
|
const language = parseLanguageFromLocale(headerLocales[0]);
|
|
|
|
return {
|
|
lang: language,
|
|
locales: [headerLocales[0]],
|
|
};
|
|
};
|
|
|
|
type ExtractLocaleDataOptions = {
|
|
headers: Headers;
|
|
cookies: ReadonlyRequestCookies;
|
|
};
|
|
|
|
/**
|
|
* Extract the supported language from the cookies, then header if not found.
|
|
*
|
|
* Will return the default fallback language if not found.
|
|
*/
|
|
export const extractLocaleData = ({
|
|
headers,
|
|
cookies,
|
|
}: ExtractLocaleDataOptions): I18nLocaleData => {
|
|
let lang: SupportedLanguageCodes | null = extractLocaleDataFromCookies(cookies);
|
|
|
|
const langHeader = extractLocaleDataFromHeaders(headers);
|
|
|
|
if (!lang && langHeader?.lang) {
|
|
lang = langHeader.lang;
|
|
}
|
|
|
|
// Override web app to be English.
|
|
if (!IS_APP_WEB_I18N_ENABLED && IS_APP_WEB) {
|
|
lang = 'en';
|
|
}
|
|
|
|
return {
|
|
lang: lang || APP_I18N_OPTIONS.sourceLang,
|
|
locales: langHeader.locales,
|
|
};
|
|
};
|