fix: environmet issue

Author: Laszlo Simon

.env.example

@@ -31,10 +31,17 @@ jobs:
       - name: Install dependencies
         run: npm i
 
+      - name: Generate environment configuration
+        run: |
+          jq \
+            --arg accessKey "${WEB3FORMS_ACCESS_KEY}" \
+            '.production = true | .contactFormAccessKey = $accessKey' \
+            src/environments/environment.example.json > src/environments/environment.json
+        env:
+          WEB3FORMS_ACCESS_KEY: ${{ secrets.WEB3FORMS_ACCESS_KEY }}
+
       - name: Build Angular app for GitHub Pages
         run: npm run build -- --configuration production
-        env:
-          NG_APP_CONTACT_FORM_ACCESS_KEY: ${{ secrets.WEB3FORMS_ACCESS_KEY }}
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

.github/workflows/deploy.yml

@@ -42,3 +42,5 @@ __screenshots__/
 # System files
 .DS_Store
 Thumbs.db
+
+environment.json

.gitignore

@@ -0,0 +1,4 @@
+{
+    "production": false,
+    "contactFormAccessKey": "your-access-key-here"
+}

src/environments/environment.example.json

@@ -1,12 +1,11 @@
+import json from './environment.json';
+
 export interface Environment {
     readonly production: boolean;
     readonly contactFormAccessKey: string;
 }
 
 export const environment: Environment = {
-    production: import.meta.env.PROD,
-    contactFormAccessKey:
-        import.meta.env.NG_APP_CONTACT_FORM_ACCESS_KEY ??
-        import.meta.env.VITE_CONTACT_FORM_ACCESS_KEY ??
-        '',
+    production: json.production,
+    contactFormAccessKey: json.contactFormAccessKey,
 };