Init

popup.js

@@ -0,0 +1,51 @@
+// Esperar a que el DOM esté completamente cargado
+document.addEventListener('DOMContentLoaded', function() {
+  // Obtener referencia al elemento que mostrará la URL
+  const currentUrlElement = document.getElementById('currentUrl');
+  
+  // Obtener la URL de la pestaña activa y mostrarla
+  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
+    const activeTab = tabs[0];
+    currentUrlElement.textContent = 'URL actual: ' + activeTab.url;
+    
+    // Cargar mensaje guardado para esta URL si existe
+    chrome.storage.local.get(['mensaje'], function(result) {
+      if (result.mensaje) {
+        document.getElementById('savedMessage').textContent = 'Mensaje guardado: ' + result.mensaje;
+        document.getElementById('userMessage').value = result.mensaje;
+      }
+    });
+  });
+
+  // Actualizar la URL cuando cambie la pestaña activa
+  chrome.tabs.onActivated.addListener(function(activeInfo) {
+    chrome.tabs.get(activeInfo.tabId, function(tab) {
+      currentUrlElement.textContent = 'URL actual: ' + tab.url;
+      
+      // Cargar mensaje guardado para esta URL si existe
+      chrome.storage.local.get(['mensaje'], function(result) {
+        if (result.mensaje) {
+          document.getElementById('savedMessage').textContent = 'Mensaje guardado: ' + result.mensaje;
+          document.getElementById('userMessage').value = result.mensaje;
+        } else {
+          document.getElementById('savedMessage').textContent = '';
+          document.getElementById('userMessage').value = '';
+        }
+      });
+    });
+  });
+  
+  // Configurar el botón para guardar mensajes
+  document.getElementById('saveMessage').addEventListener('click', function() {
+    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
+      const activeTab = tabs[0];
+      const message = document.getElementById('userMessage').value;
+      
+      // Guardar el mensaje en chrome.storage usando la URL como clave
+      chrome.storage.local.set({mensaje: message}, function() {
+        document.getElementById('savedMessage').textContent = 'Mensaje guardado: ' + message;
+        console.log('Mensaje guardado en chrome.storage: ' + message);
+      });
+    });
+  });
+});