diff --git a/build-js.sh b/build-js.sh
index f463106..c5fccb6 100755
--- a/build-js.sh
+++ b/build-js.sh
@@ -21,11 +21,11 @@ if [ ! -f $GOPATH/bin/gopherjs ]; then
fi
# build cuckoo miner
-echo "Building cuckoo miner"
-go get -v -u github.com/ZiRo-/cuckgo/miner_js
-$GOPATH/bin/gopherjs -m -v build github.com/ZiRo-/cuckgo/miner_js
-mv ./miner_js.js ./contrib/static/miner-js.js
-rm ./miner_js.js.map
+#echo "Building cuckoo miner"
+#go get -v -u github.com/ZiRo-/cuckgo/miner_js
+#$GOPATH/bin/gopherjs -m -v build github.com/ZiRo-/cuckgo/miner_js
+#mv ./miner_js.js ./contrib/static/miner-js.js
+#rm ./miner_js.js.map
outfile=$PWD/contrib/static/nntpchan.js
diff --git a/contrib/js/livechan.js b/contrib/js/livechan.js
index 790f5e5..e2194df 100644
--- a/contrib/js/livechan.js
+++ b/contrib/js/livechan.js
@@ -1,65 +1,1255 @@
-function livechan_got_post(widget, j) {
- // do scroll
- while (widget.children.length > 5) {
- // remove top element
- widget.removeChild(widget.children[0]);
+
+
+function buildCaptcha(domElem, prefix) {
+ var captcha_widget = document.createElement("div");
+
+ captcha_widget.className = "livechan_captcha_inner";
+
+ var outer = document.createElement("div");
+
+ outer.className = "livechan_captcha";
+
+ var text = document.createElement("div");
+ text.textContent = "solve the captcha";
+ captcha_widget.appendChild(text);
+
+ var captcha_image = document.createElement("img");
+ captcha_image.className = "livechan_captcha_image";
+ var div = document.createElement("div");
+ div.appendChild(captcha_image);
+ captcha_widget.appendChild(div);
+
+ var captcha_entry = document.createElement("input");
+ captcha_entry.className = "livechan_captcha_input";
+ var div = document.createElement("div");
+ div.appendChild(captcha_entry);
+ captcha_widget.appendChild(div);
+
+ var captcha_submit = document.createElement("input");
+ captcha_submit.setAttribute("type", "button");
+ captcha_submit.value = "solve";
+ var div = document.createElement("div");
+ div.appendChild(captcha_submit);
+ captcha_widget.appendChild(div);
+
+ outer.appendChild(captcha_widget);
+ domElem.appendChild(outer);
+
+ return {
+ widget: outer,
+ button: captcha_submit,
+ image: captcha_image,
+ entry: captcha_entry,
+ prefix: prefix,
}
- nntpchan_buildpost(widget, j);
- // scroll to bottom
- widget.scrollTop = widget.scrollHeight;
}
-// inject post form into an element
-function inject_postform(prefix, parent) {
+function Captcha(domElem, options, callback) {
+ if (options) {
+ this.options = options;
+ } else {
+ this.options = {};
+ }
+
+ this.prefix = options.prefix || "/";
+ this.widget = buildCaptcha(domElem, this.prefix);
+ var self = this;
+ this.widget.button.addEventListener("click", function() { self.process(callback); });
+}
+
+Captcha.prototype.load = function() {
+ var self = this;
+ var xhr = new XMLHttpRequest();
+
+ var url = location.protocol + "//" + location.host + this.prefix ;
+
+ xhr.open('get', url +"captcha/new");
+ xhr.onreadystatechange = function () {
+ if (xhr.readyState == 4 && xhr.status == 200) {
+ var jdata = JSON.parse(xhr.responseText);
+ if ( jdata ) {
+ self.setCaptchaId(jdata);
+ }
+ }
+ }
+
+ xhr.send();
+}
+
+/**
+ * @brief set captcha id
+ */
+Captcha.prototype.setCaptchaId = function(data) {
+ this.captcha_id = data.id;
+ this.setImageUrl(data.url);
+}
+
+Captcha.prototype.setImageUrl = function(url) {
+ this.widget.image.setAttribute("src", url);
+}
+
+/**
+ * @brief process captcha form
+ */
+Captcha.prototype.process = function(callback) {
+ console.log("process");
+ console.log(this);
+ if (this.captcha_id) {
+ var solution = this.widget.entry.value;
+ var self = this;
+ callback(this.captcha_id, solution , function(solved) {
+ if (solved) {
+ // woot we solved it
+ self.hide();
+ } else {
+ // TODO: inform user of bad solution
+ self.load();
+ }
+ });
+ } else {
+ // TODO: inform user of no captcha entred
+ self.load();
+ }
+}
+
+/**
+ * @brief show the captcha pane
+ */
+Captcha.prototype.show = function () {
+ console.log("hide captcha");
+ var widget = this.widget.widget;
+ if ( widget.style ) {
+ widget.style.zIndex = 5;
+ } else {
+ widget.style = {zIndex: 5};
+ }
+}
+/**
+ * @brief hide the captcha pane
+ */
+Captcha.prototype.hide = function () {
+ console.log("hide captcha");
+ var widget = this.widget.widget;
+ if ( widget.style ) {
+ widget.style.zIndex = -1;
+ } else {
+ widget.style = {zIndex: -1};
+ }
+}
+
+/**
+ * build login widget
+ * for captcha / mod login
+ */
+function buildLogin(domElem) {
+ var widget = document.createElement("div");
+ widget.className = "livechan_login_widget";
+ widget.style.zIndex = -1;
+
+
+ var mod_div = document.createElement("div");
+ mod_div.className = "livechan_login";
+
+ var mod_form = document.createElement("form");
+
+ var mod_username = document.createElement("input");
+ mod_form.appendChild(mod_username);
+ mod_username.className = "livechan_login_username";
+
+ var mod_password = document.createElement("input");
+ mod_password.className = "livechan_login_password";
+ mod_password.setAttribute("type", "password");
+ mod_form.appendChild(mod_password);
+
+ var mod_submit = document.createElement("input");
+ mod_password.className = "livechan_login_submit";
+ mod_submit.setAttribute("type", "submit");
+ mod_submit.setAttribute("value", "login");
+ mod_form.appendChild(mod_submit);
+ mod_div.appendChild(mod_form);
+ widget.appendChild(mod_div);
+ domElem.appendChild(widget);
+ return {
+ widget: widget,
+ mod: {
+ form: mod_form,
+ username: mod_username,
+ password: mod_password,
+ submit: mod_submit
+ }
+ }
+}
+
+
+function Login(domElem) {
+ this._login = buildLogin(domElem);
+}
+
+Login.prototype.show = function() {
+ var self = this;
+ self._login.widget.style.zIndex = 5;
+ console.log("show login widget");
+}
+
+
+
+/*
+ * @brief build livechan navbar
+ * @param domElem the root element to put the navbar in
+ */
+function LivechanNavbar(domElem) {
+
+ this.navbar = document.createElement("div");
+ this.navbar.className = 'livechan_navbar';
+
+ var container = document.createElement("div");
+ // channel name label
+ var channelLabel = document.createElement("span");
+ channelLabel.className = 'livechan_navbar_channel_label';
+
+ this.channel = channelLabel;
+
+ // mod indicator
+ this.mod = document.createElement("span");
+ this.mod.className = 'livechan_navbar_mod_indicator_inactive';
+
+ // TODO: don't hardcode
+ this.mod.textContent = "Anon";
+
+ // usercounter
+ this.status = document.createElement("span");
+ this.status.className = 'livechan_navbar_status';
+
+ container.appendChild(this.mod);
+ container.appendChild(this.channel);
+ container.appendChild(this.status);
+
+ this.navbar.appendChild(container);
+
+ domElem.appendChild(this.navbar);
+
+}
+
+
+/* @brief called when there is an "event" for the navbar */
+LivechanNavbar.prototype.onLivechanEvent = function (evstr) {
+ if ( evstr === "login:mod" ) {
+ // set indicator
+ this.mod.className = "livechan_mod_indicator_active";
+ this.mod.textContent = "Moderator";
+ } else if ( evstr === "login:admin" ) {
+ this.mod.className = "livechan_mod_indicator_admin";
+ this.mod.textContent = "Admin";
+ }
+}
+
+/* @brief called when there is a notification for us */
+LivechanNavbar.prototype.onLivechanNotify = function(evstr) {
+ // do nothing for now
+ // maybe have some indicator that shows number of messages unread?
+}
+
+/* @brief update online user counter */
+LivechanNavbar.prototype.updateUsers = function(count) {
+ this.updateStatus("Online: "+count);
+}
+
+/* @brief update status label */
+LivechanNavbar.prototype.updateStatus = function(str) {
+ this.status.textContent = str;
+}
+
+/* @brief set channel name */
+LivechanNavbar.prototype.setChannel = function(str) {
+ this.channel.textContent = str;
+}
+
+var modCommands = [
+ // login command
+ [/l(login)? (.*)/, function(m) {
+ var chat = this;
+ // mod login
+ chat.modLogin(m[2]);
+ },
+ "login as user", "/l user:password",
+ ],
+ [/cp (\d+)/, function(m) {
+ var chat = this;
+ // permaban the fucker
+ chat.modAction(3, 4, m[1], "CP", -1);
+ },
+ "handle illegal content", "/cp postnum",
+ ],
+ [/cnuke (\d+) (.*)/, function(m) {
+ var chat = this;
+ // channel ban + nuke files
+ chat.modAction(2, 4, m[1], m[2], -1);
+ },
+ "channel level ban+nuke", "/cnuke postnum reason goes here",
+ ],
+ [/purge (\d+) (.*)/, function(m) {
+ var chat = this;
+ // channel ban + nuke files
+ chat.modAction(2, 9, m[1], m[2], -1);
+ },
+ "channel level ban+nuke", "/cnuke postnum reason goes here",
+ ],
+ [/gnuke (\d+) (.*)/, function(m) {
+ var chat = this;
+ // global ban + nuke with reason
+ chat.modAction(3, 4, m[1], m[2], -1);
+ },
+ "global ban+nuke", "/gnuke postnum reason goes here",
+ ],
+ [/gban (\d+) (.*)/, function(m) {
+ var chat = this;
+ // global ban with reason
+ chat.modAction(3, 3, m[1], m[2], -1);
+ },
+ "global ban (no nuke)", "/gban postnum reason goes here",
+ ],
+ [/cban (\d+) (.*)/, function(m) {
+ var chat = this;
+ // channel ban with reason
+ chat.modAction(2, 3, m[1], m[2], -1);
+ },
+ "channel level ban (no nuke)", "/cban postnum reason goes here",
+ ],
+ [/dpost (\d+)/, function(m) {
+ var chat = this;
+ // channel level delete post
+ chat.modAction(1, 2, m[1]);
+ },
+ "delete post and file", "/dpost postnum",
+ ],
+ [/dfile (\d+)/, function(m) {
+ var chat = this;
+ // channel level delete file
+ chat.modAction(1, 1, m[1]);
+ },
+ "delete just file", "/dpost postnum",
+ ]
+]
+
+
+/*
+ * @brief Build Notification widget
+ * @param domElem root element to put widget in
+ */
+function buildNotifyPane(domElem) {
+ var pane = document.createElement("div");
+ pane.className = "livechan_notify_pane";
+ domElem.appendChild(pane);
+ return pane;
+}
+
+/*
+ * @brief Livechan Notification system
+ * @param domElem root element to put Notification Pane in.
+ */
+function LivechanNotify(domElem) {
+ this.pane = buildNotifyPane(domElem);
+}
+
+/* @brief inform the user with a message */
+LivechanNotify.prototype.inform = function(str) {
+ // new Notify("livechan", {body: str}).show();
+ var elem = document.createElement("div");
+ elem.className = "livechan_notify_node";
+ elem.textContent = Date.now() + ": " + str;
+ this.pane.appendChild(elem);
+ this.rollover();
+}
+
+
+/* @brief roll over old messages */
+LivechanNotify.prototype.rollover = function() {
+ while ( this.pane.childNodes.length > this.scrollback ) {
+ this.pane.childNodes.removeChild(this.pane.childNodes[0]);
+ }
+}
+
+
+
+
+/* @brief Creates a structure of html elements for the
+ * chat.
+ *
+ * @param domElem The element to be populated with the
+ * chat structure.
+ * @param chatName The name of this chat
+ * @return An object of references to the structure
+ * created.
+ */
+function buildChat(chat, domElem, channel) {
+ channel = channel.toLowerCase();
+ // build the navbar
+ // see nav.js
+ var navbar = new LivechanNavbar(domElem);
+
+ // build the notification system
+ // see notify.js
+ var notify = new LivechanNotify(domElem);
+
+ var output = document.createElement('div');
+ output.className = 'livechan_chat_output';
+
+ var input_left = document.createElement('div');
+ input_left.className = 'livechan_chat_input_left';
+
+ var input = document.createElement('form');
+ input.className = 'livechan_chat_input';
+
+ var name = document.createElement('input');
+ name.className = 'livechan_chat_input_name';
+ name.setAttribute('placeholder', 'Anonymous');
+
+ var file = document.createElement('input');
+ file.className = 'livechan_chat_input_file';
+ file.setAttribute('type', 'file');
+ file.setAttribute('value', 'upload');
+ file.setAttribute('id', channel+'_input_file');
+
+
+ var messageDiv = document.createElement('div');
+ messageDiv.className = 'livechan_chat_input_message_div';
+
+ var message = document.createElement('textarea');
+ message.className = 'livechan_chat_input_message';
+
+ var submit = document.createElement('input');
+ submit.className = 'livechan_chat_input_submit';
+ submit.setAttribute('type', 'submit');
+ submit.setAttribute('value', 'send');
+ var convobar = new ConvoBar(chat, domElem);
+ input_left.appendChild(name);
+ input_left.appendChild(convobar.elem);
+ input_left.appendChild(file);
+ input.appendChild(input_left);
+ messageDiv.appendChild(message);
+ input.appendChild(messageDiv);
+ input.appendChild(submit);
+ domElem.appendChild(output);
+ domElem.appendChild(input);
+ // inject convobar
+
+
+ return {
+ convobar : convobar,
+ notify: notify,
+ navbar: navbar,
+ output: output,
+ input: {
+ convo: convobar.elem,
+ form: input,
+ message: message,
+ name: name,
+ submit: submit,
+ file: file
+ }
+ };
+}
+
+function Connection(ws, channel) {
+ this.ws = ws;
+ this.channel = channel;
+}
+
+Connection.prototype.ban = function(reason) {
+ if (this.ws) {
+ this.ws.close = null;
+ this.ws.close();
+ alert("You have been banned for the following reason: "+reason);
+ }
+}
+
+Connection.prototype.send = function(obj) {
+ /* Jsonify the object and send as string. */
+ this.sendBinary(JSON.stringify(obj));
+}
+
+Connection.prototype.sendBinary = function(obj) {
+ if (this.ws) {
+ this.ws.send(obj);
+ }
+}
+
+Connection.prototype.onmessage = function(callback) {
+ this.ws.onmessage = function(event) {
+ var data = JSON.parse(event.data);
+ callback(data);
+ }
+}
+
+Connection.prototype.onclose = function(callback) {
+ this.ws.onclose = callback;
+}
+
+/* @brief Initializes the websocket connection.
+ *
+ * @param channel The channel to open a connection to.
+ * @return A connection the the websocket.
+ */
+function initWebSocket(prefix, channel, connection) {
+ var ws = null;
+ if (window['WebSocket']) {
+ try {
+ var scheme = 'wss://';
+ if ( location.protocol == "http:" ) scheme = "ws://";
+ var ws_url = scheme+location.host+prefix+"live?"+channel;
+ console.log(ws_url);
+ ws = new WebSocket(ws_url);
+ } catch(e) {
+ ws = null;
+ }
+ }
+ if (ws !== null) {
+ ws.onerror = function() {
+ if (connection) {
+ connection.ws = null;
+ }
+ };
+ if (connection) {
+ console.log("reconnected.");
+ connection.ws = ws;
+ return connection;
+ } else {
+ return new Connection(ws, channel);
+ }
+ } else {
+ return null;
+ }
+}
+
+/* @brief Parses and returns a message div.
+ *
+ * @param data The message data to be parsed.
+ * @return A dom element containing the message.
+ */
+function parse(text, rules, end_tag) {
+ var output = document.createElement('div');
+ var position = 0;
+ var end_matched = false;
+ if (end_tag) {
+ var end_handler = function(m) {
+ end_matched = true;
+ }
+ rules = [[end_tag, end_handler]].concat(rules);
+ }
+ do {
+ var match = null;
+ var match_pos = text.length;
+ var handler = null;
+ for (var i = 0; i < rules.length; i++) {
+ rules[i][0].lastIndex = position;
+ var result = rules[i][0].exec(text);
+ if (result !== null && position <= result.index && result.index < match_pos) {
+ match = result;
+ match_pos = result.index;
+ handler = rules[i][1];
+ }
+ }
+ var unmatched_text = text.substring(position, match_pos);
+ output.appendChild(document.createTextNode(unmatched_text));
+ position = match_pos;
+ if (match !== null) {
+ position += match[0].length;
+ output.appendChild(handler(match));
+ }
+ } while (match !== null && !end_matched);
+ return output;
+}
+
+var messageRules = [
+ [/>>([0-9a-f]+)/g, function(m) {
+ var out = document.createElement('span');
+ out.className = 'livechan_internallink';
+ out.addEventListener('click', function() {
+ var selected = document.getElementById('livechan_chat_'+m[1]);
+ selected.scrollIntoView(true);
+ });
+ out.appendChild(document.createTextNode('>>'+m[1]));
+ return out;
+ }],
+ [/^>.+/mg, function(m) {
+ var out = document.createElement('span');
+ out.className = 'livechan_greentext';
+ out.appendChild(document.createTextNode(m));
+ return out;
+ }],
+ [/\[code\]\n?([\s\S]+)\[\/code\]/g, function(m) {
+ var out;
+ if (m.length >= 2 && m[1].trim !== '') {
+ out = document.createElement('pre');
+ out.textContent = m[1];
+ } else {
+ out = document.createTextNode(m);
+ }
+ return out;
+ }],
+ [/\[b\]\n?([\s\S]+)\[\/b\]/g, function(m) {
+ var out;
+ if (m.length >= 2 && m[1].trim !== '') {
+ out = document.createElement('span');
+ out.className = 'livechan_boldtext';
+ out.textContent = m[1];
+ } else {
+ out = document.createTextNode(m);
+ }
+ return out;
+ }],
+ [/\[spoiler\]\n?([\s\S]+)\[\/spoiler\]/g, function(m) {
+ var out;
+ if ( m.length >= 2 && m[1].trim !== '') {
+ out = document.createElement('span');
+ out.className = 'livechan_spoiler';
+ out.textContent = m[1];
+ } else {
+ out = document.createTextNode(m);
+ }
+ return out;
+ }],
+ [/\r?\n/g, function(m) {
+ return document.createElement('br');
+ }],
+ [/==(.*)==/g, function(m) {
+ var out;
+ out = document.createElement("span");
+ out.className = "livechan_redtext";
+ out.textContent = m[1];
+ return out;
+ }],
+ [/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/g, function(m) {
+ var out = document.createElement("a");
+ out.href = m[1];
+ out.textContent = m[1];
+ return out;
+ }],
+]
+
+/* @brief build the convorsation bar's elements
+*/
+function buildConvoBar(domElem) {
+ var elem = document.createElement("div");
+ elem.className = "livechan_convobar_root";
+
+ var convo = document.createElement('input');
+ convo.className = 'livechan_chat_input_convo';
+ convo.setAttribute("value", "General");
+ elem.appendChild(convo);
+ domElem.appendChild(elem);
+ return {
+ widget: elem,
+ input: convo,
+ }
+}
+
+/* @brief create the chat's convorsation bar
+ * @param domElem the element to place everything in
+ */
+function ConvoBar(chat, domElem) {
+ this.parent = chat;
+ this.holder = {};
+ this.domElem = domElem;
+ var convo = buildConvoBar(domElem);
+ this.elem = convo.input;
+ this.widget = convo.widget;
+ this.active = null;
+ this.convoPosts = {};
+}
+
+
+/* @brief update the convo bar
+ * @param convoId the name of this covnorsattion
+ */
+ConvoBar.prototype.update = function(convo, chat) {
+ var self = this;
+ if ( self.holder[convo] === undefined ) {
+ // new convo
+ // register convo
+ self.registerConvo(convo);
+ }
+ // bump existing convo
+ var convoId = self.holder[convo];
+ var convoElem = document.getElementById("livechan_convobar_item_"+convoId);
+ var convoParent = convoElem.parentElement;
+ if ( convoParent.children.length > 1 ) {
+ convoParent.removeChild(convoElem);
+ convoParent.insertBefore(convoElem, convoParent.childNodes[0]);
+ }
+ // begin tracking a convo's posts if not already
+ if ( self.convoPosts[convo] === undefined ) {
+ self.convoPosts[convo] = [];
+ }
+ // add post to convo
+ self.convoPosts[convo].push(chat);
+ // do roll over
+ var scrollback = self.parent.options.scrollback || 30;
+ while(self.convoPosts[convo].length > scrollback) {
+ // remove oldest from convo tracker
+ var child_data = self.convoPosts[convo].shift();
+ var child = document.getElementById("livechan_chat_"+child_data.Count);
+ // remove element from main chat element
+ self.parent.chatElems.output.removeChild(child.parentNode.parentElement);
+ }
}
-// inject livechan widget into parent
-function inject_livechan_widget(prefix, parent) {
- if ( "WebSocket" in window ) {
- var url = "ws://"+document.location.host+prefix+"live";
- if ( document.location.protocol == "https:" ) {
- url = "wss://"+document.location.host+prefix+"live";
- }
- var socket = new WebSocket(url);
- var progress = function(str) {
- parent.innerHTML = "livechan: "+str+"
";
- };
- progress("initialize");
- socket.onopen = function () {
- progress("streaming");
- }
- socket.onmessage = function(ev) {
- var j = null;
- try {
- j = JSON.parse(ev.data);
- } catch(e) {
- // ignore
- }
- if (j) {
- livechan_got_post(parent, j);
- }
- }
- socket.onclose = function(ev) {
- progress("connection closed");
- setTimeout(function() {
- inject_livechan_widget(prefix, parent);
- }, 1000);
+
+
+/** @brief register a new convorsation
+ * @param convo the name of the convo
+ */
+ConvoBar.prototype.registerConvo = function(convo) {
+ var self = this;
+ var max_id = 0;
+ // get the highest convo id
+ for ( c in self.holder ) {
+ var id = self.holder[c];
+ if (id > max_id ) {
+ max_id = id
}
+ }
+ // put it in the holder
+ self.holder[convo] = max_id + 1;
+ // make a new entry in the convo bar
+ var elem = document.createElement("div");
+ elem.className = "livechan_convobar_item";
+ elem.setAttribute("id", "livechan_convobar_item_"+ self.holder[convo]);
+ var link = document.createElement("span");
+ elem.addEventListener("click", function() { self.show(convo); });
+ link.appendChild(document.createTextNode(convo));
+ elem.appendChild(link);
+ // prepend the element
+ if (self.widget.children.length > 0 ) {
+ self.widget.insertBefore(elem, self.widget.childNodes[0]);
} else {
- parent.innerHTML = "livechan mode requires websocket support
";
- setTimeout(function() {
- parent.innerHTML = "";
- }, 5000);
+ self.widget.appendChild(elem);
}
}
-function ukko_livechan(prefix) {
- var ukko = document.getElementById("ukko_threads");
- if (ukko) {
- // remove children
- ukko.innerHTML = "";
- inject_livechan_widget(prefix, ukko);
+
+/*
+ * @brief load the converstation list from server
+ */
+ConvoBar.prototype.load = function() {
+ var self = this;
+ var prefix = self.parent.options.prefix || "/";
+ var ajax = new XMLHttpRequest();
+ // prepare ajax
+ ajax.onreadystatechange = function() {
+ if (ajax.status == 200 && ajax.readyState == XMLHttpRequest.DONE ) {
+ // clear state
+ self.holder = {};
+ // clear widget
+ while(self.widget.firstChild) {
+ self.widget.removeChild(self.widget.firstChild);
+ }
+ // register all convos
+ var convos = json.parse(ajax.responseText);
+ for ( var idx = 0; idx < convos.length ; idx ++ ) {
+ self.registerConvo(convos[idx]);
+ }
+ }
+ }
+ // send ajax
+ ajax.open(prefix+"convos/"+self.parent.name);
+ ajax.send();
+}
+
+/* @brief Only Show chats from a convorsation
+ * @param convo the name of the convorsation or null for all
+ */
+ConvoBar.prototype.show = function(convo) {
+ var self = this;
+ var sheet = null;
+ for(var idx = 0; idx < document.styleSheets.length; idx++ ) {
+ var s = document.styleSheets[idx];
+ if (s.ownerNode && s.ownerNode.id === "convo_filter") {
+ sheet = s;
+ break;
+ }
+ }
+
+ // delete all filtering rules
+ while ( sheet.rules.length > 0 ) {
+ if (sheet.deleteRule) {
+ sheet.deleteRule(0);
+ } else if (sheet.removeRule) {
+ sheet.removeRule(0);
+ } else {
+ break;
+ }
+ }
+ if ( convo === self.active) {
+ // this is resetting the view
+ if (sheet.insertRule) { // firefox
+ sheet.insertRule(".livechan_chat_output_chat { display: block; }", 0);
+ } else if (sheet.addRule) { // not firefox
+ sheet.addRule(".livechan_chat_output_chat", "display: block");
+ }
+ // unset active highlight
+ var convoId = self.holder[self.active];
+ var itemElem = document.getElementById("livechan_convobar_item_"+convoId);
+ itemElem.style.background = null;
+ self.active = null;
+ } else {
+ // unset active highlight if it's there
+ if (self.active) {
+ var convoId = self.holder[self.active];
+ var itemElem = document.getElementById("livechan_convobar_item_"+convoId);
+ itemElem.style.background = null;
+ }
+ // set active highlight to new element
+ convoId = self.holder[convo];
+ itemElem = document.getElementById("livechan_convobar_item_"+convoId);
+ itemElem.style.background = "red";
+ var elemClass = ".livechan_chat_convo_" + convoId;
+ if (sheet.insertRule) { // firefox
+ sheet.insertRule(elemClass+ " { display: block; }", 0);
+ sheet.insertRule(".livechan_chat_output_chat { display: none; }", 0);
+ } else if (sheet.addRule) { // not firefox
+ sheet.addRule(".livechan_chat_output_chat", "display: none");
+ sheet.addRule(elemClass, "display: block");
+ }
+ // this convo is now active
+ self.active = convo;
+ }
+ // set the convobar value
+ self.elem.value = self.active || "General";
+
+ // scroll view
+ self.parent.scroll();
+}
+
+/* @brief Creates a chat.
+ *
+ * @param domElem The element to populate with chat
+ * output div and input form.
+ * @param channel The channel to bind the chat to.
+ *
+ * @param options Channel Specific options
+ */
+function Chat(domElem, channel, options) {
+ var self = this;
+ this.name = channel.toLowerCase();
+ this.domElem = domElem;
+ if (options) {
+ this.options = options;
+ } else {
+ this.options = {};
+ }
+
+
+ this.chatElems = buildChat(this, this.domElem, this.name);
+ var prefix = this.options.prefix || "/";
+ this.connection = initWebSocket(prefix, this.name);
+ this.initOutput();
+ this.initInput();
+ // set navbar channel name
+ this.chatElems.navbar.setChannel(this.name);
+ // prepare captcha callback
+ this.captcha_callback = null;
+ // create captcha
+ this.captcha = new Captcha(this.domElem, this.options, function(id, solution, callback) {
+ // set callback to handle captcha success
+ self.captcha_callback = callback;
+ // send captcha solution
+ self.connection.send({Captcha: { ID: id, Solution: solution}});
+ });
+ // begin login sequence
+ this.login();
+}
+
+/**
+ * @brief begin login sequence
+ */
+Chat.prototype.login = function() {
+ this.captcha.show();
+ this.captcha.load();
+}
+
+/**
+ * @brief do mod login
+ */
+Chat.prototype.modLogin = function(str) {
+ var self = this;
+ self.connection.send({ModLogin: str});
+}
+
+Chat.prototype.modAction = function(scope, action, postID, reason, expire) {
+ var self = this;
+ self.connection.send({
+ ModReason: reason,
+ ModScope: parseInt(scope),
+ ModAction: parseInt(action),
+ ModPostID: parseInt(postID),
+ ModExpire: parseInt(expire),
+ });
+}
+
+/* @brief called when our post got mentioned
+ *
+ * @param event the event that has this mention
+ */
+Chat.prototype.Mentioned = function(event, chat) {
+ var self = this;
+ self.notify("mentioned: "+chat);
+}
+
+Chat.prototype.onNotifyShow = function () {
+
+}
+
+
+Chat.prototype.readImage = function (elem, callback) {
+ var self = this;
+
+ var reader = new FileReader();
+ if (elem.files.length > 0 ) {
+ var file = elem.files[0];
+ callback(file, file.name);
+ } else {
+ callback(null, null);
}
}
+/* @brief Sends the message in the form.
+ *
+ * @param event The event causing a message to be sent.
+ */
+Chat.prototype.sendInput = function(event) {
+ var inputElem = this.chatElems.input;
+ var connection = this.connection;
+ var self = this;
+
+ if (inputElem.message.value[0] == '/') {
+ var inp = inputElem.message.value;
+ var helpRegex = /(help)? (.*)/;
+ var helpMatch = helpRegex.exec(inp.slice(1));
+ if (helpMatch) {
+
+ }
+ if ( self.options.customCommands ) {
+ for (var i in self.options.customCommands) {
+ var regexPair = self.options.customCommands[i];
+ var match = regexPair[0].exec(inp.slice(1));
+ if (match) {
+ (regexPair[1]).call(self, match);
+ inputElem.message.value = '';
+ }
+ }
+ }
+ // modCommands is defined in mod.js
+ for ( var i in modCommands ) {
+ var command = modCommands[i];
+ var match = command[0].exec(inp.slice(1));
+ if (match) {
+ (command[1]).call(self, match);
+ // don't clear input for mod command
+ }
+ }
+ event.preventDefault();
+ return false;
+ }
+ if (inputElem.submit.disabled == false) {
+ var message = inputElem.message.value;
+ var name = inputElem.name.value;
+ var convo = inputElem.convo.value;
+ connection.send({Type: "post", Post: {
+ Message: message,
+ Name: name,
+ }});
+ for (var idx = 0 ; idx < inputElem.file.files.length; idx ++ ) {
+ console.log("send file "+ idx);
+ connection.send(inputElem.file.files[idx]);
+ }
+ inputElem.file.value = "";
+ //TODO: don't clear this when doing captcha
+ inputElem.message.value = '';
+ inputElem.submit.disabled = true;
+ var i = parseInt(self.options.cooldown);
+ // fallback
+ if ( i == NaN ) { i = 4; }
+ inputElem.submit.setAttribute('value', i);
+ var countDown = setInterval(function(){
+ inputElem.submit.setAttribute('value', --i);
+ }, 1000);
+ setTimeout(function(){
+ clearInterval(countDown);
+ inputElem.submit.disabled = false;
+ inputElem.submit.setAttribute('value', 'send');
+ }, i * 1000);
+ event.preventDefault();
+ return false;
+ }
+}
+
+/* @brief Binds the form submission to websockets.
+ */
+Chat.prototype.initInput = function() {
+ var inputElem = this.chatElems.input;
+ var connection = this.connection;
+ var self = this;
+ inputElem.form.addEventListener('submit', function(event) {
+ self.sendInput(event);
+ });
+
+ inputElem.message.addEventListener('keydown', function(event) {
+ /* If enter key. */
+ if (event.keyCode === 13 && !event.shiftKey) {
+ self.sendInput(event);
+ }
+ });
+ inputElem.message.focus();
+}
+
+
+/* @brief show a notification to the user */
+Chat.prototype.notify = function(message) {
+ // show notification pane
+ this.showNotifyPane();
+
+ var notifyPane = this.chatElems.notify;
+
+ notifyPane.inform(message);
+}
+
+/* @brief show the notification pane */
+Chat.prototype.showNotifyPane = function () {
+ var pane = this.chatElems.notify.pane;
+ pane.style.zIndex = 5;
+}
+
+/* @brief hide the notification pane */
+Chat.prototype.showNotifyPane = function () {
+ var pane = this.chatElems.notify.pane;
+ pane.style.zIndex = -1;
+}
+
+Chat.prototype.error = function(message) {
+ var self = this;
+ console.log("error: "+message);
+ self.notify("an error has occured: "+message);
+}
+
+/** handle inbound websocket message */
+Chat.prototype.handleMessage = function (data) {
+ var self = this;
+
+ var mtype = data.Type.toLowerCase();
+
+ if (mtype == "captcha" ) {
+ if (self.captcha_callback) {
+ // captcha reply
+ self.captcha_callback(data.Success);
+ // reset
+ self.captcha_callback = null;
+ } else {
+ // captcha challenge
+ self.login();
+ }
+ } else if (mtype == "post" ) {
+ self.insertChat(self.generateChat(data), data);
+ } else if (mtype == "count" ) {
+ self.chatElems.navbar.updateUsers(data.UserCount);
+ } else if (mtype == "ban" ) {
+ self.connection.ban(data.Reason);
+ } else if (mtype == "error") {
+ self.insertChat(self.generateChat({PostMessage: data.Error, PostSubject: "Server Error", PostName: "Server"}))
+ console.log("server error: "+data.Error);
+ } else {
+ console.log("unknown message type "+mtype);
+ }
+}
+
+/* @brief Binds messages to be displayed to the output.
+ */
+Chat.prototype.initOutput = function() {
+ var outputElem = this.chatElems.output;
+ var connection = this.connection;
+ var self = this;
+ connection.onmessage(function(data) {
+ if( Object.prototype.toString.call(data) === '[object Array]' ) {
+ for (var i = 0; i < data.length; i++) {
+ self.handleMessage(data[i]);
+ }
+ } else {
+ self.handleMessage(data);
+ }
+ });
+ connection.onclose(function() {
+ connection.ws = null;
+ var getConnection = setInterval(function() {
+ console.log("Attempting to reconnect.");
+ self.notify("disconnected");
+ var prefix = self.options.prefix || "/";
+ if (initWebSocket(prefix, connection.channel, connection) !== null
+ && connection.ws !== null) {
+ console.log("Success!");
+ self.notify("connected to livechan");
+ clearInterval(getConnection);
+ }
+ }, 1000);
+ });
+}
+
+/* @brief update the user counter for number of users online
+ */
+Chat.prototype.updateUserCount = function(count) {
+ var elem = this.chatElems.navbar.userCount;
+ elem.textContent = "Online: "+count;
+}
+
+/* @brief Scrolls the chat to the bottom.
+ */
+Chat.prototype.scroll = function() {
+ this.chatElems.output.scrollTop = this.chatElems.output.scrollHeight;
+}
+
+/** @brief roll over old posts, remove them from ui */
+Chat.prototype.rollover = function() {
+ var self = this;
+ var chatSize = self.options.scrollback || 50;
+ self.chatElems.convobar.rolloverAll(chatSize);
+}
+
+/* @brief Inserts the chat into the DOM, overwriting if need be.
+ *
+ * @TODO: Actually scan and insert appropriately for varying numbers.
+ *
+ * @param outputElem The dom element to insert the chat into.
+ * @param chat The dom element to be inserted.
+ * @param number The number of the chat to keep it in order.
+ */
+Chat.prototype.insertChat = function(chat, data) {
+ //var number = data.Count;
+ //var convo = data.Convo;
+ //if (!number) {
+ // this.error("Error: invalid chat number.");
+ //}
+ var self = this;
+ // append to main output
+ var outputElem = this.chatElems.output;
+ outputElem.appendChild(chat);
+ // scroll to end
+ self.scroll();
+}
+
+
+/* @brief Generates a chat div.
+ *
+ * @param data Data passed in via websocket.
+ * @return A dom element.
+ */
+Chat.prototype.generateChat = function(data) {
+ var self = this;
+
+ var chat = document.createElement('div');
+ conv = "General";
+ self.chatElems.convobar.update(conv, data);
+ var convo = self.chatElems.convobar.holder[conv];
+ chat.className = 'livechan_chat_output_chat livechan_chat_convo_' + convo;
+ chat.className = 'livechan_chat_output_chat';
+ var convoLabel = document.createElement('span');
+ convoLabel.className = 'livechan_convo_label';
+ convoLabel.appendChild(document.createTextNode(conv));
+
+ var header = document.createElement('div');
+ header.className = 'livechan_chat_output_header';
+ var name = document.createElement('span');
+ name.className = 'livechan_chat_output_name';
+ var trip = document.createElement('span');
+ trip.className = 'livechan_chat_output_trip';
+ var date = document.createElement('span');
+ date.className = 'livechan_chat_output_date';
+ var count = document.createElement('span');
+ count.className = 'livechan_chat_output_count';
+
+ var body = document.createElement('div');
+ body.className = 'livechan_chat_output_body';
+ var message = document.createElement('div');
+ message.className = 'livechan_chat_output_message';
+
+
+ if (data.Name) {
+ name.appendChild(document.createTextNode(data.PostName));
+ } else {
+ name.appendChild(document.createTextNode('Anonymous'));
+ }
+
+ if (data.Files) {
+ for (var idx = 0 ; idx < data.Files.length ; idx ++ ) {
+ var file = data.Files[idx];
+ if(!file) continue;
+ var a = document.createElement('a');
+ a.setAttribute('target', '_blank');
+ // TODO: make these configurable
+ var thumb_url = self.options.prefix + 'thm/'+file.Path;
+ var src_url = self.options.prefix + 'img/'+file.Path;
+
+ a.setAttribute('href',src_url);
+ var img = document.createElement('img');
+ img.setAttribute('src', thumb_url);
+ img.className = 'livechan_image_thumb';
+ a.appendChild(img);
+ message.appendChild(a);
+ img.onload = function() { self.scroll(); }
+
+ img.addEventListener('mouseover', function () {
+ // load image
+ var i = document.createElement("img");
+ i.src = src_url;
+ var e = document.createElement("div");
+ e.setAttribute("id", "hover_"+data.Count);
+ e.setAttribute("class", "hover");
+ e.appendChild(i);
+ chat.appendChild(e);
+ });
+ img.addEventListener('mouseout', function () {
+ // unload image
+ var e = document.getElementById("hover_"+data.Count);
+ e.parentElement.removeChild(e);
+ });
+ }
+ }
+
+ /* Note that parse does everything here. If you want to change
+ * how things are rendered modify messageRules. */
+ if (data.PostMessage) {
+ message.appendChild(parse(data.PostMessage, messageRules));
+ } else {
+ message.appendChild(document.createTextNode(''));
+ }
+
+ if (data.Posted) {
+ date.appendChild(document.createTextNode((new Date(data.Posted)).toLocaleString()));
+ }
+
+ if (data.Tripcode) {
+ var et = document.createElement('span');
+ et.innerHTML = data.Tripcode;
+ trip.appendChild(et);
+ }
+
+ if (data.HashShort) {
+ var h = data.HashShort;
+ count.setAttribute('id', 'livechan_chat_'+h);
+ count.appendChild(document.createTextNode(h));
+ count.addEventListener('click', function() {
+ self.chatElems.input.message.value += '>>'+h+'\n';
+ self.chatElems.input.message.focus();
+ });
+ }
+
+ header.appendChild(name);
+ header.appendChild(trip);
+ header.appendChild(date);
+ header.appendChild(convoLabel);
+ header.appendChild(count);
+ body.appendChild(message);
+
+ chat.appendChild(header);
+ chat.appendChild(body);
+ return chat;
+}
diff --git a/contrib/js/old-livechan.js b/contrib/js/old-livechan.js
new file mode 100644
index 0000000..790f5e5
--- /dev/null
+++ b/contrib/js/old-livechan.js
@@ -0,0 +1,65 @@
+function livechan_got_post(widget, j) {
+ // do scroll
+ while (widget.children.length > 5) {
+ // remove top element
+ widget.removeChild(widget.children[0]);
+ }
+ nntpchan_buildpost(widget, j);
+ // scroll to bottom
+ widget.scrollTop = widget.scrollHeight;
+}
+
+// inject post form into an element
+function inject_postform(prefix, parent) {
+
+}
+
+// inject livechan widget into parent
+function inject_livechan_widget(prefix, parent) {
+ if ( "WebSocket" in window ) {
+ var url = "ws://"+document.location.host+prefix+"live";
+ if ( document.location.protocol == "https:" ) {
+ url = "wss://"+document.location.host+prefix+"live";
+ }
+ var socket = new WebSocket(url);
+ var progress = function(str) {
+ parent.innerHTML = "livechan: "+str+"
";
+ };
+ progress("initialize");
+ socket.onopen = function () {
+ progress("streaming");
+ }
+ socket.onmessage = function(ev) {
+ var j = null;
+ try {
+ j = JSON.parse(ev.data);
+ } catch(e) {
+ // ignore
+ }
+ if (j) {
+ livechan_got_post(parent, j);
+ }
+ }
+ socket.onclose = function(ev) {
+ progress("connection closed");
+ setTimeout(function() {
+ inject_livechan_widget(prefix, parent);
+ }, 1000);
+ }
+ } else {
+ parent.innerHTML = "livechan mode requires websocket support
";
+ setTimeout(function() {
+ parent.innerHTML = "";
+ }, 5000);
+ }
+}
+
+function ukko_livechan(prefix) {
+ var ukko = document.getElementById("ukko_threads");
+ if (ukko) {
+ // remove children
+ ukko.innerHTML = "";
+ inject_livechan_widget(prefix, ukko);
+ }
+}
+
diff --git a/contrib/static/livechan.css b/contrib/static/livechan.css
new file mode 100644
index 0000000..071fea7
--- /dev/null
+++ b/contrib/static/livechan.css
@@ -0,0 +1,239 @@
+input, textarea, select {
+ -moz-border-radius: 0px;
+ -webkit-border-radius: 0px;
+ border-radius: 0px;
+}
+
+.livechan_chat_input {
+ padding: 0;
+ margin: 0;
+ position: absolute;
+ width: 100%;
+ bottom: 0;
+ height: 60px;
+ left: 0;
+ right: 0;
+}
+
+.livechan_chat_input_name, .livechan_chat_input_convo {
+ padding: 0;
+ padding-left: 2px;
+ margin: 0;
+ width: 50%;
+}
+
+.livechan_chat_input_left {
+ width: 30%;
+}
+
+.livechan_chat_input_file {
+ padding: 0;
+ margin: 0;
+ position: absolute;
+ left: 3px;
+ bottom: 3px;
+ border: none;
+}
+
+.livechan_chat_input_message_div {
+ padding:0;
+ margin:0;
+ position: absolute;
+ width: 70%;
+ left: 20%;
+ top: 3px;
+ bottom: 3px;
+}
+
+.livechan_chat_input_message {
+ padding: 0;
+ margin: 0;
+ border:none;
+ height: 100%;
+ width: 100%;
+ resize: none;
+}
+
+.livechan_chat_input_submit {
+ position: absolute;
+ width: 47px;
+ top: 3px;
+ right: 3px;
+ bottom: 3px;
+ border: none;
+}
+
+.livechan_chat_output {
+ position: absolute;
+ top: 20px;
+ left: 0;
+ right: 0;
+ bottom: 60px;
+ overflow: auto;
+ width: 90%;
+ -webkit-overflow-scrolling: touch;
+}
+
+.livechan_chat_output_chat {
+ max-height: 200px;
+ overflow: hidden;
+}
+
+.livechan_chat_output_date {
+ margin: 0 4px;
+}
+
+.livechan_chat_output_count:hover {
+ cursor: pointer;
+}
+
+.livechan_chat_capcode {
+ margin: 0 4px;
+ font-style: italic;
+ font-weight: lighter;
+}
+
+.livechan_image_thumb {
+ max-width: 300px;
+ max-height: 200px;
+ float: left;
+ margin: 10px;
+}
+
+.livechan_captcha {
+ left: 0px;
+ top: 0px;
+ bottom: 0px;
+ right: 0px;
+ position: absolute;
+ opacity: 0.9;
+}
+
+.livechan_captcha_inner {
+ padding: 200px;
+}
+
+.livechan_captcha_image {
+}
+
+.livechan_captcha_input {
+ float: down;
+}
+
+.livechan_spoiler {
+ color: black;
+ background: black;
+}
+
+.livechan_spoiler:hover {
+ color: white;
+}
+
+.livechan_convo_label {
+ padding: 5px;
+}
+
+.livechan_convobar_root {
+ position: absolute;
+ top: 20px;
+ right: 0;
+ width: 10%;
+ hieght: 90%;
+}
+
+.livechan_convobar_item {
+ margin: 5px;
+ padding: 5px;
+}
+
+.livechan_navbar {
+ z-index: 3;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ height: 20px;
+}
+
+.livechan_navbar_mod_indicator_inactive, .livechan_navbar_mod_indicator_active, .livechan_navbar_status, .livechan_navbar_channel_label {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+
+.hover , .hover > img {
+ z-index: 100;
+ position: absolute;
+ left: 10%;
+ max-width: 900px;
+ max-height: 900px;
+}
+
+.livechan_chat_output, .livechan_captcha, .livechan_convobar_root, #chat {
+ background: #EEF2FF;
+}
+
+.livechan_chat_output_chat, .livechan_navbar, .livechan_convobar_item {
+ background: #D6DAF0;
+}
+
+.livechan_chat_output_chat {
+ font-family: sans-serif;
+ margin: 4px;
+ padding: 4px;
+}
+
+.livechan_chat_output_name {
+ font-weight: bold;
+ color: green;
+}
+
+.livechan_chat_output_count:hover {
+ color: red;
+}
+
+.livechan_chat_input {
+ background: #98E;
+}
+
+.livechan_greentext {
+ color: #789922;
+}
+
+.livechan_boldtext {
+ font-weight: bold;
+}
+
+.livechan_internallink {
+ color: blue;
+}
+
+.livechan_internallink:hover {
+ color: red;
+ cursor: pointer;
+}
+
+.livechan_chat_selected {
+ background: blue;
+}
+
+
+.livechan_navbar_mod_indicator_active {
+ background: #4a4ad4;
+ color: #34d434;
+}
+
+.livechan_navbar_mod_indicator_admin {
+ background: #4a4ad4;
+ color: red;
+}
+
+.livechan_navbar_mod_indicator_inactive {
+ color: #aaaaaa;
+ background: #eef2ff;
+}
+
+
+.livechan_redtext {
+ color: #af0a0f;
+ font-weight: bold;
+}
\ No newline at end of file
diff --git a/contrib/templates/default/live.mustache b/contrib/templates/default/live.mustache
index 01a97e7..86b825d 100644
--- a/contrib/templates/default/live.mustache
+++ b/contrib/templates/default/live.mustache
@@ -8,34 +8,28 @@
{{#i18n.Translations}}{{overboard_title}}{{/i18n.Translations}}
-
+
+
+
-
-
-
-
-
- {{{navbar}}}
-
-
-
+
-
+