flicker-alerts 1.0.5 → 1.0.7

package/index.d.ts

@@ -9,5 +9,4 @@ declare module 'flicker-alerts' {
     export default class FlickerAlerts {
       static showAlert(options: AlertOptions): void;
     }
-  }
-  
+}

package/index.js

@@ -1,70 +1,71 @@
 const FlickerAlerts = {
     showAlert: function ({ type, title, message, timer = 3000 }) {
-      // Verifique se está no ambiente do navegador (client-side)
-      if (typeof document === 'undefined') {
-        return; // Evita erros no servidor ou no ambiente sem DOM
-      }
+      // Verifique se está no ambiente do navegador (client-side) antes de tentar manipular o DOM
+      if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+        // Criação do alerta
+        const alertBox = document.createElement('div');
+        alertBox.className = `alert-custom alert-${type}`;
   
-      // 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);
   
-      // Í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);
   
-      // 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);
   
-      // 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);
   
-      // 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);
+        }
   
-      // Adicionar ao container
-      const container = document.getElementById('alerts-container');
-      if (container) {
-        container.appendChild(alertBox);
+        // Remoção automática após o tempo especificado
+        setTimeout(() => alertBox.remove(), timer);
       }
-  
-      // Remoção automática
-      setTimeout(() => alertBox.remove(), timer);
     }
   };
   
+  // Botões de teste - Eles podem ser removidos se não forem necessários
+  if (typeof document !== 'undefined') {
+    document.getElementById('success-btn')?.addEventListener('click', () => {
+      FlickerAlerts.showAlert({ type: 'success', title: 'Sucesso', message: 'A operação foi concluída com êxito!' });
+    });
+  
+    document.getElementById('info-btn')?.addEventListener('click', () => {
+      FlickerAlerts.showAlert({ type: 'info', title: 'Informação', message: 'Aqui está uma informação importante.' });
+    });
+  
+    document.getElementById('warning-btn')?.addEventListener('click', () => {
+      FlickerAlerts.showAlert({ type: 'warning', title: 'Alerta', message: 'Por favor, preste atenção nisso!' });
+    });
+  
+    document.getElementById('error-btn')?.addEventListener('click', () => {
+      FlickerAlerts.showAlert({ type: 'danger', title: 'Erro', message: 'Ocorreu um erro inesperado!' });
+    });
+  }
+  
   // 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!' });
-});
-
-document.getElementById('info-btn').addEventListener('click', () => {
-    FlickerAlerts.showAlert({ type: 'info', title: 'Informação', message: 'Aqui está uma informação importante.' });
-});
-
-document.getElementById('warning-btn').addEventListener('click', () => {
-    FlickerAlerts.showAlert({ type: 'warning', title: 'Alerta', message: 'Por favor, preste atenção nisso!' });
-});
-
-document.getElementById('error-btn').addEventListener('click', () => {
-    FlickerAlerts.showAlert({ type: 'danger', title: 'Erro', message: 'Ocorreu um erro inesperado!' });
-});
+  

package/package.json

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