Jeff
8 years ago
committed by
GitHub
3 changed files with 330 additions and 0 deletions
@ -0,0 +1,14 @@
@@ -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> |
||||
@ -0,0 +1,23 @@
@@ -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; |
||||
} |
||||
@ -0,0 +1,293 @@
@@ -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 new issue