lepus 0.2.2 → 0.3.0

data/web/assets/js/offline-manager.js

@@ -1,233 +0,0 @@
-// Offline Manager - Handles offline detection and external dependency loading
-class OfflineManager {
-  constructor() {
-    this.isOnline = navigator.onLine;
-    this.stimulusLoaded = false;
-    this.chartLoaded = false;
-    this.initialized = false;
-
-    this.setupEventListeners();
-  }
-
-  setupEventListeners() {
-    // Set up online/offline event listeners
-    window.addEventListener('online', () => {
-      this.isOnline = true;
-      this.hideOfflineBanner();
-      this.hideOfflineContent();
-    });
-
-    window.addEventListener('offline', () => {
-      this.isOnline = false;
-      this.showOfflineBanner();
-      this.showOfflineContent();
-    });
-  }
-
-  // Function to show offline banner
-  showOfflineBanner() {
-    const banner = document.getElementById('offline-banner');
-    if (banner) {
-      banner.style.display = 'block';
-    }
-  }
-
-  // Function to hide offline banner
-  hideOfflineBanner() {
-    const banner = document.getElementById('offline-banner');
-    if (banner) {
-      banner.style.display = 'none';
-    }
-  }
-
-  // Function to show offline content
-  showOfflineContent() {
-    const content = document.getElementById('offline-content');
-    const mainContent = document.querySelector('.stats-grid');
-    if (content && mainContent) {
-      content.style.display = 'flex';
-      mainContent.style.display = 'none';
-      // Hide other main sections
-      document.querySelectorAll('.chart-grid, .processes-grid, .queues-grid').forEach(section => {
-        section.style.display = 'none';
-      });
-    }
-  }
-
-  // Function to hide offline content
-  hideOfflineContent() {
-    const content = document.getElementById('offline-content');
-    const mainContent = document.querySelector('.stats-grid');
-    if (content && mainContent) {
-      content.style.display = 'none';
-      mainContent.style.display = 'grid';
-      // Show other main sections
-      document.querySelectorAll('.chart-grid, .processes-grid, .queues-grid').forEach(section => {
-        section.style.display = 'grid';
-      });
-    }
-  }
-
-  // Function to load external scripts with fallback
-  loadExternalScript(src, fallbackCode, onLoad) {
-    const script = document.createElement('script');
-    script.src = src;
-    script.onload = function() {
-      onLoad(true);
-    };
-    script.onerror = function() {
-      console.warn('Failed to load external script:', src);
-      if (fallbackCode) {
-        // Execute fallback code
-        eval(fallbackCode);
-        onLoad(false);
-      } else {
-        onLoad(false);
-      }
-    };
-    document.head.appendChild(script);
-  }
-
-  // Load Stimulus with fallback
-  loadStimulus() {
-    return new Promise((resolve) => {
-      this.loadExternalScript(
-        'https://unpkg.com/@hotwired/stimulus@3.2.2/dist/stimulus.umd.js',
-        `
-          // Minimal Stimulus fallback
-          window.Stimulus = {
-            Application: class {
-              constructor() { this.controllers = new Map(); }
-              register(name, controller) { this.controllers.set(name, controller); }
-              start() {
-                console.warn('Using offline Stimulus fallback');
-                // Basic controller initialization
-                document.querySelectorAll('[data-controller]').forEach(element => {
-                  const controllers = element.dataset.controller.split(' ');
-                  controllers.forEach(controllerName => {
-                    const ControllerClass = this.controllers.get(controllerName);
-                    if (ControllerClass) {
-                      new ControllerClass(element);
-                    }
-                  });
-                });
-              }
-            },
-            Controller: class {
-              constructor(element) { this.element = element; }
-              get targets() {
-                return {
-                  find: (name) => this.element.querySelector('[data-' + this.constructor.name.toLowerCase().replace('controller', '') + '-target="' + name + '"]'),
-                  findAll: (name) => this.element.querySelectorAll('[data-' + this.constructor.name.toLowerCase().replace('controller', '') + '-target="' + name + '"]')
-                };
-              }
-            }
-          };
-        `,
-        (loaded) => {
-          this.stimulusLoaded = loaded;
-          if (!loaded) this.showOfflineBanner();
-          resolve(loaded);
-        }
-      );
-    });
-  }
-
-  // Load Chart.js with fallback
-  loadChartJs() {
-    return new Promise((resolve) => {
-      this.loadExternalScript(
-        'https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js',
-        `
-          // Chart.js fallback - simple canvas drawing
-          window.Chart = class {
-            constructor(ctx, config) {
-              this.ctx = ctx;
-              this.config = config;
-              this.drawFallbackChart();
-            }
-
-            drawFallbackChart() {
-              const canvas = this.ctx.canvas;
-              const width = canvas.width;
-              const height = canvas.height;
-
-              // Clear canvas
-              this.ctx.clearRect(0, 0, width, height);
-
-              // Draw fallback message
-              this.ctx.fillStyle = '#666';
-              this.ctx.font = '14px system-ui';
-              this.ctx.textAlign = 'center';
-              this.ctx.fillText('Charts unavailable offline', width/2, height/2);
-            }
-
-            update() { this.drawFallbackChart(); }
-            destroy() {}
-          };
-        `,
-        (loaded) => {
-          this.chartLoaded = loaded;
-          if (!loaded) this.showOfflineBanner();
-          resolve(loaded);
-        }
-      );
-    });
-  }
-
-  // Load local scripts serially. Controllers reference `StimulusApp`
-  // defined by app.js, so they must not execute before app.js.
-  loadLocalScripts() {
-    const scripts = [
-      'assets/js/app.js',
-      'assets/js/controllers/theme_controller.js',
-      'assets/js/controllers/connection_controller.js',
-      'assets/js/controllers/dashboard_controller.js',
-      'assets/js/controllers/queue_controller.js'
-    ];
-
-    const loadOne = (src) => new Promise((resolve) => {
-      const script = document.createElement('script');
-      script.src = src;
-      script.onload = () => resolve();
-      script.onerror = () => {
-        console.warn('Failed to load local script:', src);
-        resolve();
-      };
-      document.head.appendChild(script);
-    });
-
-    return scripts.reduce((chain, src) => chain.then(() => loadOne(src)), Promise.resolve());
-  }
-
-  // Initialize the application
-  async initialize() {
-    if (this.initialized) return;
-    this.initialized = true;
-
-    // Set up dismiss button
-    const dismissBtn = document.getElementById('dismiss-offline');
-    if (dismissBtn) {
-      dismissBtn.addEventListener('click', () => this.hideOfflineBanner());
-    }
-
-    // Check initial online status
-    if (!this.isOnline) {
-      this.showOfflineBanner();
-      // Show offline content if we're offline and external dependencies failed to load
-      setTimeout(() => {
-        if (!this.stimulusLoaded || !this.chartLoaded) {
-          this.showOfflineContent();
-        }
-      }, 2000); // Wait 2 seconds to see if dependencies load
-    }
-
-    // Load dependencies in sequence
-    await this.loadStimulus();
-    await this.loadChartJs();
-    await this.loadLocalScripts();
-  }
-}
-
-// Export for use in other modules
-window.OfflineManager = OfflineManager;

data/web/assets/js/service-worker-manager.js

@@ -1,65 +0,0 @@
-// Service Worker Manager - Handles service worker registration and updates
-class ServiceWorkerManager {
-  constructor() {
-    this.registration = null;
-  }
-
-  // Register service worker. The SW is purely an offline-cache enhancement,
-  // so we never await `.ready` — if the SW install fails (e.g. one cached
-  // asset 401s behind auth) we would otherwise hang the whole dashboard
-  // bootstrap waiting for a worker that will never activate.
-  async register() {
-    if (!('serviceWorker' in navigator)) {
-      console.warn('Service Worker not supported');
-      return false;
-    }
-
-    try {
-      this.registration = await navigator.serviceWorker.register('sw.js');
-      console.log('Service Worker registered:', this.registration.scope);
-
-      this.registration.addEventListener('updatefound', () => {
-        const newWorker = this.registration.installing;
-        newWorker.addEventListener('statechange', () => {
-          if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
-            console.log('New service worker available. Reload to update.');
-            this.showUpdateNotification();
-          }
-        });
-      });
-
-      return true;
-    } catch (error) {
-      console.warn('Service Worker registration failed:', error);
-      return false;
-    }
-  }
-
-  // Show update notification (optional enhancement)
-  showUpdateNotification() {
-    // You could implement a notification here to prompt users to reload
-    // For now, we'll just log it
-    console.log('Update available - consider implementing user notification');
-  }
-
-  // Unregister service worker (for development/testing)
-  async unregister() {
-    if (this.registration) {
-      await this.registration.unregister();
-      console.log('Service Worker unregistered');
-    }
-  }
-
-  // Check if service worker is active
-  isActive() {
-    return navigator.serviceWorker.controller !== null;
-  }
-
-  // Get service worker registration
-  getRegistration() {
-    return this.registration;
-  }
-}
-
-// Export for use in other modules
-window.ServiceWorkerManager = ServiceWorkerManager;