netwatch-chat-js
v0.0.12
Published
Javascript library to display netwatch chat widget
Downloads
10
Readme
Netwatch
Usage
Bubble
Below is the example for how a bubble would be added to your netwatch instance:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Netwatch</title>
</head>
<body>
<script type="module">
import NetwatchBot from "https://cdn.jsdelivr.net/npm/[email protected]/lib/web.js";
NetwatchBot.initBubble({
apiHost: 'https://netwatch-api.host.com/api/chat',
autoShowDelay: undefined,
brandColor: undefined,
isPreview: undefined,
netwatchBot: undefined,
onAnswer: undefined,
onClose: undefined,
onEnd: undefined,
onInit: undefined,
onNewInputBlock: undefined,
onOpen: undefined,
onPreviewMessageClick: undefined,
prefilledVariables: undefined,
previewMessage: undefined,
resultId: undefined,
theme: {
button: {
backgroundColor: undefined,
customCloseIconSrc: undefined,
customIconSrc: undefined,
iconColor: undefined,
size: undefined,
},
chatWindow: {
backgroundColor: undefined,
maxHeight: undefined,
maxWidth: undefined,
},
placement: undefined,
previewMessage: {
backgroundColor: undefined,
closeButtonBackgroundColor: undefined,
closeButtonIconColor: undefined,
textColor: undefined,
},
},
});
</script>
</body>
</html>This code is creating a bubble button at the bottom of your page.
Development
- To run the project in dev mode:
pnpm dev # Test chat is on localhost:3000/test make sure you have the 'netwatch-server' runingCurrently dont build the project
The widget is on npm as
netwatch-chat-js.