feat: remove web-client (#158)

Author: TomasArrachea

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 0.12.2 (2025-11-12)
+
+- Removed the web-client to improve frontend loading time ([#158](https://github.com/0xMiden/miden-faucet/pull/158)).
+
 ## 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))).

Cargo.lock

@@ -12,7 +12,7 @@ license      = "MIT"
 readme       = "README.md"
 repository   = "https://github.com/0xMiden/miden-faucet"
 rust-version = "1.90"
-version      = "0.12.1"
+version      = "0.12.2"
 
 # Optimize the cryptography for faster tests involving account creation.
 [profile.test.package.miden-crypto]

Cargo.toml

@@ -1,6 +1,5 @@
 import { MidenWalletAdapter } from "@demox-labs/miden-wallet-adapter-miden";
 import { PrivateDataPermission, WalletAdapterNetwork } from "@demox-labs/miden-wallet-adapter-base";
-import { Endpoint, NoteId, RpcClient } from "@demox-labs/miden-sdk";
 import { Utils } from './utils.js';
 import { UIController } from './ui.js';
 import { getConfig, getMetadata, getPowChallenge, getTokens, get_note } from "./api.js";
@@ -11,7 +10,6 @@ export class MidenFaucetApp {
         this.tokenAmountOptions = [100, 500, 1000];
         this.metadataInitialized = false;
         this.apiUrl = null;
-        this.rpcClient = null;
         this.baseAmount = null;
         this.powLoadDifficulty = null;
 
@@ -30,7 +28,6 @@ export class MidenFaucetApp {
         try {
             let config = await getConfig();
             this.apiUrl = config.api_url;
-            this.rpcClient = new RpcClient(new Endpoint(config.node_url));
             this.setupEventListeners();
             this.startMetadataPolling();
         } catch (error) {
@@ -86,15 +83,10 @@ export class MidenFaucetApp {
             const nonce = await this.findValidNonce(powData.challenge, powData.target);
 
             this.ui.updateMintingTitle('MINTING TOKENS');
-            this.ui.updateProgressBar(33);
+            this.ui.updateProgressBar(50);
 
             const getTokensResponse = await getTokens(this.apiUrl, powData.challenge, nonce, recipient, amount, isPrivateNote);
 
-            this.ui.updateMintingTitle('CONFIRMING TRANSACTION');
-            this.ui.updateProgressBar(66);
-
-            await this.pollNote(getTokensResponse.note_id);
-
             this.ui.showCompletedModal(
                 recipient,
                 amountAsTokens,
@@ -193,54 +185,6 @@ export class MidenFaucetApp {
         }
     }
 
-    pollNote(noteId) {
-        return new Promise((resolve, reject) => {
-            // Poll every 500ms for the first 10 seconds, then every 1s for the next 30 seconds, then every 5s.
-            let currentInterval = 500;
-            let pollInterval;
-            let elapsedTime = 0;
-            // Timeout after 5 minutes
-            const timeout = 300000;
-            let timeoutId;
-
-            const poll = async () => {
-                try {
-                    const note = await this.rpcClient.getNotesById([NoteId.fromHex(noteId)]);
-                    if (note && note.length > 0) {
-                        clearInterval(pollInterval);
-                        clearTimeout(timeoutId);
-                        resolve();
-                        return;
-                    }
-
-                    elapsedTime += currentInterval;
-
-                    if (elapsedTime <= 10000) {
-                        currentInterval = 500;
-                    } else if (elapsedTime <= 40000) {
-                        currentInterval = 1000;
-                    } else {
-                        currentInterval = 5000;
-                    }
-
-                    // Update the interval
-                    clearInterval(pollInterval);
-                    pollInterval = setInterval(poll, currentInterval);
-                } catch (error) {
-                    console.error('Error polling for note:', error);
-                    clearInterval(pollInterval);
-                    clearTimeout(timeoutId);
-                    reject('Error fetching note confirmation.');
-                }
-            };
-            pollInterval = setInterval(poll, currentInterval);
-            timeoutId = setTimeout(() => {
-                clearInterval(pollInterval);
-                reject(new Error('Timeout while waiting for tx to be committed. Please try again later.'));
-            }, timeout);
-        });
-    }
-
     async findValidNonce(challenge, target) {
         let nonce = 0;
         let targetNum = BigInt(target);

bin/faucet/frontend/app.js

@@ -14,8 +14,7 @@
   "license": "MIT",
   "dependencies": {
     "@demox-labs/miden-wallet-adapter-base": "^0.7.0",
-    "@demox-labs/miden-wallet-adapter-miden": "^0.7.0",
-    "@demox-labs/miden-sdk": "^0.12"
+    "@demox-labs/miden-wallet-adapter-miden": "^0.7.0"
   },
   "devDependencies": {
     "esbuild": "^0.25.11"

bin/faucet/frontend/package.json

@@ -30,8 +30,6 @@ pub async fn serve_frontend(url: Url, api_public_url: Url, node_url: String) ->
         .route("/wallet-icon.png", get(get_wallet_icon))
         .route("/favicon.ico", get(get_favicon))
         .route("/config.json", get(config_json))
-        // TODO: this is a hacky way of making the web-client work. Ideally the wasm file should be included in the bundle.
-        .route("/assets/miden_client_web.wasm", get(get_miden_client_web_wasm))
         .fallback(get(get_not_found_html));
 
     let listener = url
@@ -50,17 +48,6 @@ pub async fn get_index_html() -> Html<&'static str> {
     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!("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!("OUT_DIR"), "/frontend/not_found.html")))
 }

bin/faucet/src/frontend.rs

@@ -640,6 +640,7 @@ mod tests {
                     None,
                     None,
                     None,
+                    None,
                 )
                 .await
                 .unwrap();