Dependency refactor (#130)

* Refactored dependencies and docker build in sample 02

* Refactored dependencies for 01-login

* Added --init to Docker run (consistency)

Author: Steve Hobbs

01-Login/exec.ps1

@@ -1,2 +1,2 @@
 docker build --rm -t auth0-react-01-login .
-docker run -p 3000:3000 -it auth0-react-01-login
+docker run --init -p 3000:3000 -it auth0-react-01-login

01-Login/package.json

@@ -10,9 +10,7 @@
   },
   "dependencies": {
     "express": "^4.16.4",
-    "morgan": "^1.9.1"
-  },
-  "devDependencies": {
+    "morgan": "^1.9.1",
     "@auth0/auth0-spa-js": "^1.0.2",
     "@fortawesome/fontawesome-svg-core": "^1.2.17",
     "@fortawesome/free-solid-svg-icons": "^5.8.1",
@@ -25,6 +23,7 @@
     "reactstrap": "^8.0.0",
     "samples-bootstrap-theme": "github:auth0-quickstarts/samples-bootstrap-theme"
   },
+  "devDependencies": {},
   "eslintConfig": {
     "extends": "react-app"
   },

01-Login/server.js

@@ -4,11 +4,13 @@ const { join } = require("path");
 const morgan = require("morgan");
 const app = express();
 
+const port = process.env.SERVER_PORT || 3000;
+
 app.use(morgan("dev"));
 app.use(express.static(join(__dirname, "build")));
 
 app.use((_, res) => {
   res.sendFile(join(__dirname, "build", "index.html"));
 });
 
-app.listen(3000, () => console.log("Listening on port 3000"));
+app.listen(port, () => console.log(`Listening on port ${port}`));

02-Calling-an-API/Dockerfile

@@ -34,7 +34,7 @@ COPY --from=build /app/src/auth_config.json ./src/auth_config.json
 COPY --from=build /app/server.js .
 
 EXPOSE 3000
-
+ENV SERVER_PORT=3000
 ENV NODE_ENV production
 
 CMD ["node", "server.js"]

02-Calling-an-API/exec.ps1

@@ -1,2 +1,2 @@
-docker build --rm -t auth0-react-03-calling-an-api .
-docker run -p 3000:3000 -it auth0-react-03-calling-an-api
+docker build --rm -t auth0-react-02-calling-an-api .
+docker run --init -p 3000:3000 -it auth0-react-02-calling-an-api

02-Calling-an-API/exec.sh

@@ -1,3 +1,3 @@
 #!/usr/bin/env bash
-docker build -t auth0-react-03-calling-an-api .
-docker run --init -p 3000:3000 -it auth0-react-03-calling-an-api
+docker build -t auth0-react-02-calling-an-api .
+docker run --init -p 3000:3000 -it auth0-react-02-calling-an-api

02-Calling-an-API/package.json

@@ -3,27 +3,26 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "start": "react-scripts start",
+    "start": "npm-run-all --parallel spa server",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "server": "nodemon server.js",
-    "dev": "npm-run-all --parallel start server"
+    "spa": "react-scripts start",
+    "server": "node server.js",
+    "server:dev": "nodemon server.js",
+    "dev": "npm-run-all --parallel spa server:dev"
   },
   "dependencies": {
     "express": "^4.16.4",
     "express-jwt": "^5.3.1",
     "helmet": "^3.18.0",
     "jwks-rsa": "^1.4.0",
-    "morgan": "^1.9.1"
-  },
-  "devDependencies": {
+    "morgan": "^1.9.1",
     "@auth0/auth0-spa-js": "^1.0.2",
     "@fortawesome/fontawesome-svg-core": "^1.2.17",
     "@fortawesome/free-solid-svg-icons": "^5.8.1",
     "@fortawesome/react-fontawesome": "^0.1.4",
     "highlight.js": "^9.15.6",
-    "nodemon": "^1.19.0",
     "npm-run-all": "^4.1.5",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
@@ -32,6 +31,9 @@
     "reactstrap": "^8.0.0",
     "samples-bootstrap-theme": "github:auth0-quickstarts/samples-bootstrap-theme"
   },
+  "devDependencies": {
+    "nodemon": "^1.19.0"
+  },
   "eslintConfig": {
     "extends": "react-app"
   },

02-Calling-an-API/server.js

@@ -8,7 +8,7 @@ const authConfig = require("./src/auth_config.json");
 
 const app = express();
 
-const port = process.env.NODE_ENV === "production" ? 3000 : 3001;
+const port = process.env.SERVER_PORT || 3001;
 
 if (!authConfig.domain || !authConfig.audience) {
   throw new Error(