dynamic port for LEARNING MFE in form of ENV variable

Author: ktyagiapphelix2u

.devcontainer/devcontainer.json

@@ -30,13 +30,16 @@
         }
     },
     "containerEnv": {
-        "DEVSTACK_WORKSPACE": "/workspaces/edx-repos"
+        "DEVSTACK_WORKSPACE": "/workspaces/edx-repos",
+        "LEARNING_MICROFRONTEND_PORT": "2010",
+        "LEARNING_MICROFRONTEND_URL": "http://localhost:2010",
+        "LEARNING_MICROFRONTEND_NETLOC": "localhost:2010"
     },
     "updateContentCommand": ".devcontainer/updateContentCommand.sh",
     "postCreateCommand": ".devcontainer/postCreateCommand.sh",
     "postStartCommand": ".devcontainer/postStartCommand.sh",
     "forwardPorts": [
-        1976, 1984, 1990, 1991, 1993, 1994, 1995, 1996, 1997, 1998, 1999, 2000,
+        1976, 1984, 1990, 1991, 1993, 1994, 1995, 1996, 1997, 1998, 1999, 2010,
         2001, 3406, 5335, 7474, 8000, 8081, 8734, 8735, 9021, 9201, 9202,
         9301, 9600, 18000, 18010, 18040, 18110, 18120, 18130, 18150, 18160,
         18170, 18270, 18280, 18381, 18400, 18450, 18734, 18760, 18787, 19001,
@@ -60,7 +63,7 @@
         "18130": { "label": "ecommerce" },
         "18150": { "label": "credentials" },
         "18120": { "label": "edx_notes_api" },
-        "2000":  { "label": "frontend-app-learning" },
+        "2010":  { "label": "frontend-app-learning" },
         "1998":  { "label": "frontend-app-payment" },
         "18400": { "label": "frontend-app-publisher" },
         "1994":  { "label": "frontend-app-gradebook" },

.devcontainer/updateContentCommand.sh

@@ -79,3 +79,30 @@ for repo_dir in ${repo_dirs[@]}; do
 
   popd
 done
+
+
+echo "Updating .env.development files for MFE apps..."
+
+# Define shared values
+PORT=${LEARNING_MICROFRONTEND_PORT:-2000}
+BASE_URL=${LEARNING_MICROFRONTEND_URL:-"http://localhost:$PORT"}
+
+# Path to workspace
+
+
+# Loop through frontend-app-* repos
+find "$DEVSTACK_WORKSPACE" -type d -name "frontend-app-*" | while read -r repo; do
+  ENV_FILE="$repo/.env.development"
+
+
+  if [ -f "$ENV_FILE" ]; then
+    echo "Updating $ENV_FILE..."
+    if [[ "$repo" == *"frontend-app-learning" ]]; then
+      sed -i.bak -E "s|^PORT=.*|PORT=$PORT|" "$ENV_FILE"
+      sed -i.bak -E "s|^BASE_URL=.*|BASE_URL='$BASE_URL'|" "$ENV_FILE"
+    else
+      sed -i.bak -E "s|^LEARNING_BASE_URL=.*|LEARNING_BASE_URL='$BASE_URL'|" "$ENV_FILE"
+    fi
+    rm -f "$ENV_FILE.bak"
+  fi
+done

docker-compose.yml

@@ -1126,7 +1126,7 @@ services:
         aliases:
           - edx.devstack.frontend-app-learning
     ports:
-      - "2000:2000"
+      - "${LEARNING_MICROFRONTEND_PORT}:${LEARNING_MICROFRONTEND_PORT}"
     depends_on:
       - lms
 

py_configuration_files/course_discovery.py

@@ -1,4 +1,5 @@
 # noinspection PyUnresolvedReferences
+import os
 from course_discovery.settings._debug_toolbar import *  # isort:skip
 
 from course_discovery.settings.production import *
@@ -18,7 +19,7 @@
     'http://localhost:1991',  # frontend-app-admin-portal
     'http://localhost:18400',  # frontend-app-publisher
     'http://localhost:18450',  # frontend-app-support-tools
-    'http://localhost:2000',  # frontend-app-learning
+    os.environ.get('LEARNING_MICROFRONTEND_URL', 'http://localhost:2010'),  # frontend-app-learning
 )
 
 ELASTICSEARCH_DSL['default']['hosts'] = 'edx.devstack.elasticsearch710:9200'

py_configuration_files/ecommerce.py

@@ -1,6 +1,7 @@
 """Devstack settings"""
 
 
+import os
 from corsheaders.defaults import default_headers as corsheaders_default_headers
 
 from ecommerce.settings.production import *
@@ -55,8 +56,8 @@
     'http://localhost:1996',
     'http://localhost:1997', # Account MFE
     'http://localhost:1998',
-    'http://localhost:2000', # Learning MFE
     'http://localhost:8734', # Enterprise Learner Portal MFE
+    os.environ.get('LEARNING_MICROFRONTEND_URL', 'http://localhost:2010'), # Learning MFE
 )
 CORS_ALLOW_HEADERS = corsheaders_default_headers + (
     'use-jwt-cookie',

py_configuration_files/enterprise_subsidy.py

@@ -75,7 +75,7 @@
 LMS_URL = 'http://edx.devstack.lms:18000'
 ENTERPRISE_CATALOG_URL = 'http://edx.devstack.enterprise-catalog:18160'
 ENTERPRISE_SUBSIDY_URL = 'http://localhost:18280'
-FRONTEND_APP_LEARNING_URL = 'http://localhost:2000'
+FRONTEND_APP_LEARNING_URL = os.environ.get('LEARNING_MICROFRONTEND_URL', 'http://localhost:2010')
 
 # Kafka Settings
 # "Standard" Kafka settings as defined in https://github.com/openedx/event-bus-kafka/tree/main

py_configuration_files/lms.py

@@ -308,11 +308,11 @@ def should_show_debug_toolbar(request):  # lint-amnesty, pylint: disable=missing
     'localhost:1997',  # frontend-app-account
     'localhost:1976',  # frontend-app-program-console
     'localhost:1994',  # frontend-app-gradebook
-    'localhost:2000',  # frontend-app-learning
     'localhost:2001',  # frontend-app-course-authoring
     'localhost:18400',  # frontend-app-publisher
     'localhost:1993',  # frontend-app-ora-grading
     'localhost:1996',  # frontend-app-learner-dashboard
+    LEARNING_MICROFRONTEND_NETLOC,  # frontend-app-learning
     ENTERPRISE_LEARNER_PORTAL_NETLOC,  # frontend-app-learner-portal-enterprise
     ENTERPRISE_ADMIN_PORTAL_NETLOC,  # frontend-app-admin-portal
     ENTERPRISE_CHECKOUT_NETLOC,  # frontend-app-enterprise-checkout
@@ -386,7 +386,7 @@ def should_show_debug_toolbar(request):  # lint-amnesty, pylint: disable=missing
 EDXNOTES_CLIENT_NAME = 'edx_notes_api-backend-service'
 
 ############## Settings for Microfrontends  #########################
-LEARNING_MICROFRONTEND_URL = 'http://localhost:2000'
+LEARNING_MICROFRONTEND_URL = os.environ.get('LEARNING_MICROFRONTEND_URL', 'http://localhost:2010')
 ACCOUNT_MICROFRONTEND_URL = 'http://localhost:1997'
 PROFILE_MICROFRONTEND_URL = 'http://localhost:1995'
 COMMUNICATIONS_MICROFRONTEND_URL = 'http://localhost:1984'
@@ -546,7 +546,7 @@ def should_show_debug_toolbar(request):  # lint-amnesty, pylint: disable=missing
 
 # MFEs that will call this service in devstack
 CSRF_TRUSTED_ORIGINS = [
-    'http://localhost:2000',  # frontend-app-learning
+    LEARNING_MICROFRONTEND_URL,  # frontend-app-learning
     'http://localhost:2001',  # frontend-app-course-authoring
     'http://localhost:1997',  # frontend-app-account
     'http://localhost:1995',  # frontend-app-profile