configure get-port npm package

vinaypuppal · vinaypuppal · commit 4839c24a2c47 · 2017-11-23T19:14:04.000+05:30
diff --git a/package.json b/package.json
@@ -5,8 +5,7 @@
   "main": "index.js",
   "scripts": {
     "test": "xo && jest",
-    "lint":
-      "prettier 'utils/**/*.js' 'components/**/*.js' 'pages/**/*.js' 'lib/**/*.js' 'hocs/**/*.js' '*.js' --write && xo",
+    "lint": "prettier 'utils/**/*.js' 'components/**/*.js' 'pages/**/*.js' 'lib/**/*.js' 'hocs/**/*.js' '*.js' --write && xo",
     "precommit": "lint-staged",
     "analyze": "cross-env ANALYZE=1 next build",
     "dev": "cross-env NODE_ENV=development node server.js",
@@ -16,19 +15,32 @@
   },
   "xo": {
     "parser": "babel-eslint",
-    "extends": ["prettier", "prettier/react", "plugin:react/recommended"],
-    "env": ["browser", "node"],
+    "extends": [
+      "prettier",
+      "prettier/react",
+      "plugin:react/recommended"
+    ],
+    "env": [
+      "browser",
+      "node"
+    ],
     "rules": {
       "linebreak-style": 0,
       "react/display-name": 0,
       "react/prop-types": 0
     },
     "space:": 2,
-    "ignores": ["next.config.js"],
+    "ignores": [
+      "next.config.js"
+    ],
     "overrides": [
       {
         "files": "**/__tests__/*.test.js",
-        "globals": ["describe", "it", "expect"]
+        "globals": [
+          "describe",
+          "it",
+          "expect"
+        ]
       }
     ]
   },
@@ -45,6 +57,7 @@
     "date-fns": "^1.29.0",
     "emotion": "^8.0.10",
     "emotion-server": "^8.0.10",
+    "get-port": "^3.2.0",
     "grid-emotion": "^2.1.0",
     "isomorphic-unfetch": "2.0.0",
     "lodash.take": "^4.1.1",
diff --git a/server.js b/server.js
@@ -3,29 +3,31 @@ const { parse } = require('url');
 const next = require('next');
 const pathMatch = require('path-match');
 const opn = require('opn');
+const getPort = require('get-port');
 
-const port = parseInt(process.env.PORT, 10) || 3000;
 const dev = process.env.NODE_ENV !== 'production';
 const app = next({ dev });
 const handle = app.getRequestHandler();
 const route = pathMatch();
 const match = route('/learn/:id');
 
-app.prepare().then(() => {
-  createServer((req, res) => {
-    const { pathname, query } = parse(req.url, true);
-    const params = match(pathname);
-    if (params === false) {
-      handle(req, res);
-      return;
-    }
-    // Assigning `query` into the params means that we still
-    // get the query string passed to our application
-    // i.e. /blog/foo?show-comments=true
-    app.render(req, res, '/learn/subject', Object.assign(params, query));
-  }).listen(port, err => {
-    if (err) throw err;
-    console.log(`>> App running on http://localhost:${port}`);
-    opn(`http://localhost:${port}`);
+getPort({ port: 3000 }).then(port => {
+  app.prepare().then(() => {
+    createServer((req, res) => {
+      const { pathname, query } = parse(req.url, true);
+      const params = match(pathname);
+      if (params === false) {
+        handle(req, res);
+        return;
+      }
+      // Assigning `query` into the params means that we still
+      // get the query string passed to our application
+      // i.e. /blog/foo?show-comments=true
+      app.render(req, res, '/learn/subject', Object.assign(params, query));
+    }).listen(port, err => {
+      if (err) throw err;
+      console.log(`>> App running on http://localhost:${port}`);
+      opn(`http://localhost:${port}`);
+    });
   });
 });
diff --git a/yarn.lock b/yarn.lock
@@ -2912,6 +2912,10 @@ get-pkg-repo@^1.0.0:
     parse-github-repo-url "^1.3.0"
     through2 "^2.0.0"
 
+get-port@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/get-port/-/get-port-3.2.0.tgz#dd7ce7de187c06c8bf353796ac71e099f0980ebc"
+
 get-set-props@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/get-set-props/-/get-set-props-0.1.0.tgz#998475c178445686d0b32246da5df8dbcfbe8ea3"
