From 4244c2c1f1a123cf325ee516db81e7d9d1564464 Mon Sep 17 00:00:00 2001
From: Brian Smith <bsmith@axim.org>
Date: Wed, 8 May 2024 19:30:41 -0400
Subject: [PATCH] feat: provide `FooterSlot`

This allows consuming MFEs to utilize a standardized Frontend
Plugin Framework `PluginSlot` for replacing the footer.
---
 README.rst                                    |   9 +++
 package-lock.json                             |  59 ++++++++++++++++++
 package.json                                  |   7 +++
 src/components/footer-slot/README.md          |  48 ++++++++++++++
 .../footer-slot/images/custom_footer.png      | Bin 0 -> 6395 bytes
 .../footer-slot/images/default_footer.png     | Bin 0 -> 6679 bytes
 src/components/footer-slot/index.jsx          |  11 ++++
 src/index.js                                  |   5 +-
 8 files changed, 138 insertions(+), 1 deletion(-)
 create mode 100644 src/components/footer-slot/README.md
 create mode 100644 src/components/footer-slot/images/custom_footer.png
 create mode 100644 src/components/footer-slot/images/default_footer.png
 create mode 100644 src/components/footer-slot/index.jsx

diff --git a/README.rst b/README.rst
index 82b8b4656..0d9728609 100644
--- a/README.rst
+++ b/README.rst
@@ -85,6 +85,7 @@ This library has the following exports:
 * ``(default)``: The footer as a React component.
 * ``messages``: Internationalization messages suitable for use with `@edx/frontend-platform/i18n <https://edx.github.io/frontend-platform/module-Internationalization.html>`_
 * ``dist/footer.scss``: A SASS file which contains style information for the component.  It should be imported into the micro-frontend's own SCSS file.
+* ``FooterSlot``: The footer wrapped in a `Frontend Plugin Framework <https://github.com/openedx/frontend-plugin-framework>`_ ``PluginSlot``.
 
 <Footer /> component props
 ==========================
@@ -93,6 +94,12 @@ This library has the following exports:
   language from its dropdown.
 * supportedLanguages: An array of objects representing available languages.  See example below for object shape.
 
+Plugin
+======
+This package provides a wrapped version of the footer using `Frontend Plugin Framework <https://github.com/openedx/frontend-plugin-framework>`_.
+
+Information on how to utilize the ``FooterSlot`` is available `here </src/components/footer-slot>`_.
+
 Examples
 ========
 
@@ -113,6 +120,8 @@ Component Usage Example::
 * `An example of minimal component and messages usage. <https://github.com/openedx/frontend-template-application/blob/3355bb3a96232390e9056f35b06ffa8f105ed7ca/src/index.jsx#L23>`_
 * `An example of SCSS file usage. <https://github.com/openedx/frontend-template-application/blob/3cd5485bf387b8c479baf6b02bf59e3061dc3465/src/index.scss#L9>`_
 
+
+
 Development
 ===========
 
diff --git a/package-lock.json b/package-lock.json
index b99317ad6..ca8ca7313 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,7 @@
         "@edx/frontend-platform": "8.0.1",
         "@edx/reactifex": "^2.1.1",
         "@openedx/frontend-build": "14.0.3",
+        "@openedx/frontend-plugin-framework": "^1.1.2",
         "@openedx/paragon": "22.3.2",
         "@testing-library/jest-dom": "^5.16.4",
         "@testing-library/react": "^12.1.1",
@@ -39,10 +40,16 @@
       },
       "peerDependencies": {
         "@edx/frontend-platform": "^7.0.0 || ^8.0.0",
+        "@openedx/frontend-plugin-framework": "^1.1.2",
         "@openedx/paragon": ">= 21.11.3 < 23.0.0",
         "prop-types": "^15.5.10",
         "react": "^16.9.0 || ^17.0.0",
         "react-dom": "^16.9.0 || ^17.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@openedx/frontend-plugin-framework": {
+          "optional": true
+        }
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -4145,6 +4152,45 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/@openedx/frontend-plugin-framework": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@openedx/frontend-plugin-framework/-/frontend-plugin-framework-1.1.2.tgz",
+      "integrity": "sha512-DzhkZTbmxX09xXE6yyWs9xSq40cO+CgFF80nq1M7pJAeY0mtv7TWlQT8/YnhmjHS3Kj1u9GdqpRpYu8vHuRurA==",
+      "dev": true,
+      "dependencies": {
+        "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
+        "classnames": "^2.3.2",
+        "core-js": "3.36.0",
+        "react-redux": "7.2.9",
+        "redux": "4.2.1",
+        "regenerator-runtime": "0.14.1"
+      },
+      "peerDependencies": {
+        "@edx/frontend-platform": "^7.0.0 || ^8.0.0",
+        "@openedx/paragon": "^21.0.0 || ^22.0.0",
+        "prop-types": "^15.8.0",
+        "react": "^17.0.0",
+        "react-dom": "^17.0.0",
+        "react-error-boundary": "^4.0.11"
+      }
+    },
+    "node_modules/@openedx/frontend-plugin-framework/node_modules/core-js": {
+      "version": "3.36.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.36.0.tgz",
+      "integrity": "sha512-mt7+TUBbTFg5+GngsAxeKBTl5/VS0guFeJacYge9OmHb+m058UwwIm41SE9T4Den7ClatV57B6TYTuJ0CX1MAw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/@openedx/frontend-plugin-framework/node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "dev": true
+    },
     "node_modules/@openedx/paragon": {
       "version": "22.3.2",
       "resolved": "https://registry.npmjs.org/@openedx/paragon/-/paragon-22.3.2.tgz",
@@ -21348,6 +21394,19 @@
         "react": ">= 16.8 || 18.0.0"
       }
     },
+    "node_modules/react-error-boundary": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/react-error-boundary/-/react-error-boundary-4.0.13.tgz",
+      "integrity": "sha512-b6PwbdSv8XeOSYvjt8LpgpKrZ0yGdtZokYwkwV2wlcZbxgopHX/hgPl5VgpnoVOWd868n1hktM8Qm4b+02MiLQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1"
+      }
+    },
     "node_modules/react-error-overlay": {
       "version": "6.0.11",
       "dev": true,
diff --git a/package.json b/package.json
index 0cdf5d229..6534faeaa 100644
--- a/package.json
+++ b/package.json
@@ -39,6 +39,7 @@
     "@edx/frontend-platform": "8.0.1",
     "@edx/reactifex": "^2.1.1",
     "@openedx/frontend-build": "14.0.3",
+    "@openedx/frontend-plugin-framework": "^1.1.2",
     "@openedx/paragon": "22.3.2",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.1",
@@ -64,9 +65,15 @@
   },
   "peerDependencies": {
     "@edx/frontend-platform": "^7.0.0 || ^8.0.0",
+    "@openedx/frontend-plugin-framework": "^1.1.2",
     "@openedx/paragon": ">= 21.11.3 < 23.0.0",
     "prop-types": "^15.5.10",
     "react": "^16.9.0 || ^17.0.0",
     "react-dom": "^16.9.0 || ^17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@openedx/frontend-plugin-framework": {
+      "optional": true
+    }
   }
 }
diff --git a/src/components/footer-slot/README.md b/src/components/footer-slot/README.md
new file mode 100644
index 000000000..43c5057b6
--- /dev/null
+++ b/src/components/footer-slot/README.md
@@ -0,0 +1,48 @@
+# Footer Slot
+
+### Slot ID: `footer_slot`
+
+## Description
+
+This slot is used to replace/modify/hide the footer.
+
+## Example
+
+The following `env.config.jsx` will replace the default footer.
+
+![Screenshot of Default Footer](./images/default_footer.png)
+
+with a simple custom footer
+
+![Screenshot of Custom Footer](./images/custom_footer.png)
+
+```js
+import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-framework';
+
+const config = {
+  pluginSlots: {
+    footer_slot: {
+      plugins: [
+        {
+          // Hide the default footer
+          op: PLUGIN_OPERATIONS.Hide,
+          widgetId: 'default_contents',
+        },
+        {
+          // Insert a custom footer
+          op: PLUGIN_OPERATIONS.Insert,
+          widget: {
+            id: 'custom_footer',
+            type: DIRECT_PLUGIN,
+            RenderWidget: () => (
+              <h1 style={{textAlign: 'center'}}>🦶</h1>
+            ),
+          },
+        },
+      ]
+    }
+  },
+}
+
+export default config;
+```
diff --git a/src/components/footer-slot/images/custom_footer.png b/src/components/footer-slot/images/custom_footer.png
new file mode 100644
index 0000000000000000000000000000000000000000..ccae66ecd762ac2ef70b1a3171a41ae58fbbd7ab
GIT binary patch
literal 6395
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
OBIvfxHrK57fA>!UythmM

literal 0
HcmV?d00001

diff --git a/src/components/footer-slot/images/default_footer.png b/src/components/footer-slot/images/default_footer.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c2b1e0bc4e30f416ed409281809ce97e862bd09
GIT binary patch
literal 6679
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
Zn3m>sdggN$sR9V099T}w?2Y?={vUeefs+6L

literal 0
HcmV?d00001

diff --git a/src/components/footer-slot/index.jsx b/src/components/footer-slot/index.jsx
new file mode 100644
index 000000000..842104462
--- /dev/null
+++ b/src/components/footer-slot/index.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { PluginSlot } from '@openedx/frontend-plugin-framework';
+import Footer from '../Footer';
+
+const FooterSlot = () => (
+  <PluginSlot id="footer_slot">
+    <Footer />
+  </PluginSlot>
+);
+
+export default FooterSlot;
diff --git a/src/index.js b/src/index.js
index ccfb47d8a..6206b8044 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,6 +1,9 @@
 import Footer, { EVENT_NAMES } from './components/Footer';
 import messages from './i18n/index';
 import StudioFooter from './components/studio-footer';
+import FooterSlot from './components/footer-slot';
 
 export default Footer;
-export { messages, EVENT_NAMES, StudioFooter };
+export {
+  messages, EVENT_NAMES, StudioFooter, FooterSlot,
+};