import { type TFunction } from "i18next"; 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 { getTranslation } from "@calcom/lib/server/i18n"; import { truncateOnWord } from "@calcom/lib/text"; import { buildLegacyRequest } from "@lib/buildLegacyCtx"; 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, await cookies()))); return await getTranslation(locale ?? "en", "common"); }; const _generateMetadataWithoutImage = async ( getTitle: (t: TFunction) => string, getDescription: (t: TFunction) => string, hideBranding?: boolean, origin?: string, pathname?: string ) => { const h = await headers(); const _pathname = h.get("x-pathname") ?? pathname ?? ""; const canonical = buildCanonical({ path: _pathname, origin: origin ?? CAL_URL }); const t = await getTranslate(); 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], }, }; };