Make it run in wasm

.cargo/config.toml

@@ -0,0 +1,2 @@
+[target.wasm32-unknown-unknown]
+rustflags = ['--cfg', 'getrandom_backend="wasm_js"']

Cargo.lock

@@ -953,9 +953,11 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "73fea8450eea4bac3940448fb7ae50d91f034f941199fcd9d909a5a07aa455f0"
 dependencies = [
  "cfg-if",
+ "js-sys",
  "libc",
  "r-efi",
  "wasi 0.14.2+wasi-0.2.4",
+ "wasm-bindgen",
 ]
 
 [[package]]
@@ -1350,6 +1352,7 @@ dependencies = [
  "egui_glow 0.31.1 (registry+https://github.com/rust-lang/crates.io-index)",
  "env_logger",
  "eyre",
+ "getrandom 0.3.2",
  "half",
  "insta",
  "log",
@@ -1357,6 +1360,7 @@ dependencies = [
  "rfd",
  "serde",
  "wasm-bindgen-futures",
+ "web-sys",
  "zerocopy 0.8.25",
 ]
 

Cargo.toml

@@ -30,9 +30,12 @@ base64 = "0.22.1"
 
 [target.'cfg(not(target_arch = "wasm32"))'.dependencies]
 env_logger = "0.11.8"
+rand = "0.9.1"
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
+getrandom = { version = "0.3", features = ["wasm_js"] }
 wasm-bindgen-futures = "0.4.50"
+web-sys = "0.3.77"
 
 [patch.crates-io]
 egui =   { git = "https://github.com/emilk/egui", rev = "f2ce6424f3a32f47308fb9871d540c01377b2cd9" }

src/app.rs

@@ -2,7 +2,6 @@ use std::{
     fs,
     path::PathBuf,
     sync::{Arc, mpsc},
-    thread,
 };
 
 use crate::{file_editor::FileEditor, preferences::Preferences, util::GuiSender};
@@ -204,9 +203,10 @@ impl eframe::App for App {
                         self.open_tab(Tab::File(file));
                     }
 
+                    #[cfg(not(target_arch = "wasm32"))]
                     if ui.button("Open File").clicked() {
                         let actions_tx = self.actions_tx(ui.ctx());
-                        thread::spawn(move || {
+                        std::thread::spawn(move || {
                             let file = rfd::FileDialog::new().pick_file();
 
                             let Some(file_path) = file else { return };
@@ -263,6 +263,7 @@ impl eframe::App for App {
                         }
                     }
 
+                    #[cfg(not(target_arch = "wasm32"))]
                     if ui
                         .add_enabled(open_file.is_some(), Button::new("Save As"))
                         .clicked()

src/main.rs

@@ -49,7 +49,7 @@ fn main() {
             .start(
                 canvas,
                 web_options,
-                Box::new(|cc| Ok(Box::new(eframe_template::TemplateApp::new(cc)))),
+                Box::new(|cc| Ok(Box::new(inkr::App::new(cc)))),
             )
             .await;
 

src/painting.rs

@@ -3,7 +3,6 @@ use std::{
     iter, mem,
     str::FromStr,
     sync::Arc,
-    time::Instant,
 };
 
 use base64::{Engine, prelude::BASE64_STANDARD};
@@ -436,7 +435,8 @@ impl Handwriting {
 
         self.refresh_texture = false;
 
-        let start_time = Instant::now();
+        #[cfg(not(target_arch = "wasm32"))]
+        let start_time = std::time::Instant::now();
 
         let mut tesselator = Tessellator::new(
             mesh_context.pixels_per_point,
@@ -468,8 +468,11 @@ impl Handwriting {
         self.image = rasterize::<StrokeBlendMode>(px_x, px_y, point_to_pixel, triangles);
         texture.set(self.image.clone(), Default::default());
 
-        let elapsed = start_time.elapsed();
+        #[cfg(not(target_arch = "wasm32"))]
-        println!("refreshed mesh in {:.3}s", elapsed.as_secs_f32());
+        {
+            let elapsed = start_time.elapsed();
+            println!("refreshed mesh in {:.3}s", elapsed.as_secs_f32());
+        }
     }
 
     pub fn ui(&mut self, style: &HandwritingStyle, ui: &mut Ui) {