fix(docker): 🐛 Runtime public environment

packages/bot-engine/src/components/TypebotViewer.tsx

@@ -21,7 +21,7 @@ import {
 } from 'models'
 import { Log } from 'db'
 import { LiteBadge } from './LiteBadge'
-import { isEmpty } from 'utils'
+import { env, isEmpty } from 'utils'
 
 export type TypebotViewerProps = {
   typebot: PublicTypebot
@@ -41,7 +41,7 @@ export type TypebotViewerProps = {
 
 export const TypebotViewer = ({
   typebot,
-  apiHost = process.env.NEXT_PUBLIC_VIEWER_URL?.split(',')[0],
+  apiHost = env('VIEWER_URL')?.split(',')[0],
   isPreview = false,
   isLoading = false,
   style,

packages/utils/src/utils.ts

@@ -243,3 +243,19 @@ export const uploadFiles = async ({
   }
   return urls
 }
+
+declare const window: any
+
+const isBrowser = () => {
+  return Boolean(typeof window !== 'undefined' && window.__env)
+}
+
+export const env = (key = ''): string | undefined => {
+  if (isBrowser() && window.__env) {
+    return window.__env[key] === "''" ? undefined : window.__env[key]
+  }
+
+  return process.env['NEXT_PUBLIC_' + key] === "''"
+    ? undefined
+    : (process.env['NEXT_PUBLIC_' + key] as string)
+}