1.0.1 • Published 7 months ago

@cristianbm/ianetic-chat v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
7 months ago

Ianetic Chat

npm version License: MIT

Un widget de chat ligero y fácil de integrar en cualquier sitio web.

Características

  • 🚀 Ligero y rápido
  • 🎨 Diseño moderno y responsive
  • 📱 Compatible con móviles
  • 🔌 Fácil integración
  • ⚙️ Altamente personalizable
  • 🌐 Compatible con todos los navegadores modernos

Instalación

Vía NPM

npm install ianetic-chat

Vía CDN

<script src="https://unpkg.com/ianetic-chat"></script>

Uso

Con módulos ES6

import IaneticChat from 'ianetic-chat';

const chat = new IaneticChat({
  title: 'Mi Chat',
  placeholder: 'Escribe tu mensaje...',
  position: 'bottom-right', // o 'bottom-left'
  onMessage: (text) => {
    // Maneja los mensajes aquí
    console.log('Mensaje enviado:', text);
  }
});

Con CDN

<script>
  const chat = new IaneticChat({
    title: 'Mi Chat',
    placeholder: 'Escribe tu mensaje...',
    position: 'bottom-right',
    onMessage: (text) => {
      console.log('Mensaje enviado:', text);
    }
  });
</script>

Opciones

OpciónTipoPor defectoDescripción
titlestring'Chat'Título del chat
placeholderstring'Escribe un mensaje...'Texto del placeholder del input
positionstring'bottom-right'Posición del widget ('bottom-right' o 'bottom-left')
onMessagefunctionundefinedCallback que se ejecuta cuando se envía un mensaje

Métodos

addMessage(options)

Añade un mensaje al chat.

chat.addMessage({
  text: 'Hola, ¿en qué puedo ayudarte?',
  sender: 'bot' // 'bot' o 'user'
});

Ejemplos

Puedes encontrar ejemplos de implementación en la carpeta /example del repositorio.

Contribuir

Las contribuciones son bienvenidas. Por favor, abre un issue primero para discutir los cambios que te gustaría hacer.

  1. Fork el repositorio
  2. Crea tu rama de características (git checkout -b feature/AmazingFeature)
  3. Commit tus cambios (git commit -m 'Add some AmazingFeature')
  4. Push a la rama (git push origin feature/AmazingFeature)
  5. Abre un Pull Request

Licencia

MIT