Add compilation step

2026-05-24 19:59:36 +00:00 · 2025-08-13 17:00:07 -04:00
parent 7a40ca6e98
commit 289de9ab56
17 changed files with 2296 additions and 128 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1 @@
+/node_modules
--- a/aseprite/birb.aseprite
+++ b/aseprite/birb.aseprite
--- a/aseprite/decorations.aseprite
+++ b/aseprite/decorations.aseprite
--- a/aseprite/feather.aseprite
+++ b/aseprite/feather.aseprite
--- a/birb.js
+++ b/birb.js
@@ -12,6 +12,7 @@

 // @ts-check

+// @ts-ignore
 const sharedSettings = {
 	cssScale: 1,
 	canvasPixelSize: 1,
@@ -30,7 +31,7 @@ let mobileSettings = {

 const settings = { ...sharedSettings, ...isMobile() ? mobileSettings : desktopSettings };

-const DEBUG = false;
+const DEBUG = true;

 const CSS_SCALE = settings.cssScale;
 const CANVAS_PIXEL_SIZE = settings.canvasPixelSize;
@@ -234,7 +235,7 @@ const styles = `
 		font-size: 14px;
 		padding-top: 4px;
 		padding-bottom: 4px;
-		opacity: 0.8 !important;
+		opacity: 0.7 !important;
 		user-select: none;
 		display: flex;
 		justify-content: space-between;
@@ -660,9 +661,10 @@ const Directions = {
 const SPRITE_WIDTH = 32;
 const DECORATIONS_SPRITE_WIDTH = 48;
 const FEATHER_SPRITE_WIDTH = 32;
-const SPRITE_SHEET_URI = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAgCAYAAABjE6FEAAAAAXNSR0IArs4c6QAABGBJREFUeJztnL9rE2EYx79vdAiKWxB6cZU4VXDpH9Di4JJk6iSCDgqFDoKl9A8o0kGwIFh0UadOsQid7NTFOnRzCF2bViTg0Apd7OOQvNc3l/uRxty97yXfD4S8uUvueZJ730+e93IXgBBCCCGEEEIImQiU7QSI+4iIRK1TSrEPkdzCzpsDbApIx66XywCARqvV084iB0LIhCJdap4nNc/ra8fJcVTxa54n36anRRYW+tppxyckTQq2EyDJ1MtlLJdKaNTrfe0s2dvdxXKp5LcJyTsUYI6wJaBGq4WX7XbPspfttj8FJoSQVDCnwN+mp/1bVlPgsByyjE0IcQAJIevYNgVk5kD5ETJhiEjn4L9xn3V82wKyIX9C0uSq7QTyxt7du1biKqWUiIjNU09sn+4SFK/tfAiZGHTlo6s/VkHZYnzmoh/ayoH7f8IIO/41iR1gkt+7I8hGq6YlmG1gBwRMRk/iaTB6Ryulem7murRxRcDKIOvYBNho1XTTyvRfKeXn4HIfsD1O8kTsMUBTfkbng14mIuZzUukQZg6B5RARcbkjktHytPzZ6r62KeAkgqIzihSOkxgiBWiKpzn/BHgOrM2999dvtOqpf8guCJgQjW0BJ2EOgfm1I3/ZuBWBU1eUHP+VkeyL2AqwcN2DujaFO1+2AQCP54DtZwU8eHuO79sNzK8dA0hHRi4ImJCcIEopX3rjzNQVJQ/enmP7WWEkEozcgCmgJ+/Cv0FOfx/77c0lT78uOtglBCUiUrju9Sx7/PrIF7AZf3PJ64lLEY4/82tHsrnkcT8DEiW+g8MT7K9XICIcExFEVoD6vLOo9ab8gN6SO4xhqrTzP0d9AtbyC8YOVoNh22MnyCdnW7NSrO4o3QaAYtWu/BwRcKL8wG4fy0AnQr+5OYeFX1/9NgA8+v0p9LnBHXJweALg8sciXBAwcYNidUddiG8n8/3nqoBdjN+dCeZmjMUm2hUGzrZm+9YVqzu4t9jE7Vs3Ql+rxdf9FvLld9lpsI7fJ+BmuIDj8uBUgAyLTQGHESWgwLhLM9fI6jNPEhz6UrizrVkUqxVgsRm6Pig+4P9qcS0+zeaSN5SACRkGV8Sn+VB52FMEBPs7MhDQweFJ5PjLC4kVINCZVgarwNMfpwCA0spe1GsvggwpvrgKFLioQsMYtYAJcY326owsXG0AuPgREtlVXhJXgOSlCkxMMExCWn5hlFb2hpruRsXubseKgAlxnfbqjN/R7//8CADYX69Yl6B5ZobL428gAQIdCbVXZ2KfO0r5mfFtCZgQkojoWVhQhFqCLo/DxGOA+tfY7huJlGCa4tGxAcRKmPIjJHPU/nqlM+giRDgWGBdWS+PVC/9fMczHaV14HbiwOzY+L/4mxBqCTkUo9xab4/OvOWHyCXuctgBtxSeEDIYelxinMRmUTdR9mgK0GZ8QMhgSwHY+SQx8HqA+Dhd3nya24xNCksnbsfdLXZWRuLEU37zt+ISQ8eMfWq9d4TT6RMoAAAAASUVORK5CYII=";
-const DECORATIONS_SPRITE_SHEET_URI = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAPNJREFUaIHtmTESgzAMBHWZDC+gp0vP/x9Bn44+L6BRmrhJA4csM05uGzfY1s1JxggzIYQQQgghxEnATnB3zwikAICKiXq4BE/uwaxvn/UPb3BnNwFg27Ky0w6vzRp8S4mkIbQD3wzzFJofdTMkYJgn89czFADGKSSiSgphfFBjTaoIKC4cHWvSxIFMmjiQSYoDLUlxoCVywOwHHWjpROop1IL/vsxty2oYO77M1QggSvcpJAFXE66BPfa+2C4v4j2yi7z7FJKAq6FrwN3TO3MMlAAAKO3F2sVZTiu2N9p9CnUv4FR7PbMG2BQ69SJL/kVA8QauAnHUj36BVwAAAABJRU5ErkJggg==";
-const FEATHER_SPRITE_SHEET_URI = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAARhJREFUWIXtlbENwjAQRf8hSiZIRQ+9WQNRUFIAKzACBSsAA1Ag1mAABqCCBomG3hQQ9OMEx4ZDNH5SikSJ3/fZ5wCJRCKRSPwZ0RzMWmtLAhGvQyUAi9mXP/aFaGjJRQQiguHihMvcFMJUVUYlAMuHixPGy4en1WmVQqgHYHkuZjiEj6a2/LjtYzTY0eiZbgC37Mxh1UN3sn/dr6cCz/LHB/DJj9s+2oMdbtdz6TtfFwQHcMvOInfmQNjsgchNWLXmdfK6gyioAu/6uKrsm1kWLAciKuCuey5nYuXAh234bdmZ6INIUw4E/Ix49xtjCmXfzLL8nY/ktdgnAKwxxgIoXIyqmAOwvIqfiN0ALNd21HYBO9XXGMAdnZTYyHWzWjQAAAAASUVORK5CYII=";
+
+const SPRITE_SHEET_URI = "__SPRITE_SHEET__";
+const DECORATIONS_SPRITE_SHEET_URI = "__DECORATIONS_SPRITE_SHEET__";
+const FEATHER_SPRITE_SHEET_URI = "__FEATHER_SPRITE_SHEET__";

 /**
 * Load the spritesheet and return the pixelmap template
@@ -783,7 +785,7 @@ Promise.all([loadSpritesheetPixels(SPRITE_SHEET_URI), loadSpritesheetPixels(DECO
 			30,
 			80,
 			30,
-			80,
+			60,
 		]),
 		HEART: new Anim([
 			birbFrames.heartOne,
--- a/build.js
+++ b/build.js
@@ -0,0 +1,27 @@
+// @ts-check
+
+import { readFileSync, writeFileSync } from 'fs';
+
+const spriteSheets = [
+	{
+		key: "__SPRITE_SHEET__",
+		path: "./sprites/birb.png"
+	},
+	{
+		key: "__FEATHER_SPRITE_SHEET__",
+		path: "./sprites/feather.png"
+	},
+	{
+		key: "__DECORATIONS_SPRITE_SHEET__",
+		path: "./sprites/decorations.png"
+	}
+];
+
+let birbJs = readFileSync('birb.js', 'utf8');
+
+for (const spriteSheet of spriteSheets) {
+	const dataUri = readFileSync(spriteSheet.path, 'base64');
+	birbJs = birbJs.replaceAll(spriteSheet.key, `data:image/png;base64,${dataUri}`);
+}
+
+writeFileSync('./dist/birb.js', birbJs);
--- a/dist/birb.js
+++ b/dist/birb.js
--- a/package-lock.json
+++ b/package-lock.json
@@ -0,0 +1,389 @@
+{
+  "name": "birb",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "birb",
+      "version": "1.0.0",
+      "license": "ISC",
+      "devDependencies": {
+        "nodemon": "^3.1.10"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nodemon": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.10.tgz",
+      "integrity": "sha512-WDjw3pJ0/0jMFmyNDp3gvY2YizjLmmOUQo6DEBY+JgdvW/yQ9mEeSw6H5ythl5Ny2ytb7f9C2nIbjSxMNzbJXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.1.2",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/touch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.1.tgz",
+      "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}
--- a/package.json
+++ b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "birb",
+  "version": "1.0.0",
+  "description": "",
+  "license": "ISC",
+  "author": "Idrees Hassan",
+  "type": "module",
+  "scripts": {
+    "build": "node build.js",
+    "dev": "nodemon --watch birb.js --exec \"npm run build\""
+  },
+  "devDependencies": {
+    "nodemon": "^3.1.10"
+  }
+}
--- a/preview/images/bird-1.jpg
+++ b/preview/images/bird-1.jpg
--- a/preview/images/bird-2.jpg
+++ b/preview/images/bird-2.jpg
--- a/preview/images/bird-3.jpg
+++ b/preview/images/bird-3.jpg
--- a/preview/index.html
+++ b/preview/index.html
@@ -26,6 +26,6 @@
    </div>
    <div id="spacer"></div>
    <!-- <script type="module" src="spritesheet-compiler.js"></script> -->
-    <script src="birb.js"></script>
+    <script src="../dist/birb.js"></script>
 </body>
 </html>
--- a/sprites/birb.png
+++ b/sprites/birb.png
--- a/sprites/decorations.png
+++ b/sprites/decorations.png
--- a/sprites/feather.png
+++ b/sprites/feather.png
--- a/spritesheet-compiler.js
+++ b/spritesheet-compiler.js
@@ -1,121 +0,0 @@
-
-// @ts-check
-
-const TRANSPARENT = 0;
-const OUTLINE = 1;
-const BORDER = 2;
-const FOOT = 3;
-const BEAK = 4;
-const EYE = 5;
-const FACE = 6;
-const BELLY = 7;
-const UNDERBELLY = 8;
-const WING = 9;
-const WING_EDGE = 10;
-const HEART = 11;
-const HEART_BORDER = 12;
-const HEART_SHINE = 13;
-
-const SPRITESHEET_COLOR_MAP = {
-	"transparent": TRANSPARENT,
-	"#ffffff": BORDER,
-	"#000000": OUTLINE,
-	"#010a19": BEAK,
-	"#190301": EYE,
-	"#af8e75": FOOT,
-	"#639bff": FACE,
-	"#f8b143": BELLY,
-	"#ec8637": UNDERBELLY,
-	"#578ae6": WING,
-	"#326ed9": WING_EDGE,
-	"#c82e2e": HEART,
-	"#501a1a": HEART_BORDER,
-	"#ff6b6b": HEART_SHINE
-};
-
-const SPRITE_SHEET_URI = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAgCAYAAACy9KU0AAAAAXNSR0IArs4c6QAABBdJREFUeJztnL9LHEEUx79zWkgk3RFwTRvsDKS5KpWpbDSVVQgkjSCYKkfIHyDBIhAhIAiBkOoqsUmVVDbaBFKkkLTxhHBgEQM28aU4Z53d25lddXfm1vt+4Ni5X/vm9t77znfm9hYghBBCCCGEEOIJFboDhOQhImJ7TinFHK4x/PJILiEFQMd+PD0NANg+PEy0ffSBEBIIOWcximQxigbaLnEqK/5iFMne7KzIyspAu+r4pFrGQ3eAFCOr0HyN/I+np/Gq2UTr4cOBtnYhPtjf3cWrZjNuk/rTCN0Bkk96GqK3vkf/UAKwfXiIN71e4rE3vZ5X8SNkZDGnIebWhwCZU7C92dn45msKltUHn7FJtdABFUQyCNEP7UB8oad5pgsx3YePaWC6D1x8JiOHiPQXP42tz9ihHYDZh1ACHFr8SflwBCmIiMj+/fvx/db3715HYHMdKJQDMAuf7oMQj+iRV7sfOgBCrk+hUcyW8KM2CtIBEFIuuUWkiy5db7oWfRQiBZDUCeZrcZwnIpri83wreUyVUhAR8zWVHFyXAIqI8Eslw0BadGwDNkliFSCX+ADA8y2JD3JVYjAMAkhIUcwUXFrvxu1OOwrRncqYGlNy9E9KqTenA2pMRlC3pvDhRf8APnvXxeflBuY3zwBcHOQqxGAYBJCQgohSKiE6N5WpMSXzm2f4vNwoRYSsO8gTAAA4OT6K21rlXVbzMgIhItKYTI4caQHU8TvtKBGXQkQ8Ii7hMeuCeTmI1QEppZTr515TfICkG8riKi7l7G93QAC1+KRjp91Q1v6YAKRknOJjwNSzUOjf8O/vPMLK7y9xGwCeHn/KfG36C/n56w+Ai2laUYZBAAmxsbTezU3mKtd+bPGNmLXIc2cnzwsWpztzA89NLHzFg9UD3Lt7O/O9Wni+bczoffUDXnIapuMPCOBBtgC6+kEbTMoiT4A67QhL61102lFV+WZ1X+ciVIs8v/L1gE535jCxMAOsHmQ+nxYe4Ho+VAuPptOOriSAhJTBx5kn1kHQg/gA6Oe4Lf/rQq4DAvrTmrQLOvlxAgBovt63vfciyBWFx+XAgAsXlkXZAkhImt5aS1bGtwEkp1s+xAeAuAbgurigQmdCp0VAi08Wzdf7pZ0lHVoACcmjt9aKE80QI1/5ZhUh85fhYc7/S/0Vo7fWcr62TPEx44cSQEJqgOhZQFqItAgNcx3krgHpX6POP4hVhKosfB0bgFMEKT5kBFHfNmb6SW8RohuBcRkI2X77UgDEN32/qstEpC5D4YzPS1WQEUbQd0TyYPWg0pr0SlbxZ92vWoBCxSekLui60LcbURPpYrdtqxSgkPEJqQuSQeg+uSh8HpBeh3FtqyR0fELqQN3WPi91VnLuzir88KHjE0LK5z8tFuzphqiPOAAAAABJRU5ErkJggg==";
-console.log(stringifyPixels(compress(loadSpritesheetPixels(SPRITE_SHEET_URI))))
-
-function compress(pixels) {
-	let counts = [];
-	let rowCounts = [];
-	let count = null;
-	for (let row of pixels) {
-		console.log("Row length: " + row.length);
-		for (let pixel of row) {
-			if (count === null) {
-				count = [pixel, 1];
-			} else if (pixel === count[0]) {
-				count[1] = count[1] + 1;
-			} else {
-				rowCounts.push(count);
-				count = [pixel, 1];
-			}
-		}
-		rowCounts.push(count);
-		counts.push([...rowCounts]);
-		rowCounts = [];
-		count = null;
-	}
-	return counts;
-}
-
-function stringifyPixels(pixels) {
-	// Add newlines between every row
-	let str = "";
-	for (let row of pixels) {
-		str += JSON.stringify(row) + ",\n";
-	}
-	str = str.slice(0, -2);
-	return "[" + str + "]";
-}
-
-/**
- * Load the spritesheet and return the pixelmap template
- * @param {string} dataUri
- * @param {boolean} [templateColors]
- * @returns {string[][]}
- */
-function loadSpritesheetPixels(dataUri, templateColors = true) {
-	const img = new Image();
-	img.src = dataUri;
-	const canvas = document.createElement('canvas');
-	canvas.width = img.width;
-	canvas.height = img.height;
-	const ctx = canvas.getContext('2d');
-	if (!ctx) {
-		return [];
-	}
-	ctx.drawImage(img, 0, 0);
-	const imageData = ctx.getImageData(0, 0, img.width, img.height);
-	const pixels = imageData.data;
-	const hexArray = [];
-	for (let y = 0; y < img.height; y++) {
-		const row = [];
-		for (let x = 0; x < img.width; x++) {
-			const index = (y * img.width + x) * 4;
-			const r = pixels[index];
-			const g = pixels[index + 1];
-			const b = pixels[index + 2];
-			const a = pixels[index + 3];
-			if (a === 0) {
-				row.push(TRANSPARENT);
-				continue;
-			}
-			const hex = `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
-			if (!templateColors) {
-				row.push(hex);
-				continue;
-			}
-			if (SPRITESHEET_COLOR_MAP[hex] === undefined) {
-				console.error(`Unknown color: ${hex}`);
-				row.push(TRANSPARENT);
-			}
-			row.push(SPRITESHEET_COLOR_MAP[hex]);
-		}
-		hexArray.push(row);
-	}
-	return hexArray;
-}
-
-export {};