hunk.code_window: import { inputStyles } from '../../../design-system/config/inputs.styles';
   import { useProcessVariables } from '../../../hooks/use-process-variables';
   import { PreviewMobile } from './PreviewMobile';
   import { PreviewWeb } from './PreviewWeb';
   export const Preview = ({ activeStep, view }: { activeStep: number; view: string }) => {
     const { control } = useFormContext();
  
hunk.labels: keep keep keep add keep keep keep keep
hunk.after_edit: import { errorMessage } from '../../../utils/notifications';
  
hunk.file_path: apps/web/src/pages/templates/editor/Preview.tsx
hunk.type: add
file: #!/bin/bash
  
  # Recreate config file
  rm -rf ./env-config.js
  touch ./env-config.js
  
  # Add assignment
  echo "window._env_ = {" >> ./env-config.js
  
  # Read each line in .env file
  # Each line represents key=value pairs
  while read -r line || [[ -n "$line" ]];
  do
    # Split env variables by character `=`
    if printf '%s\n' "$line" | grep -q -e '='; then
      varname=$(printf '%s\n' "$line" | sed -e 's/=.*//')
      varvalue=$(printf '%s\n' "$line" | sed -e 's/^[^=]*=//')
    fi
  
    # Read value of current variable if exists as Environment variable
    value=$(printf '%s\n' "${!varname}")
    # Otherwise use value from .env file
    [[ -z $value ]] && value=${varvalue}
  
    # Append configuration property to JS file
    echo "  $varname: \"$value\"," >> ./env-config.js
  done < .env
  
  echo "}" >> ./env-config.js
  