flicker-alerts 1.0.6 → 1.0.8

package/index.js

@@ -1,8 +1,14 @@
 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') {
+        // Garantir que o container de alertas exista, se não, criá-lo
+        let container = document.getElementById('alerts-container');
+        if (!container) {
+          // Cria o container se ele não existir
+          container = document.createElement('div');
+          container.id = 'alerts-container';
+          document.body.appendChild(container); // Adiciona o container ao body ou a outro elemento desejado
         }
   
         // Criação do alerta
@@ -13,10 +19,10 @@ const FlickerAlerts = {
         const icon = document.createElement('div');
         icon.className = 'icon';
         const iconClass = {
-            success: 'fa-check',
-            info: 'fa-info',
-            warning: 'fa-exclamation',
-            danger: 'fa-times'
+          success: 'fa-check',
+          info: 'fa-info',
+          warning: 'fa-exclamation',
+          danger: 'fa-times'
         }[type];
         icon.innerHTML = `<i class="fas ${iconClass}"></i>`;
         alertBox.appendChild(icon);
@@ -39,33 +45,33 @@ const FlickerAlerts = {
         alertBox.appendChild(progressBar);
   
         // Adicionar ao container
-        const container = document.getElementById('alerts-container');
-        if (container) {
-            container.appendChild(alertBox);
-        }
+        container.appendChild(alertBox);
   
-        // Remoção automática
+        // Remoção automática após o tempo especificado
         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!' });
+    });
+  }
   
-// 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!' });
-});
-// Exportação
-export default FlickerAlerts;
+  // Exportação
+  export default FlickerAlerts;
+  

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Biblioteca para alertas animados",
   "main": "index.js",
-  "types": "index.d.ts", 
+  "types": "index.d.ts",
+  "style": "style.css", 
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },