feat: build frontend artifacts in OUT_DIR (#154)

Author: TomasArrachea

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## 0.12.1 (2025-11-11)
 
+- Fixed release workflow by storing frontend artifacts in `OUT_DIR` (([#154](https://github.com/0xMiden/miden-faucet/pull/154))).
 - Added `api-public-url` CLI param to fix the backend and frontend communication ([#153](https://github.com/0xMiden/miden-faucet/pull/153)).
 
 ## 0.12.0 (2025-11-10)

bin/faucet/build.rs

@@ -1,24 +1,44 @@
+use std::path::Path;
 use std::process::Command;
+use std::{env, fs};
 
 fn main() {
     println!("cargo:rerun-if-changed=frontend/index.js");
     println!("cargo:rerun-if-changed=frontend/package.json");
     println!("cargo:rerun-if-changed=frontend/package-lock.json");
 
+    let build_dir = env::var("OUT_DIR").expect("OUT_DIR should be set");
+    let target_dir = Path::new(&build_dir).join("frontend");
+
+    fs::create_dir_all(&target_dir).expect("target directory should be created");
+    copy_dir_all(Path::new("frontend"), &target_dir)
+        .expect("frontend directory should be copied to target directory");
+
     let npm_install = Command::new("npm")
         .arg("install")
-        .current_dir("frontend")
+        .current_dir(&target_dir)
         .status()
-        .expect("Failed to execute npm install");
+        .expect("npm install should succeed");
 
     assert!(npm_install.success(), "npm install failed");
 
     let npm_build = Command::new("npm")
         .arg("run")
         .arg("build")
-        .current_dir("frontend")
+        .current_dir(&target_dir)
         .status()
-        .expect("Failed to execute npm run build");
+        .expect("npm run build should succeed");
 
     assert!(npm_build.success(), "npm run build failed");
 }
+
+/// Copy all files from source directory to destination directory. Skips inner directories.
+fn copy_dir_all(src: &Path, dst: &Path) -> std::io::Result<()> {
+    for entry in fs::read_dir(src)? {
+        let entry = entry?;
+        if entry.file_type()?.is_file() {
+            fs::copy(entry.path(), dst.join(entry.file_name()))?;
+        }
+    }
+    Ok(())
+}

bin/faucet/src/frontend.rs

@@ -47,52 +47,52 @@ pub async fn serve_frontend(url: Url, api_public_url: Url, node_url: String) ->
 }
 
 pub async fn get_index_html() -> Html<&'static str> {
-    Html(include_str!(concat!(env!("CARGO_MANIFEST_DIR"), "/frontend/index.html")))
+    Html(include_str!(concat!(env!("OUT_DIR"), "/frontend/index.html")))
 }
 
 pub async fn get_miden_client_web_wasm() -> Response {
     (
         [(header::CONTENT_TYPE, header::HeaderValue::from_static("application/wasm"))],
         include_bytes!(concat!(
-            env!("CARGO_MANIFEST_DIR"),
+            env!("OUT_DIR"),
             "/frontend/node_modules/@demox-labs/miden-sdk/dist/assets/miden_client_web.wasm"
         ),),
     )
         .into_response()
 }
 
 pub async fn get_not_found_html() -> Html<&'static str> {
-    Html(include_str!(concat!(env!("CARGO_MANIFEST_DIR"), "/frontend/not_found.html")))
+    Html(include_str!(concat!(env!("OUT_DIR"), "/frontend/not_found.html")))
 }
 
 pub async fn get_bundle_js() -> JavaScript<&'static str> {
-    JavaScript(include_str!(concat!(env!("CARGO_MANIFEST_DIR"), "/frontend/bundle.js")))
+    JavaScript(include_str!(concat!(env!("OUT_DIR"), "/frontend/bundle.js")))
 }
 
 pub async fn get_index_css() -> Css<&'static str> {
-    Css(include_str!(concat!(env!("CARGO_MANIFEST_DIR"), "/frontend/index.css")))
+    Css(include_str!(concat!(env!("OUT_DIR"), "/frontend/index.css")))
 }
 
 pub async fn get_background() -> Response {
     (
         [(header::CONTENT_TYPE, header::HeaderValue::from_static("image/png"))],
-        include_bytes!(concat!(env!("CARGO_MANIFEST_DIR"), "/frontend/background.png"),),
+        include_bytes!(concat!(env!("OUT_DIR"), "/frontend/background.png"),),
     )
         .into_response()
 }
 
 pub async fn get_wallet_icon() -> Response {
     (
         [(header::CONTENT_TYPE, header::HeaderValue::from_static("image/png"))],
-        include_bytes!(concat!(env!("CARGO_MANIFEST_DIR"), "/frontend/wallet-icon.png"),),
+        include_bytes!(concat!(env!("OUT_DIR"), "/frontend/wallet-icon.png"),),
     )
         .into_response()
 }
 
 pub async fn get_favicon() -> Response {
     (
         [(header::CONTENT_TYPE, header::HeaderValue::from_static("image/x-icon"))],
-        include_bytes!(concat!(env!("CARGO_MANIFEST_DIR"), "/frontend/favicon.ico"),),
+        include_bytes!(concat!(env!("OUT_DIR"), "/frontend/favicon.ico"),),
     )
         .into_response()
 }