✨ Add watch script wasm (#5711)

* ✨ Add watch script wasm

* ♻️ Extract common build params for build and watch scripts

render-wasm/Cargo.toml

@@ -15,5 +15,8 @@ gl = "0.14.0"
 skia-safe = { version = "0.80.1", default-features = false, features = ["gl", "svg", "textlayout", "binary-cache"]}
 uuid = { version = "1.11.0", features = ["v4"] }
 
+[dev-dependencies]
+cargo-watch = "8.5.3"
+
 [profile.release]
 opt-level = "s"

render-wasm/_build_env

@@ -0,0 +1,36 @@
+#!/usr/bin/env bash
+
+if [ "$NODE_ENV" = "production" ];  then
+    export _BUILD_MODE="release";
+else
+    export _BUILD_MODE=${1:-debug};
+fi
+
+export EMCC_CFLAGS="--no-entry \
+    -Os \
+    -sASSERTIONS=1 \
+    -sALLOW_TABLE_GROWTH=1 \
+    -sALLOW_MEMORY_GROWTH=1 \
+    -sENVIRONMENT=web \
+    -sERROR_ON_UNDEFINED_SYMBOLS=0 \
+    -sMAX_WEBGL_VERSION=2 \
+    -sMODULARIZE=1 \
+    -sEXPORT_NAME=createRustSkiaModule \
+    -sEXPORTED_RUNTIME_METHODS=GL,stringToUTF8 \
+    -sEXPORT_ES6=1"
+
+EMSDK_QUIET=1 . /usr/local/emsdk/emsdk_env.sh;
+. /usr/local/cargo/env
+
+export EM_CACHE="/tmp/emsdk_cache";
+
+_SCRIPT_DIR=$(dirname $0);
+_CARGO_PARAMS="--target=wasm32-unknown-emscripten";
+
+if [ "$_BUILD_MODE" = "release" ]; then
+    _CARGO_PARAMS="--release $_CARGO_PARAMS"
+fi
+
+export _CARGO_PARAMS;
+
+export SKIA_BINARIES_URL="https://github.com/penpot/skia-binaries/releases/download/0.80.1-1/skia-binaries-9e7d2684a17084095aef-wasm32-unknown-emscripten-gl-svg-textlayout.tar.gz"

render-wasm/build

@@ -1,40 +1,9 @@
 #!/usr/bin/env bash
 
-if [ "$NODE_ENV" = "production" ];  then
+. ./_build_env 
-    export _BUILD_MODE="release";
-else
-    export _BUILD_MODE=${1:-debug};
-fi
-
-export EMCC_CFLAGS="--no-entry \
-    -Os \
-    -sASSERTIONS=1 \
-    -sALLOW_TABLE_GROWTH=1 \
-    -sALLOW_MEMORY_GROWTH=1 \
-    -sENVIRONMENT=web \
-    -sERROR_ON_UNDEFINED_SYMBOLS=0 \
-    -sMAX_WEBGL_VERSION=2 \
-    -sMODULARIZE=1 \
-    -sEXPORT_NAME=createRustSkiaModule \
-    -sEXPORTED_RUNTIME_METHODS=GL,stringToUTF8 \
-    -sEXPORT_ES6=1"
-
-EMSDK_QUIET=1 . /usr/local/emsdk/emsdk_env.sh;
-. /usr/local/cargo/env
-
-export EM_CACHE="/tmp/emsdk_cache";
 
 set -x
 
-_SCRIPT_DIR=$(dirname $0);
-_CARGO_PARAMS="--target=wasm32-unknown-emscripten";
-
-if [ "$_BUILD_MODE" = "release" ]; then
-    _CARGO_PARAMS="--release $_CARGO_PARAMS"
-fi
-
-export SKIA_BINARIES_URL="https://github.com/penpot/skia-binaries/releases/download/0.80.1-1/skia-binaries-9e7d2684a17084095aef-wasm32-unknown-emscripten-gl-svg-textlayout.tar.gz"
-
 pushd $_SCRIPT_DIR;
 cargo build $_CARGO_PARAMS
 

render-wasm/watch

@@ -0,0 +1,15 @@
+#!/usr/bin/env bash
+
+. ./_build_env 
+
+set -x
+
+pushd $_SCRIPT_DIR;
+cargo watch \
+      -x "build $_CARGO_PARAMS" \
+      -s "cp target/wasm32-unknown-emscripten/$_BUILD_MODE/render_wasm.js ../frontend/resources/public/js/" \
+      -s "cp target/wasm32-unknown-emscripten/$_BUILD_MODE/render_wasm.wasm ../frontend/resources/public/js/" \
+      -s "sed -i 's/render_wasm.wasm/render_wasm.wasm?version=develop/g' ../frontend/resources/public/js/render_wasm.js" \
+      -s "echo 'DONE\n'";
+
+popd