☰

Last.fm Reply tracker

Adds a reply tracker to your profile page

  1. // ==UserScript==
  2. // @name           Last.fm Reply tracker
  3. // @description    Adds a reply tracker to your profile page
  4. // @namespace      slosd@freedig.org
  5. // @version        17
  6. // 
  7. // @include        http://www.last.fm/home
  8. // @include        http://www.lastfm.*/home
  9. // @include        http://www.last.fm/user/*
  10. // @include        http://www.lastfm.*/user/*
  11. // @exclude        http://www.last.fm/user/*/*
  12. // @exclude        http://www.lastfm.*/user/*/*
  13. //
  14. // @grant          GM_getValue
  15. // @grant          GM_setValue
  16. // @grant          GM_xmlhttpRequest
  17. // ==/UserScript==
  18.  
  19. function GMY_optionExits(key) {
  20.   var value = GM_getValue(key, "undefined");
  21.   return (value != "undefined" && value != "");
  22. }
  23.  
  24. var Thread = function(properties, options) {
  25.   this.options = options;
  26.   this.elements = new Object();
  27.   this.url = properties.url;
  28.   var parts = this.url.replace(/^.*\/forum\/(\d+?)\/_\/(\d+?)\/_\/(\d+)$/, "$1,$2,$3").split(",");
  29.   this.forum_id = parts[0];
  30.   this.id = parts[1];
  31.   this.last_post_id = parts[2];
  32.   this.title = properties.title;
  33.   this.title_short = this.title.replace(/^.*?\'(.*)\'$/, "$1");
  34.   this.user = properties.description.replace(/^.*<a[^>]*>(.*?)<\/a>.*$/, "$1");
  35.   this.date = properties.date;
  36.   this.date_str = this.date.toLocaleString();
  37.   this.status = this.getStatus();
  38.   this.buildRow().setStyle(this.status);
  39. }
  40.  
  41. Thread.prototype.setStatus = function(status) {
  42.   if(status == "read" || status == "spam")
  43.     GM_setValue("thread_list", this._readlist(true) + "/" + this._identifier(status == "read" ? 3 : 2));
  44.   else if(status == "unread")
  45.     GM_setValue("thread_list", this._readlist(true));
  46.   this.status = status;
  47.   this.setStyle(status);
  48.   return this;
  49. }
  50.  
  51. Thread.prototype.setStyle = function(status) {
  52.   var background, opacity, img_tip = "Spam thread", spam_button = "http://cdn.last.fm/flatness/global/icon_delete.2.png";
  53.   switch(status) {
  54.     case "read":
  55.       background = "url(http://cdn.last.fm/flatness/icons/activity/2/created.png) left center no-repeat";
  56.       opacity = 0.4;
  57.     break;
  58.     case "unread":
  59.       background = "url(http://cdn.last.fm/flatness/icons/activity/2/recommended.png) left center no-repeat";
  60.       opacity = 1;
  61.     break;
  62.     case "spam":
  63.       background = "url(http://cdn.last.fm/flatness/icons/activity/2/disconnected.png) left center no-repeat";
  64.       opacity = 0.4;
  65.       img_tip = "Don't spam thread";
  66.       spam_button = "http://cdn.last.fm/flatness/messageboxes/success.png";
  67.     break;
  68.   }
  69.   
  70.   this.elements.row.style.background = background;
  71.   this.elements.row.style.opacity = opacity;
  72.   this.elements.spam.alt = img_tip;
  73.   this.elements.spam.title = img_tip;
  74.   this.elements.spam.src = spam_button;
  75.   return this;
  76. }
  77.  
  78. Thread.prototype.getStatus = function() {
  79.   var list = this._readlist();
  80.   if(list.match(new RegExp("/" + this._identifier() + "(/|$)")))
  81.     return "read";
  82.   else if(list.match(new RegExp("/" + this._identifier(2) + "(/|$)")))
  83.     return "spam";
  84.   else
  85.     return "unread";
  86. }
  87.  
  88. Thread.prototype._readlist = function(clean) {
  89.   var list = GM_getValue("thread_list", "");
  90.   if(clean) return list.replace(new RegExp("/" + this._identifier(2) + ".*?(/|$)", "g"), "$1");
  91.   else return list;
  92. }
  93.  
  94. Thread.prototype._identifier = function(depth) {
  95.   if(!depth) var depth = 3;
  96.   return new Array(this.forum_id, this.id, this.last_post_id).slice(0, depth).join("%");
  97. }
  98.  
  99. Thread.prototype.buildRow = function() {
  100.   this.elements.row = document.createElement("li");
  101.   this.elements.row.style.background = "none";
  102.   this.elements.row.style.paddingLeft = "30px";
  103.   this.elements.row.addEventListener("mouseover", (function(klass) {
  104.     return function() {
  105.       klass.elements.spam.style.visibility = "visible";
  106.     }
  107.   })(this), false);
  108.   this.elements.row.addEventListener("mouseout", (function(klass) {
  109.     return function() {
  110.       klass.elements.spam.style.visibility = "hidden";
  111.     }
  112.   })(this), false);
  113.   
  114.   this.elements.spam = document.createElement("img");
  115.   this.elements.spam.style.cssFloat = "right";
  116.   this.elements.spam.style.cursor = "pointer";
  117.   this.elements.spam.style.visibility = "hidden";
  118.   this.elements.spam.addEventListener("click", (function(klass) {
  119.     return function() {
  120.       klass.setStatus.apply(klass, [(klass.status == "spam" ? "unread" : "spam")]);
  121.     }
  122.   })(this), false);
  123.   this.elements.row.appendChild(this.elements.spam);
  124.   
  125.   this.elements.link = document.createElement("a");
  126.   this.elements.link.href = this.url;
  127.   this.elements.link.innerHTML = this.title_short;
  128.   this.elements.link.addEventListener("mouseup", (function(klass) {
  129.     return function() {
  130.       klass.setStatus.apply(klass, ["read"]);
  131.     }
  132.   })(this), false);
  133.   this.elements.row.appendChild(this.elements.link);
  134.   
  135.   this.elements.date = document.createElement("span");
  136.   this.elements.date.className = "date";
  137.   if(this.options.show_date == "yes") {
  138.     this.elements.row.appendChild(document.createElement("br"));
  139.     this.elements.date.innerHTML = this.date_str;
  140.   }
  141.   if(this.options.show_user == "yes")  this.elements.date.innerHTML += ' from <a href="/user/' + this.user + '">' + this.user + '</a>';
  142.   this.elements.row.appendChild(this.elements.date);
  143.   
  144.   return this;
  145. }
  146.  
  147. var ReplyTracker = function() {
  148.   this.loadTracker();
  149. }
  150.  
  151. ReplyTracker.prototype.user_options = [
  152.   // these two options must be the first in the array!
  153.   { name: "show_profile", label: "Display on your profile", default: "yes" },
  154.   { name: "show_home", label: "Display on your home page", default: "yes" },
  155.  
  156.   // these options are not visible in the "Settings"
  157.   { name: "@index", label: "Index", default: 0, hidden: true },
  158.   
  159.   { name: "@max_length", label: "Max. rows", default: 5 },
  160.   { name: "@update_interval", label: "Update interval (sec)", default: 60 },
  161.   { name: "@show_date", label: "Show dates (yes/no)", default: "yes" },
  162.   { name: "@show_user", label: "Show usernames (yes/no)", default: "yes" },
  163.   { name: "@show_read", label: "Show read threads (yes/no)", default: "yes" },
  164.   { name: "@show_spam", label: "Show spammed threads (yes/no)", default: "no" }
  165. ];
  166.  
  167. ReplyTracker.prototype.options = new Object();
  168. ReplyTracker.prototype.elements = new Object();
  169. ReplyTracker.prototype.threads = new Array();
  170.  
  171. ReplyTracker.prototype.loadTracker = function() {
  172.   if (!unsafeWindow.LFM || !unsafeWindow.LFM.Session || !unsafeWindow.LFM.Session.userName) return;
  173.  
  174.   this.options.username = unsafeWindow.LFM.Session.userName;
  175.   if(GM_getValue("show_profile", this.user_options[0].default) == "yes" && this.isOwnProfile(this.options.username)) {
  176.     this.target = "profile";
  177.   } else if(GM_getValue("show_home", this.user_options[1].default) && document.location.href.indexOf("/home") != -1) {
  178.     this.target = "home";
  179.   } else {
  180.     return;
  181.   }
  182.  
  183.   this.loadOptions();
  184.   this.updateFeed();
  185. }
  186.  
  187. ReplyTracker.prototype.reloadTracker = function() {
  188.   delete this.threads;
  189.   this.threads = new Array();
  190.   this.options = new Object();
  191.   this.loadTracker();
  192. }
  193.  
  194. ReplyTracker.prototype.loadOptions = function() {
  195.   for(var i = 0, c = this.user_options.length, name; i < c; i++) {
  196.     name = this.user_options[i].name;
  197.     this.options[name.replace(/@/g, "")] = GM_getValue(name.replace(/@/g, this.target+"_"), this.user_options[i].default);
  198.   }
  199.   return true;
  200. }
  201.  
  202. ReplyTracker.prototype.isOwnProfile = function(username) {
  203.   var page_username = document.location.href.replace(/^.*?\/user\/(.+?)((#|\/).*|$)/, "$1");
  204.   return username === page_username;
  205. }
  206.  
  207. ReplyTracker.prototype.showOptions = function() {
  208.   if(!this.buildOptions())
  209.     this.elements.options.style.display = "block";
  210.   if(typeof this.elements.feed != "undefined")
  211.     this.elements.feed.style.display = "none";
  212.   this.stopUpdater();
  213. }
  214.  
  215. ReplyTracker.prototype.buildBody = function() {
  216.   if(typeof this.elements.body != "undefined")
  217.     return false;
  218.   var klass = this,
  219.       first = this.getSibling();
  220.  
  221.   this.elements.header = document.createElement("h2");
  222.   this.elements.header.setAttribute("id", "gmreplytracker");
  223.   this.elements.header.setAttribute("class", "heading");
  224.   this.elements.header.innerHTML = '<span class="h2Wrapper"><span style="float:right;font-weight:normal;font-size:11px;"><a class="mEdit icon" href="#" style="background:url(http://cdn.last.fm/flatness/icons/settings.2.png) left center no-repeat;padding-left: 12px;"><span>Settings</span></a></span><a href="/user/' + this.options.username + '/replytracker" title="">Reply Tracker</a></span>';
  225.   
  226.   this.elements.header.firstChild.firstChild.firstChild.addEventListener("click", function(e) {
  227.     klass.showOptions.apply(klass);
  228.     e.preventDefault();
  229.     return false;
  230.   }, false);
  231.   
  232.   this.elements.body = document.createElement("div");
  233.   this.elements.footer = document.createElement("div");
  234.   this.elements.footer.style.textAlign = "right";
  235.   var button_down = document.createElement("a");
  236.   button_down.href = "#";
  237.   button_down.innerHTML = "&darr;";
  238.   button_down.style.padding = "3px 6px";
  239.   button_down.style.marginRight = "4px";
  240.   button_down.style.backgroundColor = "#eee";
  241.   button_down.addEventListener("click", function(e) {
  242.     e.preventDefault();
  243.     var index = klass.options["index"] = parseInt(klass.options["index"]) + 1;
  244.     GM_setValue(klass.target+"_index", index);
  245.     klass.updateBody.call(klass);
  246.   }, false);
  247.   
  248.   var button_up = document.createElement("a");
  249.   button_up.href = "#";
  250.   button_up.innerHTML = "&uarr;";
  251.   button_up.style.padding = "3px 6px";
  252.   button_up.style.marginRight = "4px";
  253.   button_up.style.backgroundColor = "#eee";
  254.   button_up.addEventListener("click", function(e) {
  255.     e.preventDefault();
  256.     var index = parseInt(klass.options["index"]) - 1;
  257.     if(index < 0)
  258.       return;
  259.     klass.options["index"] = index;
  260.     GM_setValue(klass.target+"_index", index);
  261.     klass.updateBody.call(klass);
  262.   }, false);
  263.   
  264.   this.elements.footer.appendChild(button_down);
  265.   this.elements.footer.appendChild(button_up);
  266.  
  267.   if(this.target == "home") {
  268.     var body = document.createElement("div");
  269.     body.setAttribute("id", "gmreplytracker");
  270.     body.setAttribute("class", "home-group");
  271.  
  272.     var header = document.createElement("div");
  273.     header.setAttribute("class", "home-group-header");
  274.     header.appendChild(this.elements.header);
  275.  
  276.     var content = document.createElement("div");
  277.     content.setAttribute("class", "home-group-content");
  278.     content.appendChild(this.elements.body);
  279.     content.appendChild(this.elements.footer);
  280.  
  281.     body.appendChild(header);
  282.     body.appendChild(content);
  283.     first.parentNode.insertBefore(body, first);
  284.   }
  285.   else {
  286.     first.parentNode.insertBefore(this.elements.header, first);
  287.     first.parentNode.insertBefore(this.elements.body, first);
  288.     first.parentNode.insertBefore(this.elements.footer, first);
  289.   }
  290.   return true;
  291. }
  292.  
  293. ReplyTracker.prototype.getSibling = function() {
  294.   var element;
  295.   var index = GM_getValue(this.target+"_index", 0);
  296.   var first = document.getElementById("LastAd_mpu").nextElementSibling;
  297.  
  298.   if(this.target == "profile") {
  299.     while((first.id == "gmreplytracker" || (first.className != "first heading" && first.className != "heading" && first.className != "module" || index-- > 0)) && first.nextElementSibling) 
  300.       first = first.nextElementSibling;
  301.   }
  302.   else {
  303.     while((first.id == "gmreplytracker" || (index-- > 0)) && first.nextElementSibling) 
  304.       first = first.nextElementSibling;
  305.   }
  306.   if(index > 0) {
  307.     this.options["index"] = GM_getValue(this.target+"_index", index) - index;
  308.     GM_setValue(this.target+"_index", this.options["index"]);
  309.   }
  310.   return first;
  311. }
  312.  
  313. ReplyTracker.prototype.updateBody = function() {
  314.   var first = this.getSibling();
  315.   if(this.target == "home") {
  316.     first.parentNode.insertBefore(this.elements.header.parentNode.parentNode, first);
  317.   }
  318.   else {
  319.     first.parentNode.insertBefore(this.elements.header, first);
  320.     first.parentNode.insertBefore(this.elements.body, first);
  321.     first.parentNode.insertBefore(this.elements.footer, first);
  322.   }
  323. }
  324.  
  325. ReplyTracker.prototype.buildOptions = function() {
  326.   if(typeof this.elements.options != "undefined")
  327.     return false;
  328.   var klass = this;
  329.   this.buildBody();
  330.   this.elements.options = document.createElement("ul");
  331.   for(var i = 0, c = this.user_options.length, li, label, input, name; i < c; i++) {
  332.     if(this.user_options[i].hidden)
  333.       continue;
  334.     name = this.user_options[i].name.replace(/@/g, "");
  335.     li = document.createElement("li");
  336.     li.style.lineHeight = "25px";
  337.     label = document.createElement("label");
  338.     label.innerHTML = this.user_options[i].label;
  339.     label.setAttribute("for", name);
  340.     input = document.createElement("input");
  341.     if(typeof this.options[name] != "undefined")
  342.       input.setAttribute("value", this.options[name]);
  343.     with(input) {
  344.       setAttribute("id", name);
  345.       setAttribute("name", name);
  346.       setAttribute("size", 4);
  347.       with(style) {
  348.         border = "1px solid #999";
  349.         background = "#fff";
  350.         color = "#222";
  351.         cssFloat = "right";
  352.       }
  353.     }
  354.     this.user_options[i].element = input;
  355.     li.appendChild(input);
  356.     li.appendChild(label);
  357.     this.elements.options.appendChild(li);
  358.   }
  359.   
  360.   li = document.createElement("li");
  361.   li.style.textAlign = "center";
  362.   input = document.createElement("input");
  363.   input.setAttribute("type", "button");
  364.   input.setAttribute("value", "Save Options");
  365.   input.addEventListener("click", function() {
  366.     klass.saveOptions.apply(klass);
  367.     return false;
  368.   }, false);
  369.   li.appendChild(input);
  370.   this.elements.options.appendChild(li);
  371.   
  372.   this.elements.body.appendChild(this.elements.options);
  373.   return true;
  374. }
  375.  
  376. ReplyTracker.prototype.buildFeed = function() {
  377.   if(typeof this.elements.feed != "undefined")
  378.     return false;
  379.   this.buildBody();
  380.   this.elements.feed = document.createElement("ul");
  381.   this.elements.feed.className = "minifeedSmall";
  382.   this.elements.body.appendChild(this.elements.feed);
  383.   return true;
  384. }
  385.  
  386. ReplyTracker.prototype.saveOptions = function() {
  387.   for(var i = 0, l = this.user_options.length, name, value; i < l; i++) {
  388.     if(this.user_options[i].hidden)
  389.       continue;
  390.     name = this.user_options[i].name;
  391.     value = this.user_options[i].element.value;
  392.     this.options[name.replace(/@/, "")] = value;
  393.     GM_setValue(name.replace(/@/, this.target+"_"), value);
  394.   }
  395.   this.elements.options.style.display = "none";
  396.   if(typeof this.elements.feed != "undefined")
  397.     this.elements.feed.style.display = "block";
  398.   this.reloadTracker();
  399. }
  400.  
  401. ReplyTracker.prototype._feed = function() {
  402.   return "http://ws.audioscrobbler.com/1.0/user/" + this.options.username + "/replytracker.rss";
  403. }
  404.  
  405. ReplyTracker.prototype.startUpdater = function() {
  406.   var klass = this;
  407.   if(!this.update)
  408.     this.update = window.setInterval(function() {
  409.       klass.updateFeed.apply(klass);
  410.     }, this.options.update_interval * 1000);
  411. }
  412.  
  413. ReplyTracker.prototype.stopUpdater = function() {
  414.   window.clearInterval(this.update);
  415.   delete this.update;
  416. }
  417.  
  418. ReplyTracker.prototype.updateFeed = function() {
  419.   this.getFeed(this._feed());
  420. }
  421.  
  422. ReplyTracker.prototype.getFeed = function(feed_url) {
  423.   var klass = this;
  424.   this.buildFeed();
  425.   GM_xmlhttpRequest({
  426.     "method": "GET",
  427.     "url": feed_url,
  428.     "onload": function(response) {
  429.       var parser = new DOMParser();
  430.       var xmlDoc = parser.parseFromString(response.responseText, "text/xml"); 
  431.       klass.processFeed.call(klass, xmlDoc);
  432.     },
  433.     "onerror": function() {
  434.     }
  435.   });
  436.   this.startUpdater();
  437. }
  438.  
  439. ReplyTracker.prototype.processFeed = function(xml) {
  440.   this.elements.feed.innerHTML = "";
  441.   var feed = xml.getElementsByTagName("channel").item(0);
  442.   var replies = feed.getElementsByTagName("item");
  443.   var feed_length = this.options.max_length > replies.length ? replies.length : this.options.max_length;
  444.   for(var i = 0, added = 0; i < replies.length && added < this.options.max_length; i++)
  445.     added += this.addItem(replies[i]);
  446.   if(this.threads.length > 0)
  447.     this.threads[this.threads.length-1].elements.row.className = "last";
  448. }
  449.  
  450. ReplyTracker.prototype.addItem = function(item) {
  451.   var thread = new Thread({
  452.     "title": item.getElementsByTagName("title").item(0).firstChild.data,
  453.     "description": item.getElementsByTagName("description").item(0).firstChild.data,
  454.     "url": item.getElementsByTagName("link").item(0).firstChild.data,
  455.     "date": new Date(item.getElementsByTagName("pubDate").item(0).firstChild.data)
  456.   }, this.options);
  457.   
  458.   if(thread.status == "read" && this.options.show_read == "no" || thread.status == "spam" && this.options.show_spam == "no")
  459.     return false;
  460.   
  461.   this.elements.feed.appendChild(thread.elements.row);
  462.   this.threads.push(thread);
  463.   return true;
  464. }
  465.  
  466. new ReplyTracker();