flicker-alerts 1.0.7 → 1.0.8

package/index.js

@@ -2,6 +2,15 @@ const FlickerAlerts = {
     showAlert: function ({ type, title, message, timer = 3000 }) {
       // 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
         const alertBox = document.createElement('div');
         alertBox.className = `alert-custom alert-${type}`;
@@ -36,10 +45,7 @@ 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 após o tempo especificado
         setTimeout(() => alertBox.remove(), timer);

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.7",
+  "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"
   },