feat: set up dashboard to deploy js configs

.gitignore

@@ -1,6 +1,6 @@
 .DS_Store
 .eslintcache
-env.config.js
+env.config.*
 node_modules
 npm-debug.log
 coverage

package.json

@@ -57,6 +57,7 @@
     "jest-when": "^3.6.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
+    "patch-package": "^8.0.0",
     "prop-types": "15.7.2",
     "query-string": "7.0.1",
     "react": "^17.0.2",

patches/@openedx+frontend-build+13.0.28.patch

@@ -0,0 +1,58 @@
+diff --git a/node_modules/@openedx/frontend-build/config/jest.config.js b/node_modules/@openedx/frontend-build/config/jest.config.js
+index ac5f730..ddce396 100644
+--- a/node_modules/@openedx/frontend-build/config/jest.config.js
++++ b/node_modules/@openedx/frontend-build/config/jest.config.js
+@@ -3,11 +3,16 @@ const fs = require('fs');
+
+ const presets = require('../lib/presets');
+
++// This assigns the envConfigPath filepath based on whether env.config exists, otherwise it uses the fallback filepath.
++
+ let envConfigPath = path.resolve(__dirname, './jest/fallback.env.config.js');
+-const appEnvConfigPath = path.resolve(process.cwd(), './env.config.js');
++const appEnvConfigPathJs = path.resolve(process.cwd(), './env.config.js');
++const appEnvConfigPathJsx = path.resolve(process.cwd(), './env.config.jsx');
+
+-if (fs.existsSync(appEnvConfigPath)) {
+-  envConfigPath = appEnvConfigPath;
++if (fs.existsSync(appEnvConfigPathJs)) {
++  envConfigPath = appEnvConfigPathJs;
++} else if (fs.existsSync(appEnvConfigPathJsx)) {
++  envConfigPath = appEnvConfigPathJsx;
+ }
+
+ module.exports = {
+diff --git a/node_modules/@openedx/frontend-build/config/webpack.prod.config.js b/node_modules/@openedx/frontend-build/config/webpack.prod.config.js
+index 2879dd9..dd819bc 100644
+--- a/node_modules/@openedx/frontend-build/config/webpack.prod.config.js
++++ b/node_modules/@openedx/frontend-build/config/webpack.prod.config.js
+@@ -11,6 +11,7 @@ const dotenv = require('dotenv');
+ const NewRelicSourceMapPlugin = require('@edx/new-relic-source-map-webpack-plugin');
+ const HtmlWebpackPlugin = require('html-webpack-plugin');
+ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
++const fs = require('fs');
+ const path = require('path');
+ const PostCssAutoprefixerPlugin = require('autoprefixer');
+ const PostCssRTLCSS = require('postcss-rtlcss');
+@@ -23,6 +24,21 @@ const HtmlWebpackNewRelicPlugin = require('../lib/plugins/html-webpack-new-relic
+ const commonConfig = require('./webpack.common.config');
+ const presets = require('../lib/presets');
+
++/** This condition confirms whether the configuration for the MFE has switched to a JS-based configuration
++ * as previously implemented in frontend-build and frontend-platform. If the environment variable exists, then
++ * an env.config.js file will be created at the root directory and its env variables can be accessed with getConfig().
++ *
++ * https://github.com/openedx/frontend-build/blob/master/docs/0002-js-environment-config.md
++ * https://github.com/openedx/frontend-platform/blob/master/docs/decisions/0007-javascript-file-configuration.rst
++ */
++
++const envConfigPath = process.env.JS_CONFIG_FILEPATH;
++
++if (envConfigPath) {
++  const envConfigFilename = envConfigPath.slice(envConfigPath.indexOf('env.config'));
++  fs.copyFileSync(envConfigPath, envConfigFilename);
++}
++
+ // Add process env vars. Currently used only for setting the PUBLIC_PATH.
+ dotenv.config({
+   path: path.resolve(process.cwd(), '.env'),

src/config/index.js

@@ -1,3 +1,6 @@
+import { mergeConfig } from '@edx/frontend-platform';
+import envConfig from 'env.config';
+
 const configuration = {
   // BASE_URL: process.env.BASE_URL,
   LMS_BASE_URL: process.env.LMS_BASE_URL,
@@ -20,6 +23,9 @@ const configuration = {
   ENABLE_EDX_PERSONAL_DASHBOARD: process.env.ENABLE_EDX_PERSONAL_DASHBOARD === 'true',
 };
 
+// This mergeConfig ensures that any variables assigned by process.env are still overwritten if declared in JS config
+mergeConfig(envConfig);
+
 const features = {};
 
 export { configuration, features };

src/setupTest.jsx

@@ -62,23 +62,6 @@ jest.mock('@edx/frontend-platform/i18n', () => {
   };
 });
 
-/*
-When .env.test is removed, uncomment the env vars below and add any environment variables for testing with Jest
-
-Context: Snapshot is not currently set up to be able to parse the environment variables in env.config.js
-*/
-
-// jest.mock('@edx/frontend-platform', () => ({
-//   getConfig: jest.fn(() => ({
-//     LMS_BASE_URL: 'http://localhost:18000',
-//     LOGOUT_URL: 'http://localhost:18000/logout',
-//     LOGO_URL: 'https://edx-cdn.org/v3/default/logo.svg',
-//     MARKETING_SITE_BASE_URL: 'http://localhost:18000',
-//     SUPPORT_URL: 'http://localhost:18000/support',
-//     OPTIMIZELY_FULL_STACK_SDK_KEY: 'SDK Key',
-//   })),
-// }));
-
 jest.mock('@openedx/paragon', () => jest.requireActual('testUtils').mockNestedComponents({
   Alert: {
     Heading: 'Alert.Heading',