Merge pull request #191 from fracergu/fix/preserve-block-size-preferences

Fix: Preserve user's block size preferences in shuffle-blocks mode

Extension/scripts/Auto-Image.js

@@ -1919,6 +1919,9 @@ function getText(key, params) {
 
   async function createUI() {
     await detectLanguage();
+    
+    // Load bot settings before creating UI so values are available
+    loadBotSettings();
 
     const existingContainer = document.getElementById('wplace-image-bot-container');
     const existingStats = document.getElementById('wplace-stats-container');
@@ -3588,6 +3591,14 @@ function getText(key, params) {
         console.log(`🔄 Coordinate mode changed to: ${state.coordinateMode}`);
         Utils.showAlert(`Coordinate mode set to: ${state.coordinateMode}`, 'success');
       });
+      
+      // Update coordinate UI after setting up the event listener
+      Utils.updateCoordinateUI({
+        mode: state.coordinateMode,
+        directionControls,
+        snakeControls,
+        blockControls,
+      });
     }
 
     if (coordinateDirectionSelect) {
@@ -3626,7 +3637,7 @@ function getText(key, params) {
 
     if (blockHeightInput) {
       blockHeightInput.value = state.blockHeight;
-      blockHeightInput.addEventListener('change', (e) => {
+      blockHeightInput.addEventListener('input', (e) => {
         const height = parseInt(e.target.value);
         if (height >= 1 && height <= 50) {
           state.blockHeight = height;
@@ -3635,6 +3646,14 @@ function getText(key, params) {
       });
     }
 
+    // Patch block size inputs with saved values after UI creation
+    if (blockWidthInput) {
+      blockWidthInput.value = state.blockWidth;
+    }
+    if (blockHeightInput) {
+      blockHeightInput.value = state.blockHeight;
+    }
+
     if (compactBtn) {
       compactBtn.addEventListener('click', () => {
         container.classList.toggle('wplace-compact');
@@ -5991,7 +6010,6 @@ function getText(key, params) {
       Utils.createScrollToAdjust(cooldownSlider, updateCooldown, 1, state.maxCharges, 1);
     }
 
-    loadBotSettings();
     // Ensure notification poller reflects current settings
     NotificationManager.syncFromState();
   }
@@ -7127,17 +7145,6 @@ function getText(key, params) {
       const coordinateSnakeToggle = document.getElementById('coordinateSnakeToggle');
       if (coordinateSnakeToggle) coordinateSnakeToggle.checked = state.coordinateSnake;
 
-      const settingsContainer = document.getElementById('wplace-settings-container');
-      const directionControls = settingsContainer.querySelector('#directionControls');
-      const snakeControls = settingsContainer.querySelector('#snakeControls');
-      const blockControls = settingsContainer.querySelector('#blockControls');
-      Utils.updateCoordinateUI({
-        mode: state.coordinateMode,
-        directionControls,
-        snakeControls,
-        blockControls,
-      });
-
       const paintUnavailablePixelsToggle = document.getElementById('paintUnavailablePixelsToggle');
       if (paintUnavailablePixelsToggle) {
         paintUnavailablePixelsToggle.checked = state.paintUnavailablePixels;