node/index.html

<html>
<head>
    <title>node.js Server Events Example</title>
    <link rel="stylesheet" href="/default.css">
</head>
<body style="background: #90C53F">
<table id="container">
    <tr>
        <td id="info">
            <div id="channels">
                <h3>Listening To</h3>
                <input type="text" id="baseUrl" value="https://chat.servicestack.net" placeholder="{baseUrl}" />
                <input type="text" id="channel" value="home" placeholder="{channel}" />
                <button id="btnChange">change</button>
            </div>
            <div id="send">
                <h3>Send Messages</h3>
                <input type="text" id="txtChat" value="Hi from TypeScript node.js!" />
                <button id="btnSendChat">post chat</button>
                <select id="rawOptions">
                    <option value="">[ raw message examples]</option>
                    <option>cmd.announce This is TypeScript node.js...</option>
                    <option>cmd.toggle$#channels</option>
                    <option>css.background-image url(https://i.imgur.com/mvjRv8U.jpg)</option>
                    <option>css.background$#top #46483D</option>
                    <option>tv.watch https://youtu.be/-u-j7uqU7sI</option>
                    <option>tv.off</option>
                    <option>document.title TypeScript node.js ServerEvents!</option>
                    <option>trigger.customEvent arg</option>
                </select>
                <input type="text" id="txtRaw" />
                <button id="btnSendRaw">post raw</button>
            </div>
            <div id="users">
                <h3>Users in Channel</h3>
                <div></div>
            </div>
        </td>
        <td id="messages">
            <h3>Server Event Messages</h3>
            <div></div>
        </td>
    </tr>
</table>
<script src="/dist/bundle.js"></script>
</body>
</html>