🚸 Skip validation if __ENV.js file does not exist

apps/builder/package.json

@@ -26,7 +26,7 @@
     "@giphy/react-components": "7.1.0",
     "@googleapis/drive": "8.0.0",
     "@paralleldrive/cuid2": "2.2.1",
-    "@sentry/nextjs": "7.58.1",
+    "@sentry/nextjs": "7.66.0",
     "@stripe/stripe-js": "1.54.1",
     "@t3-oss/env-nextjs": "^0.6.0",
     "@tanstack/react-query": "^4.29.19",

apps/builder/sentry.client.config.js

@@ -9,16 +9,4 @@ Sentry.init({
     "Can't find variable: ResizeObserver",
   ],
   release: process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA + '-builder',
-  beforeBreadcrumb(breadcrumb, hint) {
-    try {
-      if (breadcrumb.category.startsWith('ui')) {
-        breadcrumb.message = `${hint.event.target.tagName.toLowerCase()}: ${
-          hint.event.target.innerText
-        }`
-      }
-    } catch (e) {
-      /* empty */
-    }
-    return breadcrumb
-  },
 })

apps/builder/src/components/ImageUploadContent/IconPicker.tsx

@@ -108,6 +108,7 @@ export const IconPicker = ({ onIconSelected }: Props) => {
           placeholder="Search..."
           onChange={searchIcon}
           withVariableButton={false}
+          debounceTimeout={300}
         />
         <ColorPicker value={selectedColor} onColorChange={updateColor} />
       </HStack>

apps/viewer/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@planetscale/database": "^1.8.0",
-    "@sentry/nextjs": "7.58.1",
+    "@sentry/nextjs": "7.66.0",
     "@trpc/server": "10.34.0",
     "@typebot.io/nextjs": "workspace:*",
     "@typebot.io/prisma": "workspace:*",

apps/viewer/sentry.client.config.js

@@ -9,16 +9,4 @@ Sentry.init({
     "Can't find variable: ResizeObserver",
   ],
   release: process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA + '-viewer',
-  beforeBreadcrumb(breadcrumb, hint) {
-    try {
-      if (breadcrumb.category.startsWith('ui')) {
-        breadcrumb.message = `${hint.event.target.tagName.toLowerCase()}: ${
-          hint.event.target.innerText
-        }`
-      }
-    } catch (e) {
-      /* empty */
-    }
-    return breadcrumb
-  },
 })

packages/embeds/js/src/features/blocks/logic/script/executeScript.ts

@@ -11,7 +11,7 @@ export const executeScript = async ({ content, args }: ScriptToExecute) => {
     )
     await func(...args.map((arg) => arg.value))
   } catch (err) {
-    console.error(err)
+    console.warn('Script threw an error:', err)
   }
 }
 

packages/env/env.ts

@@ -1,5 +1,5 @@
 import { createEnv } from '@t3-oss/env-nextjs'
-import { ZodError, z } from 'zod'
+import { z } from 'zod'
 import { getRuntimeVariable } from './getRuntimeVariable'
 
 declare const window: {
@@ -317,21 +317,7 @@ export const env = createEnv({
     ...sentryEnv.runtimeEnv,
     ...posthogEnv.runtimeEnv,
   },
-  onValidationError: (error: ZodError) => {
-    console.log(
-      '[DEBUG]',
-      "typeof window !== 'undefined'",
-      typeof window !== 'undefined'
-    )
-    if (typeof window !== 'undefined') {
-      console.log('[DEBUG]', 'window.__ENV', window.__ENV)
-    }
-    console.error(
-      '❌ Invalid environment variables:',
-      error.flatten().fieldErrors
-    )
-    throw new Error('Invalid environment variables')
-  },
+  skipValidation: typeof window !== 'undefined' && window.__ENV === undefined,
   onInvalidAccess: (variable: string) => {
     throw new Error(
       `❌ Attempted to access a server-side environment variable on the client: ${variable}`

packages/env/getRuntimeVariable.ts

@@ -2,10 +2,9 @@ declare const window: {
   __ENV?: any
 }
 
-const isBrowser = () => Boolean(typeof window !== 'undefined' && window.__ENV)
-
 export const getRuntimeVariable = (key: string) => {
-  if (isBrowser()) return window.__ENV[key]
+  if (typeof window !== 'undefined')
+    return window.__ENV ? window.__ENV[key] : undefined
   if (typeof process === 'undefined') return undefined
   return process.env[key]
 }