From 1c772817560f17e8dc9b8f3b22e5c7a060933f4d Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Tue, 17 Dec 2024 01:46:12 -0500
Subject: [PATCH] [+] Color cross toggle

---
 README.md      |  2 ++
 src/App.svelte | 29 +++++++++++++++++------------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 47b7822..afdedb5 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,8 @@
 
 TODO: Remember to add a description meow
 
+TODO: Save settings, auto save progress, editor upload, mobile view
+
 ## Development
 
 [VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
diff --git a/src/App.svelte b/src/App.svelte
index 0989dc0..8b890e7 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -26,19 +26,9 @@
   const updateColors = () => css.innerHTML = colors.map((c, i) => `.grid-line.c${i} { --c: ${c} }`).join('\n')
   updateColors()
 
-  // Load puzzle data
-  if (puzzleData) {
-    puzzleData.numbers.forEach((n, idx) => numbers[idx] = n)
-    puzzleData.nMask.forEach((n, idx) => nMask[idx] = n)
-    puzzleData.hColors.forEach((n, idx) => hColors[idx] = n)
-    puzzleData.vColors.forEach((n, idx) => vColors[idx] = n)
-    colors = puzzleData.colors
-    updateColors()
-  }
-
   // Editing controls
   let grid: HTMLDivElement
-  let [editMode, dragging] = [params.has('edit'), false]
+  let [editMode, dragging, colorfulCross] = [params.has('edit'), false, false]
   const modes = ['line', 'mask', 'color']
   let mode = 'line'
   let [startTime, elapsed, complete, completedOverlay, statusMsg] = [Date.now(), 0, false, false, '']
@@ -260,12 +250,26 @@
     //     vStates.every((st, idx) => st === eStates.selected ? visited[1][idx] === 1 : true)
     // if (!allVisited) return "❌ Multiple loops detected, there must be only one loop!"
 
+    colorfulCross = true
     complete = completedOverlay = true
     return `Congratulations! You've solved the puzzle in ${Fmt.duration(elapsed)}! 🎉`
   }
+
+  // Load puzzle data
+  if (puzzleData) {
+    puzzleData.numbers.forEach((n, idx) => numbers[idx] = n)
+    puzzleData.nMask.forEach((n, idx) => nMask[idx] = n)
+    puzzleData.hColors.forEach((n, idx) => hColors[idx] = n)
+    puzzleData.vColors.forEach((n, idx) => vColors[idx] = n)
+    colors = puzzleData.colors
+    updateColors()
+
+    // Update every edge
+    range(eRows).forEach(y => range(eCols).forEach(x => checkPos(x, y)))
+  }
 </script>
 
-<main class:color-mode={mode === 'color'} class:colorful-cross={true}>
+<main class:color-mode={mode === 'color'} class:colorful-cross={colorfulCross}>
   <div class="heading">Azalea's Colorful Slither Link</div>
   <div class="sub-heading">
     <img src={viteLogo} alt="Logo"/>
@@ -357,6 +361,7 @@
   {#if !editMode}
     <div class="btn-div">
       <button on:click={() => console.log(statusMsg = checkSolution())}>Check Solution</button>
+      <button on:click={() => colorfulCross = !colorfulCross}>Switch Cross</button>
     </div>
   {/if}