Fix issue with babel transform runtime. Added basic routes for Digimon API. Update Webpack to include babel runtime fix

Author: erickpenicherodi

package.json

@@ -19,6 +19,7 @@
   "homepage": "https://github.com/erickpeniche/backstop-react-challenge-backend#readme",
   "devDependencies": {
     "@babel/core": "^7.12.10",
+    "@babel/plugin-transform-runtime": "^7.12.10",
     "@babel/preset-env": "^7.12.11",
     "babel-loader": "^8.2.2",
     "cross-env": "^7.0.3",
@@ -32,6 +33,7 @@
     "webpack-cli": "^4.3.1"
   },
   "dependencies": {
+    "@babel/runtime": "^7.12.5",
     "cors": "^2.8.5",
     "express": "^4.17.1"
   }

src/index.js

@@ -1,10 +1,12 @@
 import express from 'express';
 import cors from 'cors';
+import DigimonRoutes from './routes/digimon';
 
 const app = express();
 const port = 3000;
 
 app.use(cors());
+app.use('/api/v1/digimon', DigimonRoutes);
 
 app.listen(port, () => {
   console.log(`Back-End listening at http://localhost:${port}`);

src/routes/digimon.js

@@ -0,0 +1,21 @@
+import { Router } from 'express';
+
+const router = new Router();
+
+export const getAllDigimons = async (req, res) => {
+  res.json({ test: true });
+};
+
+export const getDigimonById = async () => {
+
+};
+
+export const getRandomDigimon = async () => {
+
+};
+
+router.get('/', getAllDigimons);
+router.get('/:id', getDigimonById);
+router.get('/random', getRandomDigimon);
+
+export default router;

webpack.config.js

@@ -26,6 +26,7 @@ module.exports = {
             loader: 'babel-loader',
             options: {
               presets: ['@babel/preset-env'],
+              plugins: ['@babel/plugin-transform-runtime'],
             },
           },
         ],