fixed build with craco

Author: sina-masoud-ansari

app/backend/server.js

@@ -8,7 +8,7 @@ var fs = require('fs');
 const port = process.env.PORT;
 const appHost = process.env.APP_HOST;
 const appPort = process.env.APP_PORT;
-//const origin = `http://${appHost}:${appPort}`
+//const origin = `${appHost}:${appPort}`
 const origin = "*"
 
 const server = http.createServer(function (req, res) {

app/frontend/.env

@@ -1,3 +1,2 @@
-HOST=0.0.0.0
 REACT_APP_MapboxAccessToken=token
 REACT_APP_DTServer=http://localhost:8081

app/frontend/craco.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  babel: {
+    loaderOptions: {
+      ignore: ['./node_modules/mapbox-gl/dist/mapbox-gl.js']
+    }
+  }
+};

app/frontend/package.json

@@ -4,6 +4,7 @@
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
+    "@craco/craco": "^6.3.0",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "@material-ui/core": "^4.12.1",
@@ -36,9 +37,9 @@
     "yarn": "^1.22.10"
   },
   "scripts": {
-    "start": "PORT=8080 react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
+    "start": "PORT=8080 craco start",
+    "build": "craco build",
+    "test": "craco test",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {
@@ -51,6 +52,9 @@
     "production": [
       ">0.2%",
       "not dead",
+      "not ie 11",
+      "not chrome < 51",
+      "not safari < 10",
       "not op_mini all"
     ],
     "development": [

app/frontend/src/store/actions.js

@@ -302,6 +302,7 @@ export function getLocationDT(location) {
         let region = "akl";
         let url = DT_SERVER+`/transit?region=${region}&location=${location}&direction=inbound`;
 
+        console.log(url);
         // console.log('getting data for destination:', location);
 
         const inbound = fetch(url)