feat: add new Catalog MFE

README.rst

@@ -15,6 +15,7 @@ In addition, this plugin comes with a few MFEs which are enabled by default:
 - `Learning <https://github.com/openedx/frontend-app-learning/>`__
 - `ORA Grading <https://github.com/openedx/frontend-app-ora-grading/>`__
 - `Profile <https://github.com/openedx/frontend-app-profile/>`__
+- `Catalog <https://github.com/openedx/frontend-app-catalog/>`__
 
 Instructions for using each of these MFEs are given below.
 
@@ -120,6 +121,14 @@ Profile
 
 Edit and display user-specific profile information. The profile page of every user is visible at ``http(s)://{{ MFE_HOST }}/profile/u/{{ username }}``. For instance, when running locally, the profile page of the "admin" user is: http://apps.local.openedx.io/profile/u/admin.
 
+Catalog
+~~~~~~~~
+
+.. image:: https://raw.githubusercontent.com/overhangio/tutor-mfe/release/media/catalog.png
+    :alt: Catalog MFE screenshot
+
+The Catalog MFE replaces the former Home, Course About and Course catalog pages, which is the main part of the LMS where students start interacting with courses.
+
 
 MFE management
 --------------
@@ -175,7 +184,7 @@ program is used in the ``Dockerfile`` to pull translations from the `openedx/ope
 
 The ``make pull_translations`` command passes the ``ATLAS_OPTIONS`` environment variable to the ``atlas pull`` command. This allows specifying a custom repository or branch to pull translations from.
 
-Translations in the MFE plugin as well as other Tutor plugins can be customized with the following configuration 
+Translations in the MFE plugin as well as other Tutor plugins can be customized with the following configuration
 variables:
 
 - ``ATLAS_REVISION`` (default: ``"main"`` on tutor Main branch and ``"{{ OPENEDX_COMMON_VERSION }}"`` if a named release is used)

tutormfe/patches/openedx-lms-common-settings

@@ -8,6 +8,9 @@ MFE_CONFIG_API_CACHE_TIMEOUT = 1
 {% if get_mfe("authn") %}
 FEATURES['ENABLE_AUTHN_MICROFRONTEND'] = True
 {% endif %}
+{% if get_mfe("catalog") %}
+FEATURES['ENABLE_CATALOG_MICROFRONTEND'] = True
+{% endif %}
 {% if get_mfe("communications") %}
 FEATURES['ENABLE_NEW_BULK_EMAIL_EXPERIENCE'] = True
 {% endif %}

tutormfe/patches/openedx-lms-development-settings

@@ -78,6 +78,10 @@ COMMUNICATIONS_MICROFRONTEND_URL = "http://{{ MFE_HOST }}:{{ get_mfe("communicat
 MFE_CONFIG["SCHEDULE_EMAIL_SECTION"] = True
 {% endif %}
 
+{% if get_mfe("catalog") %}
+CATALOG_MICROFRONTEND_URL = "http://{{ MFE_HOST }}:{{ get_mfe("catalog")["port"] }}/courses"
+{% endif %}
+
 # Cors configuration
 {% for app_name, app in iter_mfes() %}
 # {{ app_name }} MFE

tutormfe/patches/openedx-lms-production-settings

@@ -79,6 +79,10 @@ COMMUNICATIONS_MICROFRONTEND_URL = "{% if ENABLE_HTTPS %}https://{% else %}http:
 MFE_CONFIG["SCHEDULE_EMAIL_SECTION"] = True
 {% endif %}
 
+{% if get_mfe("catalog") %}
+CATALOG_MICROFRONTEND_URL = "{% if ENABLE_HTTPS %}https://{% else %}http://{% endif %}{{ MFE_HOST }}/courses"
+{% endif %}
+
 LOGIN_REDIRECT_WHITELIST.append("{{ MFE_HOST }}")
 CORS_ORIGIN_WHITELIST.append("{% if ENABLE_HTTPS %}https://{% else %}http://{% endif %}{{ MFE_HOST }}")
 CSRF_TRUSTED_ORIGINS.append("{% if ENABLE_HTTPS %}https://{% else %}http://{% endif %}{{ MFE_HOST }}")

tutormfe/plugin.py

@@ -72,6 +72,11 @@
         "repository": "https://github.com/openedx/frontend-app-profile.git",
         "port": 1995,
     },
+    "catalog": {
+        "repository": "https://github.com/raccoongang/frontend-app-catalog.git",
+        "port": 1998,
+        "version": "rg-tick/develop",
+    },
 }