fix(monorepo): fixes resolution of modules, CRA builds, ignores, and ensures that we can start / monitor apps in local dev; drops CRA scripts version to get around facebook/create-react-app#8685"

Author: dermidgen

.gitignore

@@ -21,6 +21,7 @@ node_modules
 .env.test.local
 .env.production.local
 
+
 *.log
 npm-debug.log*
 yarn-debug.log*

README.md

@@ -18,3 +18,5 @@ The largest problem to solve which may enable us to offer varying levels of comp
 You'll need Yarn and Lerna installed to manage packages and shared modules.
 
 Get started by running `lerna bootstrap`. You'll want to rerun this any time you pull changes where new dependencies have been added.
+
+To run the project, you can use `lerna run --stream start`. I like the `--stream` option as it follows the logs nicely together.

package-lock.json

@@ -0,0 +1,28 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+.vscode
+.env
+
+# dependencies
+node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

stack/client/.gitignore

@@ -23,7 +23,7 @@
     "react-redux": "^7.2.0",
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "3.4.1",
+    "react-scripts": "3.4.0",
     "react-share": "^4.1.0",
     "redux": "^4.0.5",
     "redux-saga": "^1.1.3"
@@ -32,7 +32,13 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "release": "standard-version"
+  },
+  "standard-version": {
+    "skip": {
+      "tag": true
+    }
   },
   "eslintConfig": {
     "extends": "react-app"

stack/client/package.json

@@ -0,0 +1,22 @@
+{
+  "headers": [
+    {
+      "source": "static/**",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "max-age=31536000"
+        }
+      ]
+    },
+    {
+      "source": "index.html",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "no-cache"
+        }
+      ]
+    }
+  ]
+}

stack/client/serve.json

@@ -20,6 +20,7 @@ node_modules
 .env.test.local
 .env.production.local
 
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

stack/server/.gitignore

@@ -7,10 +7,16 @@ const http = require('http');
 const bodyParser = require('body-parser');
 const cors = require('cors');
 
+const {
+    name:APP_NAME,
+    version:APP_VERSION
+} = require('./package.json')
+
 const app = express();
 
 const STAGING_ENVIRONMENT = 'staging';
 const PRODUCTION_ENVIRONMENT = 'prod';
+const SERVER_PORT = process.env.PORT || 5000
 
 // Set up basic access logging with file rotation:
 app.use(morgan('combined', {stream: rfs.createStream('access.log', {maxFiles: 5, size: '100M'})}));
@@ -60,12 +66,13 @@ name varchar(100)
 
 `GET /scores/:challengeId`
 */
-const server = app.listen(process.env.PORT || 5000, function() {
+const server = app.listen(SERVER_PORT, function() {
 		/**
 		 * The TFE expects keep-alive connections to remain open forever. Expressjs defaults to a
 		 * timeout of 2 minutes. This causes many ChannelClosedExceptions for the TFE.
 		 */
     server.setTimeout(0)
+    console.log(`${APP_NAME} v${APP_VERSION} listening on ${SERVER_PORT}`)
 
     /**
      * Node's default behavior is to close the connection on upgrade requests. The HTTP2 spec

stack/server/access.log

@@ -12,9 +12,16 @@
     "rotating-file-stream": "^2.1.0"
   },
   "scripts": {
-    "start": "node index.js"
+    "release": "standard-version",
+    "start": "nodemon -q -L -e js,json,yml,yaml --exec 'node index.js'"
+  },
+  "standard-version": {
+    "skip": {
+      "tag": true
+    }
   },
   "devDependencies": {
+    "nodemon": "^2.0.3",
     "standard-version": "^7.0.0"
   }
 }