Créer un chatbot IA en JavaScript compatible avec tous les frameworks

[bonjour87]

Bonjour
J’ai récemment travaillé sur un projet visant à créer un voicebot indépendant des frameworks, capable de fonctionner avec React, Vue, Angular et du JavaScript pur. Le principal défi était de s’assurer qu’il s’intègre de manière transparente, sans dépendre d’API spécifiques à un framework.

Pour cela, j’ai utilisé une approche basée sur les Web Components, ce qui a permis de maintenir la compatibilité entre différents environnements. Voici un exemple simple :

Code : Tout sélectionner

class SiteVoiceBot extends HTMLElement {
  constructor() {
    super();
    this.attachShadow({ mode: "open" });
    this.shadowRoot.innerHTML = `<div id="voicebot">Hello from SiteVoiceBot!</div>`;
  }
}
customElements.define("site-voicebot", SiteVoiceBot);

Est-ce que quelqu’un d’autre a déjà construit des composants JavaScript réutilisables de ce type ? Comment gérez-vous l’état et les interactions avec des API à travers plusieurs frameworks ?

J’ai également créé un package open source basé sur cette idée et j’aimerais beaucoup avoir les retours de la communauté.