fix prod bundle

MacKentoch · MacKentoch · commit d5bf835119b8 · 2017-07-30T07:32:08.000+02:00
diff --git a/.babelrc b/.babelrc
@@ -13,7 +13,7 @@
   "env": {
     "production": {
       "presets": [
-        "react-optimize"
+        // "react-optimize"
       ],
       "comments": false
     },
diff --git a/.flowconfig b/.flowconfig
@@ -8,5 +8,4 @@
 [options]
 module.name_mapper='^.*\.css$' -> 'css-module-flow'
 module.system=haste
-
-[lints]
+strip_root=true
diff --git a/docs/assets/app.bundle.js b/docs/assets/app.bundle.js
diff --git a/docs/assets/app.styles.css b/docs/assets/app.styles.css
diff --git a/docs/assets/app.vendor.bundle.js b/docs/assets/app.vendor.bundle.js
diff --git a/docs/index.html b/docs/index.html
@@ -7,11 +7,11 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="description" content="ReactJS Redux GraphQL Apollo Bootstrap Starter">
     <meta name="author" content="Erwan DATIN (MacKentoch)">
-    <link href="/assets/app.styles.css" rel="stylesheet" type="text/css">
+    <link rel='stylesheet' href='assets/app.styles.css'>
   </head>
   <body>
     <section id="root"></section>
-    <script type="text/javascript" src="/assets/app.vendor.bundle.js"></script>
-    <script type="text/javascript" src="/assets/app.bundle.js"></script>
+    <script type="text/javascript" src="assets/app.vendor.bundle.js"></script>
+    <script type="text/javascript" src="assets/app.bundle.js"></script>
   </body>
 </html>
diff --git a/src/app/components/alert/ErrorAlert.js b/src/app/components/alert/ErrorAlert.js
@@ -16,39 +16,41 @@ const ErrorAlert = ({
   errorMessage,
   onClose
 }) => (
-  <Motion
-    style={{
-      interpolatedScale: spring(showAlert ? 1 : 0, presets.stiff)
-    }}>
-    {
-      ({ interpolatedScale }) => (
-        <div
-          className="alert alert-dismissible alert-danger"
-          style={{
-            WebkitTransform:  `scale(${interpolatedScale})`,
-            transform:        `scale(${interpolatedScale})`
-          }}>
-          <button
-            type="button"
-            className="close"
-            onClick={onClose}>
-            &times;
-          </button>
-          {
-            errorTitle && errorTitle.length > 0 &&
-            <strong>
-              {errorTitle}
-            </strong>
-          }
-          {
-            <p>
-              {errorMessage}
-            </p>
-          }
-        </div>
-      )
-    }
-  </Motion>
+  <div>
+    <Motion
+      style={{
+        interpolatedScale: spring(showAlert ? 1 : 0, presets.stiff)
+      }}>
+      {
+        ({ interpolatedScale }) => (
+          <div
+            className="alert alert-dismissible alert-danger"
+            style={{
+              WebkitTransform:  `scale(${interpolatedScale})`,
+              transform:        `scale(${interpolatedScale})`
+            }}>
+            <button
+              type="button"
+              className="close"
+              onClick={onClose}>
+              &times;
+            </button>
+            {
+              errorTitle && errorTitle.length > 0 &&
+              <strong>
+                {errorTitle}
+              </strong>
+            }
+            {
+              <p>
+                {errorMessage}
+              </p>
+            }
+          </div>
+        )
+      }
+    </Motion>
+  </div>
 );
 
 
@@ -63,4 +65,6 @@ ErrorAlert.defaultProps = {
   showAlert: false
 };
 
+ErrorAlert.displayName = 'ErrorAlert';
+
 export default ErrorAlert;
diff --git a/src/app/index.js b/src/app/index.js
@@ -8,7 +8,7 @@ import injectTpEventPlugin  from 'react-tap-event-plugin';
 import 'animate.css';
 import 'jquery';
 import 'font-awesome/css/font-awesome.min.css';
-import 'bootstrap/dist/css/bootstrap.min.css';
+import "bootstrap/dist/css/bootstrap.min.css";
 import 'bootstrap/dist/js/bootstrap.min.js';
 import './style/index.style.scss';
 import Root from './Root';
diff --git a/src/app/redux/store/configureStore.prod.js b/src/app/redux/store/configureStore.prod.js
@@ -5,22 +5,16 @@ import {
   applyMiddleware,
   compose
 }                         from 'redux';
-import createLogger       from 'redux-logger';
 import thunkMiddleware    from 'redux-thunk';
 import reducer            from '../modules/reducers';
 import { apolloClient }   from '../../services/apollo';
 
-const loggerMiddleware = createLogger({
-  level     : 'info',
-  collapsed : true
-});
 
 // createStore : enhancer
 const enhancer = compose(
   applyMiddleware(
     thunkMiddleware,
-    apolloClient.middleware(),  // apollo middleware
-    loggerMiddleware            // logger after thunk to avoid undefined actions
+    apolloClient.middleware()  // apollo middleware
   )
 );
 
diff --git a/webpack.production.config.js b/webpack.production.config.js
@@ -18,7 +18,7 @@ const config = {
       indexFile
     ],
     vendor: [
-      'animate.css',
+      // 'animate.css',
       'apollo-client',
       'babel-polyfill',
       'bootstrap',
