flicker-alerts 1.0.4 → 1.0.5

package/index.js

@@ -1,47 +1,57 @@
 const FlickerAlerts = {
     showAlert: function ({ type, title, message, timer = 3000 }) {
-        // Criação do alerta
-        const alertBox = document.createElement('div');
-        alertBox.className = `alert-custom alert-${type}`;
-
-        // Ícone
-        const icon = document.createElement('div');
-        icon.className = 'icon';
-        const iconClass = {
-            success: 'fa-check',
-            info: 'fa-info',
-            warning: 'fa-exclamation',
-            danger: 'fa-times'
-        }[type];
-        icon.innerHTML = `<i class="fas ${iconClass}"></i>`;
-        alertBox.appendChild(icon);
-
-        // Conteúdo
-        const content = document.createElement('div');
-        content.innerHTML = `<strong>${title}</strong><div>${message}</div>`;
-        alertBox.appendChild(content);
-
-        // Botão de fechamento
-        const closeButton = document.createElement('div');
-        closeButton.className = 'close';
-        closeButton.innerHTML = '<i class="fas fa-times"></i>';
-        closeButton.onclick = () => alertBox.remove();
-        alertBox.appendChild(closeButton);
-
-        // Barra de progresso
-        const progressBar = document.createElement('div');
-        progressBar.className = `progress-bar progress-bar-${type}`;
-        alertBox.appendChild(progressBar);
-
-        // Adicionar ao container
-        const container = document.getElementById('alerts-container');
+      // Verifique se está no ambiente do navegador (client-side)
+      if (typeof document === 'undefined') {
+        return; // Evita erros no servidor ou no ambiente sem DOM
+      }
+  
+      // Criação do alerta
+      const alertBox = document.createElement('div');
+      alertBox.className = `alert-custom alert-${type}`;
+  
+      // Ícone
+      const icon = document.createElement('div');
+      icon.className = 'icon';
+      const iconClass = {
+        success: 'fa-check',
+        info: 'fa-info',
+        warning: 'fa-exclamation',
+        danger: 'fa-times'
+      }[type];
+      icon.innerHTML = `<i class="fas ${iconClass}"></i>`;
+      alertBox.appendChild(icon);
+  
+      // Conteúdo
+      const content = document.createElement('div');
+      content.innerHTML = `<strong>${title}</strong><div>${message}</div>`;
+      alertBox.appendChild(content);
+  
+      // Botão de fechamento
+      const closeButton = document.createElement('div');
+      closeButton.className = 'close';
+      closeButton.innerHTML = '<i class="fas fa-times"></i>';
+      closeButton.onclick = () => alertBox.remove();
+      alertBox.appendChild(closeButton);
+  
+      // Barra de progresso
+      const progressBar = document.createElement('div');
+      progressBar.className = `progress-bar progress-bar-${type}`;
+      alertBox.appendChild(progressBar);
+  
+      // Adicionar ao container
+      const container = document.getElementById('alerts-container');
+      if (container) {
         container.appendChild(alertBox);
-
-        // Remoção automática
-        setTimeout(() => alertBox.remove(), timer);
+      }
+  
+      // Remoção automática
+      setTimeout(() => alertBox.remove(), timer);
     }
-};
-
+  };
+  
+  // Exportação
+  export default FlickerAlerts;
+  
 // Botões de teste
 document.getElementById('success-btn').addEventListener('click', () => {
     FlickerAlerts.showAlert({ type: 'success', title: 'Sucesso', message: 'A operação foi concluída com êxito!' });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Biblioteca para alertas animados",
   "main": "index.js",
   "types": "index.d.ts",