* wip * update layoutHOC * wip * remove app router related code no longer used * remove more * await cookies, headers, params, serachparams * update yarn.lock * await cookies, headers, params, serachparams more * update yarn lock again * downgrade next-auth to 4.22.1 * update yarn lock * fix * update yarn lock * fix type checks * update yarn lock * await headers and cookies * restore pages folder * restore yarn.lock * update yarn.lock * await headers and cookies * remove * await params in API routes * updates * restore next.config.js * remove i18n from next.config.js * Fixed tests * Fixed types * Removed duplicate favicon.ico * Fixing more types * ImageResponse moved to next/og * Fixed prisma import issues * dynamic import for @ewsjs/xhr * remove deasync dep * dynamic import for @tryvital/vital-node * fix type checks * add back turbopack command * Type fix * Removed unneeded file * fix turbopack relative path errors * add comments * remove unneeded code * Fixed build errors * await apis * use Promise<Params> type in defaultResponderForAppDir util * refactor scim api route * fix type checks * separate app-routing.config into client-config and server-config * wip * refactor routing forms components * revert unneeded changes for easier review * fix * fix * use CustomTrans * fix type * fix unit tests * fix type error * fix build error * fix build error * fix build error * fix warnings * fix warnings * upgrade @tremor/react and tailwindcss * numCols -> numItems * fix forgot-password e2e test * fix 1 more e2e test * fix login e2e test * fix e2e tests * fix e2e tests * clean up * remove error * use tremor/react 2.11.0 * fix * rename CustomTrans to ServerTrans * address comment * fix test * fix ServerTrans * fix * fix type * fix ServerTrans usages 1 * fix translations * fix type checks * fix type checks * link styling * fix --------- Co-authored-by: Keith Williams <keithwillcode@gmail.com> Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
83 lines
3.3 KiB
TypeScript
83 lines
3.3 KiB
TypeScript
import type { TFunction } from "i18next";
|
|
|
|
import { DYNAMIC_TEXT_VARIABLES, FORMATTED_DYNAMIC_TEXT_VARIABLES } from "./constants";
|
|
|
|
// variables are saved in the db always in english, so here we translate them to the user's language
|
|
export function getTranslatedText(text: string, language: { locale: string; t: TFunction }) {
|
|
let translatedText = text;
|
|
|
|
if (language.locale !== "en") {
|
|
const variables = text.match(/\{(.+?)}/g)?.map((variable) => {
|
|
return variable.replace("{", "").replace("}", "");
|
|
});
|
|
|
|
variables?.forEach((variable) => {
|
|
const regex = new RegExp(`{${variable}}`, "g"); // .replaceAll is not available here for some reason
|
|
let translatedVariable = DYNAMIC_TEXT_VARIABLES.includes(variable.toLowerCase())
|
|
? language.t(variable.toLowerCase().concat("_variable")).replace(/ /g, "_").toLocaleUpperCase()
|
|
: DYNAMIC_TEXT_VARIABLES.includes(variable.toLowerCase().concat("_name")) //for the old variables names (ORGANIZER_NAME, ATTENDEE_NAME)
|
|
? language.t(variable.toLowerCase().concat("_name_variable")).replace(/ /g, "_").toLocaleUpperCase()
|
|
: variable;
|
|
|
|
// this takes care of translating formatted variables (e.g. {EVENT_DATE_DD MM YYYY})
|
|
const formattedVarToTranslate = FORMATTED_DYNAMIC_TEXT_VARIABLES.map((formattedVar) => {
|
|
if (variable.toLowerCase().startsWith(formattedVar)) return variable;
|
|
})[0];
|
|
|
|
if (formattedVarToTranslate) {
|
|
// only translate the variable part not the formatting
|
|
const variableName = formattedVarToTranslate
|
|
.substring(0, formattedVarToTranslate?.lastIndexOf("_"))
|
|
.toLowerCase()
|
|
.concat("_variable");
|
|
|
|
translatedVariable = language
|
|
.t(variableName)
|
|
.replace(/ /g, "_")
|
|
.toLocaleUpperCase()
|
|
.concat(formattedVarToTranslate?.substring(formattedVarToTranslate?.lastIndexOf("_")));
|
|
}
|
|
|
|
translatedText = translatedText.replace(regex, `{${translatedVariable}}`);
|
|
});
|
|
}
|
|
|
|
return translatedText;
|
|
}
|
|
|
|
export function translateVariablesToEnglish(text: string, language: { locale: string; t: TFunction }) {
|
|
let newText = text;
|
|
|
|
if (language.locale !== "en") {
|
|
const variables = text.match(/\{(.+?)}/g)?.map((variable) => {
|
|
return variable.replace("{", "").replace("}", "");
|
|
});
|
|
|
|
variables?.forEach((variable) => {
|
|
DYNAMIC_TEXT_VARIABLES.forEach((originalVar) => {
|
|
const newVariableName = variable.replace("_NAME", "");
|
|
const originalVariable = `${originalVar}_variable`;
|
|
if (
|
|
language.t(originalVariable).replace(/ /g, "_").toUpperCase() === variable ||
|
|
language.t(originalVariable).replace(/ /g, "_").toUpperCase() === newVariableName
|
|
) {
|
|
newText = newText.replace(
|
|
variable,
|
|
language.t(originalVariable, { lng: "en" }).replace(/ /g, "_").toUpperCase()
|
|
);
|
|
return;
|
|
}
|
|
});
|
|
|
|
FORMATTED_DYNAMIC_TEXT_VARIABLES.forEach((formattedVar) => {
|
|
const translatedVariable = language.t(`${formattedVar}variable`).replace(/ /g, "_").toUpperCase();
|
|
if (variable.startsWith(translatedVariable)) {
|
|
newText = newText.replace(translatedVariable, formattedVar.slice(0, -1).toUpperCase());
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
return newText;
|
|
}
|