import { type TFunction } from "i18next"; import i18next from "i18next"; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import { cookies, headers } from "next/headers"; import { getLocale } from "@calcom/features/auth/lib/getLocale"; import type { AppImageProps, MeetingImageProps } from "@calcom/lib/OgImages"; import { constructAppImage, constructGenericImage, constructMeetingImage } from "@calcom/lib/OgImages"; import { IS_CALCOM, WEBAPP_URL, APP_NAME, SEO_IMG_OGIMG, CAL_URL } from "@calcom/lib/constants"; import { buildCanonical } from "@calcom/lib/next-seo.config"; import { truncateOnWord } from "@calcom/lib/text"; //@ts-expect-error no type definitions import config from "@calcom/web/next-i18next.config"; import { buildLegacyRequest } from "@lib/buildLegacyCtx"; const i18nInstanceCache: Record = {}; const createI18nInstance = async (locale: string, ns: string) => { const cacheKey = `${locale}-${ns}`; // Check module-level cache first if (i18nInstanceCache[cacheKey]) { return i18nInstanceCache[cacheKey]; } const { _nextI18Next } = await serverSideTranslations(locale, [ns], config); const _i18n = i18next.createInstance(); await _i18n.init({ lng: locale, resources: _nextI18Next?.initialI18nStore, fallbackLng: _nextI18Next?.userConfig?.i18n.defaultLocale, }); // Cache the instance i18nInstanceCache[cacheKey] = _i18n; return _i18n; }; const getTranslationWithCache = async (locale: string, ns = "common") => { const localeWithFallback = locale ?? "en"; const i18n = await createI18nInstance(localeWithFallback, ns); return i18n.getFixedT(localeWithFallback, ns); }; export const getTranslate = async () => { const headersList = await headers(); // If "x-locale" does not exist in header, // ensure that config.matcher in middleware includes the page you are testing const locale = headersList.get("x-locale") ?? (await getLocale(buildLegacyRequest(headersList, cookies()))); const t = await getTranslationWithCache(locale ?? "en"); return t; }; const _generateMetadataWithoutImage = async ( getTitle: (t: TFunction) => string, getDescription: (t: TFunction) => string, hideBranding?: boolean, origin?: string, pathname?: string ) => { const h = headers(); const _pathname = h.get("x-pathname") ?? pathname ?? ""; const canonical = buildCanonical({ path: _pathname, origin: origin ?? CAL_URL }); const locale = h.get("x-locale") ?? (await getLocale(buildLegacyRequest(h, cookies()))) ?? "en"; const t = await getTranslationWithCache(locale); const title = getTitle(t); const description = getDescription(t); const titleSuffix = `| ${APP_NAME}`; const displayedTitle = title.includes(titleSuffix) || hideBranding ? title : `${title} ${titleSuffix}`; const metadataBase = new URL(IS_CALCOM ? "https://cal.com" : WEBAPP_URL); return { title: title.length === 0 ? APP_NAME : displayedTitle, description, alternates: { canonical }, openGraph: { description: truncateOnWord(description, 158), url: canonical, type: "website", siteName: APP_NAME, title: displayedTitle, }, metadataBase, }; }; export const _generateMetadata = async ( getTitle: (t: TFunction) => string, getDescription: (t: TFunction) => string, hideBranding?: boolean, origin?: string ) => { const metadata = await _generateMetadataWithoutImage(getTitle, getDescription, hideBranding, origin); const image = SEO_IMG_OGIMG + constructGenericImage({ title: metadata.title, description: metadata.description, }); return { ...metadata, openGraph: { ...metadata.openGraph, images: [image], }, }; }; export const generateMeetingMetadata = async ( meeting: MeetingImageProps, getTitle: (t: TFunction) => string, getDescription: (t: TFunction) => string, hideBranding?: boolean, origin?: string, pathname?: string ) => { const metadata = await _generateMetadataWithoutImage( getTitle, getDescription, hideBranding, origin, pathname ); const image = SEO_IMG_OGIMG + constructMeetingImage(meeting); return { ...metadata, openGraph: { ...metadata.openGraph, images: [image], }, }; }; export const generateAppMetadata = async ( app: AppImageProps, getTitle: (t: TFunction) => string, getDescription: (t: TFunction) => string, hideBranding?: boolean, origin?: string ) => { const metadata = await _generateMetadataWithoutImage(getTitle, getDescription, hideBranding, origin); const image = SEO_IMG_OGIMG + constructAppImage({ ...app, description: metadata.description }); return { ...metadata, openGraph: { ...metadata.openGraph, images: [image], }, }; };