fix(viewer): 💚 Attempt to fix LP rewrites

apps/builder/components/share/EditableUrl.tsx

@@ -30,7 +30,7 @@ export const EditableUrl = ({
       onSubmit={onPublicIdChange}
     >
       <HStack spacing={1}>
-        <Text>https://</Text>
+        <Text>{process.env.NEXT_PUBLIC_VIEWER_HOST}/</Text>
         <Tooltip label="Edit">
           <EditablePreview
             mx={1}
@@ -43,15 +43,15 @@ export const EditableUrl = ({
             fontWeight="semibold"
           />
         </Tooltip>
-
         <EditableInput px={2} />
-
-        <Text>.typebot.io/</Text>
       </HStack>
 
       <HStack>
         <EditButton size="xs" />
-        <CopyButton size="xs" textToCopy={`https://${publicId}.typebot.io/`} />
+        <CopyButton
+          size="xs"
+          textToCopy={`${process.env.NEXT_PUBLIC_VIEWER_HOST}/${publicId}`}
+        />
       </HStack>
     </Editable>
   )

apps/builder/services/publicTypebot.tsx

@@ -4,7 +4,6 @@ import {
   PublicBlock,
   PublicStep,
   PublicTypebot,
-  Step,
   Typebot,
 } from 'models'
 import shortId from 'short-uuid'
@@ -17,10 +16,15 @@ import { isDefined } from '@udecode/plate-common'
 export const parseTypebotToPublicTypebot = (
   typebot: Typebot
 ): PublicTypebot => ({
-  ...typebot,
   id: shortId.generate(),
   typebotId: typebot.id,
   blocks: parseBlocksToPublicBlocks(typebot.blocks),
+  edges: typebot.edges,
+  name: typebot.name,
+  publicId: typebot.publicId,
+  settings: typebot.settings,
+  theme: typebot.theme,
+  variables: typebot.variables,
 })
 
 const parseBlocksToPublicBlocks = (blocks: Block[]): PublicBlock[] =>

apps/landing-page/.env.local.example

@@ -0,0 +1,4 @@
+NOTION_API_TOKEN=
+NOTION_DATABASE_ID=
+NEXT_PUBLIC_VIEWER_HOST=http://localhost:3001
+LANDING_PAGE_HOST=http://localhost:3002

apps/landing-page/next.config.js

@@ -10,6 +10,16 @@ const securityHeaders = [
   },
 ]
 
+const pages = [
+  'blog',
+  'pricing',
+  'privacy-policies',
+  'terms-of-service',
+  'vs-landbot',
+  'vs-tally',
+  'vs-typeform',
+]
+
 module.exports = withBundleAnalyzer({
   async headers() {
     return [
@@ -30,11 +40,31 @@ module.exports = withBundleAnalyzer({
     ]
   },
   async rewrites() {
-    return [
+    return {
-      {
+      beforeFiles: [
-        source: '/:path*',
+        {
-        destination: `${process.env.NEXT_PUBLIC_VIEWER_HOST}/:path*`,
+          source: '/_next/static/:static*',
-      },
+          destination:
-    ]
+            process.env.NEXT_PUBLIC_VIEWER_HOST + '/_next/static/:static*',
+          has: [
+            {
+              type: 'header',
+              key: 'referer',
+              value:
+                process.env.LANDING_PAGE_HOST +
+                '/(?!' +
+                pages.join('|') +
+                '|\\?).+',
+            },
+          ],
+        },
+      ],
+      fallback: [
+        {
+          source: '/:user*',
+          destination: process.env.NEXT_PUBLIC_VIEWER_HOST + '/:user*',
+        },
+      ],
+    }
   },
 })

apps/landing-page/pages/vs-landbot.tsx

@@ -15,13 +15,14 @@ import {
 } from '@chakra-ui/react'
 import loadLandbot from '../lib/landbot'
 import Image from 'next/image'
-import Typebot from 'typebot-js'
+import { initContainer } from 'typebot-js'
 import { ArticleCallToAction } from 'components/common/ArticleCta'
 import { Footer } from 'components/common/Footer'
 import { Navbar } from 'components/common/Navbar/Navbar'
 import { NextChakraLink } from 'components/common/nextChakraAdapters/NextChakraLink'
 import { SocialMetaTags } from 'components/common/SocialMetaTags'
 import { Yes, No } from 'components/common/TableCells'
+import landbotVisualFlowSrc from 'public/images/landbot/visual-flow.png'
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 declare const Landbot: any
@@ -35,7 +36,7 @@ const VsTypebot = () => {
           'https://chats.landbot.io/v3/H-937813-ZLZEY720UH1TWN5S/index.json',
       })
     })
-    Typebot.initContainer('typebot-container', {
+    initContainer('typebot-container', {
       publishId: 'example-vs-other-tools',
     })
   }, [])
@@ -91,7 +92,7 @@ const VsTypebot = () => {
             </Text>
             <Box h="400px" pos="relative">
               <Image
-                src="landbotVisualFlowSrc"
+                src={landbotVisualFlowSrc}
                 layout="fill"
                 objectFit="contain"
                 alt="Visual flow screenshot"

apps/landing-page/pages/vs-tally.tsx

@@ -12,7 +12,7 @@ import {
   Th,
   Flex,
 } from '@chakra-ui/react'
-import Typebot from 'typebot-js'
+import { initContainer } from 'typebot-js'
 import { ArticleCallToAction } from 'components/common/ArticleCta'
 import { roadmapLink, Footer } from 'components/common/Footer'
 import { Navbar } from 'components/common/Navbar/Navbar'
@@ -22,7 +22,7 @@ import { Yes, No } from 'components/common/TableCells'
 
 const VsTypebot = () => {
   useEffect(() => {
-    Typebot.initContainer('typebot-container', {
+    initContainer('typebot-container', {
       publishId: 'example-vs-other-tools',
     })
   }, [])

apps/landing-page/pages/vs-typeform.tsx

@@ -12,7 +12,7 @@ import {
   Th,
   Flex,
 } from '@chakra-ui/react'
-import Typebot from 'typebot-js'
+import { initContainer } from 'typebot-js'
 import { CheckIcon } from 'assets/icons/CheckIcon'
 import { CloseIcon } from 'assets/icons/CloseIcon'
 import { ArticleCallToAction } from 'components/common/ArticleCta'
@@ -25,7 +25,7 @@ import loadTypeform from 'lib/typeform'
 const VsTypebot = () => {
   useEffect(() => {
     loadTypeform().then()
-    Typebot.initContainer('typebot-container', {
+    initContainer('typebot-container', {
       publishId: 'example-vs-other-tools',
     })
   }, [])

apps/viewer/pages/[publicId].tsx

@@ -7,7 +7,7 @@ import prisma from '../libs/prisma'
 export const getServerSideProps: GetServerSideProps = async (
   context: GetServerSidePropsContext
 ) => {
-  let typebot: PublicTypebot | undefined
+  let typebot: PublicTypebot | null
   const isIE = /MSIE|Trident/.test(context.req.headers['user-agent'] ?? '')
   const pathname = context.resolvedUrl.split('?')[0]
   try {
@@ -33,12 +33,12 @@ export const getServerSideProps: GetServerSideProps = async (
 
 const getTypebotFromPublicId = async (
   publicId?: string
-): Promise<PublicTypebot | undefined> => {
+): Promise<PublicTypebot | null> => {
-  if (!publicId) return
+  if (!publicId) return null
   const typebot = await prisma.publicTypebot.findUnique({
     where: { publicId },
   })
-  return (typebot as unknown as PublicTypebot | undefined) ?? undefined
+  return (typebot as unknown as PublicTypebot) ?? null
 }
 
 const App = ({ typebot, ...props }: TypebotPageProps) =>

apps/viewer/pages/index.tsx

@@ -1,47 +0,0 @@
-import { NotFoundPage } from 'layouts/NotFoundPage'
-import { PublicTypebot } from 'models'
-import { GetServerSideProps, GetServerSidePropsContext } from 'next'
-import { TypebotPage, TypebotPageProps } from '../layouts/TypebotPage'
-import prisma from '../libs/prisma'
-
-export const getServerSideProps: GetServerSideProps = async (
-  context: GetServerSidePropsContext
-) => {
-  let typebot: PublicTypebot | undefined
-  const isIE = /MSIE|Trident/.test(context.req.headers['user-agent'] ?? '')
-  const pathname = context.resolvedUrl.split('?')[0]
-  try {
-    if (!context.req.headers.host) return { props: {} }
-    typebot = await getTypebotFromUrl(context.req.headers.host)
-    return {
-      props: {
-        typebot,
-        isIE,
-        url: `https://${context.req.headers.host}${pathname}`,
-      },
-    }
-  } catch (err) {
-    console.error(err)
-  }
-  return {
-    props: {
-      isIE,
-      url: `https://${context.req.headers.host}${pathname}`,
-    },
-  }
-}
-
-const getTypebotFromUrl = async (
-  hostname: string
-): Promise<PublicTypebot | undefined> => {
-  const publicId = hostname.split('.').shift()
-  if (!publicId) return
-  const typebot = await prisma.publicTypebot.findUnique({
-    where: { publicId },
-  })
-  return (typebot as unknown as PublicTypebot | undefined) ?? undefined
-}
-
-const App = ({ typebot, ...props }: TypebotPageProps) =>
-  typebot ? <TypebotPage {...props} typebot={typebot} /> : <NotFoundPage />
-export default App

package.json

@@ -16,7 +16,7 @@
   },
   "devDependencies": {
     "dotenv-cli": "^4.1.1",
-    "turbo": "^1.1.1"
+    "turbo": "^1.1.2"
   },
   "packageManager": "yarn@1.22.17"
 }

yarn.lock

@@ -8073,7 +8073,7 @@ turbo-windows-64@1.1.2:
   resolved "https://registry.yarnpkg.com/turbo-windows-64/-/turbo-windows-64-1.1.2.tgz#8eb3f77ab7e04b077752ae2204114c82e5c74697"
   integrity sha512-0Ncx/iKhnKrdAU8hJ+8NUcF9jtFr8KoW5mMWfiFzy+mgUbVKbpzWT2eoGR6zJExedQsRvYOejbEX5iihbnj5bA==
 
-turbo@^1.1.1:
+turbo@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/turbo/-/turbo-1.1.2.tgz#751b9651dc3ebe469898db76afab6405666ad0ff"
   integrity sha512-3ViHKyAkaBKNKwHASTa1zkVT3tVVhQNLrpxBS7LoN+794ouQUYmy6lf0rTqzG3iTZHtIDwC+piZSdTl4XjEVMg==