// Blip.fm Comments Hack
// version 0.2 BETA!
// 2008-09-11
// Copyright (c) 2008, Lius Fontenelle Carneiro
// Released under the GPL license
// http://www.gnu.org/copyleft/gpl.html
//
// --------------------------------------------------------------------
//
// This is a Greasemonkey user script. To install it, you need
// Greasemonkey 0.3 or later: http://greasemonkey.mozdev.org/
// Then restart Firefox and revisit this script.
// Under Tools, there will be a new menu item to "Install User Script".
// Accept the default configuration and install.
//
// To uninstall, go to Tools/Manage User Scripts,
// select "Blip.fm Comments Hack", and click Uninstall.
//
// --------------------------------------------------------------------
//
// ==UserScript==
// @name Blip.fm Comments Hack 0.2
// @namespace http://hypercast.info/
// @description Script that add Comments functionality to Blip.fm by Lius
// @include http://blip.fm/home*
// ==/UserScript==
/*
* Bloco de codigo para carregar uma funcao do escopo do greasemonkey na pagina real
*/
function embedFunction(s) {
document.body.appendChild(document.createElement('script')).innerHTML = s.toString().replace(/([\s\S]*?return;){2}([\s\S]*)}/,'$2');
}
// definicao e implementacao das funcoes a serem carregadas (nao pode ser funcoes GM_*)
function toggle_element(obj) {
var el = document.getElementById(obj);
el.style.display = (el.style.display != 'none' ? 'none' : '' );
}
function show_all_comments() {
var elements = document.evaluate("//div[@class='blip_comments']", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0; i < elements.snapshotLength; i++) {
elements.snapshotItem(i).style.display = '';
}
}
// carregamento propriamente dito
embedFunction(toggle_element);
document.body.appendChild(document.createElement('script')).innerHTML = "toggle_element();";
embedFunction(show_all_comments);
document.body.appendChild(document.createElement('script')).innerHTML = "show_all_comments();";
/*
* Inicio dos procedimentos da aplicacao
*/
// encontra o elemento que tem o login
var usernameElement = document.evaluate(
"//a[@class='primary']",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
// se nao encontrar, encerra a execucao do script
//if(usernameElement.snapshotLength == 0) return;
// se encontrar, extrai somente o username para ser utilizado pelo resto do programa
var login = usernameElement.snapshotItem(0).innerHTML;
// adiciona a div que ira guardar os comentarios de cada blip
var dataDivs = document.evaluate(
"//div[@class='tweem end']//div[@class='date']",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
for (var i = 0; i < dataDivs.snapshotLength; i++) {
dataDivs.snapshotItem(i).innerHTML += '<div class="comment"></div>';
}
// incluindo o link para mostrar todos os comentarios (tornar a div comment com style="display: true")
var menu_superior = document.evaluate("//div[@id='supermenu']/ul", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
menu_superior.snapshotItem(0).innerHTML += '<li><a href="javascript:func()" onclick="show_all_comments();">Mostrar comentários</a></li>';
// incluindo o iframe que servira de suporta para o retorno do form.submit nao causar reload geral
document.getElementById('attribution').innerHTML += '<iframe name="ifme" style="display: none;"></iframe>';
// cadastra no servidor, se ja nao estiver
GM_xmlhttpRequest({
method: 'GET',
url: 'http://blipfm.hypercast.info/users/check?login=' + login,
headers: {
'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey',
'Accept': 'application/xml,text/xml,text/html,text/json',
// 'Content-type': 'application/x-www-form-urlencoded',
},
onload: function(responseDetails) {
var barraSuperior = document.getElementById('identity');
if(responseDetails.responseText == 'ok'){
barraSuperior.innerHTML += " Cadastrado";
}
if(responseDetails.responseText == 'existe'){
barraSuperior.innerHTML += " Conectado";
}
}
});
// varredura sobre todos os blips
var allDivs, thisDiv;
allDivs = document.evaluate(
"//div[@class='tweem end']",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
for (var i = 0; i < allDivs.snapshotLength; i++) {
thisDiv = allDivs.snapshotItem(i);
// checando navegacao por todos os elementos corretos
// alert(thisDiv.id);
// descobrindo o login de cada pessoa que blipou e que esta na sua lista
var blip_author_div = document.evaluate(
"//div[@id='" + thisDiv.id + "']//div[@class='body']//a",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
var blip_author_login = blip_author_div.snapshotItem(0).innerHTML;
// DEBUG Mostrar nome do autor de cada blip para checar se foi extraido corretamente
//thisDiv.innerHTML += blip_author_login;
var url = 'http://blipfm.hypercast.info/blips/check?login=' + blip_author_login + '&code=' + thisDiv.id + '&music=' + document.getElementById(thisDiv.id + 'headline').innerHTML;
// DEBUG Mostrar a URL que esta sendo requisitada
//thisDiv.innerHTML += url;
GM_xmlhttpRequest({
method: 'GET',
url: url,
headers: {
'User-agent': 'Mozilla/4.0 (compatible) Greasemonkey',
'Accept': 'application/xml,text/xml,text/html,text/json'
},
onload: function(responseDetails) {
eval("hs = " + responseDetails.responseText);
var allDataDivs = document.evaluate(
"//div[@id='" + hs['blip_id'] + "']//div[@class='date']//div[@class='comment']",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
allDataDivs.snapshotItem(0).innerHTML =
'<a href="javascript:func()" onclick="toggle_element(\'comments' + hs['blip_id'] + '\');">COMENTARIOS (' + hs['comments'] +')</a><br/>' +
'<div id="comments' + hs['blip_id'] + '" class="blip_comments" style="display: none;"></div>' +
'<div>' +
'<a href="javascript:func()" onclick="toggle_element(\'form' + hs['blip_id'] + '\');">Escrever comentario</a>' +
'</div>';
if(hs['comments'] > 0){
document.getElementById('comments' + hs['blip_id']).innerHTML = hs['texts'];
}
// colocando o form do lado de fora do quadro branco do blip, mas ainda dentro da sua div
document.getElementById(hs['blip_id']).innerHTML +=
'<div id="form' + hs['blip_id'] + '" style="display: none; float: right;">' +
'<form target="ifme" method="POST" action="http://blipfm.hypercast.info/comments/save.json">' +
'<textarea name="text" id="text' + hs['blip_id'] + '" rows="2" cols="74"></textarea><br/>' +
'<input type="hidden" name="login" value="' + login + '"/>' +
'<input type="hidden" name="blip_author_login" value="'+ hs['blip_author_login'] +'"/>' +
'<input type="hidden" name="code" value="' + hs['blip_id'] + '" />' +
'<input type="hidden" name="music" value="' + hs['music'] + '" />' +
'<input type="submit" onclick="' +
'document.getElementById(\'form' + hs['blip_id'] + '\').submit;' +
// 'document.getElementById(\'text' + hs['blip_id'] + '\').value = \'\';' +
'toggle_element(\'form' + hs['blip_id'] + '\');' +
'" />' +
'</form>' +
'</div>';
}
});
}
