Maquito Chat Plugin

Widget de chat flotante inteligente para aplicaciones Angular — impulsado por Maquito Core.

Instalación

npm install maquito-chat-plugin

Requisitos

| Dependencia | Versión | | ----------- | --------- | | Angular | ^21.0.0 | | marked | >=9.0.0 |

Uso rápido

1. Importar el componente

import { IntelligentChatPluginComponent } from "maquito-chat-plugin";

@Component({
  standalone: true,
  imports: [IntelligentChatPluginComponent],
  template: ` <maquito-chat-plugin [config]="chatConfig" /> `,
})
export class AppComponent {
  chatConfig = {
    apiUrl: "https://your-api.com/api",
    systemId: "your-system-id",
    token: "your-api-key",
  };
}

2. Configuración

| Propiedad | Tipo | Default | Descripción | | ------------- | --------------------------------- | ------------------------------- | ------------------------------------------------- | | apiUrl | string | requerido | URL base de la API Maquito Core | | systemId | string | requerido | ID del sistema satélite | | token | string | requerido | API key (enviado como X-Api-Key) | | title | string | 'Maquito Chat' | Título del panel de chat | | placeholder | string | 'Escribe tu consulta aquí...' | Placeholder del input | | position | 'bottom-right' \| 'bottom-left' | 'bottom-right' | Posición del botón flotante | | bubbleIcon | string | '🤖' | Emoji/texto del botón | | theme | Partial<PluginTheme> | — | Personalización de colores CSS | | userName | string | — | Nombre del usuario para respuestas personalizadas | | personality | string | — | Instrucciones de personalidad del AI |

Para la lista completa de opciones, ver la interfaz IntelligentChatConfig.

3. Servicio programático

import { IntelligentChatService } from 'maquito-chat-plugin';

@Component({ ... })
export class MyComponent {
  private chat = inject(IntelligentChatService);

  openChat() {
    this.chat.toggle();
  }
}

Licencia

MIT © INDESAD