.gitignore

@@ -5,4 +5,3 @@
 /examples/
 /tilesy.zip
 /.idea/
-/dist/

Cargo.toml

@@ -1,19 +1,27 @@
 [package]
 name = "tilesy"
-version = "0.72.0"
+version = "0.1.0"
 description = "a tilesheet importer for the Bitsy game engine"
 authors = ["Max Bradbury <max@tinybird.info>"]
 edition = "2018"
 license = "MIT"
-repository = "https://tinybird.dev/max/tilesy"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [lib]
-crate-type = ["cdylib"]
+crate-type = ["cdylib", "rlib"]
 
 [dependencies]
 "base64" = "^0.12.3"
-"bitsy-parser" = "^0.72.3"
+"bitsy-parser" = "^0.72.0"
 "image" = "^0.23.7"
-"lazy_static" = "^1.4.0"
+"wasm-bindgen" = "^0.2.64"
-"wasm-bindgen" = "=0.2.64" # newer versions are bugged...
+
+[dependencies.web-sys]
+version = "^0.3.4"
+features = [
+  'Document',
+  'Element',
+  'HtmlElement',
+  'Node',
+  'Window',
+]

deploy.sh

@@ -1,7 +1,5 @@
 #! /usr/bin/env bash
 
 ./build.sh
-rm -rf dist
+zip -r tilesy.zip README.md index.html script.js background.png pkg/ includes/
-mkdir dist
+butler push tilesy.zip ruin/tilesy:html
-cp -r README.md LICENSE index.html script.js background.png pkg includes dist
-butler push dist ruin/tilesy:html

script.js

@@ -1,19 +1,4 @@
-import init, {
+import init, {load_default_game_data, add_tiles} from './pkg/bitsy_tiles.js';
-    add_tiles,
-    load_image,
-    load_game,
-    load_default_game,
-    output,
-    set_prefix,
-    set_invert,
-    set_flip,
-    set_mirror,
-    set_rotate
-} from './pkg/tilesy.js';
-
-if (typeof WebAssembly !== "object") {
-    document.getElementById("start").innerText = "Sorry - your browser does not support WebAssembly";
-}
 
 // stolen from https://ourcodeworld.com/articles/read/189/how-to-create-a-file-and-generate-a-download-with-javascript-in-the-browser-without-a-server
 function download(filename, text) {
@@ -90,8 +75,7 @@ async function run() {
     }
 
     function new_game() {
-        load_default_game()
+        textareaGameDataInput.value = load_default_game_data();
-        textareaGameDataInput.value = output();
         checkGameData();
         // we don't need to look at the default game data, so skip ahead to the image page
         buttonGameDataProceed.click();
@@ -112,7 +96,6 @@ async function run() {
     el("game").addEventListener("change", function() {
         readFile(this, function (e) {
             textareaGameDataInput.value = e.target.result;
-            console.log(load_game(e.target.result));
             checkGameData();
         }, "text");
     });
@@ -134,14 +117,24 @@ async function run() {
     el('image').addEventListener('change', function () {
         readFile(this, function (e) {
             imagePreview.src = e.target.result;
-            imagePreview.style.display = "initial";
+            imagePreview.style.display = "initial"
-            console.log(load_image(imagePreview.getAttribute("src")));
         }, "image");
     });
 
     function addTiles() {
-        console.log(add_tiles());
+        let image    = imagePreview.getAttribute("src");
-        textareaGameDataOutput.value = output();
+        let gameData = textareaGameDataInput.value;
+        let prefix   = inputPrefix.value;
+
+        textareaGameDataOutput.value = add_tiles(
+            gameData,
+            image,
+            prefix,
+            checkboxInvertTiles.checked,
+            checkboxFlipTiles.checked,
+            checkboxMirrorTiles.checked,
+            checkboxRotateTiles.checked
+        );
     }
 
     buttonImportGame.addEventListener("click",    addTiles);
@@ -163,26 +156,6 @@ async function run() {
     buttonAddImage.addEventListener("click",    addImage);
     buttonAddImage.addEventListener("touchend", addImage);
 
-    inputPrefix.addEventListener("change", () => {
-        set_prefix(inputPrefix.value);
-    })
-
-    checkboxInvertTiles.addEventListener("change", () => {
-       set_invert(checkboxInvertTiles.checked);
-    });
-
-    checkboxFlipTiles.addEventListener("change", () => {
-        set_flip(checkboxFlipTiles.checked);
-    });
-
-    checkboxMirrorTiles.addEventListener("change", () => {
-        set_mirror(checkboxMirrorTiles.checked);
-    });
-
-    checkboxRotateTiles.addEventListener("change", () => {
-        set_rotate(checkboxRotateTiles.checked);
-    });
-
     function reset() {
         clear_game();
         imagePreview.removeAttribute("src");

src/lib.rs

@@ -1,35 +1,14 @@
 use bitsy_parser::game::Game;
 use bitsy_parser::image::Image;
 use bitsy_parser::tile::Tile;
-use image::{GenericImageView, Pixel, DynamicImage};
+use image::{GenericImageView, Pixel};
-use lazy_static::lazy_static;
-use std::sync::Mutex;
 use wasm_bindgen::prelude::*;
 
 const SD: u32 = 8;
 
-struct State {
+#[wasm_bindgen]
-    game:   Option<Game>,
+pub fn load_default_game_data() -> String {
-    image:  Option<DynamicImage>,
+    bitsy_parser::mock::game_default().to_string()
-    prefix: String,
-    invert: bool,
-    flip:   bool,
-    mirror: bool,
-    rotate: bool,
-}
-
-lazy_static! {
-    static ref STATE: Mutex<State> = Mutex::new(
-        State {
-            game: None,
-            image: None,
-            prefix: "".to_string(),
-            invert: false,
-            flip: false,
-            mirror: false,
-            rotate: false,
-        }
-    );
 }
 
 fn tile_name(prefix: &str, index: &u32) -> Option<String> {
@@ -40,108 +19,40 @@ fn tile_name(prefix: &str, index: &u32) -> Option<String> {
     }
 }
 
-#[wasm_bindgen]
+/// image is a base64-encoded string
-pub fn load_default_game()  {
-    let mut state = STATE.lock().unwrap();
-    state.game = Some(bitsy_parser::mock::game_default());
-}
-
-#[wasm_bindgen]
-pub fn load_game(game_data: String) -> String {
-    let result = Game::from(game_data);
-    let mut state = STATE.lock().unwrap();
-
-    match result {
-        Ok(game) => {
-            state.game = Some(game);
-            "".to_string()
-        },
-        _ => {
-            state.game = None;
-            format!("{}", result.err().unwrap())
-        }
-    }
-}
-
-#[wasm_bindgen]
-pub fn load_image(image_base64: String) -> String {
-    let mut state = STATE.lock().expect("Couldn't lock application state");
-
-    let image_base64: Vec<&str> = image_base64.split("base64,").collect();
-    let image_base64 = image_base64[1];
-
-    match base64::decode(image_base64) {
-        Ok(image) => {
-            match image::load_from_memory(image.as_ref()) {
-                Ok(image) => {
-                    state.image = Some(image);
-                    "OK"
-                },
-                _ => {
-                    state.image = None;
-                    "Couldn't load image"
-                }
-            }
-        },
-        _ => {
-            state.image = None;
-            "Couldn't decode image"
-        }
-    }.to_string()
-}
-
-#[wasm_bindgen]
-pub fn set_prefix(prefix: String) {
-    let mut state = STATE.lock().unwrap();
-
-    state.prefix = prefix;
-}
-
-#[wasm_bindgen]
-pub fn set_invert(invert: bool) {
-    let mut state = STATE.lock().unwrap();
-
-    state.invert = invert;
-}
-
-#[wasm_bindgen]
-pub fn set_flip(flip: bool) {
-    let mut state = STATE.lock().unwrap();
-
-    state.flip = flip;
-}
-
-#[wasm_bindgen]
-pub fn set_mirror(mirror: bool) {
-    let mut state = STATE.lock().unwrap();
-
-    state.mirror = mirror;
-}
-
-#[wasm_bindgen]
-pub fn set_rotate(rotate: bool) {
-    let mut state = STATE.lock().unwrap();
-
-    state.rotate = rotate;
-}
-
 /// prefix will be ignored if empty
 #[wasm_bindgen]
-pub fn add_tiles() -> String {
+pub fn add_tiles(
-    let mut state = STATE.lock().expect("Couldn't lock application state");
+    game_data: String,
-
+    image: String,
-    if state.game.is_none() {
+    prefix: String,
-        return "No game data loaded".to_string();
+    invert: bool,
+    flip: bool,
+    mirror: bool,
+    rotate: bool
+) -> String {
+    let game = Game::from(game_data);
+    if game.is_err() {
+        return format!("Couldn't parse game data");
     }
+    let mut game = game.unwrap();
 
-    let mut game = state.game.clone().unwrap();
+    let image: Vec<&str> = image.split("base64,").collect();
+    let image = image[1];
 
-    if state.image.is_none() {
+    let image = base64::decode(image);
-        return "No image loaded".to_string();
+    if image.is_err() {
+        return format!("Couldn't decode image");
     }
+    let image = image.unwrap();
+    let image = image::load_from_memory(image.as_ref());
+    if image.is_err() {
+        return format!("Couldn't load image");
+    }
+    let image = image.unwrap();
 
-    let width   = state.image.as_ref().unwrap().width();
+    let width   = image.width();
-    let height  = state.image.as_ref().unwrap().height();
+    let height  = image.height();
     let columns = (width  as f64 / SD as f64).floor() as u32;
     let rows    = (height as f64 / SD as f64).floor() as u32;
 
@@ -153,7 +64,7 @@ pub fn add_tiles() -> String {
 
             for y in (row * SD)..((row + 1) * SD) {
                 for x in (column * SD)..((column + 1) * SD) {
-                    let pixel = state.image.as_ref().unwrap().get_pixel(x, y).to_rgb();
+                    let pixel = image.get_pixel(x, y).to_rgb();
                     let total = pixel[0] as u32 + pixel[1] as u32 + pixel[2] as u32;
                     // is each channel brighter than 128/255 on average?
                     pixels.push(if total >= 384 {1} else {0});
@@ -161,9 +72,9 @@ pub fn add_tiles() -> String {
             }
 
             let tile = Tile {
-                // "0" will get overwritten to a new, safe tile ID
+                /// "0" will get overwritten to a new, safe tile ID
                 id: "0".to_string(),
-                name: tile_name(&state.prefix, &tile_index),
+                name: tile_name(&prefix, &tile_index),
                 wall: None,
                 animation_frames: vec![Image { pixels }],
                 colour_id: None
@@ -175,7 +86,7 @@ pub fn add_tiles() -> String {
                 tile_index += 1;
             }
 
-            if state.invert {
+            if invert {
                 let mut inverted = tile.clone();
                 inverted.invert();
 
@@ -188,7 +99,7 @@ pub fn add_tiles() -> String {
                 }
             }
 
-            if state.flip {
+            if flip {
                 let mut flipped = tile.clone();
                 flipped.flip();
 
@@ -201,7 +112,7 @@ pub fn add_tiles() -> String {
                 }
             }
 
-            if state.mirror {
+            if mirror {
                 let mut mirrored = tile.clone();
                 mirrored.mirror();
 
@@ -214,7 +125,7 @@ pub fn add_tiles() -> String {
                 }
             }
 
-            if state.rotate {
+            if rotate {
                 for i in 1..4 {
                     let mut rotated = tile.clone();
 
@@ -235,32 +146,29 @@ pub fn add_tiles() -> String {
     }
 
     game.dedupe_tiles();
-
+    game.to_string()
-    state.game = Some(game.to_owned());
-
-    "OK".to_string()
-}
-
-#[wasm_bindgen]
-pub fn output() -> String {
-    let state = STATE.lock().unwrap();
-
-    match &state.game {
-        Some(game) => game.to_string(),
-        None => "No game loaded".to_string(),
-    }
 }
 
 #[cfg(test)]
 mod test {
-    use crate::{add_tiles, load_image, load_default_game, output};
+    use crate::add_tiles;
 
     #[test]
     fn example() {
-        load_default_game();
+        let game_data = bitsy_parser::mock::game_default().to_string();
-        load_image(include_str!("test-resources/test.png.base64").to_string());
+        let image = include_str!("test-resources/test.png.base64").to_string();
-        add_tiles();
 
-        assert_eq!(output(), include_str!("test-resources/expected.bitsy"));
+        let output = add_tiles(
+            game_data,
+            image,
+            "".to_string(),
+            false,
+            false,
+            false,
+            false
+        );
+
+        let expected = include_str!("test-resources/expected.bitsy");
+        assert_eq!(output, expected);
     }
 }