{"_id":"@azul-marino000080/rw-notifications","_rev":"2-050981673218059a6ac1b43b699348f2","name":"@azul-marino000080/rw-notifications","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.2":{"name":"@azul-marino000080/rw-notifications","version":"1.0.2","keywords":["notifications","toast","react","alerts","rw"],"author":{"name":"Juanvi"},"license":"MIT","_id":"@azul-marino000080/rw-notifications@1.0.2","maintainers":[{"name":"azul-marino000080","email":"jvfaubel@proton.me"}],"homepage":"https://github.com/Azul-Marino000080/rw-notifications#readme","bugs":{"url":"https://github.com/Azul-Marino000080/rw-notifications/issues"},"dist":{"shasum":"98c63a2c94caf579425028b1ca56e7aea4c51273","tarball":"https://registry.npmjs.org/@azul-marino000080/rw-notifications/-/rw-notifications-1.0.2.tgz","fileCount":4,"integrity":"sha512-9wVlaiGqftUTOiYr9rbiUKzI4fBVI/rE2VVCwl7S4ff7VxmNte7gmYRpjGnpIwQU9C4qkfvDV1q8F48ZDTD2yg==","signatures":[{"sig":"MEYCIQDspprSIXEaNWFgUCOSjCIJ2T+G5hoGFT44Frz+Q12+qwIhAPNdyEIGF/gDAUZXwkxnGnFdJoZday8HY7BEVMbGnqg6","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14519},"main":"dist/index.js","gitHead":"b618409b7894a583850468c1365132f02e44b9ef","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"node scripts/build.js","prepublishOnly":"npm run build"},"_npmUser":{"name":"azul-marino000080","actor":{"name":"azul-marino000080","type":"user","email":"jvfaubel@proton.me"},"email":"jvfaubel@proton.me"},"repository":{"url":"git+https://github.com/Azul-Marino000080/rw-notifications.git","type":"git"},"_npmVersion":"9.8.1","description":"Sistema de notificaciones para aplicaciones React","directories":{},"_nodeVersion":"18.18.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/rw-notifications_1.0.2_1750950589796_0.2107156673806052","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@azul-marino000080/rw-notifications","version":"1.0.3","description":"Sistema de notificaciones para aplicaciones React","main":"dist/index.js","scripts":{"build":"node scripts/build.js","test":"echo \"Error: no test specified\" && exit 1","prepublishOnly":"npm run build"},"keywords":["notifications","toast","react","alerts","rw"],"author":{"name":"Juanvi"},"license":"MIT","peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"devDependencies":{},"repository":{"type":"git","url":"git+https://github.com/Azul-Marino000080/rw-notifications.git"},"bugs":{"url":"https://github.com/Azul-Marino000080/rw-notifications/issues"},"homepage":"https://github.com/Azul-Marino000080/rw-notifications#readme","publishConfig":{"access":"public"},"_id":"@azul-marino000080/rw-notifications@1.0.3","gitHead":"8d2bb9abc71cbe52346f2e6f712e037a75146508","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-GcD1NYd5g9Ta/ArJQGwts5V/bDDniQhuwAZuESbLGKZod7sHF+qW6XCnebXQlKcGaeMESJuleOsD3GHs1Y/iWg==","shasum":"9d081684f8e346b9e2438b2a13b6fd3498f20c77","tarball":"https://registry.npmjs.org/@azul-marino000080/rw-notifications/-/rw-notifications-1.0.3.tgz","fileCount":4,"unpackedSize":14543,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGpWaY2YZWSF4Mk1dWmPSBzcf7re3ozGmaIq+W+GTiywAiEA5Z8HYqU1Dpp3qBY0mtU5oB/MKMsP7V2cHzBC+GEDsow="}]},"_npmUser":{"name":"azul-marino000080","email":"jvfaubel@proton.me","actor":{"name":"azul-marino000080","email":"jvfaubel@proton.me","type":"user"}},"directories":{},"maintainers":[{"name":"azul-marino000080","email":"jvfaubel@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/rw-notifications_1.0.3_1751006118784_0.771296292634106"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-26T15:09:49.692Z","modified":"2025-06-27T06:35:19.116Z","1.0.2":"2025-06-26T15:09:49.984Z","1.0.3":"2025-06-27T06:35:18.961Z"},"bugs":{"url":"https://github.com/Azul-Marino000080/rw-notifications/issues"},"author":{"name":"Juanvi"},"license":"MIT","homepage":"https://github.com/Azul-Marino000080/rw-notifications#readme","keywords":["notifications","toast","react","alerts","rw"],"repository":{"type":"git","url":"git+https://github.com/Azul-Marino000080/rw-notifications.git"},"description":"Sistema de notificaciones para aplicaciones React","maintainers":[{"name":"azul-marino000080","email":"jvfaubel@proton.me"}],"readme":"# RW Notifications\r\n\r\nSistema de notificaciones para aplicaciones React. Librería ligera y personalizable para mostrar toast notifications.\r\n\r\n## 📦 Instalación\r\n\r\n```bash\r\nnpm install rw-notifications\r\n```\r\n\r\n## 🚀 Uso Básico\r\n\r\n### 1. Configurar el Provider\r\n\r\nEnvuelve tu aplicación con el `NotificationProvider`:\r\n\r\n```jsx\r\nimport { NotificationProvider } from 'rw-notifications';\r\n\r\nfunction App() {\r\n  return (\r\n    <NotificationProvider>\r\n      <div className=\"App\">\r\n        {/* Tu aplicación */}\r\n      </div>\r\n    </NotificationProvider>\r\n  );\r\n}\r\n```\r\n\r\n### 2. Usar las notificaciones\r\n\r\n```jsx\r\nimport { useNotifications } from 'rw-notifications';\r\n\r\nfunction MyComponent() {\r\n  const { success, error, warning, info } = useNotifications();\r\n\r\n  const handleSuccess = () => {\r\n    success('¡Operación completada exitosamente!');\r\n  };\r\n\r\n  const handleError = () => {\r\n    error('Error al procesar la solicitud');\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <button onClick={handleSuccess}>Mostrar éxito</button>\r\n      <button onClick={handleError}>Mostrar error</button>\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n## ⚙️ Configuración\r\n\r\n### Configuración del Provider\r\n\r\n```jsx\r\n<NotificationProvider \r\n  config={{\r\n    duration: 5000,           // Duración en ms (0 = permanente)\r\n    position: 'top-right',    // Posición de las notificaciones\r\n    maxNotifications: 3       // Máximo número de notificaciones\r\n  }}\r\n>\r\n  <App />\r\n</NotificationProvider>\r\n```\r\n\r\n### Posiciones disponibles\r\n\r\n- `top-right` (por defecto)\r\n- `top-left`\r\n- `top-center`\r\n- `bottom-right`\r\n- `bottom-left`\r\n- `bottom-center`\r\n\r\n### Configuración por notificación\r\n\r\n```jsx\r\nconst { addNotification } = useNotifications();\r\n\r\naddNotification('Mensaje personalizado', 'success', {\r\n  duration: 10000,  // Duración específica para esta notificación\r\n});\r\n```\r\n\r\n## 🎨 Tipos de Notificación\r\n\r\n```jsx\r\nconst { success, error, warning, info, addNotification } = useNotifications();\r\n\r\n// Métodos directos\r\nsuccess('Operación exitosa');\r\nerror('Error ocurrido');\r\nwarning('Advertencia importante');\r\ninfo('Información relevante');\r\n\r\n// Método genérico\r\naddNotification('Mensaje', 'success');\r\naddNotification('Mensaje', 'error');\r\naddNotification('Mensaje', 'warning');\r\naddNotification('Mensaje', 'info');\r\n```\r\n\r\n## 🎯 API Completa\r\n\r\n### Hook useNotifications\r\n\r\n```jsx\r\nconst {\r\n  // Métodos para mostrar notificaciones\r\n  success,              // (message, config?) => id\r\n  error,                // (message, config?) => id\r\n  warning,              // (message, config?) => id\r\n  info,                 // (message, config?) => id\r\n  addNotification,      // (message, type, config?) => id\r\n  \r\n  // Métodos de control\r\n  removeNotification,   // (id) => void\r\n  clearAllNotifications, // () => void\r\n  \r\n  // Estado\r\n  notifications,        // Array de notificaciones activas\r\n  config               // Configuración actual\r\n} = useNotifications();\r\n```\r\n\r\n### Configuración\r\n\r\n```javascript\r\n{\r\n  duration: 4000,         // Duración en milisegundos\r\n  position: 'top-right', // Posición en pantalla\r\n  maxNotifications: 5    // Máximo de notificaciones simultáneas\r\n}\r\n```\r\n\r\n## 🎨 Personalización de Estilos\r\n\r\nLa librería incluye estilos CSS que puedes personalizar mediante variables CSS:\r\n\r\n```css\r\n:root {\r\n  --rw-notification-success-bg: #10b981;\r\n  --rw-notification-error-bg: #ef4444;\r\n  --rw-notification-warning-bg: #f59e0b;\r\n  --rw-notification-info-bg: #3b82f6;\r\n  --rw-notification-border-radius: 8px;\r\n  --rw-notification-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  /* ... más variables disponibles */\r\n}\r\n```\r\n\r\n## 📱 Responsive\r\n\r\nLas notificaciones son completamente responsive y se adaptan automáticamente a dispositivos móviles.\r\n\r\n## 🔧 Desarrollo\r\n\r\n```bash\r\n# Instalar dependencias\r\nnpm install\r\n\r\n# Construir la librería\r\nnpm run build\r\n\r\n# Preparar para publicación\r\nnpm run prepublishOnly\r\n```\r\n\r\n## 📝 Licencia\r\n\r\nMIT\r\n\r\n## 🤝 Contribuir\r\n\r\nLas contribuciones son bienvenidas. Por favor:\r\n\r\n1. Fork el proyecto\r\n2. Crea una rama para tu feature\r\n3. Commit tus cambios\r\n4. Push a la rama\r\n5. Abre un Pull Request\r\n\r\n## 📞 Soporte\r\n\r\nSi tienes problemas o preguntas, abre un issue en el repositorio de GitHub.\r\n\r\n---\r\n\r\n**RW Notifications** - Parte del ecosistema RW para desarrollo web.\r\n","readmeFilename":"README.md"}