import { IncomingMessage } from 'http' import { ErrorPage } from 'layouts/ErrorPage' import { NotFoundPage } from 'layouts/NotFoundPage' import { GetServerSideProps, GetServerSidePropsContext } from 'next' import sanitizeHtml from 'sanitize-html' import { env, getViewerUrl, isDefined, isNotDefined, omit } from 'utils' import { TypebotPage, TypebotPageProps } from '../layouts/TypebotPage' import prisma from '../libs/prisma' export const getServerSideProps: GetServerSideProps = async ( context: GetServerSidePropsContext ) => { const isIE = /MSIE|Trident/.test(context.req.headers['user-agent'] ?? '') const pathname = context.resolvedUrl.split('?')[0] const { host, forwardedHost } = getHost(context.req) try { if (!host) return { props: {} } const viewerUrls = (getViewerUrl({ returnAll: true }) ?? '').split(',') const isMatchingViewerUrl = env('E2E_TEST') === 'true' ? true : viewerUrls.some( (url) => host.split(':')[0].includes(url.split('//')[1].split(':')[0]) || (forwardedHost && forwardedHost .split(':')[0] .includes(url.split('//')[1].split(':')[0])) ) const customDomain = `${forwardedHost ?? host}${ pathname === '/' ? '' : pathname }` const publishedTypebot = isMatchingViewerUrl ? await getTypebotFromPublicId(context.query.publicId?.toString()) : await getTypebotFromCustomDomain(customDomain) if (!publishedTypebot) console.log( isMatchingViewerUrl ? `Couldn't find publicId: ${context.query.publicId?.toString()}` : `Couldn't find customDomain: ${customDomain}` ) const headCode = publishedTypebot?.settings.metadata.customHeadCode return { props: { publishedTypebot, isIE, url: `https://${forwardedHost ?? host}${pathname}`, customHeadCode: isDefined(headCode) && headCode !== '' ? sanitizeHtml(headCode, { allowedTags: ['script', 'meta'] }) : null, }, } } catch (err) { console.error(err) } return { props: { isIE, url: `https://${forwardedHost ?? host}${pathname}`, }, } } const getTypebotFromPublicId = async ( publicId?: string ): Promise => { if (!publicId) return null const publishedTypebot = await prisma.publicTypebot.findFirst({ where: { typebot: { publicId } }, include: { typebot: { select: { name: true, isClosed: true, isArchived: true } }, }, }) if (isNotDefined(publishedTypebot)) return null return omit( publishedTypebot, 'createdAt', 'updatedAt' ) as TypebotPageProps['publishedTypebot'] } const getTypebotFromCustomDomain = async ( customDomain: string ): Promise => { const publishedTypebot = await prisma.publicTypebot.findFirst({ where: { typebot: { customDomain } }, include: { typebot: { select: { name: true, isClosed: true, isArchived: true } }, }, }) if (isNotDefined(publishedTypebot)) return null return omit( publishedTypebot, 'createdAt', 'updatedAt' ) as TypebotPageProps['publishedTypebot'] } const getHost = ( req?: IncomingMessage ): { host?: string; forwardedHost?: string } => ({ host: req?.headers ? req.headers.host : window.location.host, forwardedHost: req?.headers['x-forwarded-host'] as string | undefined, }) const App = ({ publishedTypebot, ...props }: TypebotPageProps) => { if (!publishedTypebot || publishedTypebot.typebot.isArchived) return if (publishedTypebot.typebot.isClosed) return return } export default App