Debug/container frontend dev (#330)

* Devcontainer.json update for local UI development

* Build war and fatJar on Docker build:

Author: GondekNP

.devcontainer/Dockerfile

@@ -22,6 +22,12 @@ RUN .devcontainer/scripts/on_build/install_gradle.sh
 # Install VisualVM for profiling
 RUN .devcontainer/scripts/on_build/install_visualvm.sh
 
+# Install third-party dependencies for the local UI server
+RUN cd editor/third_party && bash install_deps.sh
+
+# Build WASM and fat JAR so the server is ready to run immediately
+RUN ./gradlew war && bash editor/war/get_from_jar.sh && ./gradlew fatJar
+
 # Add josh_validator and other interactive scripts to PATH, to be able to run them from anywhere
 ENV PATH="/workspaces/josh/.devcontainer/scripts/interactive:${PATH}"
 

.devcontainer/devcontainer.json

@@ -26,5 +26,12 @@
                 "visualvm.installation.visualvmPath": "/opt/visualvm"
             }
         }
+    },
+    "forwardPorts": [8085],
+    "portsAttributes": {
+        "8085": {
+            "label": "JoshSim Server",
+            "onAutoForward": "notify"
+        }
     }
 }

README.md

@@ -133,6 +133,8 @@ This will start a local web server which makes the UI available via your browser
 ### Containerized usage
 Containerization through [Docker](https://www.docker.com) and [Development Containers](https://containers.dev) can help you move your work from one computer to the next with ease. Please see our `Dockerfile` and `devcontainer.json`.
 
+In order to serve the local UI from inside the dev container, simply run `./gradlew war` and `./gradlew fatJar` prior to running the local server with the command above. 
+
 ### Distributed usage
 Distributing workloads is easy. Simply deploy either our jar file or container to a serverless solution like [Lambda](https://aws.amazon.com/lambda/) / [CloudRun](https://cloud.google.com/run) or submit on your own cluster via [Kubernetes](https://kubernetes.io). 
 

editor/third_party/install_deps.sh

@@ -1,23 +1,68 @@
-[ ! -e publicsans ] && mkdir publicsans
+#!/bin/bash
+set -e
 
-[ ! -e publicsans/public-sans-v2.001.zip ] && wget https://github.com/uswds/public-sans/releases/download/v2.001/public-sans-v2.001.zip -O publicsans/public-sans-v2.001.zip
+if [ ! -e publicsans ]; then
+  mkdir publicsans
+fi
+
+if [ ! -e publicsans/public-sans-v2.001.zip ]; then
+  wget https://github.com/uswds/public-sans/releases/download/v2.001/public-sans-v2.001.zip -O publicsans/public-sans-v2.001.zip
+fi
 
 if [ ! -e publicsans/fonts/otf/PublicSans-Regular.otf ]; then
   cd publicsans
   unzip public-sans-v2.001.zip
   cd ..
 fi
 
-[ ! -e ace.min.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ace.min.js -O ace.min.js
-[ ! -e theme-textmate.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/theme-textmate.min.js -O theme-textmate.js
-[ ! -e theme-textmate-css.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/theme-textmate-css.min.js -O theme-textmate-css.js
-[ ! -e ext-searchbox.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ext-searchbox.js -O ext-searchbox.js
-[ ! -e ext-options.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ext-options.js -O ext-options.js
-[ ! -e ext-prompt.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ext-prompt.js -O ext-prompt.js
-[ ! -e ext-language_tools.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ext-language_tools.js -O ext-language_tools.js
-[ ! -e tabby-ui.min.css ] && wget https://cdn.jsdelivr.net/gh/cferdinandi/tabby@12.0.3/dist/css/tabby-ui.min.css -O tabby-ui.min.css
-[ ! -e tabby.min.js ] && wget https://cdn.jsdelivr.net/gh/cferdinandi/tabby@12.0.3/dist/js/tabby.min.js -O tabby.min.js
-[ ! -e d3.min.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/d3/7.9.0/d3.min.js -O d3.min.js
-[ ! -e math.min.js ] && wget https://cdnjs.cloudflare.com/ajax/libs/mathjs/14.2.1/math.min.js -O math.min.js
-[ ! -e popper.min.js ] && wget https://unpkg.com/@popperjs/core@2 -O popper.min.js
-[ ! -e tippy.min.js ] && wget https://unpkg.com/tippy.js@6 -O tippy.min.js
+if [ ! -e ace.min.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ace.min.js -O ace.min.js
+fi
+
+if [ ! -e theme-textmate.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/theme-textmate.min.js -O theme-textmate.js
+fi
+
+if [ ! -e theme-textmate-css.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/theme-textmate-css.min.js -O theme-textmate-css.js
+fi
+
+if [ ! -e ext-searchbox.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ext-searchbox.js -O ext-searchbox.js
+fi
+
+if [ ! -e ext-options.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ext-options.js -O ext-options.js
+fi
+
+if [ ! -e ext-prompt.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ext-prompt.js -O ext-prompt.js
+fi
+
+if [ ! -e ext-language_tools.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ext-language_tools.js -O ext-language_tools.js
+fi
+
+if [ ! -e tabby-ui.min.css ]; then
+  wget https://cdn.jsdelivr.net/gh/cferdinandi/tabby@12.0.3/dist/css/tabby-ui.min.css -O tabby-ui.min.css
+fi
+
+if [ ! -e tabby.min.js ]; then
+  wget https://cdn.jsdelivr.net/gh/cferdinandi/tabby@12.0.3/dist/js/tabby.min.js -O tabby.min.js
+fi
+
+if [ ! -e d3.min.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/d3/7.9.0/d3.min.js -O d3.min.js
+fi
+
+if [ ! -e math.min.js ]; then
+  wget https://cdnjs.cloudflare.com/ajax/libs/mathjs/14.2.1/math.min.js -O math.min.js
+fi
+
+if [ ! -e popper.min.js ]; then
+  wget https://unpkg.com/@popperjs/core@2 -O popper.min.js
+fi
+
+if [ ! -e tippy.min.js ]; then
+  wget https://unpkg.com/tippy.js@6 -O tippy.min.js
+fi