fixed hot reload

Author: MacKentoch

front/package.json

@@ -30,7 +30,7 @@
     "postprod": "react-snap",
     "analyze": "rimraf docs/assets && cross-env NODE_ENV=production webpack -p --config webpack.analyze.config.js",
     "prestart": "npm run clean-docs",
-    "start": "cross-env NODE_ENV=dev webpack-dev-server --hot --config ./webpack.hot.reload.config.js"
+    "start": "cross-env NODE_ENV=dev webpack-dev-server --config ./webpack.hot.reload.config.js"
   },
   "reactSnap": {
     "source": "docs"
@@ -69,7 +69,6 @@
     "@types/jest": "^24.0.18",
     "@types/js-base64": "^2.3.1",
     "@types/jwt-decode": "^2.2.1",
-    "@types/styled-components": "^4.1.19",
     "@types/react": "^16.9.5",
     "@types/react-dom": "^16.9.1",
     "@types/react-helmet": "^5.0.11",
@@ -85,6 +84,7 @@
     "@types/redux-mock-store": "^1.0.1",
     "@types/rimraf": "^2.0.2",
     "@types/smoothscroll-polyfill": "^0.3.1",
+    "@types/styled-components": "^4.1.19",
     "@types/webpack": "^4.39.3",
     "@typescript-eslint/eslint-plugin": "^1.13.0",
     "@typescript-eslint/parser": "1.13.0",
@@ -132,13 +132,12 @@
     "typescript": "^3.6.2",
     "uglifyjs-webpack-plugin": "^1.2.5",
     "url-loader": "^2.1.0",
-    "webpack": "^4.39.3",
-    "webpack-bundle-analyzer": "^3.4.1",
-    "webpack-cli": "^3.3.8",
-    "webpack-dev-middleware": "^3.7.1",
-    "webpack-dev-server": "^3.8.0",
+    "webpack": "^4.41.2",
+    "webpack-bundle-analyzer": "^3.6.0",
+    "webpack-cli": "^3.3.9",
+    "webpack-dev-middleware": "^3.7.2",
+    "webpack-dev-server": "^3.8.2",
     "webpack-hot-middleware": "^2.25.0",
-    "webpack-node-externals": "^1.7.2",
     "webpack-require-from": "^1.8.0",
     "workbox-webpack-plugin": "^4.3.1"
   },

front/src/Root.tsx

@@ -4,7 +4,7 @@ import { ConnectedRouter } from 'connected-react-router';
 import { Switch, Route } from 'react-router-dom';
 import { Provider } from 'react-redux';
 import { ThemeProvider } from 'styled-components';
-import { hot } from 'react-hot-loader';
+import { hot } from 'react-hot-loader/root';
 import configureStore from './redux/store/configureStore';
 import { history } from './redux/store/configureStore';
 import ScrollTop from './components/scrollToTop/ScrollToTop';
@@ -56,4 +56,4 @@ class Root extends Component<Props, State> {
   }
 }
 
-export default hot(module)(Root);
+export default hot(Root);

front/src/redux/modules/userAuth/index.ts

@@ -1,11 +1,10 @@
 import { ThunkAction } from 'redux-thunk';
+import Axios from 'axios';
 import appConfig from '../../../config/appConfig';
 import userInfosMockData from '../../../mock/userInfosMock.json';
 import { getLocationOrigin } from '../../../services/API/fetchTools';
 import auth from '../../../services/auth';
 import { State } from './type';
-import Axios from 'axios';
-import { response } from 'express';
 
 // #region CONSTANTS
 const REQUEST_USER_INFOS_DATA = 'REQUEST_USER_INFOS_DATA';
@@ -37,13 +36,13 @@ type PartialState = Partial<State>;
 type UserInfo = { user: User };
 
 export type Action = {
-  type: ActionType,
+  type: ActionType;
 
-  isFetching?: boolean,
-  actionTime?: string,
-  data?: Array<any> | any,
-  error?: any,
-  payload?: any,
+  isFetching?: boolean;
+  actionTime?: string;
+  data?: Array<any> | any;
+  error?: any;
+  payload?: any;
 } & PartialState &
   Partial<UserInfo>;
 
@@ -302,7 +301,7 @@ function fetchUserInfosData(id: string = ''): RFetchUserDataAction {
         ...options,
       });
 
-      return response;
+      return reponse;
     } catch (error) {
       dispatch({ type: ERROR_USER_INFOS_DATA, error });
     }

front/webpack.hot.reload.config.js

@@ -167,16 +167,12 @@ const config = {
     },
     extensions: ['.ts', '.tsx', '.js', '.jsx'],
   },
-  node: {
-    fs: 'empty',
-    net: 'empty',
-  },
   module: {
     rules: [
       {
         test: /\.ts(x)?$/,
-        exclude: [nodeModulesDir],
         use: ['awesome-typescript-loader'],
+        exclude: [nodeModulesDir],
       },
       {
         test: /\.css$/,
@@ -222,6 +218,7 @@ const config = {
     headers: { 'Access-Control-Allow-Origin': '*' },
   },
   plugins: [
+    new webpack.HotModuleReplacementPlugin(),
     new HtmlWebpackPlugin({
       template: 'index.html',
     }),

front/yarn.lock

@@ -10326,10 +10326,10 @@ webidl-conversions@^4.0.2:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-webpack-bundle-analyzer@^3.4.1:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.5.2.tgz#ac02834f4b31de8e27d71e6c7a612301ebddb79f"
-  integrity sha512-g9spCNe25QYUVqHRDkwG414GTok2m7pTTP0wr6l0J50Z3YLS04+BGodTqqoVBL7QfU/U/9p/oiI5XFOyfZ7S/A==
+webpack-bundle-analyzer@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.6.0.tgz#39b3a8f829ca044682bc6f9e011c95deb554aefd"
+  integrity sha512-orUfvVYEfBMDXgEKAKVvab5iQ2wXneIEorGNsyuOyVYpjYrI7CUOhhXNDd3huMwQ3vNNWWlGP+hzflMFYNzi2g==
   dependencies:
     acorn "^6.0.7"
     acorn-walk "^6.1.1"
@@ -10345,7 +10345,7 @@ webpack-bundle-analyzer@^3.4.1:
     opener "^1.5.1"
     ws "^6.0.0"
 
-webpack-cli@^3.3.8:
+webpack-cli@^3.3.9:
   version "3.3.9"
   resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-3.3.9.tgz#79c27e71f94b7fe324d594ab64a8e396b9daa91a"
   integrity sha512-xwnSxWl8nZtBl/AFJCOn9pG7s5CYUYdZxmmukv+fAHLcBIHM36dImfpQg3WfShZXeArkWlf6QRw24Klcsv8a5A==
@@ -10370,7 +10370,7 @@ webpack-core@^0.6.7:
     source-list-map "~0.1.7"
     source-map "~0.4.1"
 
-webpack-dev-middleware@^3.7.1, webpack-dev-middleware@^3.7.2:
+webpack-dev-middleware@^3.7.2:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.7.2.tgz#0019c3db716e3fa5cecbf64f2ab88a74bab331f3"
   integrity sha512-1xC42LxbYoqLNAhV6YzTYacicgMZQTqRd27Sim9wn5hJrX3I5nxYy1SxSd4+gjUFsz1dQFj+yEe6zEVmSkeJjw==
@@ -10381,7 +10381,7 @@ webpack-dev-middleware@^3.7.1, webpack-dev-middleware@^3.7.2:
     range-parser "^1.2.1"
     webpack-log "^2.0.0"
 
-webpack-dev-server@^3.8.0:
+webpack-dev-server@^3.8.2:
   version "3.8.2"
   resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-3.8.2.tgz#3292427bf6510da9a3ac2d500b924a4197667ff9"
   integrity sha512-0xxogS7n5jHDQWy0WST0q6Ykp7UGj4YvWh+HVN71JoE7BwPxMZrwgraBvmdEMbDVMBzF0u+mEzn8TQzBm5NYJQ==
@@ -10448,11 +10448,6 @@ webpack-log@^2.0.0:
     ansi-colors "^3.0.0"
     uuid "^3.3.2"
 
-webpack-node-externals@^1.7.2:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/webpack-node-externals/-/webpack-node-externals-1.7.2.tgz#6e1ee79ac67c070402ba700ef033a9b8d52ac4e3"
-  integrity sha512-ajerHZ+BJKeCLviLUUmnyd5B4RavLF76uv3cs6KNuO8W+HuQaEs0y0L7o40NQxdPy5w0pcv8Ew7yPUAQG0UdCg==
-
 webpack-require-from@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/webpack-require-from/-/webpack-require-from-1.8.0.tgz#d3b53927346d65accd3c180aaff607328bad3b60"
@@ -10466,10 +10461,10 @@ webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-
     source-list-map "^2.0.0"
     source-map "~0.6.1"
 
-webpack@^4.39.3:
-  version "4.41.1"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.41.1.tgz#5388dd3047d680d5d382a84249fd4750e87372fd"
-  integrity sha512-ak7u4tUu/U63sCVxA571IuPZO/Q0pZ9cEXKg+R/woxkDzVovq57uB6L2Hlg/pC8LCU+TWpvtcYwsstivQwMJmw==
+webpack@^4.41.2:
+  version "4.41.2"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.41.2.tgz#c34ec76daa3a8468c9b61a50336d8e3303dce74e"
+  integrity sha512-Zhw69edTGfbz9/8JJoyRQ/pq8FYUoY0diOXqW0T6yhgdhCv6wr0hra5DwwWexNRns2Z2+gsnrNcbe9hbGBgk/A==
   dependencies:
     "@webassemblyjs/ast" "1.8.5"
     "@webassemblyjs/helper-module-context" "1.8.5"