json-server 0.14.2 → 0.16.1

package/package.json

@@ -1,94 +1,68 @@
 {
   "name": "json-server",
-  "version": "0.14.2",
-  "description": "Serves JSON files through REST routes.",
+  "version": "0.16.1",
+  "description": "Get a full fake REST API with zero coding in less than 30 seconds",
   "main": "./lib/server/index.js",
   "bin": "./lib/cli/bin.js",
-  "directories": {
-    "test": "test"
-  },
   "scripts": {
     "test": "npm run build && cross-env NODE_ENV=test jest && npm run lint",
-    "start": "run-p start:**",
-    "start:babel-node": "babel-node src/cli/bin db.json -r routes.json",
-    "start:webpack": "webpack -d --watch",
+    "start": "babel-node -- src/cli/bin db.json -r routes.json",
     "lint": "eslint . --ignore-path .gitignore",
     "fix": "npm run lint -- --fix",
-    "build": "babel src -d lib && webpack -p",
+    "build": "babel src -d lib",
     "toc": "markdown-toc -i README.md",
+    "postversion": "git push && git push --tags",
     "prepublishOnly": "npm test && npm run build && pkg-ok"
   },
   "dependencies": {
-    "body-parser": "^1.18.3",
-    "chalk": "^2.4.1",
-    "compression": "^1.7.3",
+    "body-parser": "^1.19.0",
+    "chalk": "^3.0.0",
+    "compression": "^1.7.4",
     "connect-pause": "^0.1.1",
     "cors": "^2.8.5",
-    "errorhandler": "^1.2.0",
-    "express": "^4.16.4",
+    "errorhandler": "^1.5.1",
+    "express": "^4.17.1",
     "express-urlrewrite": "^1.2.0",
     "json-parse-helpfulerror": "^1.0.3",
-    "lodash": "^4.17.11",
+    "lodash": "^4.17.15",
     "lodash-id": "^0.14.0",
     "lowdb": "^1.0.0",
     "method-override": "^3.0.0",
     "morgan": "^1.9.1",
-    "nanoid": "^2.0.0",
-    "object-assign": "^4.0.1",
-    "please-upgrade-node": "^3.1.1",
-    "pluralize": "^7.0.0",
-    "request": "^2.88.0",
+    "nanoid": "^2.1.11",
+    "please-upgrade-node": "^3.2.0",
+    "pluralize": "^8.0.0",
+    "request": "^2.88.2",
     "server-destroy": "^1.0.1",
-    "update-notifier": "^2.5.0",
-    "yargs": "^12.0.2"
+    "update-notifier": "^4.0.0",
+    "yargs": "^15.1.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.2.3",
-    "@babel/core": "^7.2.2",
-    "@babel/node": "^7.2.2",
-    "@babel/plugin-syntax-jsx": "^7.2.0",
-    "@babel/plugin-transform-react-jsx": "^7.2.0",
-    "@babel/plugin-transform-regenerator": "^7.0.0",
-    "@babel/polyfill": "^7.2.5",
-    "@babel/preset-env": "^7.2.3",
-    "@babel/register": "^7.0.0",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-loader": "^8.0.4",
-    "babel-preset-preact": "^1.1.0",
-    "babel-preset-react": "^6.24.1",
-    "clean-webpack-plugin": "^0.1.19",
-    "cross-env": "^5.2.0",
-    "css-loader": "^1.0.1",
-    "eslint": "^5.11.0",
-    "eslint-config-prettier": "^3.3.0",
-    "eslint-config-standard": "^12.0.0",
-    "eslint-config-standard-preact": "^1.1.6",
-    "eslint-plugin-import": "^2.14.0",
-    "eslint-plugin-node": "^8.0.0",
-    "eslint-plugin-prettier": "^3.0.0",
-    "eslint-plugin-promise": "^4.0.1",
-    "eslint-plugin-react": "^7.10.0",
-    "eslint-plugin-standard": "^4.0.0",
-    "html-webpack-plugin": "^3.2.0",
-    "husky": "^1.2.1",
-    "jest": "^23.6.0",
+    "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.8.4",
+    "@babel/node": "^7.8.4",
+    "@babel/preset-env": "^7.8.4",
+    "cross-env": "^7.0.0",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.10.0",
+    "eslint-config-standard": "^14.1.0",
+    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-prettier": "^3.1.2",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.1",
+    "husky": "^4.2.1",
+    "jest": "^25.1.0",
     "markdown-toc": "^1.2.0",
-    "milligram": "^1.3.0",
-    "mini-css-extract-plugin": "^0.4.5",
-    "mkdirp": "^0.5.1",
+    "mkdirp": "^1.0.3",
     "npm-run-all": "^4.1.5",
     "os-tmpdir": "^2.0.0",
     "pkg-ok": "^2.3.1",
-    "preact": "^8.4.2",
-    "prettier": "^1.15.3",
-    "promise-polyfill": "^8.1.0",
-    "rimraf": "^2.6.2",
+    "prettier": "^1.19.1",
+    "rimraf": "^3.0.2",
     "server-ready": "^0.3.1",
-    "supertest": "^3.3.0",
-    "temp-write": "^3.4.0",
-    "webpack": "^4.28.2",
-    "webpack-cli": "^3.1.2",
-    "whatwg-fetch": "^3.0.0"
+    "supertest": "^4.0.2",
+    "temp-write": "^4.0.0"
   },
   "repository": {
     "type": "git",
@@ -117,7 +91,7 @@
   },
   "homepage": "https://github.com/typicode/json-server",
   "engines": {
-    "node": ">=6"
+    "node": ">=10"
   },
   "husky": {
     "hooks": {

package/postinstall.js

@@ -0,0 +1,10 @@
+const chalk = require('chalk')
+
+console.log(
+  'Like JSON Server? You can support the project on',
+  chalk.bold('GitHub Sponsors')
+)
+console.log(
+  chalk.underline('https://github.com/users/typicode/sponsorship'),
+  chalk.red('❤')
+)

package/public/index.html

@@ -0,0 +1,85 @@
+<html>
+  <head>
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
+      integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="style.css" />
+    <title>JSON Server</title>
+  </head>
+
+  <body>
+    <header>
+      <div class="container">
+        <nav>
+          <ul>
+            <li class="title">
+              JSON Server
+            </li>
+            <li>
+              <a href="https://github.com/users/typicode/sponsorship">
+                <i class="fas fa-heart"></i>GitHub Sponsors
+              </a>
+            </li>
+            <li>
+              <a href="https://my-json-server.typicode.com">
+                <i class="fas fa-burn"></i>My JSON Server
+              </a>
+            </li>
+            <li>
+              <a href="https://thanks.typicode.com">
+                <i class="far fa-laugh"></i>Supporters
+              </a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    <main>
+      <div class="container">
+        <h1>Congrats!</h1>
+        <p>
+          You're successfully running JSON Server
+          <br />
+          ✧*｡٩(ˊᗜˋ*)و✧*｡
+        </p>
+
+        <div id="resources"></div>
+
+        <p>
+          To access and modify resources, you can use any HTTP method:
+        </p>
+        <p>
+          <code>GET</code>
+          <code>POST</code>
+          <code>PUT</code>
+          <code>PATCH</code>
+          <code>DELETE</code>
+          <code>OPTIONS</code>
+        </p>
+
+        <div id="custom-routes"></div>
+
+        <h1>Documentation</h1>
+        <p>
+          <a href="https://github.com/typicode/json-server">
+            README
+          </a>
+        </p>
+      </div>
+    </main>
+
+    <footer>
+      <div class="container">
+        <p>
+          To replace this page, create a
+          <code>./public/index.html</code> file.
+        </p>
+      </div>
+    </footer>
+
+    <script src="script.js"></script>
+  </body>
+</html>

package/public/script.js

@@ -0,0 +1,76 @@
+function ResourceItem({ name, length }) {
+  return `
+    <li>
+      <a href="${name}">/${name}</a>
+      <sup>${length ? `${length}x` : 'object'}</sup>
+    </li>
+  `
+}
+
+function ResourceList({ db }) {
+  return `
+    <ul>
+      ${Object.keys(db)
+        .map(name =>
+          ResourceItem({
+            name,
+            length: Array.isArray(db[name]) && db[name].length
+          })
+        )
+        .join('')}
+    </ul>
+  `
+}
+
+function NoResources() {
+  return `<p>No resources found</p>`
+}
+
+function ResourcesBlock({ db }) {
+  return `
+    <div>
+      <h1>Resources</h1>
+      ${Object.keys(db).length ? ResourceList({ db }) : NoResources()}
+    </div>
+  `
+}
+
+window
+  .fetch('db')
+  .then(response => response.json())
+  .then(
+    db =>
+      (document.getElementById('resources').innerHTML = ResourcesBlock({ db }))
+  )
+
+function CustomRoutesBlock({ customRoutes }) {
+  const rules = Object.keys(customRoutes)
+  if (rules.length) {
+    return `
+      <div>
+        <h1>Custom Routes</h1>
+        <table>
+          ${rules
+            .map(
+              rule =>
+                `<tr>
+              <td>${rule}</td>
+              <td><code>⇢</code> ${customRoutes[rule]}</td>
+            </tr>`
+            )
+            .join('')}
+        </table>
+      </div>
+    `
+  }
+}
+
+window
+  .fetch('__rules')
+  .then(response => response.json())
+  .then(
+    customRoutes =>
+      (document.getElementById('custom-routes').innerHTML = CustomRoutesBlock({
+        customRoutes
+      }))
+  )

package/public/style.css

@@ -0,0 +1,113 @@
+body {
+  display: flex;
+  min-height: 100vh;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
+  flex-direction: column;
+  padding: 0;
+  margin: 0;
+  color: #3b4252;
+  letter-spacing: 0;
+}
+
+.container {
+  max-width: 960px;
+  margin: auto;
+  padding: 1rem;
+}
+
+header {
+  border-bottom: 1px solid #eee;
+}
+
+header a {
+  color: inherit;
+  text-decoration: none;
+}
+
+header a:hover {
+  text-decoration: underline;
+}
+
+nav ul {
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+}
+
+nav li.title {
+  flex-grow: 5;
+  text-align: left;
+  font-weight: bold;
+  font-size: 1.4rem;
+  color: #3b4252;
+}
+
+nav li {
+  flex-grow: 1;
+  align-self: center;
+  text-align: right;
+  color: #4c566a;
+}
+
+.fa-heart {
+  color: deeppink;
+}
+
+main {
+  flex: 1;
+}
+
+footer {
+  margin-top: 4rem;
+  border-top: 1px solid #eee;
+}
+
+h1 {
+  margin-top: 4rem;
+  font-weight: normal;
+}
+
+i {
+  margin-right: 0.5rem;
+}
+
+a {
+  color: #5e81ac;
+}
+
+a:hover {
+  color: #81a1c1;
+  text-decoration: underline;
+}
+
+table {
+  margin-left: 0;
+}
+
+td {
+  border: 0;
+  padding: 0 1em 0.5em 0;
+}
+
+td:first-child {
+  width: 1%;
+  white-space: nowrap;
+}
+
+ul {
+  list-style-position: inside;
+  padding-left: 0;
+}
+
+li {
+  list-style-type: none;
+  margin-bottom: 0.2rem;
+}
+
+code {
+  padding: 0.2rem;
+  margin: 0rem 0.2rem;
+  border-radius: 0.2rem;
+  background: #e5e9f0;
+}

package/dist/index.html

@@ -1,53 +0,0 @@
-<html>
-
-<head>
-  <title>JSON Server</title>
-<link rel="shortcut icon" href="favicon.ico"><link href="main.css" rel="stylesheet"></head>
-
-<body>
-  <header>
-    <div class="container">
-      <h3>JSON Server</h3>
-    </div>
-  </header>
-  <main>
-    <div class="container">
-      <h4>Congrats!</h4>
-      <p>
-        You're successfully running JSON Server
-        <br> ✧*｡٩(ˊᗜˋ*)و✧*｡
-      </p>
-
-      <div id="resources"></div>
-
-      <p>
-        To access and modify resources, you can use any HTTP method
-        <br>
-        <code>GET</code>
-        <code>POST</code>
-        <code>PUT</code>
-        <code>PATCH</code>
-        <code>DELETE</code>
-        <code>OPTIONS</code>
-      </p>
-
-      <div id="custom-routes"></div>
-
-      <h4>Documentation</h4>
-      <p>
-        View
-        <a href="https://github.com/typicode/json-server">README</a>
-      </p>
-    </div>
-  </main>
-
-  <footer>
-    <div class="container">
-      <p>
-        To replace this page, create a
-        <code>./public/index.html</code> file.
-      </p>
-    </div>
-  </footer>
-<script type="text/javascript" src="main.js"></script></body>
-</html>