⚗️ Implement chat API

apps/builder/next.config.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
 const { withSentryConfig } = require('@sentry/nextjs')
 const path = require('path')
 const withTM = require('next-transpile-modules')([

apps/builder/src/features/auth/api/getAuthenticatedUser.ts

@@ -19,7 +19,6 @@ export const getAuthenticatedUser = async (
 const authenticateByToken = async (
   apiToken: string
 ): Promise<User | undefined> => {
-  console.log(window)
   if (typeof window !== 'undefined') return
   return (await prisma.user.findFirst({
     where: { apiTokens: { some: { token: apiToken } } },

apps/builder/src/features/dashboard/api/parseNewTypebot.ts

@@ -30,6 +30,7 @@ export const parseNewTypebot = ({
   | 'icon'
   | 'isArchived'
   | 'isClosed'
+  | 'resultsTablePreferences'
 > => {
   const startGroupId = cuid()
   const startBlockId = cuid()

apps/builder/src/features/dashboard/queries/importTypebotQuery.ts

@@ -1,6 +1,6 @@
 import { duplicateWebhookQueries } from '@/features/blocks/integrations/webhook'
 import cuid from 'cuid'
-import { Plan } from 'db'
+import { Plan, Prisma } from 'db'
 import {
   ChoiceInputBlock,
   ConditionBlock,
@@ -38,7 +38,10 @@ export const importTypebotQuery = async (typebot: Typebot, userPlan: Plan) => {
 const duplicateTypebot = (
   typebot: Typebot,
   userPlan: Plan
-): { typebot: Typebot; webhookIdsMapping: Map<string, string> } => {
+): {
+  typebot: Omit<Prisma.TypebotUncheckedCreateInput, 'id'> & { id: string }
+  webhookIdsMapping: Map<string, string>
+} => {
   const groupIdsMapping = generateOldNewIdsMapping(typebot.groups)
   const edgeIdsMapping = generateOldNewIdsMapping(typebot.edges)
   const webhookIdsMapping = generateOldNewIdsMapping(
@@ -119,8 +122,8 @@ const duplicateTypebot = (
               general: { ...typebot.settings.general, isBrandingEnabled: true },
             }
           : typebot.settings,
-      createdAt: new Date().toISOString(),
-      updatedAt: new Date().toISOString(),
+      createdAt: new Date(),
+      updatedAt: new Date(),
       resultsTablePreferences: typebot.resultsTablePreferences ?? undefined,
     },
     webhookIdsMapping,

apps/builder/src/features/editor/hooks/useUndo.ts

@@ -11,7 +11,7 @@ enum ActionType {
   Flush = 'FLUSH',
 }
 
-export interface Actions<T extends { updatedAt: string } | undefined> {
+export interface Actions<T extends { updatedAt: Date } | undefined> {
   set: (
     newPresent: T | ((current: T) => T),
     options?: { updateDate: boolean }
@@ -24,13 +24,13 @@ export interface Actions<T extends { updatedAt: string } | undefined> {
   presentRef: React.MutableRefObject<T>
 }
 
-interface Action<T extends { updatedAt: string } | undefined> {
+interface Action<T extends { updatedAt: Date } | undefined> {
   type: ActionType
   newPresent?: T
   updateDate?: boolean
 }
 
-export interface State<T extends { updatedAt: string } | undefined> {
+export interface State<T extends { updatedAt: Date } | undefined> {
   past: T[]
   present: T
   future: T[]
@@ -42,7 +42,7 @@ const initialState = {
   future: [],
 }
 
-const reducer = <T extends { updatedAt: string } | undefined>(
+const reducer = <T extends { updatedAt: Date } | undefined>(
   state: State<T>,
   action: Action<T>
 ) => {
@@ -112,7 +112,7 @@ const reducer = <T extends { updatedAt: string } | undefined>(
   }
 }
 
-const useUndo = <T extends { updatedAt: string } | undefined>(
+const useUndo = <T extends { updatedAt: Date } | undefined>(
   initialPresent: T
 ): [State<T>, Actions<T>] => {
   const [state, dispatch] = useReducer(reducer, {

apps/builder/src/features/publish/utils.ts

@@ -26,6 +26,7 @@ export const parsePublicTypebotToTypebot = (
   workspaceId: existingTypebot.workspaceId,
   isArchived: existingTypebot.isArchived,
   isClosed: existingTypebot.isClosed,
+  resultsTablePreferences: existingTypebot.resultsTablePreferences,
 })
 
 export const parseTypebotToPublicTypebot = (
@@ -38,8 +39,8 @@ export const parseTypebotToPublicTypebot = (
   settings: typebot.settings,
   theme: typebot.theme,
   variables: typebot.variables,
-  createdAt: new Date().toISOString(),
-  updatedAt: new Date().toISOString(),
+  createdAt: new Date(),
+  updatedAt: new Date(),
 })
 
 export const checkIfTypebotsAreEqual = (typebotA: Typebot, typebotB: Typebot) =>

apps/builder/src/features/results/components/ResultsTableContainer.tsx

@@ -57,7 +57,7 @@ export const ResultsTableContainer = () => {
 
       {typebot && (
         <SubmissionsTable
-          preferences={typebot.resultsTablePreferences}
+          preferences={typebot.resultsTablePreferences ?? undefined}
           resultHeader={resultHeader}
           data={tableData}
           onScrollToBottom={fetchNextPage}

apps/builder/src/pages/api/typebots.ts

@@ -94,11 +94,11 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
         data:
           'groups' in data
             ? data
-            : (parseNewTypebot({
+            : parseNewTypebot({
                 ownerAvatarUrl: user.image,
                 isBrandingEnabled: workspace.plan === Plan.FREE,
                 ...data,
-              }) as Prisma.TypebotUncheckedCreateInput),
+              }),
       })
       return res.send(typebot)
     }

apps/builder/src/pages/api/v1/[...trpc].ts

@@ -1,8 +1,15 @@
 import { createContext } from '@/utils/server/context'
 import { appRouter } from '@/utils/server/routers/v1/_app'
+import { captureException } from '@sentry/nextjs'
 import { createOpenApiNextHandler } from 'trpc-openapi'
 
 export default createOpenApiNextHandler({
   router: appRouter,
   createContext,
+  onError({ error }) {
+    if (error.code === 'INTERNAL_SERVER_ERROR') {
+      captureException(error)
+      console.error('Something went wrong', error)
+    }
+  },
 })

apps/builder/src/utils/server/generateOpenApi.ts

@@ -10,6 +10,6 @@ const openApiDocument = generateOpenApiDocument(appRouter, {
 })
 
 writeFileSync(
-  './openapi/builder.json',
+  './openapi/builder/_spec_.json',
   JSON.stringify(openApiDocument, null, 2)
 )

apps/docs/docusaurus.config.js

@@ -88,8 +88,8 @@ module.exports = {
   },
   presets: [
     [
-      'docusaurus-preset-openapi',
-      /** @type {import('docusaurus-preset-openapi').Options} */
+      '@typebot.io/docusaurus-preset-openapi',
+      /** @type {import('@typebot.io/docusaurus-preset-openapi').Options} */
       {
         api: {
           path: 'openapi',

apps/docs/openapi/builder/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "Builder",
+  "sidebar_position": 2
+}

apps/docs/openapi/authenticate.md → apps/docs/openapi/builder/authenticate.md

@@ -1,6 +1,5 @@
 ---
 sidebar_position: 1
-slug: /
 ---
 
 # Authentication

apps/docs/openapi/chat/_category_.json

@@ -0,0 +1,3 @@
+{
+  "label": "Chat (Experimental 🧪)"
+}