fix: example app plugin rendering and remove LMS authentication (#66)

* refactor: remove `frontend-component-header` and `frontend-component-footer` dependencies in example apps * chore: remove auth requirement for LMS * enables development outside of hosted devstack and LMS
openedx · May 21, 2024 · c1aa33f · c1aa33f
1 parent b0649d4
commit c1aa33f
Show file tree

Hide file tree

Showing 11 changed files with 1,585 additions and 4,329 deletions.
diff --git a/example-plugin-app/package-lock.json b/example-plugin-app/package-lock.json
diff --git a/example-plugin-app/package.json b/example-plugin-app/package.json
@@ -17,8 +17,6 @@
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
     "react-router-dom": "^6.22.1",
-    "regenerator-runtime": "^0.14.1",
-    "@edx/frontend-component-footer": "14.0.0",
-    "@edx/frontend-component-header": "5.3.1"
+    "regenerator-runtime": "^0.14.1"
   }
 }
diff --git a/example/env.config.jsx b/example/env.config.jsx
@@ -131,7 +131,7 @@ const config = {
         {
           op: PLUGIN_OPERATIONS.Insert,
           widget: {
-            id: 'inserted_direct_plugin',
+            id: 'insert_modular_direct_plugin',
             type: DIRECT_PLUGIN,
             priority: 1,
             RenderWidget: ModularComponent,
@@ -149,7 +149,7 @@ const config = {
         {
           op: PLUGIN_OPERATIONS.Insert,
           widget: {
-            id: 'inserted_direct_plugin',
+            id: 'insert_direct_plugin',
             type: DIRECT_PLUGIN,
             priority: 1,
             RenderWidget: ModularComponent,
@@ -162,7 +162,7 @@ const config = {
         {
           op: PLUGIN_OPERATIONS.Insert,
           widget: {
-            id: 'inserted_direct_plugin',
+            id: 'insert_another_direct_plugin',
             type: DIRECT_PLUGIN,
             priority: 10,
             RenderWidget: PluginDirect,

diff --git a/example/package-lock.json b/example/package-lock.json
diff --git a/example/package.json b/example/package.json
@@ -18,9 +18,7 @@
     "react-dom": "^17.0.0",
     "react-router": "^6.22.3",
     "react-router-dom": "^6.22.3",
-    "regenerator-runtime": "^0.14.1",
-    "@edx/frontend-component-footer": "14.0.0",
-    "@edx/frontend-component-header": "5.3.1"
+    "regenerator-runtime": "^0.14.1"
   },
   "devDependencies": {
     "@openedx/frontend-build": "^14.0.3"

diff --git a/example/src/index.jsx b/example/src/index.jsx
@@ -36,5 +36,5 @@ subscribe(APP_INIT_ERROR, (error) => {
 initialize({
   messages: [],
   requireAuthenticatedUser: false,
-  hydrateAuthenticatedUser: true,
+  hydrateAuthenticatedUser: false,
 });
diff --git a/example/src/index.scss b/example/src/index.scss
@@ -2,6 +2,3 @@
 @import "@edx/brand/paragon/variables.scss";
 @import "@openedx/paragon/scss/core/core.scss";
 @import "@edx/brand/paragon/overrides.scss";
-
-@import "~@edx/frontend-component-header/dist/index";
-@import "~@edx/frontend-component-footer/dist/footer";
diff --git a/example/src/pluginSlots/PluginSlotWithInsert.jsx b/example/src/pluginSlots/PluginSlotWithInsert.jsx
@@ -8,7 +8,6 @@ function PluginSlotWithInsert() {
       <h2 className="pl-3">Plugin Operation: Insert</h2>
       <PluginSlot
         id="slot_with_insert_operation"
-        data-testid="testing"
       >
         <section className="bg-success p-3 text-light">
           <h3>Default Content</h3>

diff --git a/example/src/pluginSlots/PluginSlotWithModifyWrapHide.jsx b/example/src/pluginSlots/PluginSlotWithModifyWrapHide.jsx
@@ -15,7 +15,6 @@ function PluginSlotWithModifyWrapHide() {
       <h2 className="pl-3">Plugin Operation: Modify, Wrap, and Hide</h2>
       <PluginSlot
         id="slot_with_modify_wrap_hidden_operations"
-        data-testid="testing"
       >
         <ModularComponent content={content}/>
       </PluginSlot>

diff --git a/example/src/pluginSlots/PluginSlotWithModularPlugins.jsx b/example/src/pluginSlots/PluginSlotWithModularPlugins.jsx
@@ -14,7 +14,6 @@ function PluginSlotWithModularPlugins() {
       <h2 className="pl-3">Direct Plugins Using Modular Components</h2>
       <PluginSlot
         id="slot_with_modular_plugins"
-        data-testid="testing"
       >
         <ModularComponent content={content} />
       </PluginSlot>

diff --git a/example/src/pluginSlots/PluginSlotWithoutDefault.jsx b/example/src/pluginSlots/PluginSlotWithoutDefault.jsx
@@ -8,7 +8,6 @@ function PluginSlotWithoutDefault() {
       <h2 className="pl-3">Default Content Set to False</h2>
       <PluginSlot
         id="slot_without_default"
-        data-testid="testing"
       >
       </PluginSlot>
     </div>