From adc91709f87e9c2a93aeb2c482b95b242e2838c5 Mon Sep 17 00:00:00 2001
From: Max Litruv Boonzaayer <litruv@gmail.com>
Date: Tue, 25 Nov 2025 05:38:24 +1100
Subject: [PATCH] vertical layers extended when upgraded grid size

---
 website/mining.js | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/website/mining.js b/website/mining.js
index 788178a..05c3f56 100644
--- a/website/mining.js
+++ b/website/mining.js
@@ -7,7 +7,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // --- Configuration ---
     let GRID_SIZE = 5; // 5x5 grid (Dynamic)
-    const VISIBLE_LAYERS = 7; // How many layers deep we render
+    let VISIBLE_LAYERS = 7; // How many layers deep we render (Dynamic)
     const BLOCK_SIZE = 1;
     
     const SELL_PRICES = { coal: 10, iron: 20, gold: 50, diamond: 200, emerald: 500 };
@@ -418,6 +418,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 
                 // Update GRID_SIZE based on loaded upgrade
                 GRID_SIZE = 5 + (upgrades.grid_size * 2);
+                VISIBLE_LAYERS = 7 + upgrades.grid_size;
                 
                 // Adjust camera for larger grids
                 if (upgrades.grid_size > 0) {
@@ -478,6 +479,13 @@ document.addEventListener('DOMContentLoaded', () => {
                 layers.push(layer);
             });
 
+            // Fill missing layers if VISIBLE_LAYERS increased
+            while (layers.length < VISIBLE_LAYERS) {
+                const layerIdx = layers.length;
+                const absDepth = depth + layerIdx;
+                layers.push(generateLayer(layerIdx, absDepth));
+            }
+
             // Rebuild extraBlocks
             extraBlocks = [];
             data.extraBlocks.forEach(bData => {
@@ -1885,7 +1893,11 @@ document.addEventListener('DOMContentLoaded', () => {
 
     function expandGrid() {
         const oldSize = GRID_SIZE;
+        const oldVisibleLayers = VISIBLE_LAYERS;
+
         GRID_SIZE = 5 + (upgrades.grid_size * 2);
+        VISIBLE_LAYERS = 7 + upgrades.grid_size;
+        
         const offsetDiff = (GRID_SIZE - oldSize) / 2;
         
         // Adjust camera
@@ -1934,6 +1946,13 @@ document.addEventListener('DOMContentLoaded', () => {
             newLayers.push(newLayer);
         });
         layers = newLayers;
+
+        // Add new layers at the bottom if VISIBLE_LAYERS increased
+        while (layers.length < VISIBLE_LAYERS) {
+            const layerIdx = layers.length;
+            const absDepth = depth + layerIdx;
+            layers.push(generateLayer(layerIdx, absDepth));
+        }
     }
 
     // --- TNT System ---