From fcee92d88be454d5ed5be293970515a68dcd6470 Mon Sep 17 00:00:00 2001
From: itdominator <1itdominator@gmail.com>
Date: Sun, 1 Nov 2026 00:41:38 -0500
Subject: [PATCH] moved logic to canvas-controller.js; log cleanup; prep for
 load/save logic

---
 1 - Blockcode/index.html                      |  1 +
 .../resources/js/canvas-controller.js         | 31 +++++++++++++
 1 - Blockcode/resources/js/elements.js        |  7 +--
 1 - Blockcode/resources/js/events.js          | 16 ++-----
 1 - Blockcode/resources/js/script-runner.js   | 45 ++++---------------
 5 files changed, 44 insertions(+), 56 deletions(-)
 create mode 100644 1 - Blockcode/resources/js/canvas-controller.js

diff --git a/1 - Blockcode/index.html b/1 - Blockcode/index.html
index 0a532ea..9dba151 100644
--- a/1 - Blockcode/index.html	
+++ b/1 - Blockcode/index.html	
@@ -40,6 +40,7 @@
     <script src="resources/js/elements.js" charset="utf-8"></script>
     <script src="resources/js/globals.js" charset="utf-8"></script>
     <script src="resources/js/ui.js" charset="utf-8"></script>
+    <script src="resources/js/canvas-controller.js" charset="utf-8"></script>
     <script src="resources/js/script-runner.js" charset="utf-8"></script>
     <script src="resources/js/events.js" charset="utf-8"></script>
 </body>
diff --git a/1 - Blockcode/resources/js/canvas-controller.js b/1 - Blockcode/resources/js/canvas-controller.js
new file mode 100644
index 0000000..1ce907e
--- /dev/null
+++ b/1 - Blockcode/resources/js/canvas-controller.js	
@@ -0,0 +1,31 @@
+const resetCanvasState = () => {
+    resetRotation();
+    resetCanvasBrush();
+    clearCanvas();
+}
+
+const resetRotation = () => { Painter.rotation = 0; }
+const clearCanvas   = () => { Painter.canvasContext.clearRect(0, 0, canvas.width, canvas.height); }
+
+const resetCanvasBrush = () => {
+    setDefaultBrushSize();
+    setDefaultBrushColor();
+    setBrushToCenter();
+}
+
+const setDefaultBrushSize = () => {
+    Painter.brushSize                 = BRUSH_SIZE;
+    Painter.canvasContext.lineWidth   = BRUSH_SIZE;
+}
+
+const setDefaultBrushColor = () => {
+    Painter.brushColor                = BRUSH_COLOR;
+    Painter.canvasContext.fillStyle   = BRUSH_COLOR;
+    Painter.canvasContext.strokeStyle = BRUSH_COLOR;
+}
+
+const setBrushToCenter = () => {
+    Painter.x1 = Painter.canvas.width  / 2
+    Painter.y1 = Painter.canvas.height / 2
+    Painter.canvasContext.moveTo( Painter.x1, Painter.y1 );
+}
diff --git a/1 - Blockcode/resources/js/elements.js b/1 - Blockcode/resources/js/elements.js
index 4642be0..0ee3d27 100644
--- a/1 - Blockcode/resources/js/elements.js	
+++ b/1 - Blockcode/resources/js/elements.js	
@@ -3,11 +3,7 @@ class BaseScriptElement extends HTMLElement {
     constructor() { super(); }
 
     connectedCallback() {
-        this.innerHTML = `
-            <li>
-                <label>${this.prefix}</label>
-            </li>
-        `;
+        this.innerHTML = `<li> <label>${this.prefix}</label> </li>`;
     }
 
     action(...args) { console.log("Hello, World!"); }
@@ -56,7 +52,6 @@ class RepeatElement extends BaseInputScriptElement {
 
     action(Painter) {
         for (let i = 0; i < this.value; i++) {
-            console.log(Painter.rotation)
             for (const elm of this.children) {
                 elm.action(Painter);
             }
diff --git a/1 - Blockcode/resources/js/events.js b/1 - Blockcode/resources/js/events.js
index 639d58d..78a2bd3 100644
--- a/1 - Blockcode/resources/js/events.js	
+++ b/1 - Blockcode/resources/js/events.js	
@@ -1,6 +1,5 @@
 const dragStartHandler = (eve) => {
     draggedElm = eve.target;
-    console.debug("Node: ", draggedElm);
     eve.dataTransfer.setData("text", eve.target.tagName.toLowerCase());
 }
 
@@ -38,15 +37,6 @@ clearBttn.onclick = (eve) => {
     clearCanvas();
 }
 
-saveBttn.onclick  = (eve) => {
-    console.log("Save");
-}
-
-loadBttn.onclick  = (eve) => {
-    console.log("Load");
-}
-
-runBttn.onclick  = (eve) => {
-    console.log("Run");
-    runScript();
-}
+saveBttn.onclick = (eve) => { saveScript(); }
+loadBttn.onclick = (eve) => { loadScript;   }
+runBttn.onclick  = (eve) => { runScript();  }
diff --git a/1 - Blockcode/resources/js/script-runner.js b/1 - Blockcode/resources/js/script-runner.js
index 6b8f283..5a49c18 100644
--- a/1 - Blockcode/resources/js/script-runner.js	
+++ b/1 - Blockcode/resources/js/script-runner.js	
@@ -4,46 +4,17 @@ const setupScriptRunner = () => {
     Painter.canvasContext = canvasContext;
 }
 
+const saveScript = () => {
+    console.log("Save");
+}
+
+const loadScript = () => {
+    console.log("Load");
+}
+
 const runScript = () => {
     resetCanvasState();
     for (const elm of script.children) {
         elm.action(Painter);
     }
 }
-
-const resetCanvasState = () => {
-    resetRotation();
-    resetCanvasBrush();
-    clearCanvas();
-}
-
-const resetCanvasBrush = () => {
-    setDefaultBrushSize();
-    setDefaultBrushColor();
-    setBrushToCenter();
-}
-
-const setDefaultBrushSize = () => {
-    Painter.brushSize                 = BRUSH_SIZE;
-    Painter.canvasContext.lineWidth   = BRUSH_SIZE;
-}
-
-const setDefaultBrushColor = () => {
-    Painter.brushColor                = BRUSH_COLOR;
-    Painter.canvasContext.fillStyle   = BRUSH_COLOR;
-    Painter.canvasContext.strokeStyle = BRUSH_COLOR;
-}
-
-const setBrushToCenter = () => {
-    Painter.x1 = Painter.canvas.width  / 2
-    Painter.y1 = Painter.canvas.height / 2
-    Painter.canvasContext.moveTo( Painter.x1, Painter.y1 );
-}
-
-const clearCanvas = () => {
-    Painter.canvasContext.clearRect(0, 0, canvas.width, canvas.height);
-}
-
-const resetRotation = () => {
-    Painter.rotation = 0;
-}