Merge pull request #30 from davidjoy/main

feat: Adding runtime module management and updating code from source repositories

.eslintrc.js

@@ -5,7 +5,7 @@ const config = require('./tools/eslint/.eslintrc.js');
 
 module.exports = merge(config, {
   ignorePatterns: [
-    'test-app',
+    'test-project',
     'docs',
     '.eslintrc.js',
     'frontend-base.d.ts',

.github/workflows/ci.yml

@@ -26,7 +26,7 @@ jobs:
         npm run build
         npm pack
         mv openedx-frontend-base* openedx-frontend-base.tgz
-        cd test-app
+        cd test-project
         npm i ../openedx-frontend-base.tgz
         npm ci
     - name: Lint

README.md

@@ -343,7 +343,7 @@ Description fields are now required on all i18n messages in the repository.  Thi
 
 ### 12. SVGR "ReactComponent" imports have been removed.
 
-We have removed the `@svgr/webpack` loader because it was incompatible with more modern tooling (it requires Babel).  As a result, the ability to import SVG files into JS as the `ReactComponent` export no longer works.  We know of a total of 5 places where this is happening today in Open edX MFEs - frontend-app-learning and frontend-app-profile use it.  Please replace that export with the default URL export and set the URL as the source of an `<img>` tag, rather than using `ReactComponent`.  You can see an example of normal SVG imports in `test-app/src/App.jsx`.
+We have removed the `@svgr/webpack` loader because it was incompatible with more modern tooling (it requires Babel).  As a result, the ability to import SVG files into JS as the `ReactComponent` export no longer works.  We know of a total of 5 places where this is happening today in Open edX MFEs - frontend-app-learning and frontend-app-profile use it.  Please replace that export with the default URL export and set the URL as the source of an `<img>` tag, rather than using `ReactComponent`.  You can see an example of normal SVG imports in `test-project/src/ExamplePage.tsx`.
 
 ### 13. Import `createConfig` and `getBaseConfig` from `@openedx/frontend-base/config`
 
@@ -422,7 +422,7 @@ You must then import this new stylesheet into your `site.config` file:
 ```diff
 + import './project.scss';
 
-const config: SiteConfig = {
+const config: ProjectSiteConfig = {
   // config document
 }
 
@@ -443,6 +443,15 @@ Then work through the conflicts and use a merge commit to add the history into t
 
 Then move the files out of the way (move src to some other sub-dir, mostly) to make room for the next repo.
 
+### Latest repository merges
+
+- frontend-component-header - Up to date as of 9/12/2024
+- frontend-component-footer - Up to date as of 9/12/2024
+- frontend-build            - Up to date as of 9/12/2024
+
+- frontend-platform         - Up to date as of 9/13/2024
+- frontend-plugin-framework - Up to date as of 9/13/2024
+
 # Other notable changes
 
 - Cease using `AUTHN_MINIMAL_HEADER`, replace it with an actual minimal header.

example-plugin-app/src/DefaultIframe.jsx

@@ -6,7 +6,7 @@ import { Plugin } from '@openedx/frontend-plugin-framework';
 function DefaultComponent() {
   return (
     <section className="bg-light p-3 h-100">
-      <h3>Default iFrame Widget</h3>
+      <h4>Default iFrame Widget</h4>
       <p>
         This is a component that lives in the example-plugins-app and is provided in this host MFE via iFrame.
       </p>
@@ -17,7 +17,7 @@ function DefaultComponent() {
 function ErrorFallback(error) {
   return (
     <div className="text-center">
-      <p className="h3 text-muted">
+      <p className="h4 text-muted">
         Oops! An error occurred. Please refresh the screen to try again.
       </p>
       <br />

example-plugin-app/src/PluginIframe.jsx

@@ -5,7 +5,7 @@ export default function PluginIframe() {
   return (
     <Plugin>
       <section className="bg-light p-3 h-100">
-        <h3>Inserted iFrame Plugin</h3>
+        <h4>Inserted iFrame Plugin</h4>
         <p>
           This is a component that lives in the example-plugins-app and is provided in this host MFE via iFrame plugin.
         </p>