Add bundle analyzer, no server pollution on client.

Author: Dennis Miasoutov

app/entry/index.dev.ts

@@ -1,5 +1,9 @@
 // @ts-ignore
 import * as AppModule from "injected-app-module";
 import { hot } from "react-hot-loader/root";
+import { logger } from "redux-logger";
 
-export default hot(AppModule.App);
+const App = hot(AppModule.App);
+const devMiddlewares = [logger];
+
+export { App, devMiddlewares };

app/entry/index.prod.ts

@@ -1,3 +1,7 @@
 // @ts-nocheck
 import * as AppModule from "injected-app-module";
-export default AppModule.App;
+
+const App = AppModule.App;
+const devMiddlewares = [];
+
+export { App, devMiddlewares };

app/esm/domain-task.ts

@@ -0,0 +1,8 @@
+// custom implementation
+import fetch from "isomorphic-fetch";
+
+function addTask(promise: Promise<any>) {
+  // do nothing
+}
+
+export { fetch, addTask };

app/flavors/basic/app.tsx

@@ -3,13 +3,13 @@ import { AppProps } from "../../common";
 import { HelmetWrapper } from "../../components";
 
 // @ts-ignore
-import InjectedApp from "injected-app-entry";
+import * as InjectedAppModule from "injected-app-entry";
 
 export class App extends React.Component<AppProps> {
   public render(): React.ReactNode {
     return (
       <HelmetWrapper helmetContext={this.props.context.helmetContext}>
-        <InjectedApp />
+        <InjectedAppModule.App />
       </HelmetWrapper>
     );
   }

app/flavors/basic/index.ts

@@ -1,3 +1,2 @@
 export * from "./createContext";
-export * from "./render";
 export * from "./app";

app/flavors/router-redux-async/index.ts

@@ -1,3 +1,2 @@
 export * from "../router-redux/createContext";
 export * from "../router-redux/app";
-export * from "./render";

app/flavors/router-redux-async/render.tsx

@@ -1,7 +1,7 @@
 import {
   baseUrl as domainTaskBaseUrl,
   run as domainTaskRun,
-} from "domain-task/main";
+} from "domain-task";
 import { createMemoryHistory } from "history";
 import * as React from "react";
 import { renderToStaticMarkup, renderToString } from "react-dom/server";
@@ -26,37 +26,36 @@ export function render(callback: RenderCallback, props: RenderFuncProps): void {
         new Error(`Cannot complete prerendering withing ${timeout} second`),
       );
     }, timeout * 1000);
-    domainTaskRun(
-      () => {
-        domainTaskBaseUrl(props.baseUrl);
-        renderToString(app);
-      },
-      /* completion callback */ errorOrNothing => {
-        clearTimeout(timeoutTimer);
-        if (firstError) {
-          return;
-        }
-        if (errorOrNothing) {
-          firstError = errorOrNothing;
-          callback(errorOrNothing);
-        } else {
-          const markup = renderToString(app);
 
-          const htmlProps: HelmetHtmlProps = {
-            assets: props.assets,
-            context,
-            inlineScripts: props.inlineScripts,
-            markup,
-          };
+    const completionCallback = errorOrNothing => {
+      clearTimeout(timeoutTimer);
+      if (firstError) {
+        return;
+      }
+      if (errorOrNothing) {
+        firstError = errorOrNothing;
+        callback(errorOrNothing);
+      } else {
+        const markup = renderToString(app);
 
-          const html = renderToStaticMarkup(<HelmetHtml {...htmlProps} />);
+        const htmlProps: HelmetHtmlProps = {
+          assets: props.assets,
+          context,
+          inlineScripts: props.inlineScripts,
+          markup,
+        };
 
-          callback(undefined, {
-            html,
-          });
-        }
-      },
-    );
+        const html = renderToStaticMarkup(<HelmetHtml {...htmlProps} />);
+
+        callback(undefined, {
+          html,
+        });
+      }
+    };
+    domainTaskRun(() => {
+      domainTaskBaseUrl(props.baseUrl);
+      renderToString(app);
+    }, completionCallback);
   } catch (error) {
     callback(error);
   }

app/flavors/router-redux/app.tsx

@@ -5,15 +5,15 @@ import { AppProps } from "../../common";
 import { HelmetWrapper } from "../../components";
 
 // @ts-ignore
-import InjectedApp from "injected-app-entry";
+import * as InjectedAppModule from "injected-app-entry";
 
 export class App extends React.Component<AppProps> {
   public render(): React.ReactNode {
     return (
       <HelmetWrapper helmetContext={this.props.context.helmetContext}>
         <Provider store={this.props.context.store}>
           <ConnectedRouter history={this.props.context.history}>
-            <InjectedApp />
+            <InjectedAppModule.App />
           </ConnectedRouter>
         </Provider>
       </HelmetWrapper>

app/flavors/router-redux/createContext.ts

@@ -4,10 +4,10 @@ import { connectRouter } from "connected-react-router";
 import { routerMiddleware } from "connected-react-router";
 import { createBrowserHistory, History } from "history";
 import * as Redux from "redux";
-import { logger } from "redux-logger";
 import { Context } from "../../common";
 
 // @ts-ignore
+import { devMiddlewares } from "injected-app-entry";
 import { middlewares, reducers } from "injected-app-module/store";
 
 export function createContext(abstractHistory?: History): Context {
@@ -35,11 +35,8 @@ function configureStore(history: History, initialState?: any): any {
   const rootReducers = createRootReducer(history, reducers);
 
   // Adding logger and router to middlewares
-  const defaultMiddlewares: Redux.Middleware = [];
   const isSsr = typeof window === "undefined";
-  if (!isSsr) {
-    defaultMiddlewares.push(logger);
-  }
+  const defaultMiddlewares: Redux.Middleware = !isSsr ? devMiddlewares : [];
   defaultMiddlewares.push(routerMiddleware(history));
 
   const pipeline = Redux.applyMiddleware(...defaultMiddlewares, ...middlewares);

app/flavors/router-redux/index.ts

@@ -1,3 +1,2 @@
 export * from "./createContext";
-export * from "./render";
 export * from "./app";