JSFiddle - React, Tailwind, and code Playground

by DeadByElpy

HTML

<h1>WebSocket Test</h1>
<button id="connect">Подключится</button>
<input id="wuri" value="ws://185.4.75.178:8083"/>
<hr>
<button id="subscribe">Подписаться</button>
<input id="topic" disabled="true" value="auth/connect" />
<hr>
    <button id="publish">Запостить</button>
    <textarea id="message" disabled="true"></textarea><hr>
        <button id="call">Выполнить</button>
    
    <textarea id="rpc" disabled="true">$2a$08$5kqhV9rx65pGgD5QoeEfg.6jDY7WpxafwUqNGkR0eNkXnE3EWgFHe</textarea>
    <hr>
<div id="output" style="float: left; margin-left: 20px; padding-left: 20px; width: 350px; border-left: solid 1px #cccccc;"></div>
        <button id="clear">Clear</button>

JavaScript

/*
 AutobahnJS - http://autobahn.ws

 Copyright (C) 2011-2014 Tavendo GmbH.
 Licensed under the MIT License.
 See license text at http://www.opensource.org/licenses/mit-license.php

 AutobahnJS includes code from:

 when - http://cujojs.com

 (c) copyright B Cavalier & J Hann
 Licensed under the MIT License at:
 http://www.opensource.org/licenses/mit-license.php

 Crypto-JS - http://code.google.com/p/crypto-js/

 (c) 2009-2012 by Jeff Mott. All rights reserved.
 Licensed under the New BSD License at:
 http://code.google.com/p/crypto-js/wiki/License

 console-normalizer - https://github.com/Zenovations/console-normalizer

 (c) 2012 by Zenovations.
 Licensed under the MIT License at:
 http://www.opensource.org/licenses/mit-license.php

*/
window.define || (window.define = function (c) {
    try {
        delete window.define
    } catch (g) {
        window.define = void 0
    }
    window.when = c()
}, window.define.amd = {});
(function (c) {
    c || (c = window.console = {
        log: function (c, a, b, d, h) {},
        info: function (c, a, b, d, h) {},
        warn: function (c, a, b, d, h) {},
        error: function (c, a, b, d, h) {}
    });
    Function.prototype.bind || (Function.prototype.bind = function (c) {
        var a = this,
            b = Array.prototype.slice.call(arguments, 1);
        return function () {
            return a.apply(c, Array.prototype.concat.apply(b, arguments))
        }
    });
    "object" === typeof c.log && (c.log = Function.prototype.call.bind(c.log, c), c.info = Function.prototype.call.bind(c.info, c), c.warn = Function.prototype.call.bind(c.warn, c),
        c.error = Function.prototype.call.bind(c.error, c));
    "group" in c || (c.group = function (g) {
        c.info("\n--- " + g + " ---\n")
    });
    "groupEnd" in c || (c.groupEnd = function () {
        c.log("\n")
    });
    "time" in c || function () {
        var g = {};
        c.time = function (a) {
            g[a] = (new Date).getTime()
        };
   ...