fix: dynamic port for LEARNING MFE in form of ENV variable

fixing the dynamic port for leaning mfe as for overiding the 2000 port to 2010 for all the mfe repos

Author: ktyagiapphelix2u

.devcontainer/devcontainer.json

@@ -31,9 +31,7 @@
     },
     "containerEnv": {
         "DEVSTACK_WORKSPACE": "/workspaces/edx-repos",
-        "LEARNING_MICROFRONTEND_PORT": "2010",
-        "LEARNING_MICROFRONTEND_URL": "http://localhost:2010",
-        "LEARNING_MICROFRONTEND_NETLOC": "localhost:2010"
+        "LEARNING_MICROFRONTEND_PORT": "2010"
     },
     "updateContentCommand": ".devcontainer/updateContentCommand.sh",
     "postCreateCommand": ".devcontainer/postCreateCommand.sh",

.devcontainer/updateContentCommand.sh

@@ -84,11 +84,8 @@ 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
-
+PORT=${LEARNING_MICROFRONTEND_PORT:-2010}
+BASE_URL="http://localhost:$PORT"
 
 # Loop through frontend-app-* repos
 find "$DEVSTACK_WORKSPACE" -type d -name "frontend-app-*" | while read -r repo; do
@@ -105,4 +102,4 @@ find "$DEVSTACK_WORKSPACE" -type d -name "frontend-app-*" | while read -r repo;
     fi
     rm -f "$ENV_FILE.bak"
   fi
-done
+done

docker-compose.yml

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

py_configuration_files/course_discovery.py

@@ -19,7 +19,7 @@
     'http://localhost:1991',  # frontend-app-admin-portal
     'http://localhost:18400',  # frontend-app-publisher
     'http://localhost:18450',  # frontend-app-support-tools
-    os.environ.get('LEARNING_MICROFRONTEND_URL', 'http://localhost:2010'),  # frontend-app-learning
+    'http://localhost:' + os.environ.get('LEARNING_MICROFRONTEND_PORT', '2010'),  # frontend-app-learning
 )
 
 ELASTICSEARCH_DSL['default']['hosts'] = 'edx.devstack.elasticsearch710:9200'

py_configuration_files/ecommerce.py

@@ -57,7 +57,7 @@
     'http://localhost:1997', # Account MFE
     'http://localhost:1998',
     'http://localhost:8734', # Enterprise Learner Portal MFE
-    os.environ.get('LEARNING_MICROFRONTEND_URL', 'http://localhost:2010'), # Learning MFE
+    'http://localhost:' + os.environ.get('LEARNING_MICROFRONTEND_PORT', '2010'), # Learning MFE
 )
 CORS_ALLOW_HEADERS = corsheaders_default_headers + (
     'use-jwt-cookie',

py_configuration_files/enterprise_subsidy.py

@@ -1,3 +1,4 @@
+import os
 from enterprise_subsidy.settings.local import *
 
 CORS_ORIGIN_WHITELIST = (
@@ -54,6 +55,9 @@
     'BACKEND_SERVICE_EDX_OAUTH2_SECRET', 'enterprise-subsidy-backend-service-secret'
 )
 
+# This port is configured centrally in devcontainer.json
+LEARNING_MICROFRONTEND_PORT = os.environ.get('LEARNING_MICROFRONTEND_PORT', '2010')
+
 JWT_AUTH.update({
     'JWT_SECRET_KEY': 'lms-secret',
     'JWT_ISSUER': 'http://localhost:18000/oauth2',
@@ -75,7 +79,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 = os.environ.get('LEARNING_MICROFRONTEND_URL', 'http://localhost:2010')
+FRONTEND_APP_LEARNING_URL = 'http://localhost:' + LEARNING_MICROFRONTEND_PORT
 
 # Kafka Settings
 # "Standard" Kafka settings as defined in https://github.com/openedx/event-bus-kafka/tree/main

py_configuration_files/lms.py

@@ -269,6 +269,10 @@ def should_show_debug_toolbar(request):  # lint-amnesty, pylint: disable=missing
 ENTERPRISE_LEARNER_PORTAL_NETLOC = 'localhost:8734'
 ENTERPRISE_LEARNER_PORTAL_BASE_URL = 'http://' + ENTERPRISE_LEARNER_PORTAL_NETLOC
 
+########################## LEARNING MICROFRONTEND ##############################
+LEARNING_MICROFRONTEND_PORT = os.environ.get('LEARNING_MICROFRONTEND_PORT', '2010')
+LEARNING_MICROFRONTEND_NETLOC = 'localhost:' + LEARNING_MICROFRONTEND_PORT
+
 ########################## ENTERPRISE ADMIN PORTAL ##############################
 ENTERPRISE_ADMIN_PORTAL_NETLOC = 'localhost:1991'
 ENTERPRISE_ADMIN_PORTAL_BASE_URL = 'http://' + ENTERPRISE_ADMIN_PORTAL_NETLOC
@@ -312,10 +316,10 @@ def should_show_debug_toolbar(request):  # lint-amnesty, pylint: disable=missing
     '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
+    LEARNING_MICROFRONTEND_NETLOC,  # frontend-app-learning
 ])
 
 ###################### JWTs ######################
@@ -386,7 +390,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 = os.environ.get('LEARNING_MICROFRONTEND_URL', 'http://localhost:2010')
+LEARNING_MICROFRONTEND_URL = 'http://localhost:' + LEARNING_MICROFRONTEND_PORT
 ACCOUNT_MICROFRONTEND_URL = 'http://localhost:1997'
 PROFILE_MICROFRONTEND_URL = 'http://localhost:1995'
 COMMUNICATIONS_MICROFRONTEND_URL = 'http://localhost:1984'
@@ -546,7 +550,6 @@ def should_show_debug_toolbar(request):  # lint-amnesty, pylint: disable=missing
 
 # MFEs that will call this service in devstack
 CSRF_TRUSTED_ORIGINS = [
-    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
@@ -559,6 +562,7 @@ def should_show_debug_toolbar(request):  # lint-amnesty, pylint: disable=missing
     'http://localhost:18450',  # frontend-app-support-tools
     'http://localhost:1994',  # frontend-app-gradebook
     'http://localhost:1996',  # frontend-app-learner-dashboard
+    LEARNING_MICROFRONTEND_URL  # frontend-app-learning
 ]
 
 ############################ Codejail ############################