fix: enable WASM build for egui web UI and fix MIME types

Gate native-only dependencies (tokio, axum, teloxide) behind
cfg(not(wasm32)) so localgpt-server compiles for wasm32 target.
Add getrandom wasm_js support, enable glow rendering backend for
eframe, fix egui 0.33 API changes, and add explicit MIME type
overrides for .js and .wasm files served by the embedded HTTP server.

Author: yiwang

Cargo.lock

@@ -10,11 +10,16 @@ description = "LocalGPT HTTP server and Telegram bot"
 crate-type = ["cdylib", "rlib"]
 
 [dependencies]
+serde = { workspace = true }
+serde_json = { workspace = true }
+
+# Egui web UI (optional)
+eframe = { version = "0.33", optional = true, default-features = false, features = ["glow"] }
+
+[target.'cfg(not(target_arch = "wasm32"))'.dependencies]
 localgpt-core = { workspace = true }
 
 tokio = { workspace = true }
-serde = { workspace = true }
-serde_json = { workspace = true }
 tracing = { workspace = true }
 chrono = { workspace = true }
 anyhow = { workspace = true }
@@ -36,14 +41,15 @@ teloxide = { version = "0.17", features = ["macros"] }
 tokio-stream = "0.1"
 async-stream = "0.3"
 
-# Egui web UI (optional)
-eframe = { version = "0.33", optional = true, default-features = false }
-
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 wasm-bindgen = "0.2"
 wasm-bindgen-futures = "0.4"
 web-sys = { version = "0.3", features = ["HtmlCanvasElement", "Window", "Document"] }
 console_error_panic_hook = "0.1"
+getrandom = { version = "0.3", features = ["wasm_js"] }
+
+[package.metadata.wasm-pack.profile.release]
+wasm-opt = false
 
 [features]
 default = []

crates/server/Cargo.toml

@@ -356,12 +356,14 @@ async fn serve_ui_file(Path(path): Path<String>) -> Response {
 fn serve_ui_asset(path: &str) -> Response {
     match UiAssets::get(path) {
         Some(content) => {
-            let mime = mime_guess::from_path(path).first_or_octet_stream();
-            (
-                [(header::CONTENT_TYPE, mime.as_ref())],
-                content.data.to_vec(),
-            )
-                .into_response()
+            let mime = match path.rsplit('.').next() {
+                Some("js") => "application/javascript".to_string(),
+                Some("wasm") => "application/wasm".to_string(),
+                _ => mime_guess::from_path(path)
+                    .first_or_octet_stream()
+                    .to_string(),
+            };
+            ([(header::CONTENT_TYPE, mime)], content.data.to_vec()).into_response()
         }
         None => (StatusCode::NOT_FOUND, "Not found").into_response(),
     }

crates/server/src/http.rs

@@ -1,10 +1,14 @@
+#[cfg(not(target_arch = "wasm32"))]
 mod http;
+#[cfg(not(target_arch = "wasm32"))]
 pub mod telegram;
+#[cfg(not(target_arch = "wasm32"))]
 mod websocket;
 
 #[cfg(feature = "egui-web")]
 pub mod web;
 
+#[cfg(not(target_arch = "wasm32"))]
 pub use http::Server;
 
 // WASM entry point for egui web UI
@@ -16,7 +20,7 @@ use wasm_bindgen::prelude::*;
 pub async fn start_web_ui(canvas_id: &str) -> Result<(), wasm_bindgen::JsValue> {
     // Redirect `log` message to `console.log` and friends:
     console_error_panic_hook::set_once();
-    
+
     let web_options = eframe::WebOptions::default();
 
     let document = web_sys::window()

crates/server/src/lib.rs

@@ -47,23 +47,23 @@ impl eframe::App for WebApp {
             ui.horizontal(|ui| {
                 ui.heading("LocalGPT");
                 ui.separator();
-                
+
                 // Status indicator
                 let status_color = if self.status.connected {
                     egui::Color32::GREEN
                 } else {
                     egui::Color32::RED
                 };
                 ui.colored_label(status_color, "●");
-                
+
                 ui.label(format!("Model: {}", self.status.model));
-                
+
                 ui.with_layout(egui::Layout::right_to_left(egui::Align::Center), |ui| {
                     if ui.button("New Session").clicked() {
                         self.messages.clear();
                         self.session_id = None;
                     }
-                    
+
                     if let Some(ref id) = self.session_id {
                         // Safe truncation that respects UTF-8 character boundaries
                         let truncated: String = id.chars().take(8).collect();
@@ -107,7 +107,7 @@ impl eframe::App for WebApp {
                         .hint_text("Type a message..."),
                 );
 
-                let enter_without_shift = input_response.has_focus() 
+                let enter_without_shift = input_response.has_focus()
                     && ui.input(|i| i.key_pressed(egui::Key::Enter) && !i.modifiers.shift);
 
                 if ui.button("Send").clicked() || enter_without_shift {
@@ -127,10 +127,10 @@ impl WebApp {
             egui::Color32::from_rgb(30, 50, 40)
         };
 
-        egui::Frame::none()
+        egui::Frame::NONE
             .fill(bg_color)
-            .inner_margin(egui::Margin::same(10.0))
-            .corner_radius(egui::CornerRadius::same(5.0))
+            .inner_margin(egui::Margin::same(10))
+            .corner_radius(egui::CornerRadius::same(5))
             .show(ui, |ui| {
                 ui.horizontal(|ui| {
                     let role_color = if msg.role == "user" {