feat(cli): Initial run command for WASM

.github/workflows/build-native.yml

@@ -31,6 +31,9 @@ jobs:
         with:
           toolchain: stable
 
+      - name: Install wasm-pack
+        run: npm install -g wasm-pack
+
       - name: Install Dependencies
         if: matrix.os == 'ubuntu-latest'
         run: |
@@ -53,6 +56,12 @@ jobs:
         run: cargo build
         working-directory: runtime/functor-runtime-desktop
 
+      # Building the web bundle is necessary for the CLI,
+      # since the cli includes the web bundle for dev server
+      - name: Build runtime wasm bundle
+        run: wasm-pack build --target web
+        working-directory: runtime/functor-runtime-web
+
       - name: Build CLI
         run: cargo build
         working-directory: cli

cli/Cargo.toml

@@ -14,3 +14,4 @@ colored = "2.1.0"
 serde_json = "1.0.117"
 tokio = { version = "1", features = ["full"] }
 libloading = "0.8.3"
+warp = "0.3.7"

cli/src/commands/mod.rs

@@ -1,2 +1,3 @@
 pub mod build;
 pub mod develop;
+pub mod run;

cli/src/commands/run.rs

@@ -0,0 +1,21 @@
+use colored::*;
+use std::env;
+use std::io::{self, BufRead, Error};
+use std::path::{Path, PathBuf};
+use std::process::{Command, Stdio};
+use tokio::io::{AsyncBufReadExt, BufReader};
+use tokio::process::Command as TokioCommand;
+
+use crate::util::WasmDevServer;
+use crate::Environment;
+
+pub async fn execute(working_directory: &str, environment: &Environment) -> Result<(), Error> {
+    let cwd_path = Path::new(working_directory);
+    let build_wasm_path = Path::new(&"build-wasm");
+    let build_wasm_wd = cwd_path.join(build_wasm_path);
+
+    match environment {
+        Environment::Native => panic!("not yet implemented"),
+        Environment::Wasm => WasmDevServer::start(build_wasm_wd.to_str().unwrap()).await,
+    }
+}

cli/src/main.rs

@@ -41,6 +41,10 @@ enum Command {
         #[arg(value_enum)]
         environment: Option<Environment>,
     },
+    Run {
+        #[arg(value_enum)]
+        environment: Option<Environment>,
+    },
     Develop,
 }
 
@@ -68,6 +72,9 @@ async fn main() -> tokio::io::Result<()> {
             commands::build::execute(&working_directory_str, &Environment::default(environment))
                 .await
         }
+        Command::Run { environment } => {
+            commands::run::execute(&working_directory_str, &Environment::default(environment)).await
+        }
         Command::Develop => commands::develop::execute(&working_directory_str).await,
     };
     println!("Done");

cli/src/util/mod.rs

@@ -1,2 +1,5 @@
 mod shell_command;
 pub use shell_command::*;
+
+mod wasm_dev_server;
+pub use wasm_dev_server::*;

cli/src/util/wasm_dev_server.rs

@@ -0,0 +1,53 @@
+use std::io;
+
+use warp::{http::Response, Filter};
+
+pub struct WasmDevServer;
+
+const INDEX_HTML: &[u8] = include_bytes!("../../../runtime/functor-runtime-web/index.html");
+const WASM_FILE: &[u8] =
+    include_bytes!("../../../runtime/functor-runtime-web/pkg/functor_runtime_web_bg.wasm");
+const JS_FILE_1: &[u8] =
+    include_bytes!("../../../runtime/functor-runtime-web/pkg/functor_runtime_web.js");
+
+impl WasmDevServer {
+    pub async fn start(working_directory: &str) -> Result<(), io::Error> {
+        let wd = working_directory.to_owned();
+
+        println!("Starting dev server in: {}", wd);
+
+        // Define routes for each file
+        let route_index = warp::path::end()
+            .map(move || {
+                Response::builder()
+                    .header("Content-Type", "text/html")
+                    .body(INDEX_HTML.to_vec())
+            })
+            .boxed();
+
+        let route_js1 = warp::path!("pkg" / "functor_runtime_web.js")
+            .map(|| {
+                Response::builder()
+                    .header("Content-Type", "application/javascript")
+                    .body(JS_FILE_1.to_vec())
+            })
+            .boxed();
+        let route_wasm = warp::path!("pkg" / "functor_runtime_web_bg.wasm")
+            .map(|| {
+                Response::builder()
+                    .header("Content-Type", "application/wasm")
+                    .body(WASM_FILE.to_vec())
+            })
+            .boxed();
+
+        // Route to serve files from the specified working directory
+        let route_filesystem = warp::fs::dir(wd);
+
+        // Combine all routes
+        let static_routes = route_index.or(route_js1).or(route_wasm);
+        let routes = static_routes.or(route_filesystem);
+
+        warp::serve(routes).run(([127, 0, 0, 1], 8080)).await;
+        Ok(())
+    }
+}