mirror of
https://github.com/PurpleI2P/i2pd-tools.git
synced 2025-01-22 21:37:18 +01:00
Jeff
GitHub
commit
29c75822d4
14
websocks-demo/index.html
Normal file
14
websocks-demo/index.html
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title> irc client with WebSOCKS </title>
|
||||||
|
<script src="websocks.js" type="text/javascript"></script>
|
||||||
|
<link rel="stylesheet" href="style.css"></link>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<label for="ws-server">WebSOCKS server:</label><input id="ws-server" value="ws://127.0.0.1:7766/"></input>
|
||||||
|
<input id="irc-server" value="irc.dg.i2p"></input>
|
||||||
|
<button onclick="ws_try_connect()">connect</button>
|
||||||
|
<div id="irc-window">
|
||||||
|
</div>
|
||||||
|
</html>
|
||||||
23
websocks-demo/style.css
Normal file
23
websocks-demo/style.css
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
|
||||||
|
.text-window {
|
||||||
|
position: fixed;
|
||||||
|
height: 90%;
|
||||||
|
width: 100%;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-input {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#irc-window {
|
||||||
|
position: fixed;
|
||||||
|
width: 95%;
|
||||||
|
top: 20px;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
293
websocks-demo/websocks.js
Normal file
293
websocks-demo/websocks.js
Normal file
|
|
@ -0,0 +1,293 @@
|
||||||
|
|
||||||
|
function ws_try_connect()
|
||||||
|
{
|
||||||
|
|
||||||
|
|
||||||
|
var elem = document.getElementById("irc-window");
|
||||||
|
elem.remove();
|
||||||
|
elem = document.createElement("div");
|
||||||
|
elem.id ="irc-window";
|
||||||
|
document.body.appendChild(elem);
|
||||||
|
|
||||||
|
var input = document.createElement("input");
|
||||||
|
input.setAttribute("class", "text-input");
|
||||||
|
elem.appendChild(input);
|
||||||
|
|
||||||
|
|
||||||
|
var irc = {
|
||||||
|
connected: 0,
|
||||||
|
line_in: "",
|
||||||
|
target: "",
|
||||||
|
nick: "ebin",
|
||||||
|
panes: {},
|
||||||
|
};
|
||||||
|
|
||||||
|
function irc_ui_show_pane(pane)
|
||||||
|
{
|
||||||
|
irc_ui_ensure_pane(pane);
|
||||||
|
// hide all other panes
|
||||||
|
for (var k in irc.panes) {
|
||||||
|
if(k == pane) {
|
||||||
|
irc.panes[k].elem.style = "display: inline-block";
|
||||||
|
irc.target = k;
|
||||||
|
} else {
|
||||||
|
irc.panes[k].elem.style = "display: none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_ui_ensure_pane(pane)
|
||||||
|
{
|
||||||
|
if(irc.panes[pane]) return;
|
||||||
|
var e = document.createElement("pre");
|
||||||
|
e.setAttribute("class", "text-window");
|
||||||
|
e.style = "display: none";
|
||||||
|
e.setAttribute("panename", pane);
|
||||||
|
irc.panes[pane] = {
|
||||||
|
elem: e,
|
||||||
|
name: pane,
|
||||||
|
};
|
||||||
|
var root = document.getElementById("irc-window");
|
||||||
|
root.appendChild(e);
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_ui_println(line, pane)
|
||||||
|
{
|
||||||
|
if(line == "") return;
|
||||||
|
var node = document.createTextNode(line);
|
||||||
|
var e = document.createElement("div");
|
||||||
|
e.appendChild(node);
|
||||||
|
if(!pane) {
|
||||||
|
pane = " ";
|
||||||
|
}
|
||||||
|
irc_ui_ensure_pane(pane);
|
||||||
|
var p = irc.panes[pane];
|
||||||
|
if(p) {
|
||||||
|
p.elem.appendChild(e);
|
||||||
|
if (pane == irc.target) {
|
||||||
|
window.scroll(0, p.elem.offsetTop + p.elem.offsetHeight);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
console.log("No pane called "+pane);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_on_privmsg(src, target, msg)
|
||||||
|
{
|
||||||
|
var parts = src.split("!");
|
||||||
|
src = parts[0].slice(1);
|
||||||
|
irc_ui_println("<"+src+ "> "+msg, target);
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_on_greeted(conn)
|
||||||
|
{
|
||||||
|
irc_ui_println("successfully joined irc");
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_on_join(src, target)
|
||||||
|
{
|
||||||
|
irc_ui_println("--> "+src, target);
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_on_part(src, target)
|
||||||
|
{
|
||||||
|
irc_ui_println("<-- "+src, target);
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_on_other(src, cmd, target, msg)
|
||||||
|
{
|
||||||
|
irc_ui_println("<"+src+"> "+msg, src);
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_process_in(conn)
|
||||||
|
{
|
||||||
|
var line = irc.line_in.trim();
|
||||||
|
console.log("--> "+line);
|
||||||
|
if(line.startsWith("PING ")) {
|
||||||
|
// handle ping
|
||||||
|
irc_sendline(conn, "PONG "+line.slice(5));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var parts = line.split(" ");
|
||||||
|
if (parts.length > 2) {
|
||||||
|
var src = parts[0];
|
||||||
|
var cmd = parts[1];
|
||||||
|
var target = parts[2];
|
||||||
|
var idx = line.indexOf(target);
|
||||||
|
var msg = line.slice(idx+target.length+2);
|
||||||
|
if (cmd == "PRIVMSG") {
|
||||||
|
irc_on_privmsg(src, target, msg);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (cmd == "JOIN" ) {
|
||||||
|
irc_on_join(src, target);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (cmd == "PART") {
|
||||||
|
irc_on_part(src, target);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(cmd == "PONG") return;
|
||||||
|
if(cmd == "376") {
|
||||||
|
// we have been greeted fully
|
||||||
|
irc_on_greeted(conn);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
irc_on_other(src.slice(1), cmd, target, msg);
|
||||||
|
}
|
||||||
|
irc_ui_println(line);
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_data(conn, data)
|
||||||
|
{
|
||||||
|
data = irc.line_in + data;
|
||||||
|
var lines = data.split("\n");
|
||||||
|
for(var idx = 0; idx < lines.length; idx++) {
|
||||||
|
irc.line_in = lines [idx] + "\n";
|
||||||
|
irc_process_in(conn);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_sendline(conn, line)
|
||||||
|
{
|
||||||
|
console.log("<-- "+ line);
|
||||||
|
conn.send(line + "\n");
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_privmsg(conn, target, msg)
|
||||||
|
{
|
||||||
|
irc_ui_println("<"+irc.nick+"> "+msg, target);
|
||||||
|
irc_sendline(conn, "PRIVMSG "+target+" :"+msg);
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_join_channel(conn, chnl)
|
||||||
|
{
|
||||||
|
irc_sendline(conn, "JOIN "+chnl);
|
||||||
|
irc_ui_ensure_pane(chnl);
|
||||||
|
}
|
||||||
|
|
||||||
|
function handle_input_command(conn, arg, params)
|
||||||
|
{
|
||||||
|
arg = arg.toLowerCase();
|
||||||
|
if (arg == "j" || arg == "join") {
|
||||||
|
for (var idx = 0 ; idx < params.length; idx ++) {
|
||||||
|
irc_join_channel(conn, params[idx]);
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(arg == "lp" || arg == "listpanes") {
|
||||||
|
irc_ui_println("--- begin list of panes", irc.target);
|
||||||
|
for (var k in irc.panes) {
|
||||||
|
if(k == irc.target) {
|
||||||
|
irc_ui_println("(active) : "+k, irc.target);
|
||||||
|
} else {
|
||||||
|
irc_ui_println(" : "+k, irc.target);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
irc_ui_println("--- end list of panes", irc.target);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if(arg == "m" || arg == "msg") {
|
||||||
|
irc_privmsg(conn, params[0], params.slice(1).join(" "));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(arg == "n" || arg == "nick") {
|
||||||
|
irc_sendline(conn, "NICK "+params[0]);
|
||||||
|
irc.nick = params[0];
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(arg == "r" || arg == "raw") {
|
||||||
|
irc_sendline(conn, params.join(" "));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(arg == "q" || arg == "quit") {
|
||||||
|
irc_sendline(conn, "QUIT");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if(arg == "w" || arg == "window") {
|
||||||
|
irc.target = params[0];
|
||||||
|
irc_ui_show_pane(irc.target);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handle_input_line(conn, line)
|
||||||
|
{
|
||||||
|
if(line[0] == "/") {
|
||||||
|
var parts = line.split(" ");
|
||||||
|
handle_input_command(conn, parts[0].slice(1), parts.slice(1));
|
||||||
|
} else {
|
||||||
|
irc_privmsg(conn, irc.target, line);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function irc_connected(conn, url)
|
||||||
|
{
|
||||||
|
console.log("connected to irc");
|
||||||
|
irc_ui_show_pane(" ");
|
||||||
|
irc_ui_println("connecting to "+url+"...");
|
||||||
|
// send user command
|
||||||
|
irc_sendline(conn, "NICK "+irc.nick);
|
||||||
|
irc_sendline(conn, "USER "+irc.nick+" "+irc.nick+" "+irc.nick+" :"+irc.nick);
|
||||||
|
irc.pinger = setInterval(function(){
|
||||||
|
if(irc.connected) {
|
||||||
|
irc_sendline(conn, "PING :i-hate-tcp-lol-"+new Date().getTime());
|
||||||
|
}
|
||||||
|
}, 10000);
|
||||||
|
input.addEventListener("keypress", function(ev){
|
||||||
|
// handle enter key
|
||||||
|
switch(ev.key) {
|
||||||
|
case "Enter":
|
||||||
|
handle_input_line(conn, input.value);
|
||||||
|
ev.preventDefault();
|
||||||
|
input.value = "";
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
var e = document.getElementById("ws-server");
|
||||||
|
var ws = new WebSocket(e.value);
|
||||||
|
e = document.getElementById("irc-server");
|
||||||
|
var irc_url = e.value;
|
||||||
|
|
||||||
|
ws.onclose = function(err) {
|
||||||
|
console.log("connection closed "+err);
|
||||||
|
irc.connected = 0;
|
||||||
|
clearInterval(irc.pinger);
|
||||||
|
irc_ui_println("connection closed");
|
||||||
|
}
|
||||||
|
|
||||||
|
ws.onopen = function(ev) {
|
||||||
|
console.log("connect to "+irc_url);
|
||||||
|
irc_ui_println("resolving "+irc_url+" ...");
|
||||||
|
ws.send(irc_url);
|
||||||
|
}
|
||||||
|
ws.onmessage = function(ev) {
|
||||||
|
var data = ev.data;
|
||||||
|
if(irc.connected) {
|
||||||
|
irc_data(ws, data);
|
||||||
|
} else {
|
||||||
|
var j = JSON.parse(data);
|
||||||
|
if(j.error) {
|
||||||
|
console.log("WebSOCKS error: "+j.error);
|
||||||
|
console.log("try again");
|
||||||
|
setTimeout(function() {
|
||||||
|
ws.send(irc_url);
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
irc.connected = j.success == "1";
|
||||||
|
if(irc.connected) {
|
||||||
|
irc_connected(ws, irc_url);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue