Solid XMPP Chat is an XMPP client based on Web Component and the ConverseJS library.
The goal of Solid XMPP Chat, and its family of web components, is to allow you to deploy a chat on your application by adding a single <solid-xmpp-chat> tag to your HTML, let alone the configuration of the XMPP server.
You'll need a DjangoLDP server with at least djangoldp-account and a Prosody server with custom-modules.
You can use the solid-xmpp-chat component:
<html>
<head>
<!-- import the module in the head of the page -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@startinblox/component-chat/"></script>
</head>
<body>
<!-- use the component -->
<solid-xmpp-chat data-src="[url]"
data-websocket-url="[your_prosody_url]">
</solid-xmpp-chat>
</body>
</html>Notes that the "[url]" should be replace by your code fragment api link. It could be an user or any resource with a foaf:jabberID.
| Name | Default | Description |
|---|---|---|
data-src |
undefined |
URL of any resource with a foaf:jabberID
|
data-websocket-url |
wss://jabber.happy-dev.fr/xmpp-websocket |
Websocket URL of your Prosody with custom-modules. |
Installation:
npm installBuild with:
npm run buildWatch files & rebuild on change with this command:
npm run watchWell done !