spongy-client-chrome/app/room.js

function djbhash(a) {
  var r = 5381;

  for (var i = 0; i < a.length; i += 1) {
    r = (((r << 5) + r) + a.charCodeAt(i)) & 0xffff;
  }
  return r;
}

function purtify(text) {
	// Look for a URL
	var txtElement = document.createElement("span");
	txtElement.className = "text";
	var rhs = text;
	var match;

	while ((match = urlRe.exec(rhs)) != null) {
		var before = rhs.substr(0, match.index);
		var a = document.createElement("a");
		var href = match[0];

		if (href.indexOf("hxx") == 0) {
			href = "htt" + href.substr(3);
		}
		a.href = href
		a.target = "_blank";
		a.appendChild(document.createTextNode(match[0]));
		txtElement.appendChild(document.createTextNode(before));
		txtElement.appendChild(a);
		rhs = rhs.substr(match.index + match[0].length);
	}
	txtElement.appendChild(document.createTextNode(rhs));

	return txtElement;
}

function kiboze(this_is_currently_busted) {

	if ((kiboze) || (-1 != text.search(kibozeRe))) {
		var k = document.getElementById("kiboze");
		var p2 = p.cloneNode(true);

		if (k) {
			k.insertBefore(p2, k.firstChild);
			p2.onclick = function() { focus(p); }

			// Setting title makes the tab flash sorta
			document.title = document.title;
		}
	}
}


var visibleRoom;

function newRoom(element, network, name, maxSize) {
  var messages = getTemplate("messages");
  var lastmsg;
  if (! maxSize) {
    maxSize = 500;
  }

  function purtify(fullSender, command, sender, args, txt) {
    var txtElement = document.createElement("span");
    var msg = chrome.i18n.getMessage(command + "Command", [fullSender, command, sender, name, args, txt]);
    if (! msg) {
      msg = chrome.i18n.getMessage("unknownCommand", [fullSender, command, sender, name, String(args), txt]);
    }

    var rhs = msg;
    var match;

    while ((match = urlRe.exec(rhs)) != null) {
      var before = rhs.substr(0, match.index);
      var a = document.createElement("a");
      var href = match[0];

      if (href.indexOf("hxx") == 0) {
        href = "htt" + href.substr(3);
      }
  		a.href = href
  		a.target = "_blank";
  		a.appendChild(document.createTextNode(match[0]));
  		txtElement.appendChild(document.createTextNode(before));
  		txtElement.appendChild(a);
  		rhs = rhs.substr(match.index + match[0].length);
  	}
  	txtElement.appendChild(document.createTextNode(rhs));

  	return txtElement;
  }


  element.addMessage = function(timestamp, fullSender, command, sender, args, txt) {
    var message = getTemplate("message");

    var eTimestamp = message.getElementsByClassName("timestamp")[0];
    var eSource = message.getElementsByClassName("source")[0];
    var eContent = message.getElementsByClassName("content")[0];

    message.classList.add(command);
    if (sender == ".") {
      message.classList.add("self");
    }

    eTimestamp.textContent = timestamp.toLocaleTimeString();
    eSource.textContent = sender;
    eSource.setAttribute("colornumber", djbhash(sender) % 31);
    eContent.appendChild(purtify(fullSender, command, sender, args, txt));

    messages.appendChild(message);

    while (messages.childNodes.length > maxSize) {
      messages.removeChild(messages.firstChild);
    }

    lastmsg = message;

    if (visibleRoom == element) {
      lastmsg.scrollIntoView(false);
    }
  }

  element.hide = function() {
    element.classList.remove("selected");
    messages.style.display = "none";
  }

  element.show = function() {
    if (visibleRoom) {
      visibleRoom.hide()
    }
    element.classList.add("selected");
    messages.style.display = null;
    lastmsg.scrollIntoView(false);
    visibleRoom = element;
  }

  element.send = function(text) {
    network.send(name, text);
  }

  element.close = function() {
    console.log(messages);
    console.log(messages.parent);
    messages.parent.removeChild(messages);
    element.parent.removeChild(element);
  }

  function clicked() {
    element.show();
  }

  // start hidden
  element.hide();
  element.addEventListener("click", clicked);
  element.getElementsByClassName("content-item")[0].textContent = name;

  document.getElementById("messages-container").appendChild(messages);

  return element;
}