You can create pages for chat agents and chat bots that support both smartphones and PCs.
For PC, show chat in a window that does not disturb existing content
For mobile dvices like smartphones and tablets, chat UI will be overlaid on existing pages to avoid disturbing existing content

DEMO

https://riversun.github.io/chatux/

How to play demo.

This demo is simple echo chat. But a few command available.If you write "show buttons", you can see action buttons in chat. Or you write "show image", you can see image in chat.

Quick start

Check this example.


<!DOCTYPE html>
<html lang="en">
<head>
    <title>chatux example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body style="padding:0px;margin:0px;">
<div style="padding:40px">
    <h1>chatux example</h1>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<script src="https://riversun.github.io/chatux/chatux.min.js"></script>
<script>

    const chatux = new ChatUx();

    const opt = {
        api: {
            //URL of chat server
            endpoint: 'https://script.google.com/macros/s/AKfycbwpf8iZfGXkJD6K__oCVQYF35HLBQjYxmKP0Ifrpe_piK4By4rh/exec',
            //HTTP METHOD
            method: 'GET',
            //DATA TYPE
            dataType: 'jsonp'
        },
        window: {
            title: 'My chat',
            infoUrl: 'https://github.com/riversun/chatux'
        }
    };

    //initialize
    chatux.init(opt);
    chatux.start(true);

</script>
</body>
</html>

Show on PC

Show on mobile

install

using npm

npm install chatux --save

using with script tag

<script src="https://riversun.github.io/chatux/chatux.min.js"></script>

FAQs

What is chatux?

Is chatux popular?

Is chatux well maintained?

Package last updated on 12 Mar 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

chatux

Overview

What is 'chatux' like?

DEMO

Quick start

install

using npm

using with script tag

Related posts

Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts

cURL Project and Go Security Teams Reject CVSS as Broken