Create ReactJS Web UI to extend the current UI

.gitignore

@@ -6,3 +6,4 @@ build/
 Deflect/
 Rockets/
 VirtualKeyboard/
+Build/

apps/ReactWebUI/.gitignore

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

apps/ReactWebUI/README.md

@@ -0,0 +1 @@
+# Tide web interface

apps/ReactWebUI/config-overrides.js

@@ -0,0 +1,7 @@
+const rewireYAML = require( 'react-app-rewire-yaml' );
+
+module.exports = function override( config, env ) {
+    // Allow YAML import at compile time.
+    config = rewireYAML( config, env );
+    return config;
+}

apps/ReactWebUI/development_scripts/DEV.md

@@ -0,0 +1,14 @@
+# Tide web interface
+
+## Starting Tide server in development environment
+
+```
+npm run tide
+```
+
+This will spawn a local Tide server which mimic the real wall in level 0.
+It will listen on port 8890.
+
+The tide web UI is intended to be connected on 3 possible walls: 0 (local), 5 (real 5th floor) and 6 (Open Deck).
+
+There is a proxy configuration in file `src/setupProxy.js` that makes the DEV environment to be like the PROD one.

apps/ReactWebUI/development_scripts/start.js

@@ -0,0 +1,33 @@
+const Path = require('path')
+const exec = require("child_process").exec
+
+const cwd = process.cwd()
+const pos = cwd.indexOf('/Tide/')
+const root = Path.resolve(cwd.substr(0, pos))
+const tidePath = Path.join(root, 'Tide/Build/bin/tide')
+const configPath = Path.join(root, 'Tide/apps/ReactWebUI/development_scripts')
+
+console.info("tidePath=", tidePath)
+console.info("configPath=", configPath)
+console.log("")
+
+console.log("Starting fake Tide servers...")
+console.log("+-------+------+")
+console.log("| Level | Port |")
+console.log("+-------+------+")
+const levels = [0/*, 5, 6*/]
+levels.forEach( level => {
+    console.log(`|   ${level}   | 889${level} |`)
+    const cmd = `"${tidePath}" --config "${configPath}/wall-${level}.json"`
+    exec(cmd, (err, stdout, stderr) => {
+        if (err) {
+            console.error('')
+            console.error(`### Failure on level ${level}!`)
+            console.error('>>>', cmd)
+            console.error(err)
+        }
+    })
+})
+console.log("|   5   |      |   5th floor")
+console.log("|   6   |      |   Open Deck")
+console.log("+-------+------+")

apps/ReactWebUI/development_scripts/wall-0.json

@@ -0,0 +1,34 @@
+{
+  "folders": {
+        "contents": "/nfs4/bbp.epfl.ch/media/DisplayWall",
+        "sessions": "/nfs4/bbp.epfl.ch/media/DisplayWall/sessions",
+        "upload": "/nfs4/bbp.epfl.ch/media/DisplayWall/sessionFiles"
+    },
+
+    "background": {
+        "color": "#000000"
+    },
+    "master": {
+        "display": ":0",
+        "host": "localhost",
+	"webservicePort": 8890
+    },
+    "processes": [
+        {
+            "host": "localhost",
+            "screens": [
+                {
+                    "display": ":0",
+                    "y": 50
+                }
+            ]
+        }
+    ],
+    "surfaces": [
+        {
+            "displayHeight": 1600,
+            "displayWidth": 1200,
+            "screenCountY": 1
+        }
+    ]
+}

apps/ReactWebUI/development_scripts/wall-5.json

@@ -0,0 +1,34 @@
+{
+  "folders": {
+        "contents": "/nfs4/bbp.epfl.ch/media/DisplayWall",
+        "sessions": "/nfs4/bbp.epfl.ch/media/DisplayWall/sessions",
+        "upload": "/nfs4/bbp.epfl.ch/media/DisplayWall/sessionFiles"
+    },
+
+    "background": {
+        "color": "#333333"
+    },
+    "master": {
+        "display": ":0",
+        "host": "localhost",
+	"webservicePort": 8895
+    },
+    "processes": [
+        {
+            "host": "localhost",
+            "screens": [
+                {
+                    "display": ":0",
+                    "y": 50
+                }
+            ]
+        }
+    ],
+    "surfaces": [
+        {
+            "displayHeight": 1920,
+            "displayWidth": 1080,
+            "screenCountY": 1
+        }
+    ]
+}

apps/ReactWebUI/development_scripts/wall-6.json

@@ -0,0 +1,34 @@
+{
+  "folders": {
+        "contents": "/nfs4/bbp.epfl.ch/media/DisplayWall",
+        "sessions": "/nfs4/bbp.epfl.ch/media/DisplayWall/sessions",
+        "upload": "/nfs4/bbp.epfl.ch/media/DisplayWall/sessionFiles"
+    },
+
+    "background": {
+        "color": "#666666"
+    },
+    "master": {
+        "display": ":0",
+        "host": "localhost",
+	"webservicePort": 8896
+    },
+    "processes": [
+        {
+            "host": "localhost",
+            "screens": [
+                {
+                    "display": ":0",
+                    "y": 50
+                }
+            ]
+        }
+    ],
+    "surfaces": [
+        {
+            "displayHeight": 2160,
+            "displayWidth": 3840,
+            "screenCountY": 1
+        }
+    ]
+}