🧑‍💻 Improve env variables type safety and management (#718)

Closes #679

apps/builder/src/features/account/UserProvider.tsx

@@ -1,12 +1,13 @@
 import { useSession } from 'next-auth/react'
 import { useRouter } from 'next/router'
 import { createContext, ReactNode, useEffect, useState } from 'react'
-import { env, isDefined, isNotDefined } from '@typebot.io/lib'
+import { isDefined, isNotDefined } from '@typebot.io/lib'
 import { User } from '@typebot.io/prisma'
 import { setUser as setSentryUser } from '@sentry/nextjs'
 import { useToast } from '@/hooks/useToast'
 import { updateUserQuery } from './queries/updateUserQuery'
 import { useDebouncedCallback } from 'use-debounce'
+import { env } from '@typebot.io/env'
 
 export const userContext = createContext<{
   user?: User
@@ -66,7 +67,7 @@ export const UserProvider = ({ children }: { children: ReactNode }) => {
       if (error) showToast({ title: error.name, description: error.message })
       await refreshUser()
     },
-    env('E2E_TEST') === 'true' ? 0 : debounceTimeout
+    env.NEXT_PUBLIC_E2E_TEST ? 0 : debounceTimeout
   )
 
   useEffect(() => {

apps/builder/src/features/account/account.spec.ts

@@ -1,5 +1,6 @@
 import { getTestAsset } from '@/test/utils/playwright'
 import test, { expect } from '@playwright/test'
+import { env } from '@typebot.io/env'
 import { userId } from '@typebot.io/lib/playwright/databaseSetup'
 
 test.describe.configure({ mode: 'parallel' })
@@ -15,9 +16,9 @@ test('should display user info properly', async ({ page }) => {
   await expect(page.locator('img >> nth=1')).toHaveAttribute(
     'src',
     new RegExp(
-      `${process.env.S3_ENDPOINT}${
-        process.env.S3_PORT ? `:${process.env.S3_PORT}` : ''
-      }/${process.env.S3_BUCKET}/public/users/${userId}/avatar`,
+      `${env.S3_ENDPOINT}${env.S3_PORT ? `:${env.S3_PORT}` : ''}/${
+        env.S3_BUCKET
+      }/public/users/${userId}/avatar`,
       'gm'
     )
   )

apps/builder/src/features/account/hooks/useApiTokens.ts

@@ -1,6 +1,6 @@
 import { fetcher } from '@/helpers/fetcher'
 import useSWR from 'swr'
-import { env } from '@typebot.io/lib'
+import { env } from '@typebot.io/env'
 import { ApiTokenFromServer } from '../types'
 
 type ServerResponse = {
@@ -18,7 +18,7 @@ export const useApiTokens = ({
     userId ? `/api/users/${userId}/api-tokens` : null,
     fetcher,
     {
-      dedupingInterval: env('E2E_TEST') === 'true' ? 0 : undefined,
+      dedupingInterval: env.NEXT_PUBLIC_E2E_TEST ? 0 : undefined,
     }
   )
   if (error) onError(error)