Floating panel changed to use Chrome local storage, and also reset button has been added.

MaxITService · MaxITService · commit 0b90919af222 · 2025-03-18T22:57:24.000+02:00
diff --git a/config.js b/config.js
@@ -416,7 +416,82 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
                 }
             })();
             return true;
+        case 'resetAdvancedSelectors':
+            clearAdvancedSelectors().then(result => {
+                sendResponse({ success: result });
+                logConfigurationRelatedStuff('Reset advanced selectors');
+            }).catch(error => {
+                handleStorageError(error);
+                sendResponse({ error: error.message });
+            });
+            return true;
         // ----- End Custom Selectors Cases -----
+            
+        // ----- Floating Panel Settings Cases -----
+        case 'getFloatingPanelSettings':
+            if (!request.hostname) {
+                sendResponse({ error: 'Hostname is required' });
+                return true;
+            }
+            
+            const floatingPanelKey = 'floating_panel_' + request.hostname;
+            chrome.storage.local.get([floatingPanelKey], result => {
+                if (result && result[floatingPanelKey]) {
+                    sendResponse({ settings: result[floatingPanelKey] });
+                    logConfigurationRelatedStuff(`Retrieved floating panel settings for ${request.hostname}`);
+                } else {
+                    sendResponse({ settings: null });
+                    logConfigurationRelatedStuff(`No saved floating panel settings for ${request.hostname}`);
+                }
+            });
+            return true;
+            
+        case 'saveFloatingPanelSettings':
+            if (!request.hostname || !request.settings) {
+                sendResponse({ error: 'Hostname and settings are required' });
+                return true;
+            }
+            
+            const saveKey = 'floating_panel_' + request.hostname;
+            const saveData = {};
+            saveData[saveKey] = request.settings;
+            
+            chrome.storage.local.set(saveData, () => {
+                if (chrome.runtime.lastError) {
+                    handleStorageError(chrome.runtime.lastError);
+                    sendResponse({ success: false, error: chrome.runtime.lastError.message });
+                } else {
+                    sendResponse({ success: true });
+                    logConfigurationRelatedStuff(`Saved floating panel settings for ${request.hostname}`);
+                }
+            });
+            return true;
+            
+        case 'resetFloatingPanelSettings':
+            chrome.storage.local.get(null, result => {
+                const floatingPanelKeys = Object.keys(result).filter(key => 
+                    key.startsWith('floating_panel_')
+                );
+                
+                if (floatingPanelKeys.length === 0) {
+                    sendResponse({ success: true, count: 0 });
+                    logConfigurationRelatedStuff('No floating panel settings found to reset');
+                    return;
+                }
+                
+                chrome.storage.local.remove(floatingPanelKeys, () => {
+                    if (chrome.runtime.lastError) {
+                        handleStorageError(chrome.runtime.lastError);
+                        sendResponse({ success: false, error: chrome.runtime.lastError.message });
+                    } else {
+                        sendResponse({ success: true, count: floatingPanelKeys.length });
+                        logConfigurationRelatedStuff(`Reset ${floatingPanelKeys.length} floating panel settings`);
+                    }
+                });
+            });
+            return true;
+        // ----- End Floating Panel Settings Cases -----
+            
         default:
             logConfigurationRelatedStuff('Unknown message type received:', request.type);
             sendResponse({ error: 'Unknown message type' });
diff --git a/floating-panel.js b/floating-panel.js
@@ -527,7 +527,7 @@ window.MaxExtensionFloatingPanel = {
         
         // Clear existing content in the panel
         panelContent.innerHTML = '';
-        
+
         // Get all the button configurations from global config
         const buttonConfigs = globalMaxExtensionConfig.customButtons;
         let configIndex = 0;  // Track which config we're on
@@ -619,41 +619,96 @@ window.MaxExtensionFloatingPanel = {
     },
 
     /**
-     * Loads panel settings from localStorage.
+     * Loads panel settings from Chrome's storage through the config service worker.
      * If no settings are found, default settings are used.
      */
     loadPanelSettings: function() {
         try {
+            // Initialize with default settings immediately to avoid null references
+            this.currentPanelSettings = { ...this.defaultPanelSettings };
+            
             const hostname = window.location.hostname;
-            const storageKey = this.storageKeyPrefix + hostname;
-            const savedSettings = localStorage.getItem(storageKey);
             
-            if (savedSettings) {
-                this.currentPanelSettings = JSON.parse(savedSettings);
-                logConCgp('[floating-panel] Loaded panel settings for ' + hostname);
-            } else {
-                this.currentPanelSettings = { ...this.defaultPanelSettings };
-                logConCgp('[floating-panel] Using default panel settings for ' + hostname);
-            }
+            // Use chrome.runtime.sendMessage to get settings from config service worker
+            chrome.runtime.sendMessage({
+                type: 'getFloatingPanelSettings',
+                hostname: hostname
+            }, (response) => {
+                if (response && response.settings) {
+                    this.currentPanelSettings = response.settings;
+                    logConCgp('[floating-panel] Loaded panel settings for ' + hostname);
+                } else {
+                    // Keep the default settings we already set
+                    logConCgp('[floating-panel] Using default panel settings for ' + hostname);
+                }
+                
+                // Apply settings to panel if it exists
+                if (this.panelElement) {
+                    this.updatePanelFromSettings();
+                }
+                
+                // Restore panel visibility state after settings are loaded
+                this.restorePanelState();
+            });
         } catch (error) {
             logConCgp('[floating-panel] Error loading panel settings: ' + error.message);
             this.currentPanelSettings = { ...this.defaultPanelSettings };
         }
     },
 
     /**
-     * Saves panel settings to localStorage.
+     * Saves panel settings to Chrome's storage through the config service worker.
      */
     savePanelSettings: function() {
         try {
             const hostname = window.location.hostname;
-            const storageKey = this.storageKeyPrefix + hostname;
-            localStorage.setItem(storageKey, JSON.stringify(this.currentPanelSettings));
-            logConCgp('[floating-panel] Saved panel settings for ' + hostname);
+            
+            // Use chrome.runtime.sendMessage to save settings via config service worker
+            chrome.runtime.sendMessage({
+                type: 'saveFloatingPanelSettings',
+                hostname: hostname,
+                settings: this.currentPanelSettings
+            }, (response) => {
+                if (response && response.success) {
+                    logConCgp('[floating-panel] Saved panel settings for ' + hostname);
+                } else {
+                    logConCgp('[floating-panel] Failed to save panel settings for ' + hostname);
+                }
+            });
         } catch (error) {
             logConCgp('[floating-panel] Error saving panel settings: ' + error.message);
         }
     },
+    
+    /**
+     * Updates the panel's appearance and position based on current settings.
+     * Called after settings are loaded or changed.
+     */
+    updatePanelFromSettings: function() {
+        if (!this.panelElement) return;
+        
+        this.panelElement.style.width = `${this.currentPanelSettings.width}px`;
+        this.panelElement.style.height = `${this.currentPanelSettings.height}px`;
+        this.panelElement.style.left = `${this.currentPanelSettings.posX}px`;
+        this.panelElement.style.top = `${this.currentPanelSettings.posY}px`;
+        
+        // Update opacity
+        const bgOpacity = this.currentPanelSettings.opacity;
+        this.panelElement.style.backgroundColor = `rgba(50, 50, 50, ${bgOpacity})`;
+        
+        // Update header and footer opacity
+        const headerFooterOpacity = bgOpacity + 0.1;
+        const header = document.getElementById('max-extension-floating-panel-header');
+        const footer = document.getElementById('max-extension-profile-switcher');
+        
+        if (header) {
+            header.style.backgroundColor = `rgba(40, 40, 40, ${headerFooterOpacity})`;
+        }
+        
+        if (footer) {
+            footer.style.backgroundColor = `rgba(40, 40, 40, ${headerFooterOpacity})`;
+        }
+    },
 
     /**
      * Restores the panel state based on saved settings.
@@ -671,9 +726,14 @@ window.MaxExtensionFloatingPanel = {
      * This method should be called when the extension is initialized.
      */
     initialize: function() {
-        this.loadPanelSettings();
+        // First, set default settings to avoid null reference
+        this.currentPanelSettings = { ...this.defaultPanelSettings };
+        
+        // Create the panel with default settings initially
         this.createFloatingPanel();
-        this.restorePanelState();
+        
+        // Load settings and update the panel once settings are available
+        this.loadPanelSettings();
         
         // Load available profiles and initialize the profile switcher
         this.loadAvailableProfiles();
diff --git a/popup-page-scripts/popup-page-floating-window-handler.js b/popup-page-scripts/popup-page-floating-window-handler.js
@@ -0,0 +1,44 @@
+// popup-page-floating-window-handler.js
+// Version: 1.0
+// Handler script for floating window settings reset functionality
+
+'use strict';
+
+/**
+ * Resets all floating panel settings across all websites.
+ * Uses the config.js service worker to clear all floating panel settings
+ * stored in Chrome's extension storage with the 'floating_panel_' prefix.
+ */
+async function resetFloatingWindowSettings() {
+    try {
+        // Send message to config service worker to reset all floating panel settings
+        chrome.runtime.sendMessage({
+            type: 'resetFloatingPanelSettings'
+        }, (response) => {
+            if (response && response.success) {
+                // Log success and show confirmation to user
+                const count = response.count || 0;
+                
+                if (count > 0) {
+                    window.logToGUIConsole(`Successfully reset ${count} floating panel settings`);
+                    window.showToast('Floating window settings have been reset. Changes will take effect on your next page visit.', 'success');
+                } else {
+                    window.logToGUIConsole('No floating panel settings found to reset');
+                    window.showToast('No floating panel settings found to reset.', 'info');
+                }
+            } else {
+                // Log error and show error message
+                const errorMsg = response && response.error ? response.error : 'Unknown error';
+                window.logToGUIConsole(`Error resetting floating window settings: ${errorMsg}`);
+                window.showToast(`Failed to reset floating window settings: ${errorMsg}`, 'error');
+            }
+        });
+    } catch (error) {
+        // Log error and show error message
+        window.logToGUIConsole(`Error resetting floating window settings: ${error.message}`);
+        window.showToast(`Failed to reset floating window settings: ${error.message}`, 'error');
+    }
+}
+
+// Export the function to be used by the popup script
+window.resetFloatingWindowSettings = resetFloatingWindowSettings;
diff --git a/popup-page-scripts/popup-page-script.js b/popup-page-scripts/popup-page-script.js
@@ -267,6 +267,9 @@ document.addEventListener('DOMContentLoaded', () => {
     document.getElementById('autoSendToggle').addEventListener('change', updateGlobalSettings);
     document.getElementById('shortcutsToggle').addEventListener('change', updateGlobalSettings);
     document.getElementById('revertDefault').addEventListener('click', revertToDefault);
+    
+    // Floating Window Settings
+    document.getElementById('resetFloatingWindowSettings').addEventListener('click', resetFloatingWindowSettings);
 
     // Drag and drop events - attach them but implementation is in customButtons.js
     buttonCardsList.addEventListener('dragstart', handleDragStart);
diff --git a/popup.html b/popup.html
@@ -98,6 +98,9 @@ <h2>Settings</h2>
             <div class="row">
                 <button id="revertDefault" class="danger">Revert Current Profile to Default</button>
             </div>
+            <div class="row">
+                <button id="resetFloatingWindowSettings">Reset Floating Window Settings for all pages</button>
+            </div>
         </section>
 
 
@@ -257,6 +260,8 @@ <h2>Theme</h2>
     <script src="/popup-page-scripts/popup-page-theme.js"></script>
     <!-- Advanced Selector Configuration script -->
     <script src="/popup-page-scripts/popup-page-advanced.js"></script>
+    <!-- Floating Window Settings Handler script -->
+    <script src="/popup-page-scripts/popup-page-floating-window-handler.js"></script>
 </body>
 
 </html>
