Replace chromium with nw.js to fix 500px width issue

Author: g3force

rpi/.bash_profile

@@ -5,3 +5,7 @@ then
     startx
   done
 fi
+
+if [ -f ~/.bashrc ]; then
+  . ~/.bashrc
+fi

rpi/.xinitrc

@@ -15,4 +15,7 @@ xrandr --output DSI-1 --rotate right
 xinput set-prop "raspberrypi-ts" --type=float "Coordinate Transformation Matrix" 0 1 0 -1 0 1 0 0 1
 
 # Start browser in kiosk mode
-chromium-browser http://localhost:8083 --start-fullscreen --kiosk --incognito --noerrdialogs --no-first-run --disk-cache-dir=/dev/null
+#chromium-browser http://localhost:8083 --start-fullscreen --kiosk --incognito --noerrdialogs --no-first-run --disk-cache-dir=/dev/null
+
+# Start nw.js
+nwjs ~/nwjs

rpi/Readme.md

@@ -14,3 +14,8 @@ wget -qO- https://github.com/RoboCup-SSL/ssl-remote-control/releases/latest/down
 ./ssl-remote-control/bootstrap.sh
 # Optionally change the team color to BLUE in ~/.local/share/systemd/user/ssl-remote-control.service
 ```
+
+Note: Chromium has a minimum window size of 500px, but the currently used Raspberry PI display is only 480x800px.
+In portrait mode, 20px on the right are cut-off.
+
+As an alternativ, [nw.js](https://docs.nwjs.io/en/latest/) is used. They do not provide arm builds, though, so the nw.js binary is taken from https://github.com/LeonardLaszlo/nw.js-armv7-binaries, specifically from an APT repository: https://github.com/LeonardLaszlo/nw.js-armv7-binaries/issues/47.

rpi/bootstrap.sh

@@ -50,6 +50,15 @@ function installBrowser() {
     cp "${SCRIPT_DIR}/.bash_profile" ~/.bash_profile
 }
 
+function install_nwjs() {
+    sudo apt install apt-transport-https
+    sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys DB348A58A292E9BC
+    echo "deb https://repo.netsyms.com/apt main main" | sudo tee /etc/apt/sources.list.d/netsyms.list
+    sudo apt update
+    mkdir -p ~/nwjs
+    cp "${SCRIPT_DIR}/package.json" ~/nwjs
+}
+
 function configurePi() {
     sudo cp "${SCRIPT_DIR}/config.txt" /boot/config.txt
 }
@@ -58,6 +67,7 @@ updateSystem
 installService
 installRemoteControl
 installBrowser
+install_nwjs
 configurePi
 
 echo "You may need to restart the system to apply some settings. Reboot now? (y/n)"

rpi/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "ssl-remote-control",
+  "main": "http://localhost:8083",
+  "window": {
+    "kiosk": true,
+    "width": 480,
+    "height": 800
+  }
+}