mirror of
https://github.com/PurpleI2P/i2pd-tools.git
synced 2025-01-22 13:27:17 +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