[Chore] Rework temp config formatting

CHANGELOG.md

@@ -11,6 +11,10 @@ Our versioning strategy is as follows:
 
 ## Unreleased
 
+### 🎉 New Features & Improvements
+
+* `[templates/nextjs]` `[templates/react]` `[templates/vue]` `[templates/angular]` Changed formatting in temp/config to prevent parse issues in Unix systems ([#1787](https://github.com/Sitecore/jss/pull/1787))
+
 ## 22.0.0
 
 ### 🛠 Breaking Changes

docs/upgrades/unreleased.md

@@ -1 +1,61 @@
 ## Unreleased
+
+# react
+
+* Replace `scripts/generate-config.js` if you have not modified it. Otherwise:
+    * Replace ``const config = {};\n`;`` line with ``let config = {};\n`;``
+    * Replace 
+    ```
+    configText += `config.${prop} = process.env.REACT_APP_${constantCase(prop)} || "${
+      config[prop]
+    }",\n`;
+    ```
+    with 
+    ```
+     configText += `config.${prop} = process.env.REACT_APP_${constantCase(prop)} || "${
+      config[prop]
+    }";\n`;
+    ```
+
+# angular
+
+* Replace `scripts/generate-config.ts` if you have not modified it. Otherwise:
+    * Replace ``const config = {};\n`;`` line with ``let config = {};\n`;``
+    * Replace 
+    ```
+    configText += `config.${prop} = process.env.${constantCase(prop)} || "${config[prop]}",\n`;
+    ```
+    with 
+    ```
+     configText += `config.${prop} = process.env.${constantCase(prop)} || "${config[prop]}";\n`;
+    ```
+
+# vue
+
+* Replace `scripts/generate-config.js` if you have not modified it. Otherwise:
+    * Replace ``const config = {};\n`;`` line with ``let config = {};\n`;``
+    * Replace 
+    ```
+    configText += `config.${prop} = process.env.VUE_APP_${constantCase(prop)} || "${
+      config[prop]
+    }",\n`;
+    ```
+    with 
+    ```
+     configText += `config.${prop} = process.env.VUE_APP_${constantCase(prop)} || "${
+      config[prop]
+    }";\n`;
+    ```
+
+# nextjs
+
+* Replace `scripts/generate-config.ts` if you have not modified it. Otherwise:
+    * Replace ``const config = {};\n`;`` line with ``let config = {};\n`;``
+    * Replace 
+    ```
+    configText += `config.${prop} = process.env.${constantCase(prop)} || '${config[prop]}',\n`;
+    ```
+    with 
+    ```
+    configText += `config.${prop} = process.env.${constantCase(prop)} || '${config[prop]}';\n`;
+    ```

packages/create-sitecore-jss/src/templates/angular/scripts/generate-config.ts

@@ -46,11 +46,11 @@ export function generateConfig(configOverrides?: { [key: string]: unknown }, out
   let configText = `/* eslint-disable */
 // Do not edit this file, it is auto-generated at build time!
 // See scripts/bootstrap.ts to modify the generation of this file.
-const config = {};\n`;
+let config = {};\n`;
 
   // Set base configuration values, allowing override with environment variables
   Object.keys(config).forEach((prop) => {
-    configText += `config.${prop} = process.env.${constantCase(prop)} || "${config[prop]}",\n`;
+    configText += `config.${prop} = process.env.${constantCase(prop)} || "${config[prop]}";\n`;
   });
   // Set computed values, allowing override with environment variables
   Object.keys(computedConfig).forEach((prop) => {

packages/create-sitecore-jss/src/templates/nextjs/scripts/generate-config.ts

@@ -49,11 +49,11 @@ function writeConfig(config: JssConfig): void {
   let configText = `/* eslint-disable */
 // Do not edit this file, it is auto-generated at build time!
 // See scripts/bootstrap.ts to modify the generation of this file.
-const config = {};\n`;
+let config = {};\n`;
 
   // Set configuration values, allowing override with environment variables
   Object.keys(config).forEach(prop => {
-    configText += `config.${prop} = process.env.${constantCase(prop)} || '${config[prop]}',\n`;
+    configText += `config.${prop} = process.env.${constantCase(prop)} || '${config[prop]}';\n`;
   });
 
   configText += `module.exports = config;`;

packages/create-sitecore-jss/src/templates/react/scripts/generate-config.js

@@ -46,13 +46,13 @@ function writeConfig(config) {
   let configText = `/* eslint-disable */
 // Do not edit this file, it is auto-generated at build time!
 // See scripts/generate-config.js to modify the generation of this file.
-const config = {};\n`;
+let config = {};\n`;
 
   // Set base configuration values, allowing override with environment variables
   Object.keys(config).forEach(prop => {
     configText += `config.${prop} = process.env.REACT_APP_${constantCase(prop)} || "${
       config[prop]
-    }",\n`;
+    }";\n`;
   });
   configText += 'module.exports = config;';
 

packages/create-sitecore-jss/src/templates/vue/scripts/generate-config.js

@@ -41,13 +41,13 @@ module.exports = function generateConfig(configOverrides) {
   let configText = `/* eslint-disable */
 // Do not edit this file, it is auto-generated at build time!
 // See scripts/bootstrap.ts to modify the generation of this file.
-const config = {};\n`;
+let config = {};\n`;
 
   // Set base configuration values, allowing override with environment variables
   Object.keys(config).forEach((prop) => {
     configText += `config.${prop} = process.env.VUE_APP_${constantCase(prop)} || "${
       config[prop]
-    }",\n`;
+    }";\n`;
   });
   // Set computed values, allowing override with environment variables
   Object.keys(computedConfig).forEach((prop) => {