feat(map-generator): use biome models for generating the biome layer

biomes/static/script.js

@@ -0,0 +1,29 @@
+const mapSettings = document.getElementById('map-settings');
+//const board = document.getElementById('board');
+const map = document.getElementById('map');
+const spinner = document.getElementById('spinner');
+
+function generate() {
+  spinner.classList.remove('d-none');
+  const formData = new FormData(mapSettings)
+  if (!formData.get('seed')) {
+    formData.set('seed', (new Date()).getTime() % 1e5);
+  }
+  const queryString = new URLSearchParams(formData).toString()
+  map.src = '/map?' + queryString;
+  map.classList.add('d-none');
+  map.width = formData.get('width');
+}
+
+mapSettings.addEventListener('submit', (e) => {
+  e.preventDefault();
+
+  generate()
+});
+
+generate()
+
+map.addEventListener('load', () => {
+  spinner.classList.add('d-none');
+  map.classList.remove('d-none');
+});

biomes/static/style.css

@@ -0,0 +1,15 @@
+* {
+  box-sizing: border-box;
+}
+
+html, body {
+  margin: 0;
+}
+
+aside {
+  text-align: center;
+  width: 300px;
+  height: 100vh;
+  overflow-y: scroll;
+}
+