Add a Dockerfile (#6)

* emcc using custom cache directory for permissions reasons

* ignoring a build artifact

* Dockerized!

* little addition to readme

* why is this in the repo??

* keep track of the validator compile product

* this cache is temporary

* json cleanup and no longer serving from devbox

* now passing build artifacts to new image for serving

* no longer using cache directory in repo

* updated to match new docker build process

* trimming down the devbox configuration

* Dockerfile with multiple targets for flexibility

* setting emscripten cache to writeable local directory
- emscripten and nix don't play nice together; this seems to be a/the common workaround NixOS/nixpkgs#139943

* only installing rust stuff if necessary

* simpler checks

---------

Co-authored-by: Shane Liesegang <[email protected]>

Author: piovere

.gitignore

@@ -2,6 +2,7 @@
 
 /.vscode
 /.envrc
+/.emscripten_cache
 /node_modules
 
 

Dockerfile

@@ -0,0 +1,16 @@
+FROM jetpackio/devbox:latest AS base
+WORKDIR /code
+USER root:root
+RUN mkdir -p /code && chown ${DEVBOX_USER}:${DEVBOX_USER} /code
+USER ${DEVBOX_USER}:${DEVBOX_USER}
+
+FROM base as dev
+CMD ["devbox", "shell"]
+
+FROM base as build
+WORKDIR /code
+COPY --chown=${DEVBOX_USER}:${DEVBOX_USER} . .
+RUN devbox run build
+
+FROM caddy:2-alpine as serve
+COPY --from=build /code/frontend/build/ /usr/share/caddy/

README.md

@@ -14,12 +14,47 @@ The [documentation can also be useful](./docs/), or maybe just [the development
 
 It's a big ole monorepo. Sorry about that; it's what happens when a proof-of-concept just grows organically. I presumptively registered a [wasmbots org on GitHub](https://github.com/wasmbots) just in case this becomes A Thing™ in which case I'll split things out more productively. 
 
-Prereqs on macOS; modify this appropriately if you're using something else: 
+
+### Devbox
+You can always build and run with [devbox](https://www.jetify.com/devbox). ([Installation instructions are here.](https://www.jetify.com/docs/devbox/installing_devbox/)) 
+
+Run `devbox shell` to be in a usable environment where you can run 
+
+
+### Docker
+The [Dockerfile](./Dockerfile) just pipes everything through devbox, but makes it a little more turnkey, especially if you're already a Docker user. 
+
+```sh
+# produces a container with a built frontend, 
+#   including example bots, served with Caddy
+docker build -t wasmbots .
+
+# to actually get it serving:
+docker run -d -p 8080:80 wasmbots
+# Then look for it in your favorite browser at:
+#   `http://localhost:8080`
+#   (change out the port number to whatever you want)
 ```
-brew install deno wabt rust zig emscripten node go tinygo-org/tools/tinygo
+
+```sh
+# this will drop you into a shell within the container
+#   where all the tools are installed and paths are set
+#   and everything. 
+docker build --target dev -t wasmbots-dev .
+docker run -it -v $PWD:/code wasmbots-dev
+```
+
+
+### Manual Installation
+If you don't want to install a whole other package manager, here's what I (used to) use to get up and running with [Homebrew](https://brew.sh/) on macOS. Modify appropriately if you're using something else. 
+
+
+```sh
+brew install deno node wabt emscripten rust zig go tinygo-org/tools/tinygo
 ```
 
-At the moment you can verify everything is working as expected by running:
+### Simple Checks
+Regardless of how you get your dev environment running, you can verify everything is working as expected by running:
 
 ```
 ./scripts/_build_wasms.sh

devbox.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://raw.githubusercontent.com/jetify-com/devbox/0.13.7/.schema/devbox.schema.json",
+  "packages": [
+    "rsync@latest",
+    "deno@latest",
+    "gnumake@latest",
+    "nodejs@latest",
+    "wabt@latest",
+    "binaryen@latest",
+    "llvm@latest",
+    "emscripten@latest",
+    "rustup@latest",
+    "libiconv@latest",
+    "zig@latest",
+    "go@latest",
+    "tinygo@latest"
+  ],
+  "env": {
+    "EM_CACHE": "$DEVBOX_PROJECT_ROOT/.emscripten_cache"
+  },
+  "shell": {
+    "init_hook": [
+      "bash -c 'if [ ! -d $RUSTUP_HOME/toolchains/stable* ]; then rustup default stable; fi'",
+      "bash -c 'if [ ! -d $RUSTUP_HOME/toolchains/stable*/lib/rustlib/wasm32-unknown-unknown ]; then rustup target add wasm32-unknown-unknown; fi'",
+      "echo '\n🤖 WasmBots devbox environment loaded!'"
+    ],
+    "scripts": {
+      "build": [
+        "cd validator && make install && cd ..",
+        "/bin/bash scripts/_build_wasms.sh",
+        "/bin/bash scripts/_validate_wasms.sh",
+        "cd frontend && npm install && cd ..",
+        "cd frontend && WASMBOTS_BASE=\"\" npm run build"
+      ]
+    }
+  }
+}