Alice
view release on metacpan or search on metacpan
share/static/alice.js view on Meta::CPAN
Element.addMethods({
redraw: function(element){
element = $(element);
var n = document.createTextNode(' ');
element.appendChild(n);
(function(){n.parentNode.removeChild(n)}).defer();
return element;
}
});
Alice.Application = Class.create({
initialize: function() {
this.options = {};
this.isFocused = true;
this.window_map = new Hash();
this.previousFocus = 0;
this.selectedSet = '';
this.tabs = $('tabs');
this.topic = $('topic');
this.nicklist = $('nicklist');
this.overlayVisible = false;
this.lastnotify = 0;
this.topic_height = "14px";
this.beep = new Audio("/static/beep.mp3");
this.oembeds = [];
this.jsonp_callbacks = {};
this.connection = window.WebSocket && !window.location.search.match(/&?stream=xhr/) ?
new Alice.Connection.WebSocket(this)
: new Alice.Connection.XHR(this);
this.tabs_width = $('tabs_container').getWidth();
this.tabs_layout = this.tabs.getLayout();
this.base_filters = this.baseFilters();
this.message_filters = [];
this.supportsTouch = 'createTouch' in document;
this.isPhone = window.navigator.userAgent.match(/(android|iphone|wosbrowser)/i) ? true : false;
this.isMobile = this.isPhone || Prototype.Browser.MobileSafari;
this.loadDelay = this.isMobile ? 3000 : 1000;
if (window.navigator.standalone || window.navigator.userAgent.match(/Fluid/)) this.loadDelay = 0;
this.keyboard = new Alice.Keyboard(this);
this.input = new Alice.Input(this, "msg");
this.submit = $("submit");
this.submit.observe("click", function (e) {
this.input.send(); e.stop()}.bind(this));
this.tabs.observe("webkitTransitionEnd", this.shiftEnd.bind(this));
this.tabs.observe("transitionend", this.shiftEnd.bind(this));
this.makeSortable();
this.setupTopic();
this.setupNicklist();
this.setupMenus();
},
getBacklog: function (win, max, limit) {
this.connection.requestChunk(win.id, limit, max);
},
fetchOembeds: function(cb) {
var req = new XMLHttpRequest();
req.open("GET", "https://noembed.com/providers");
req.onreadystatechange = function(){
if (req.readyState == 4) {
try {
var providers = req.responseText.evalJSON();
this.oembeds = providers.inject([], function(acc, site){
return acc.concat(site.patterns.map(function(pat){return new RegExp(pat)}));
});
} catch (e) {}
setTimeout(this.fetchOembeds.bind(this), 1000 * 60 * 5);
if (cb) cb();
}
}.bind(this);
req.send();
},
embed: function(a, win) {
var params = {
url: a.href,
maxheight: 300,
};
var req = new XMLHttpRequest();
req.open("GET", "https://www.noembed.com/embed?" + Object.toQueryString(params));
req.onreadystatechange = function(){
if (req.readyState == 4) {
var data = req.responseText.evalJSON();
this.embedContent(a, win, data);
}
}.bind(this);
req.send();
},
embedContent: function(a, win, data) {
if (!data || !data.html) return;
var html = data.html;
var elem = new Element("DIV", {"class": "oembed"});
if (data.provider_name == "Twitter") {
var position = win.captureScrollPosition();
elem.setStyle({display: "block"});
elem.update(html);
a.replace(elem);
win.scrollToPosition(position);
Alice.makeLinksClickable(elem);
return;
}
var position = win.captureScrollPosition();
a.update(data.title);
a.insert({
after: '<sup class="external"><a target="_blank" href="'+data.url+'">'
+data.provider_name+'</a></sup>'
});
a.up("div.msg").insert(elem);
win.scrollToPosition(position);
a.observe('click', function(e) {
e.stop();
var position = win.captureScrollPosition();
if (elem.innerHTML) {
elem.innerHTML = "";
elem.style.display = "none";
return;
}
elem.style.display = "block";
elem.innerHTML = html;
Alice.makeLinksClickable(elem);
var images = elem.select("img");
if (images.length) {
images.each(function(img) {
img.observe("load", function(e) {
win.scrollToPosition(position);
img.stopObserving(img, "load");
});
});
}
win.scrollToPosition(position);
});
},
actionHandlers: {
join: function (action) {
var win = this.getWindow(action['window'].id);
if (!win) {
this.insertWindow(action['window'].id, action.html);
win = this.openWindow(action['window']);
this.updateOverflowMenus();
if (this.selectedSet && !this.currentSetContains(win)) {
if (confirm("You joined "+win.title+" which is not in the '"+this.selectedSet+"' set. Do you want to add it?")) {
this.tabsets[this.selectedSet].push(win.id);
win.show();
Alice.tabsets.submit(this.tabsets);
}
else {
win.hide();
}
}
}
else {
win.enable();
}
},
part: function (action) {
this.closeWindow(action['window'].id);
},
trim: function (action) {
var win = this.getWindow(action['window'].id);
if (win) {
win.messageLimit = action['lines'];
win.trimMessages();
}
},
nicks: function (action) {
var win = this.getWindow(action['window'].id);
if (win) win.updateNicks(action.nicks);
},
alert: function (action) {
this.activeWindow().showAlert(action['body']);
},
clear: function (action) {
var win = this.getWindow(action['window'].id);
if (win) win.clearMessages();
},
announce: function (action) {
this.activeWindow().announce(action['body']);
},
connect: function (action) {
if ($('servers')) {
Alice.connections.connectServer(action.network);
}
},
disconnect: function (action) {
action.windows.each(function (win_info) {
var win = this.getWindow(win_info.id);
if (win) {
win.disable();
}
}.bind(this));
if ($('servers')) {
Alice.connections.disconnectServer(action.network);
}
},
focus: function (action) {
if (!action.window_number) return;
if (action.window_number == "next") {
this.nextWindow();
}
share/static/alice.js view on Meta::CPAN
$('windows').insert(transport.responseText);
}.bind(this));
},
toggleConfig: function(e) {
this.connection.get("/config", function (transport) {
this.input.disabled = true;
$('windows').insert(transport.responseText);
}.bind(this));
if (e) e.stop();
},
togglePrefs: function(e) {
this.connection.get("/prefs", function (transport) {
this.input.disabled = true;
$('windows').insert(transport.responseText);
}.bind(this));
if (e) e.stop();
},
toggleTabsets: function(e) {
this.connection.get("/tabsets", function (transport) {
this.input.disabled = true;
$('windows').insert(transport.responseText);
Alice.tabsets.focusIndex(0);
}.bind(this));
},
windows: function () {
return this.window_map.values();
},
nth_window: function(n) {
var tab = this.tabs.down('.visible:not(.info_tab)', n - 1);
if (tab) {
var m = tab.id.match(/([^_]+)_tab/);
if (m) {
return this.window_map.get(m[1]);
}
}
},
info_window: function(n) {
return this.windows().find(function(win) {
if (win.type == "info") return win;
});
},
openWindow: function(serialized, msgid) {
if (!msgid) msgid = this.msgid();
var win = new Alice.Window(this, serialized, msgid);
this.addWindow(win);
return win;
},
addWindow: function(win) {
this.window_map.set(win.id, win);
if (window.fluid)
window.fluid.addDockMenuItem(win.title, win.focus.bind(win));
},
removeWindow: function(win) {
this.tabs_layout = this.tabs.getLayout();
this.windows().invoke("updateTabLayout");
if (win.active) this.focusLast();
if (window.fluid)
window.fluid.removeDockMenuItem(win.title);
if (win.id == this.previousFocus.id) {
this.previousFocus = 0;
}
this.window_map.unset(win.id);
this.connection.closeWindow(win);
win = null;
},
getWindow: function(windowId) {
return this.window_map.get(windowId);
},
activeWindow: function() {
var windows = this.windows();
for (var i=0; i < windows.length; i++) {
if (windows[i].active) return windows[i];
}
for (var i=0; i < windows.length; i++) {
if (windows[i].type != "info") return windows[i];
}
if (windows[0]) return windows[0];
},
addFilters: function(list) {
this.message_filters = this.message_filters.concat(list);
},
applyFilters: function(li, win) {
if (li.hasClassName("filtered")) return;
var length = this.base_filters.length;
for (var i=0; i < length; i++) {
this.base_filters[i].call(this, li, win);
}
li.addClassName("filtered");
if (li.hasClassName("message")) {
var msg = li.down("div.msg");
var length = this.message_filters.length;
for (var i=0; i < length; i++) {
var stop = this.message_filters[i].call(this, msg, win);
if (stop) return;
}
}
},
nextWindow: function() {
var active = this.activeWindow();
var nextTab = active.tab.next('.visible');
if (!nextTab) nextTab = this.tabs.down('.visible');
if (!nextTab) return;
var id = nextTab.id.replace('_tab','');
if (id != active.id) {
var win = this.getWindow(id);
win.focus();
return win;
}
},
updateOverflowMenus: function() {
var left = $('tab_menu_left');
var right = $('tab_menu_right');
left.removeClassName("unread");
left.removeClassName("highlight");
right.removeClassName("unread");
right.removeClassName("highlight");
var left_menu = left.down('ul');
var right_menu = right.down('ul');
left_menu.innerHTML = "";
right_menu.innerHTML = "";
this.windows().each(function(win) {
if (!win.visible) return;
var pos = win.getTabPosition();
if (pos.left) {
var classes = win.statuses;
classes.each(function(c){left.addClassName(c)});
left_menu.innerHTML += sprintf('<li rel="%s" class="%s"><span>%s</span></a>', win.id, classes.join(" "), win.title)
}
else if (pos.right) {
var classes = win.statuses;
classes.each(function(c){right.addClassName(c)});
right_menu.innerHTML += sprintf('<li rel="%s" class="%s"><span>%s</span></a>', win.id, classes.join(" "), win.title)
}
}.bind(this));
this.toggleMenu(left, !!left_menu.innerHTML);
this.toggleMenu(right, !!right_menu.innerHTML);
},
toggleMenu: function(menu, active) {
if (active) {
menu.addClassName("active");
}
else {
menu.removeClassName("active");
}
},
nextUnreadWindow: function() {
var active = this.activeWindow();
var tabs = active.tab.nextSiblings().concat(active.tab.previousSiblings().reverse());
var unread = tabs.find(function(tab) {
return tab.hasClassName("unread") && tab.hasClassName("visible")
});
if (unread) {
var id = unread.id.replace("_tab","");
if (id) {
this.getWindow(id).focus();
}
}
},
focusLast: function() {
if (this.previousFocus && this.previousFocus.id != this.activeWindow().id)
this.previousFocus.focus();
else
this.previousWindow();
},
previousWindow: function() {
var active = this.activeWindow();
var previousTab = this.activeWindow().tab.previous('.visible');
if (!previousTab) previousTab = this.tabs.select('.visible').last();
if (!previousTab) return;
var id = previousTab.id.replace('_tab','');
if (id != active.id) this.getWindow(id).focus();
},
closeWindow: function(windowId) {
var win = this.getWindow(windowId);
if (win) win.close();
},
insertWindow: function(windowId, html) {
if (!$(windowId)) {
$('windows').insert(html['window']);
$('tabs').insert(html.tab);
this.makeSortable();
}
},
highlightChannelSelect: function(id, classname) {
if (!classname) classname = "unread";
['tab_menu_left', 'tab_menu_right'].find(function(menu) {
menu = $(menu);
var li = menu.down('li[rel='+id+']');
share/static/alice.js view on Meta::CPAN
if (hash.substr(0,1) != "/") {
var name = hash.match(/^([^\/]+)/)[0];
hash = hash.substr(name.length);
if (this.tabsets[name]) {
if (this.selectedSet != name) this.showSet(name);
}
else {
window.location.hash = hash;
window.location = window.location.toString();
return false;
}
}
var windows = this.windows();
for (var i = 0; i < windows.length; i++) {
var win = windows[i];
if (win.hashtag == hash) {
if (!win.active) win.focus();
return true;
}
}
}
return false;
},
tabShift: function() {
return this.tabs_layout.get('left');
},
tabsWidth: function() {
return this.tabs_width;
},
freeze: function() {
$('windows').setStyle({
width: document.viewport.getWidth()+"px",
right: "auto",
});
},
thaw: function() {
$('windows').setStyle({
width: "auto",
right: "0px",
});
},
shiftTabs: function(shift) {
var current = this.tabShift();
var left = current + shift;
var time = Math.min(Math.max(0.1, Math.abs(shift) / 100), 0.5);
this.tabs.style.webkitTransitionDuration = time+"s";
this.tabs.setStyle({left: left+"px"});
this.tabs_layout = this.tabs.getLayout();
},
shiftEnd: function(e) {
this.tabs_layout = this.tabs.getLayout();
this.updateOverflowMenus();
},
makeSortable: function() {
Sortable.create('tabs', {
overlap: 'horizontal',
constraint: 'horizontal',
format: /(.+)/,
only: ["info_tab", "channel_tab", "privmsg_tab"],
onUpdate: function (res) {
var tabs = res.childElements();
var order = tabs.collect(function(t){
var m = t.id.match(/([^_]+)_tab/);
if (m) return m[1]
});
if (order.length) this.connection.sendTabOrder(order);
setTimeout(function(){
this.windows().invoke("updateTabLayout");
this.activeWindow().shiftTab();
}.bind(this), 100);
}.bind(this)
});
},
addMissed: function() {
if (!window.fluid) return;
window.fluid.dockBadge ? window.fluid.dockBadge++ :
window.fluid.dockBadge = 1;
},
clearMissed: function() {
if (!window.fluid) return;
window.fluid.dockBadge = "";
},
ready: function() {
this.freeze();
setTimeout(this.updateOverflowMenus.bind(this), 1000);
this.fetchOembeds(function() {
this.connection.connect(function() {
this.focusHash() || this.activeWindow().focus();
}.bind(this));
}.bind(this));
},
log: function () {
var win = this.activeWindow();
for (var i=0; i < arguments.length; i++) {
if (window.console && window.console.log) {
console.log(arguments[i]);
}
if (this.options.debug == "true") {
if (win) {
win.addMessage({
html: '<li class="message monospace"><div class="left">console</div><div class="msg">'+arguments[i].toString()+'</div></li>'
});
}
}
}
},
msgid: function() {
var ids = this.windows().map(function(w){return w.msgid});
return Math.max.apply(Math, ids);
},
setSource: function(id) {
$('source').value = id;
},
showSet: function(name) {
var ids = this.tabsets[name];
if (ids) {
var elem = $('tabset_menu').select('li').find(function(li) {
return li.innerHTML.unescapeHTML() == name;
});
elem.up('ul').select('li').invoke('removeClassName', 'selectedset');
elem.addClassName('selectedset');
this.windows().each(function(win) {
ids.indexOf(win.id) >= 0 || win.type == "privmsg" ? win.show() : win.hide();
});
this.selectSet(name);
var active = this.activeWindow();
if (!active.visible) {
active = this.nextWindow();
}
if (active) active.shiftTab();
setTimeout(this.updateOverflowMenus.bind(this), 2000);
}
},
selectSet: function(name) {
var hash = window.location.hash;
hash = hash.replace(/^[^\/]*/, name);
window.location.hash = hash;
window.location = window.location.toString();
this.selectedSet = name;
},
clearSet: function(elem) {
elem.up('ul').select('li').invoke('removeClassName', 'selectedset');
elem.addClassName('selectedset');
this.windows().invoke("show");
this.selectSet('');
this.updateOverflowMenus();
this.activeWindow().shiftTab();
},
currentSetContains: function(win) {
var set = this.selectedSet;
if (win.type == "channel" && set && this.tabsets[set]) {
return (this.tabsets[set].indexOf(win.id) >= 0);
}
return true;
},
displayTopic: function(new_topic) {
this.topic.update(new_topic || "no topic set");
Alice.makeLinksClickable(this.topic);
},
displayNicks: function(nicks) {
this.nicklist.innerHTML = nicks.sort(function(a, b) {
a = a.toLowerCase();
b = b.toLowerCase();
if (a > b)
return 1
if (a < b)
return -1
return 0;
}).map(function(nick) {
return '<li><a>'+nick.escapeHTML()+'</a></li>';
}).join("");
},
toggleNicklist: function() {
var windows = $('windows');
var win = this.activeWindow();
var position = win.captureScrollPosition();
if (windows.hasClassName('nicklist'))
windows.removeClassName('nicklist');
else
windows.addClassName('nicklist');
win.scrollToPosition(position);
},
setupNicklist: function() {
this.nicklist.observe("click", function(e) {
var li = e.findElement('a');
if (li) {
var nick = a.innerHTML;
this.connection.requestWindow(nick, this.activeWindow().id);
}
}.bind(this));
},
setupTopic: function() {
this.topic.observe(this.supportsTouch ? "touchstart" : "click", function(e) {
if (this.supportsTouch) e.stop();
if (this.topic.getStyle("height") == this.topic_height) {
this.topic.setStyle({height: "auto"});
} else {
this.topic.setStyle({height: this.topic_height});
}
}.bind(this));
},
setupMenus: function() {
var click = this.supportsTouch ? "touchend" : "mouseup";
$('join_button').observe(click, function (e) {
e.stop();
this.toggleJoin();
}.bind(this));
$('config_menu').on(click, ".dropdown li", function(e,li) {
e.stop();
var text = li.textContent;
if (text.match(/Help/)) {
this.toggleHelp();
} else if (text.match(/Preferences/)) {
this.togglePrefs();
} else if (text.match(/Connections/)) {
this.toggleConfig();
}
$$('.dropdown.open').invoke("removeClassName", "open");
}.bind(this));
$('tabset_dropdown').on(click, ".dropdown li span", function(e,li) {
e.stop();
var name = li.innerHTML.unescapeHTML();
if (name == "Edit Sets")
this.toggleTabsets();
else if (name == "All tabs")
this.clearSet(li);
else if (this.tabsets[name])
this.showSet(name);
$$('.dropdown.open').invoke("removeClassName", "open");
}.bind(this));
['tab_menu_left', 'tab_menu_right'].each(function(side) {
$(side).on(click, ".dropdown li", function(e, li) {
e.stop();
if (li.getAttribute("rel")) {
$(side).removeClassName("open");
var win = this.getWindow(li.getAttribute("rel"));
if (win) win.focus();
}
}.bind(this));
}.bind(this));
},
baseFilters: function() {
return [
function(li, win) {
Alice.makeLinksClickable(li.down("div.msg"));
},
function(li, win) {
if (li.hasClassName("avatar")) {
if (this.options.avatars == "show") {
var avatar = li.getAttribute("avatar");
if (avatar)
li.down("a.nick").insert('<img src="'+alice.options.image_prefix+avatar+'" />');
share/static/alice.js view on Meta::CPAN
this.leftOffset = this.index - left.length;
},
matchAgainst: function(candidates) {
return candidates.grep(new RegExp("^" + RegExp.escape(this.stem), "i"));
}
});
Alice.Completion.PATTERN = /[A-Za-z0-9\[\\\]^_{|}-]/;
if (window == window.parent) {
document.observe("dom:loaded", function () {
var alice = new Alice.Application();
window.alice = alice;
$('helpclose').observe("click", function () { $('help').hide(); });
$('nicklist_toggle').observe("click", function () { alice.toggleNicklist() });
$$('.dropdown').each(function (menu) {
menu.observe(alice.supportsTouch ? "touchstart" : "mousedown", function (e) {
e.stop();
var element = e.element('.dropdown');
if (element.hasClassName("dropdown")) {
if (menu.hasClassName("open")) {
menu.removeClassName("open");
}
else {
$$(".dropdown.open").invoke("removeClassName", "open");
menu.addClassName("open");
}
}
});
});
document.observe(alice.supportsTouch ? "touchend" : "mouseup", function (e) {
if (e.findElement('.dropdown')) return;
$$('.dropdown.open').invoke("removeClassName", "open");
});
if (alice.isMobile) {
$('nicklist_toggle').addClassName('visible');
}
else {
window.onkeydown = function (e) {
if (!alice.input.disabled && !Alice.isSpecialKey(e.which))
alice.input.focus();
};
var windows = $('windows');
var toggle = $('nicklist_toggle');
var resize = function () {
var active = alice.activeWindow();
var position = active.captureScrollPosition();
var end = function(){
alice.freeze();
alice.tabs_width = $('tabs_container').getWidth();
alice.updateOverflowMenus();
active.scrollToPosition(position);
active.shiftTab();
window.onresize = resize;
};
var end_timer;
window.onresize = function() {
clearTimeout(end_timer);
end_timer = setTimeout(end, 1000);
};
};
window.onresize = resize;
var move = function(e) {
var width = document.viewport.getWidth();
var left = windows.hasClassName('nicklist') ? 200 : 100;
var visible = toggle.hasClassName('visible');
if (!visible && width - e.pointerX() > left)
return;
toggle.addClassName('visible');
var end = function() {
toggle.removeClassName('visible');
window.onmousemove = move;
};
var end_timer;
window.onmousemove = function() {
clearTimeout(end_timer);
end_timer = setTimeout(end, 1000);
};
};
window.onmousemove = move;
window.onfocus = function () {
alice.input.focus();
alice.freeze();
alice.tabs_width = $('tabs_container').getWidth();
alice.updateOverflowMenus();
alice.isFocused = true
alice.clearMissed();
};
window.status = " ";
window.onblur = function () {
alice.isFocused = false
};
}
window.onhashchange = function (e) {alice.focusHash()};
window.onorientationchange = function() {
var active = alice.activeWindow();
active.scrollToPosition(0);
alice.freeze();
active.shiftTab();
};
document.observe("copy", function(e) {
if (!e.findElement("ul.messages")) return;
if(!Prototype.Browser.IE && typeof window.getSelection !== 'undefined') {
var buffer = new Element("DIV", {"class": "copybuffer"});
document.getElementsByTagName("body")[0].appendChild(buffer);
var sel = window.getSelection();
var range = sel.getRangeAt(0);
buffer.appendChild(range.cloneContents());
Alice.cleanupCopy(buffer);
sel.selectAllChildren(buffer);
setTimeout(function() {
if(typeof window.getSelection().setBaseAndExtent !== 'undefined') {
sel.setBaseAndExtent(
range.startContainer,
range.startOffset,
range.endContainer,
range.endOffset
);
}
}, 0);
}
});
if (alice.isMobile) return;
alice.addFilters([
function(msg, win) {
msg.select("a").filter(function(a) {
return Alice.RE.audio.match(a.href);
}).each(function(a) {
var img = new Element("IMG", {"class": "audio", src: "/static/image/play.png"});
img.onclick = function(){ Alice.playAudio(img) };
a.insert({before: img})
});
},
function (msg, win) {
if (alice.options.images == "show") {
( run in 1.258 second using v1.01-cache-2.11-cpan-39bf76dae61 )