Change the UI devapp server to use the standard build scripts

[shankari]

I originally wanted to put all the dependencies into the image instead of
waiting until the container was set up. But different branches could have
different dependencies and may not want to upgrade/downgrade. And putting this
into the container allows us to use the standard build scripts and not have
this bitrot.

This file had
ENV NODE_VERSION 9.4.0
RUN npm install -g npm@6.0.0

We are currently at

export NODE_VERSION=14.7.0
export NPM_VERSION=6.14.8

using the standard scripts, which are regularly tested via CI, allows us to
ensure that this dockerfile stays relevant across the many configurations that
we currently support.

This fixes e-mission/e-mission-docs#657

[shankari]

Tested using the following settings in the docker-compose

diff --git a/examples/em-phone-devapp-serve/docker-compose.livereload.yml b/examples/em-phone-devapp-serve/docker-compose.livereload.yml
index 815d09d..23177bd 100644
--- a/examples/em-phone-devapp-serve/docker-compose.livereload.yml
+++ b/examples/em-phone-devapp-serve/docker-compose.livereload.yml
@@ -1,20 +1,20 @@
 version: "3"
 services:
   devapp-server:
-    image: emission/e-mission-phone.dev.ui-only:latest
+    image: emission/e-mission-phone.dev.ui-only:3.0.0
     environment:
       - PHONE_REPO=https://github.com/e-mission/e-mission-phone.git
       - PHONE_BRANCH=master
       # CHANGEME: enable this for autoreloading
-      # - CHOKIDAR_USEPOLLING=true
+      - CHOKIDAR_USEPOLLING=true
     ports:
       - "3000:3000"
-    # volumes:
+    volumes:
       # specify the host directory where the source code should live
       # If this is ~/e-mission-phone-docker, then you can edit the files at
       # ~/e-mission-phone-docker/e-mission-phone/www/...
       # - ~/e-mission-phone-docker:/src/
       # - CHANGEME:/src/
-      # - /tmp/e-mission-phone-docker:/src/
+      - /tmp/e-mission-phone-docker:/src/

Note that I had to mkdir -p /tmp/e-mission-phone-docker
However, the file permissions seemed fine

$ ls -al /tmp/e-mission-phone-docker
total 0
drwxr-xr-x    3 kshankar  wheel    96 Aug  5 21:35 .
drwxrwxrwt  135 root      wheel  4320 Aug  6 22:33 ..
drwxr-xr-x   32 kshankar  wheel  1024 Aug  5 23:02 e-mission-phone

[shankari]

Live reload works, including hitting breakpoints in the code.

[asiripanich]

Would this work if I run the emulator but edit code on a code editor that is not Android Studio? Would be good if you can explain how you run live reload.

[asiripanich]

Ok, so the auto reload works fine on the master branch.. Let me try again on rciti1.

[shankari]

You probably saw this, but you can edit the files with any editor and it will work. For the example above, I edited the files using vim. The large screen on the right is chrome, which is connected to the app and being used for debugging.