fix: resolve rubocop offenses for auto-refresh feature

- Split generate_auto_refresh_script into smaller methods
- Exclude stylesheet_generator.rb from ClassLength check (CSS template)

Author: vishaltps

.rubocop.yml

@@ -22,6 +22,8 @@ Style/Documentation:
 
 Metrics/ClassLength:
   Max: 500
+  Exclude:
+    - 'app/services/solid_queue_monitor/stylesheet_generator.rb'
 
 Metrics/ModuleLength:
   Max: 200

Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    solid_queue_monitor (0.3.2)
+    solid_queue_monitor (0.4.0)
       rails (>= 7.0)
       solid_queue (>= 0.1.0)
 

app/services/solid_queue_monitor/html_generator.rb

@@ -138,89 +138,78 @@ def generate_auto_refresh_controls
     def generate_auto_refresh_script
       return '' unless SolidQueueMonitor.auto_refresh_enabled
 
-      interval = SolidQueueMonitor.auto_refresh_interval
-      <<-HTML
-        <script>
-          (function() {
-            var REFRESH_INTERVAL = #{interval};
-            var countdown = REFRESH_INTERVAL;
-            var timerId = null;
-            var isEnabled = localStorage.getItem('sqm_auto_refresh') !== 'false';
-
-            var toggle = document.getElementById('auto-refresh-toggle');
-            var indicator = document.getElementById('auto-refresh-indicator');
-            var countdownEl = document.getElementById('auto-refresh-countdown');
-            var refreshBtn = document.getElementById('refresh-now-btn');
-
-            function updateUI() {
-              if (toggle) toggle.checked = isEnabled;
-              if (indicator) indicator.classList.toggle('active', isEnabled);
-              if (countdownEl) {
-                countdownEl.textContent = countdown + 's';
-                countdownEl.style.opacity = isEnabled ? '1' : '0.4';
-              }
-            }
-
-            function tick() {
-              countdown--;
-              if (countdown <= 0) {
-                refresh();
-              } else {
-                updateUI();
-              }
-            }
-
-            function startTimer() {
-              stopTimer();
-              countdown = REFRESH_INTERVAL;
-              updateUI();
-              timerId = setInterval(tick, 1000);
-            }
-
-            function stopTimer() {
-              if (timerId) {
-                clearInterval(timerId);
-                timerId = null;
-              }
-            }
+      "<script>#{auto_refresh_javascript}</script>"
+    end
 
-            function refresh() {
-              window.location.reload();
-            }
+    def auto_refresh_javascript
+      interval = SolidQueueMonitor.auto_refresh_interval
+      <<-JS
+        (function() {
+          var REFRESH_INTERVAL = #{interval};
+          var countdown = REFRESH_INTERVAL;
+          var timerId = null;
+          var isEnabled = localStorage.getItem('sqm_auto_refresh') !== 'false';
+          #{auto_refresh_dom_elements}
+          #{auto_refresh_functions}
+          #{auto_refresh_event_listeners}
+          #{auto_refresh_init}
+        })();
+      JS
+    end
 
-            function setEnabled(enabled) {
-              isEnabled = enabled;
-              localStorage.setItem('sqm_auto_refresh', enabled ? 'true' : 'false');
-              if (enabled) {
-                startTimer();
-              } else {
-                stopTimer();
-                countdown = REFRESH_INTERVAL;
-                updateUI();
-              }
-            }
+    def auto_refresh_dom_elements
+      <<-JS
+        var toggle = document.getElementById('auto-refresh-toggle');
+        var indicator = document.getElementById('auto-refresh-indicator');
+        var countdownEl = document.getElementById('auto-refresh-countdown');
+        var refreshBtn = document.getElementById('refresh-now-btn');
+      JS
+    end
 
-            // Event listeners
-            if (toggle) {
-              toggle.addEventListener('change', function() {
-                setEnabled(this.checked);
-              });
-            }
+    def auto_refresh_functions
+      <<-JS
+        function updateUI() {
+          if (toggle) toggle.checked = isEnabled;
+          if (indicator) indicator.classList.toggle('active', isEnabled);
+          if (countdownEl) {
+            countdownEl.textContent = countdown + 's';
+            countdownEl.style.opacity = isEnabled ? '1' : '0.4';
+          }
+        }
+        function tick() {
+          countdown--;
+          if (countdown <= 0) { refresh(); } else { updateUI(); }
+        }
+        function startTimer() {
+          stopTimer();
+          countdown = REFRESH_INTERVAL;
+          updateUI();
+          timerId = setInterval(tick, 1000);
+        }
+        function stopTimer() {
+          if (timerId) { clearInterval(timerId); timerId = null; }
+        }
+        function refresh() { window.location.reload(); }
+        function setEnabled(enabled) {
+          isEnabled = enabled;
+          localStorage.setItem('sqm_auto_refresh', enabled ? 'true' : 'false');
+          if (enabled) { startTimer(); } else { stopTimer(); countdown = REFRESH_INTERVAL; updateUI(); }
+        }
+      JS
+    end
 
-            if (refreshBtn) {
-              refreshBtn.addEventListener('click', function() {
-                refresh();
-              });
-            }
+    def auto_refresh_event_listeners
+      <<-JS
+        if (toggle) { toggle.addEventListener('change', function() { setEnabled(this.checked); }); }
+        if (refreshBtn) { refreshBtn.addEventListener('click', function() { refresh(); }); }
+      JS
+    end
 
-            // Initialize
-            updateUI();
-            if (isEnabled) {
-              startTimer();
-            }
-          })();
-        </script>
-      HTML
+    def auto_refresh_init
+      <<-JS
+        updateUI();
+        if (isEnabled) { startTimer(); }
+      JS
     end
 
     def default_url_options