CHANGELOG @@ -10,7 +10,7 @@ Installation (Assuming you've already downloaded Fluid from Fluidapp.com) 1. Create a new Fluid SSB --- URL: http://twitter.com/home (you could also use http://twitter.com/username, but home will redirect you to the login as neccesary) +-- URL: http://twitter.com/home (you could also use http://twitter.com/username, but home will redirect you to the login as necessary) 2. Run the Fluid SSB you just created 3. In the menu, navigate to Userscripts -> Open Userscripts Folder 4. Paste fluid_twitter.user.js into the SSB's Userscript folder @@ -20,10 +20,10 @@ Installation You Win! -Cavaets +Caveats =============== * As of FluidInstance 0.8.2, SSB's will not persist the enablement of your Userscripts. Translation: you will have to enable Fluid Twitter every time you open your SSB TODO =============== -* Have Fluid Twitter to a JSON request to see if your friends timeline has been updated before reloading the window. \ No newline at end of file +* Have Fluid Twitter to a JSON request to see if your friends timeline has been updated before reloading the window. This will require a way to persist username (and possibly password). \ No newline at end of file README @@ -8,25 +8,41 @@ // @homepage http://brionesandco.com/ryabriones // ==/UserScript== -function refreshTwitter() { - if($$('.wrapper').first().cumulativeScrollOffset()[1] > 90) return setTimeout(refreshTwitter, 30000); - if($F('status') != '') return setTimeout(refreshTwitter, 30000); +var FluidTwitter = Class.create({ + initialize: function() { + this.trimUI(); + + setTimeout(this.refreshTwitter.bind(this), 30000); + }, - window.location.reload(); -} + trimUI: function() { + // hide some unneccessary parts of the UI + $('side', 'footer', 'navigation').invoke('hide'); + $$('.badge').first().hide(); + + // alter divs to stretch with the viewport + $('container', 'content').invoke('setStyle', {width: '100%'}); + $('status').setStyle({width: '90%'}); -(function() { - $('side').hide(); - $('footer').hide(); - $('navigation').hide(); - - $('container').setStyle({width: '100%'}); - $('content').setStyle({width: '100%'}); - $('header').down('img').setStyle({paddingLeft: '10px'}); - - $('status').setStyle({width: '90%'}); - $$('.bar').first().down('h3').down('label').setStyle({padding: 0}); - $$('.badge').first().hide(); + // alter "What are you doing?" h3 to allow thin viewport + $$('.bar').first().down('h3').down('label').setStyle({padding: 0}); + + $('header').down('img').setStyle({paddingLeft: '10px'}); + }, - setTimeout(refreshTwitter, 30000); + refreshTwitter: function() { + // don't refresh if i'm scrolling + if($$('.wrapper').first().cumulativeScrollOffset()[1] > 90) + return setTimeout(this.refreshTwitter.bind(this), 30000); + + // don't refresh if i'm typing either + if($F('status') != '') + return setTimeout(this.refreshTwitter.bind(this), 30000); + + window.location.reload(); + } +}); + +(function() { + document.fluid_twitter = new FluidTwitter(); })(); \ No newline at end of file fluid_twitter.user.js 7af0d9d3a177001a419ccf61596f26017e990816 Ryan Briones ryan.briones@brionesandco.com http://github.com/kastner/fluid-twitter/commit/6303adb94fe6577b866fc801813d1b3043afc589 6303adb94fe6577b866fc801813d1b3043afc589 2008-03-03T21:35:36-08:00 2008-03-03T21:35:36-08:00 Class'ify Fluid Twitter 608b0976e59e51037f4992cb688615bd9cbb3aa0 Ryan Briones ryan.briones@brionesandco.com