Checkpoint some minor editor bits

js/main-editor.js

@@ -260,6 +260,17 @@ class EditorLevelBrowserOverlay extends DialogOverlay {
             }
         });
 
+        // FIXME it would be super swell if i could load this lazily
+        /*
+        <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
+        this.sortable = new Sortable(this.list, {
+            group: 'editor-levels',
+            onEnd: ev => {
+                // FIXME rearrange the levels for realsies
+            },
+        });
+        */
+
         this.add_button("new level", ev => {
             this.conductor.editor.append_new_level();
             this.close();

js/renderer-canvas.js

@@ -50,6 +50,8 @@ export class CanvasRenderer {
         this.canvas = mk('canvas', {width: tileset.size_x * this.viewport_size_x, height: tileset.size_y * this.viewport_size_y});
         this.canvas.style.setProperty('--viewport-width', this.viewport_size_x);
         this.canvas.style.setProperty('--viewport-height', this.viewport_size_y);
+        this.canvas.style.setProperty('--tile-width', `${tileset.size_x}px`);
+        this.canvas.style.setProperty('--tile-height', `${tileset.size_y}px`);
         this.ctx = this.canvas.getContext('2d');
         this.viewport_x = 0;
         this.viewport_y = 0;
@@ -130,6 +132,8 @@ export class CanvasRenderer {
         this.canvas.setAttribute('height', this.tileset.size_y * this.viewport_size_y);
         this.canvas.style.setProperty('--viewport-width', this.viewport_size_x);
         this.canvas.style.setProperty('--viewport-height', this.viewport_size_y);
+        this.canvas.style.setProperty('--tile-width', `${this.tileset.size_x}px`);
+        this.canvas.style.setProperty('--tile-height', `${this.tileset.size_y}px`);
     }
 
     draw(tic_offset = 0) {