/**
* stew.js
*
* A pure javascript implementation of the idea employed by soup.io, which
* is to aggreate all of your social media traffic into one timeline.
*
* This was written simply to test the idea of a soup.io style client, but
* not meant to be used in a serious nature. This script queries the feeds
* from the various sites on each pageload, and as such generates an undue
* ammount of traffic on the services that host the feeds. If you are
* interested in this type of aggregation, I suggest you check out
* http://soup.io ... They do a better job than me, anyway.
*
*
* Current services working:
* - Twitter
* - Digg
* - Custom RSS Feed
*
* Services to be added:
* - Last.fm
* - del.icio.us
* - flickr
* - ?????
*
* Useage:
*
* In the element of your html file, you must first:
*
*
*
* Secondly, you must configure stew, and write it's script tags,
* you still should be in the element of your file:
*
*
*
* That's it!
*
* Now, when all of the scripts are loaded, stew will display
* all of the content for the world to see.
*
*
* @author Warren Krewenki
* @created May 30, 2008
**/
var stew = {
items : new Array(), // The array that holds all posts
// accounts
twitter_username : '',
digg_username : '',
flickr_username : '',
lastfm_username : '',
rss_feed : '',
// config
month_names : new Array("January", "February", "March", "April",
"May", "June", "July", "August", "September",
"October", "November", "December"),
rss_custom_badge : '',
// update status
finished_tweets : false,
finished_diggs : false,
finished_rss : false,
finished_flickr : false,
// retrival functions
/**
* getRSS()
*
* Takes an RSS feed's url and passes it through jsonme.com's converter
* This gives us a JSON array with a custom callback function.
*
* Note: Was originally from John Resig's RSS to JSON (http://ejohn.org/projects/rss2json/)
* but it appears John's service no longer works.
*
**/
getRSS : function(url, callback) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://www.jsonme.com/json.php?url='+url+'&jsoncallback='+callback;
document.getElementsByTagName("head")[0].appendChild(script);
},
/**
* write_script_tags()
*
* For each service (twitter, digg, rss, etc.), if we have the necessary
* information, create a script element with SRC pointing to whatever
* url provides a JSON object wrapped in a callback function. A little
* hacky, but it serves it's purpose
*
**/
write_script_tags : function(){
if(stew.twitter_username != ''){
var script = document.createElement('script');
script.src = 'http://twitter.com/statuses/user_timeline/'+stew.twitter_username+'.json?callback=stew.process_tweets&count=20';
document.getElementsByTagName("head")[0].appendChild(script);
} else {
stew.finished_tweets = true;
}
if(stew.digg_username != ''){
var script = document.createElement('script');
script.src = 'http://digg.com/tools/services?type=javascript&callback=diggwb&endPoint=/user/krewenki/dugg&count=20';
document.getElementsByTagName("head")[0].appendChild(script);
} else {
stew.finished_diggs = true;
}
if(stew.rss_feed != ''){
stew.getRSS(stew.rss_feed,'stew.process_rss');
} else {
stew.finished_rss = true;
}
if(stew.flickr_username != ''){
stew.getRSS('http://api.flickr.com/services/feeds/photos_public.gne?id='+stew.flickr_username+'&lang=en-us&format=rss','stew.process_flickr');
} else {
stew.finished_flickr = true;
}
},
/**
* process_diggs()
*
* This function loops through the json object returned from
* diggs's "show diggs on your website" script and pushes
* the diggs onto the stew.items array
*
**/
process_diggs : function(obj){
var diggs = obj.stories;
var statusHTML = "";
var username = "";
for (var i=0; i y) ? -1: 0));
},
/**
* write_output()
*
* This function loops through stew.items and writes all the HTML required
* to display them. It groups the events by day of occurrence
*
**/
write_output : function(){
old_date = '';
html = '';
for(i=0;i