wasm

Cargo.toml

@@ -4,7 +4,11 @@ version = "0.1.0"
 authors = ["Nuria <nuria@codegram.com>"]
 edition = "2018"
 
+[lib]
+crate-type = ["cdylib", "rlib"]
+
 [dependencies]
+wasm-bindgen = "0.2.50"
 rand = "0.6"
 colored = "1.8"
 regex = "1"

frontend/App.svelte

@@ -0,0 +1,28 @@
+<script>
+  let stats;
+
+  import("../pkg").then(({ Stats, decrease_stats }) => {
+    stats = Stats.new();
+
+    let start = null;
+
+    const handleStats = timestamp => {
+      const elapsedTime = timestamp - start;
+      start = timestamp;
+      decrease_stats(stats, elapsedTime / 1000);
+      stats = stats; // pffffff
+      window.requestAnimationFrame(handleStats);
+    };
+
+    window.requestAnimationFrame(handleStats);
+  });
+</script>
+
+{#if stats}
+  <ul>
+    <li>🍗 {stats.food.value}</li>
+    <li>💧 {stats.water.value}</li>
+    <li>⚡️ {stats.energy.value}</li>
+    <li>❤️ {stats.health.value}</li>
+  </ul>
+{/if}

frontend/main.js

@@ -0,0 +1,9 @@
+import App from "./App.svelte";
+
+const app = new App({
+  target: document.body
+});
+
+window.app = app;
+
+export default app;