From d7abdf752c84064952fb0b5a005584c0258f97a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cchrisshank=E2=80=9D?= <chris.shank.23@gmail.com>
Date: Thu, 12 Dec 2024 13:00:25 -0800
Subject: [PATCH] fix space thingy

---
 src/folk-space-projector.ts | 58 ++++++++++++++++++++++---------------
 1 file changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/folk-space-projector.ts b/src/folk-space-projector.ts
index f11878d..c71e6d8 100644
--- a/src/folk-space-projector.ts
+++ b/src/folk-space-projector.ts
@@ -25,6 +25,8 @@ export class FolkSpaceProjector extends FolkBaseSet {
   override firstUpdated(changedProperties: PropertyValues<this>): void {
     super.firstUpdated(changedProperties);
 
+    this.#spreadsheet.style.setProperty('--cell-width', '50px');
+
     this.#shape.appendChild(this.#spreadsheet);
 
     this.renderRoot.append(this.#shape);
@@ -40,39 +42,43 @@ export class FolkSpaceProjector extends FolkBaseSet {
     this.#spreadsheet.removeEventListener('propagate', this.#onPropagate);
   }
 
+  #lock = false;
+
   #onPropagate = (event: Event) => {
+    if (this.#lock) return;
+
     const cell = event.target as FolkSpreadSheetCell;
 
     const shape = this.sourceElements
       .values()
-      .drop(cell.row)
+      .drop(cell.row - 1)
       .find(() => true);
 
     if (!(shape instanceof FolkShape)) return;
 
-    // infinite event loop
-    // switch (cell.column) {
-    //   case 'A': {
-    //     shape.x = cell.value;
-    //     return;
-    //   }
-    //   case 'B': {
-    //     shape.y = cell.value;
-    //     return;
-    //   }
-    //   case 'C': {
-    //     shape.width = cell.value;
-    //     return;
-    //   }
-    //   case 'D': {
-    //     shape.height = cell.value;
-    //     return;
-    //   }
-    //   case 'E': {
-    //     shape.rotation = cell.value;
-    //     return;
-    //   }
-    // }
+    // beware of infinite event loop
+    switch (cell.column) {
+      case 'A': {
+        shape.x = cell.value;
+        return;
+      }
+      case 'B': {
+        shape.y = cell.value;
+        return;
+      }
+      case 'C': {
+        shape.width = cell.value;
+        return;
+      }
+      case 'D': {
+        shape.height = cell.value;
+        return;
+      }
+      case 'E': {
+        shape.rotation = (cell.value * Math.PI) / 180;
+        return;
+      }
+    }
   };
 
   override update(changedProperties: PropertyValues<this>): void {
@@ -85,6 +91,7 @@ export class FolkSpaceProjector extends FolkBaseSet {
 
     if (this.sourcesMap.size !== this.sourceElements.size) return;
 
+    this.#lock = true;
     const rects = this.sourceRects;
     for (let i = 0; i < rects.length; i += 1) {
       const row = i + 1;
@@ -103,5 +110,8 @@ export class FolkSpaceProjector extends FolkBaseSet {
         this.#spreadsheet.getCell('D', row)!.expression = Math.round(rect.height);
       }
     }
+    Promise.resolve().then(() => {
+      this.#lock = false;
+    });
   }
 }