Resorted to complete WASM control

.gitignore

@@ -7,4 +7,5 @@ wasm-pack.log
 yarn.lock
 package-lock.json
 node_modules
-web/styles/dist.css
+web/styles/dist.css
+/examples

.vscode/settings.json

@@ -1,5 +1,7 @@
 {
     "rust-analyzer.linkedProjects": [
+        "./Cargo.toml",
+        "./Cargo.toml",
         "./Cargo.toml"
     ]
 }

src/food.rs

@@ -1,45 +0,0 @@
-use wasm_bindgen::prelude::*;
-
-use super::{Coord, generate_random_points};
-
-#[wasm_bindgen]
-#[derive(Debug, Clone)]
-pub struct Food {
-    pub x: u32,
-    pub y: u32,
-}
-
-#[wasm_bindgen]
-#[derive(Debug, Clone)]
-pub struct FoodSpawner {
-    x_bounds: u32,
-    y_bounds: u32,
-    food_vec: Vec<Food>,
-}
-
-#[wasm_bindgen]
-impl FoodSpawner {
-    #[wasm_bindgen(constructor)]
-    pub fn new(x_bounds: u32, y_bounds: u32) -> Self {
-        Self {
-            x_bounds,
-            y_bounds,
-            food_vec: Vec::with_capacity(10)
-        }
-    }
-
-    #[wasm_bindgen]
-    pub fn spawn(&mut self) {
-        let Coord{x, y} = generate_random_points(self.x_bounds, self.y_bounds);
-        self.food_vec.push(Food {
-            x,
-            y
-        });
-    }
-
-    #[wasm_bindgen]
-    pub fn eat_food(&mut self, x: u32, y: u32) {
-        let idx: usize = self.food_vec.iter().position(|food| food.x == x && food.y == y).expect("Invalid food coordinates");
-        self.food_vec.swap_remove(idx);
-    } 
-}

src/game.rs

@@ -0,0 +1 @@
+use wasm_bindgen::prelude::*;

src/lib.rs

@@ -1,43 +1,8 @@
-mod utils;
-mod snake;
-mod food;
+pub mod utils;
+pub mod snake;
+pub mod game;
+pub mod food;
 
-use wasm_bindgen::prelude::*;
-use getrandom::getrandom;
+pub static ROW_BOUND: u32 = 33;
+pub static COL_BOUND: u32 = 56;
 
-#[wasm_bindgen]
-pub struct Coord {
-    pub x: u32,
-    pub y: u32
-}
-
-#[wasm_bindgen]
-impl Coord {
-    #[wasm_bindgen(getter)]
-    pub fn get_x(&self) -> u32 {
-        self.x
-    }
-
-    #[wasm_bindgen(getter)]
-    pub fn get_y(&self) -> u32 {
-        self.y
-    }
-}
-
-#[wasm_bindgen]
-pub fn generate_random_points(x_bound: u32, y_bound: u32) -> Coord {
-    Coord {
-        x: {
-                let mut buffer = [0u8; 4];
-                getrandom(&mut buffer).expect("Failed to generate random number");
-                let random_number = u32::from_ne_bytes(buffer) % (x_bound + 1);
-                random_number
-            },
-        y: {
-                let mut buffer = [0u8; 4];
-                getrandom(&mut buffer).expect("Failed to generate random number");
-                let random_number = u32::from_ne_bytes(buffer) % (y_bound + 1);
-                random_number
-            }
-    }
-} 

src/snake.rs

@@ -1,5 +1,5 @@
 use wasm_bindgen::prelude::*;
-use super::generate_random_points;
+use super::utils::generate_random_points;
 
 #[wasm_bindgen]
 #[derive(Debug, Clone)]
@@ -35,7 +35,7 @@ impl Node {
 } 
 
 #[wasm_bindgen]
-#[derive(Debug)]
+#[derive(Debug, Clone)]
 pub struct Snake {
     pub size: usize,
     body: Option<Box<Node>>
@@ -45,10 +45,10 @@ pub struct Snake {
 impl Snake {
     #[wasm_bindgen(constructor)]
     pub fn new() -> Self {
-        let coord = generate_random_points(33, 56);
+        let (x, y) = generate_random_points();
         Self {
             size: 1,
-            body: Some(Box::new(Node::new(coord.x, coord.y, Direction::UP)))
+            body: Some(Box::new(Node::new(x, y, Direction::UP)))
         }
     }
 
@@ -104,4 +104,5 @@ impl Snake {
         vec.push(*(body_ref.clone().unwrap()));
         vec
     }
-}
+}
+

src/utils.rs

@@ -1,3 +1,6 @@
+use getrandom::getrandom;
+use crate::{ROW_BOUND, COL_BOUND};
+
 pub fn set_panic_hook() {
     // When the `console_error_panic_hook` feature is enabled, we can call the
     // `set_panic_hook` function at least once during initialization, and then
@@ -8,3 +11,18 @@ pub fn set_panic_hook() {
     #[cfg(feature = "console_error_panic_hook")]
     console_error_panic_hook::set_once();
 }
+
+pub fn generate_random_points() -> (u32, u32) {
+        ({
+                let mut buffer = [0u8; 4];
+                getrandom(&mut buffer).expect("Failed to generate random number");
+                let random_number = u32::from_ne_bytes(buffer) % (ROW_BOUND + 1);
+                random_number
+            },
+            {
+                let mut buffer = [0u8; 4];
+                getrandom(&mut buffer).expect("Failed to generate random number");
+                let random_number = u32::from_ne_bytes(buffer) % (COL_BOUND + 1);
+                random_number
+        })
+} 

web/index.html

@@ -115,45 +115,6 @@ <h2 class="text-white text-lg font-semibold mb-2">Game Stats</h2>
 
     <!-- Include FontAwesome icons -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js"></script>
-
-    <!-- JavaScript for generating the grid -->
-    <script>
-        const grid = document.getElementById('game-area');
-        const rows = 33; // Number of rows
-        const cols = 56; // Number of columns
-
-        for (let row_no = 0; row_no < rows; row_no++) {
-            for (let col_no = 0; col_no < cols; col_no++) {
-                const cell = document.createElement('div');
-                cell.className = 'h-6 w-6 bg-gray-700 border border-gray-800 rounded-sm shadow';
-                cell.id = `cell-${row_no}-${col_no}`;
-                grid.appendChild(cell);
-            }
-        }
-    </script>
-
-    <script>
-        const starCountCard = document.querySelector('#github-stars');
-        fetch(`https://api.github.com/repos/vilayat-ali/wasmslither`)
-            .then(response => response.json())
-            .then(data => {
-                starCountCard.innerHTML = data.stargazers_count;
-            })
-            .catch(error => console.error(error));
-    </script>
-
-    <script type="module">
-        import init, { generate_random_points, Snake } from "./static/snake.js";
-
-        init()
-            .then((wasm) => {
-                const snake = new Snake();
-            })
-            .catch((err) => {
-                console.error(err);
-                alert('Failed to load Web Assembly!')
-            });
-    </script>
 </body>
 
 </html>

web/scripts/data.js

@@ -0,0 +1,9 @@
+export function updateGithubStarCount() {
+  const starCountCard = document.querySelector("#github-stars");
+  fetch(`https://api.github.com/repos/vilayat-ali/wasmslither`)
+    .then((response) => response.json())
+    .then((data) => {
+      starCountCard.innerHTML = data.stargazers_count;
+    })
+    .catch((error) => console.error(error));
+}