migration

Author: MacKentoch

server/.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

server/.nvmrc

@@ -0,0 +1 @@
+10

server/.prettierrc

@@ -0,0 +1,12 @@
+{
+  "semi": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "singleQuote": true,
+  "overrides": [],
+  "printWidth": 80,
+  "useTabs": false,
+  "tabWidth": 2,
+  "parser": "typescript"
+}

server/jest.config.js

@@ -0,0 +1,17 @@
+const { jsWithBabel: tsjPreset } = require('ts-jest/presets');
+
+module.exports = {
+  preset: 'ts-jest',
+  transform: { ...tsjPreset.transform },
+  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$',
+  moduleFileExtensions: ['ts', 'tsx', 'json', 'node'],
+  globals: {
+    'ts-jest': {
+      babelConfig: false,
+    },
+  },
+  testEnvironment: 'node',
+  verbose: true,
+  coverageDirectory: './coverage/',
+  collectCoverage: true,
+};

server/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "react-bootstrap-webpack-starter-server",
+  "version": "1.0.0",
+  "author": "Erwan DATIN <erwan.datin@gmail.com> (MacKentoch)",
+  "license": "MIT",
+  "description": "server side of react js + bootstrap + webpack starter",
+  "main": "out/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MacKentoch/react-bootstrap-webpack-starter.git"
+  },
+  "bugs": {
+    "url": "https://github.com/MacKentoch/react-bootstrap-webpack-starter/issues"
+  },
+  "engines": {
+    "node": ">=10",
+    "npm": ">=6.0.0",
+    "yarn": ">=1.3.0"
+  },
+  "directories": {
+    "test": "test"
+  },
+  "scripts": {
+    "test": "cross-env NODE_ENV=test jest",
+    "build-server": "tsc src/index.ts --outDir out",
+    "run-server": "npm run build-server && ts-node src/index.ts"
+  },
+  "keywords": [
+    "node",
+    "TS",
+    "express",
+    "react",
+    "react 16",
+    "redux",
+    "react-redux",
+    "ES6",
+    "ES7",
+    "ES2015",
+    "ES2016",
+    "ES2017",
+    "ES2018",
+    "ES2019",
+    "typescript",
+    "bootstrap",
+    "react-router4",
+    "react-router",
+    "starter",
+    "webpack",
+    "hot-reload",
+    "redux-devtools-extension",
+    "devtools",
+    "webpack4"
+  ],
+  "dependencies": {
+    "body-parser": "^1.19.0",
+    "chalk": "^2.4.2",
+    "compression": "^1.7.4",
+    "convict": "^5.1.0",
+    "date-fns": "^2.4.1",
+    "express": "^4.17.1",
+    "express-promise-router": "^3.0.3",
+    "express-rate-limit": "^5.0.0",
+    "pretty-error": "^2.1.1",
+    "serialize-javascript": "^2.1.0",
+    "serve-favicon": "^2.5.0"
+  },
+  "devDependencies": {
+    "@types/body-parser": "^1.17.1",
+    "@types/chalk": "^2.2.0",
+    "@types/convict": "^4.2.1",
+    "@types/express": "^4.17.1",
+    "@types/express-promise-router": "^2.0.1",
+    "@types/express-rate-limit": "^3.3.3",
+    "@types/fetch-mock": "^7.3.1",
+    "@types/jest": "^24.0.18",
+    "@types/node": "^12.7.12",
+    "fetch-mock": "^7.5.1",
+    "jest": "^24.9.0",
+    "jest-localstorage-mock": "^2.4.0",
+    "prettier": "^1.18.2",
+    "rimraf": "^3.0.0",
+    "ts-jest": "^24.1.0",
+    "ts-node": "^8.4.1",
+    "tslib": "^1.10.0",
+    "tslint-config-prettier": "^1.18.0",
+    "typescript": "^3.6.4"
+  }
+}

server/src/index.ts

@@ -0,0 +1,18 @@
+import * as express from 'express';
+import * as PrettyError from 'pretty-error';
+import expressServer from './lib/expressServer';
+
+// #region constants
+const dev = process.env.NODE_ENV !== 'production';
+const pe = new PrettyError();
+// #endregion
+
+(() => {
+  try {
+    pe.start();
+    const app = express();
+    expressServer(app, dev);
+  } catch (error) {
+    console.log('server error: ', error);
+  }
+})();

server/src/lib/asyncWrap.ts

@@ -0,0 +1,39 @@
+import * as express from 'express';
+
+// #region constants
+const shouldLogErrors = process.env.DEBUG || false;
+// #endregion
+
+/**
+ * Returns a route handler for Express that calls the passed in function
+ */
+export default function(fn: Function) {
+  if (fn.length <= 3) {
+    return function(
+      req: express.Request,
+      res: express.Response,
+      next: express.NextFunction,
+    ) {
+      return fn(req, res, next).catch((error: any) => {
+        if (shouldLogErrors) {
+          console.log('middleware error: ', error);
+        }
+        next();
+      });
+    };
+  } else {
+    return function(
+      err: express.Errback,
+      req: express.Request,
+      res: express.Response,
+      next: express.NextFunction,
+    ) {
+      return fn(err, req, res, next).catch((error: any) => {
+        if (shouldLogErrors) {
+          console.log('middleware error: ', error);
+        }
+        next();
+      });
+    };
+  }
+}

server/src/lib/expressServer.ts

@@ -0,0 +1,49 @@
+import * as express from 'express';
+import * as path from 'path';
+import chalk from 'chalk';
+import { error404, error500 } from '../middleware/errors';
+
+// #region constants
+const DOCS_PATH = '../../../docs/';
+const port = process.env.PORT || 8082;
+const host = process.env.SERVER_HOST || 'localhost';
+// #endregion
+
+const expressServer = (app: express.Application, isDev = false) => {
+  if (!app) {
+    console.log('Server application instance is undefined');
+    throw new Error('Server application instance is undefined');
+  }
+
+  app.set('port', port);
+  app.set('ipAdress', host);
+
+  app.use(
+    '/assets',
+    express.static(path.join(__dirname, DOCS_PATH, 'assets/')),
+  );
+
+  app.get('/*', (req, res) =>
+    res.sendFile(path.join(__dirname, DOCS_PATH, 'index.html')),
+  );
+
+  app.use(error404);
+  app.use(error500);
+
+  /* eslint-disable no-console */
+  // @ts-ignore
+  app.listen(port, host, () =>
+    console.log(`
+        =====================================================
+        -> Server (${chalk.bgBlue('SPA')}) 🏃 (running) on ${chalk.green(
+      host,
+    )}:${chalk.green(`${port}`)}
+        =====================================================
+      `),
+  );
+  /* eslint-enable no-console */
+
+  return app;
+};
+
+export default expressServer;

server/src/middleware/errors.ts

@@ -0,0 +1,32 @@
+import * as express from 'express';
+
+type ErrorWithStatus = {
+  status?: number,
+  message?: string,
+};
+
+export const error404 = (
+  req: express.Request,
+  res: express.Response,
+  next: express.NextFunction,
+) => {
+  console.log('req.url: ', req.url);
+
+  const err: ErrorWithStatus = new Error('Not found');
+  err.status = 404;
+  next(err);
+};
+
+export const error500 = (
+  err: express.Errback & ErrorWithStatus,
+  req: express.Request,
+  res: express.Response,
+  next: express.NextFunction,
+) => {
+  if (err.status === 404) {
+    res.status(404).send('Sorry nothing here for now...');
+  }
+
+  console.error(err);
+  res.status(500).send('internal server error');
+};

server/test/setupTests.ts

@@ -0,0 +1 @@
+require('jest-localstorage-mock');

server/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "noImplicitReturns": true,
+    "noUnusedLocals": true,
+    "sourceMap": true,
+    "strict": true,
+    "target": "es2017",
+    "resolveJsonModule": true,
+    "moduleResolution": "node",
+    "baseUrl": ".",
+    "outDir": "out"
+  },
+  "include": ["./src/**/*", "./test/**/*"]
+}