Environment variables

This minimalistic style guide is designed to ensure consistency and scalability in our frontend projects.

Adding New Environment Variables

To add a new environment variable to the project, follow these steps:

1. Define the Variable in config.ts:

   export const config = {
     // Existing environment variables
     applicationInsightsInstrumentationKey: window.applicationInsightsInstrumentationKey,
     // Add your new environment variable here
     newEnvVariable: window.newEnvVariable,
   };

2. Update index.html with the New Variable:

   <script>
     window.applicationInsightsInstrumentationKey = '$APPLICATION_INSIGHTS_INSTRUMENTATION_KEY';
     window.newEnvVariable = '$NEW_ENV_VARIABLE';
   </script>

3. Modify the start.sh Script to Substitute the New Variable:

   # Replace the placeholders in index.html and create a temporary file
   envsubst '$APPLICATION_INSIGHTS_INSTRUMENTATION_KEY $NEW_ENV_VARIABLE' < /usr/share/nginx/html/index.html > /usr/share/nginx/html/index_temp.html

4. Restart the Application: After making these changes, rebuild and restart your Docker containers to apply the new environment variables.