From c4b27b8a7bb4d7b1073dd432fba6f729cfebf159 Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Wed, 30 Apr 2025 23:19:34 -0400
Subject: [PATCH] Fix the web version for the new API

---
 src/lib.rs     |  9 +++++++++
 web/index.html | 30 +++++++++++++++++++++---------
 2 files changed, 30 insertions(+), 9 deletions(-)

diff --git a/src/lib.rs b/src/lib.rs
index 5e409c4..e5822c7 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -392,3 +392,12 @@ pub async extern "C" fn archive_character_base64(
         .map(|x| BASE64_STANDARD.encode(x))?;
     return Ok(format!("data:application/octet-stream;charset=utf-16le;base64,{buf}").into());
 }
+
+#[cfg(target_family = "wasm")]
+#[wasm_bindgen]
+pub async extern "C" fn search_for_character(name: &str) -> Option<u64> {
+    #[cfg(feature = "debug")]
+    console_error_panic_hook::set_once();
+
+    search_character(name).await
+}
diff --git a/web/index.html b/web/index.html
index fe11f30..6ae84ab 100644
--- a/web/index.html
+++ b/web/index.html
@@ -5,19 +5,31 @@
         <meta charset="utf-8"/>
         <title>Auracite</title>
         <script type="module">
-            import init, {archive_character_base64} from "./pkg/auracite.js";
+            import init, {archive_character_base64, search_for_character} from "./pkg/auracite.js";
 
             function archive() {
                 init().then(() => {
-                    archive_character_base64(document.getElementById("name").value, document.getElementById("scales").checked).then((uri) => {
-                        // Download character archive
-                        var link = document.createElement('a');
-                        link.download = document.getElementById("name").value + ".zip";
-                        link.href = uri;
-                        link.click();
-                        document.getElementById("statusMessage").innerText = "Archive complete!";
+                    console.debug("Auracite initialized successfully!");
+
+                    let name = document.getElementById("name").value;
+
+                    search_for_character(name).then((id) => {
+                        console.debug("Lodestone id for " + name + ": " + id);
+
+                        archive_character_base64(id, document.getElementById("scales").checked).then((uri) => {
+                            console.debug("Archive complete!");
+
+                            // Download character archive
+                            var link = document.createElement('a');
+                            link.download = name + ".zip";
+                            link.href = uri;
+                            link.click();
+                            document.getElementById("statusMessage").innerText = "Archive complete!";
+                        }).catch((err) => {
+                            document.getElementById("statusMessage").innerText = err;
+                        });
                     }).catch((err) => {
-                        document.getElementById("statusMessage").innerText = err;
+                        document.getElementById("statusMessage").innerText = "No character found!";
                     });
                 });
             }