subapp-pbundle: send location to StartComponent and reduxStoreReady (#…

…1544) * subapp-pbundle: send location to StartComponent and reduxStoreReady * Only send request instead of location
electrode-io · Feb 27, 2020 · 35285f7 · 35285f7
1 parent 7298f1e
commit 35285f7
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 3 deletions.
diff --git a/packages/subapp-pbundle/lib/framework-lib.js b/packages/subapp-pbundle/lib/framework-lib.js
@@ -80,8 +80,10 @@ class FrameworkLib {
   createTopComponent(initialProps) {
     const { request } = this.ref.context.user;
     const { subApp } = this.ref;
-
-    const TopComponent = createElement(this.StartComponent, initialProps);
+    const TopComponent = createElement(this.StartComponent, {
+      request,
+      ...initialProps
+    });
 
     return createElement(
       AppContext.Provider,
@@ -189,7 +191,11 @@ class FrameworkLib {
       this.ref.subAppServer.reduxStoreReady || this.ref.subApp.reduxStoreReady;
 
     if (reduxStoreReady) {
-      await reduxStoreReady({ store: this.store });
+      const { request } = this.ref.context.user;
+      await reduxStoreReady({
+        request,
+        store: this.store
+      });
     }
   }
 }

diff --git a/packages/subapp-pbundle/test/spec/ssr-framework.spec.js b/packages/subapp-pbundle/test/spec/ssr-framework.spec.js
@@ -394,4 +394,31 @@ describe("SSR Preact framework", function() {
     await framework.handleSSR();
     expect(JSON.parse(framework.initialStateStr).hello).to.equal("universe");
   });
+
+  it("should provide location prop to StartComponent", async () => {
+    const framework = new lib.FrameworkLib({
+      subApp: {
+        __redux: true,
+        reduxCreateStore(initialState) {
+          return composeBundles(helloBundle)(initialState);
+        }
+      },
+      subAppServer: {
+        StartComponent: ({ request }) => `path is: ${request.url.pathname}`
+      },
+      context: {
+        user: {
+          request: {
+            url: {
+              pathname: "somepath"
+            }
+          }
+        }
+      },
+      options: { serverSideRendering: true }
+    });
+
+    const html = await framework.handleSSR();
+    expect(html).to.equal("path is: somepath");
+  });
 });