feat(json-server): mimic real backend behavior with middleware

Author: mattwang44

json-server-middlewares.js

@@ -0,0 +1,32 @@
+'use strict'
+const url = require('url')
+
+module.exports = (req, res, next) => {
+    // enable inserting a comma-separated string as
+    // multi-value query parameters for event type
+    const eventType = req.query.event_type
+    if (eventType && !Array.isArray(eventType)) {
+        req.query.event_type = eventType.split(',')
+    }
+
+    // return Object instead of Array if the singular flag is given
+    const _send = res.send
+    res.send = function (body) {
+        // eslint-disable-next-line
+        const parsedUrl = url.parse(req.url, true)
+        if (parsedUrl.query.singular) {
+            try {
+                const json = JSON.parse(body)
+                if (Array.isArray(json)) {
+                    if (json.length === 1) {
+                        return _send.call(this, json[0])
+                    } else if (json.length === 0) {
+                        return _send.call(this, {}, 404)
+                    }
+                }
+            } catch (e) {}
+        }
+        return _send.call(this, body)
+    }
+    next()
+}

mock-server.Dockerfile

@@ -6,4 +6,4 @@ RUN npm install -g json-server
 
 COPY db.json routes.json ./
 
-CMD ["json-server", "--watch", "db.json", "--routes", "routes.json", "--host", "0.0.0.0", "--port", "9876"]
+CMD ["json-server", "--watch", "db.json", "--routes", "routes.json", "--host", "0.0.0.0", "--port", "9876", "--middlewares", "json-server-middlewares.js"]

package.json

@@ -11,7 +11,7 @@
         "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
         "lint": "npm run lint:js",
         "test": "jest",
-        "json-server": "./node_modules/.bin/json-server --watch db.json --routes routes.json --port 9876"
+        "json-server": "./node_modules/.bin/json-server --watch db.json --routes routes.json --port 9876 --middlewares json-server-middlewares.js"
     },
     "dependencies": {
         "@fortawesome/free-brands-svg-icons": "^5.15.3",

routes.json

@@ -1,5 +1,7 @@
 {
     "/api/sponsors/": "/sponsors",
     "/api/sponsors/jobs/": "/jobs",
-    "/api/events/keynotes/": "/keynotes"
+    "/api/events/keynotes/": "/keynotes",
+    "/api/events/speeches/\\?event_types=:event_type": "/speeches/?event_type=:event_type",
+    "/api/events/speeches/:event_type/:id": "/speeches/?event_type=:event_type&id=:id&singular=1"
 }