code review

ui/craco.config.js

@@ -25,6 +25,7 @@ const wasmPlugin = {
  outDir: path.resolve(__dirname, "./src/wasm"),
  })
  );
+ console.log(webpackConfig);
  return webpackConfig;
  },
  },

ui/src/components/settings/index.tsx

@@ -1,17 +1,13 @@
 import React, { useState, useEffect } from "react";
-import { useWasm, useTakeEffect } from "../../utils/wasm";
+import * as Wasm from "../../wasm";
 import "./style.css";
 
 const Settings: React.FC = () => {
- const wasm = useWasm();
+ const wasm = Wasm.use();
  const [settings, setSettings] = useState("");
 
- // useTakeEffect(() => {
- // wasm.set_settings("asd");
- // }, [wasm]);
-
- useTakeEffect(() => {
- setSettings("{}");
+ Wasm.useEffect(() => {
+ wasm.set_settings("asd");
  }, [wasm]);
 
  const onSubmit = (e: any) => {

wasm/Cargo.toml

@@ -3,6 +3,7 @@ name = "instacam-wasm"
 version = "0.1.0"
 authors = ["Miguel Palhas <[email protected]>"]
 edition = "2018"
+wasm-opt = false
 
 [lib]
 crate-type = ["cdylib", "rlib"]
@@ -32,3 +33,4 @@ wasm-bindgen-test = "0.3.13"
 [profile.release]
 # Tell `rustc` to optimize for small code size.
 opt-level = "s"
+

wasm/src/lib.rs

@@ -15,11 +15,6 @@ extern "C" {
 }
 
 #[wasm_bindgen]
-pub fn getSettings(settings: &str) -> String {
- "{}".into()
-}
-
-#[wasm_bindgen]
-pub fn setSettings(settings: &str) {
+pub fn set_settings(settings: &str) {
  js_log(format!("Hello, instacam-ui from wasm! {}", settings).as_str());
 }