From 148322be72abe9e70be0be42531006832c7f209d Mon Sep 17 00:00:00 2001 From: Sami Samhuri Date: Sun, 19 Dec 2010 18:28:39 -0800 Subject: [PATCH] WIP - Github Finder integration need to replace jsonp and github stuff with gitter --- .gitignore | 2 +- GithubFinder/css/code_highlighter.css | 28 ++ GithubFinder/img/dir.gif | Bin 0 -> 101 bytes GithubFinder/img/dir.png | Bin 0 -> 485 bytes GithubFinder/img/folder_explore.png | Bin 0 -> 679 bytes GithubFinder/img/la.gif | Bin 0 -> 64 bytes GithubFinder/img/la.png | Bin 0 -> 242 bytes GithubFinder/img/la_h.gif | Bin 0 -> 53 bytes GithubFinder/img/la_h.png | Bin 0 -> 154 bytes GithubFinder/img/txt.gif | Bin 0 -> 94 bytes GithubFinder/img/txt.png | Bin 0 -> 290 bytes GithubFinder/javascripts/f.js | 360 ++++++++++++++++ GithubFinder/javascripts/gh.js | 159 +++++++ GithubFinder/javascripts/keyboard.js | 97 +++++ GithubFinder/javascripts/p.js | 41 ++ GithubFinder/javascripts/plugins/base.js | 8 + .../javascripts/plugins/code_highlighter.js | 74 ++++ GithubFinder/javascripts/util.js | 58 +++ .../javascripts/vendors/code_highlighter.js | 394 ++++++++++++++++++ GithubFinder/javascripts/vendors/jsonp.js | 113 +++++ GithubFinder/proxy.php | 60 +++ GithubFinder/styles.css | 70 ++++ assets/proj.css | 5 + assets/proj.js | 1 + assets/style.css | 78 ++-- index.html | 2 +- templates/proj/index.html | 2 +- templates/proj/proj/index.html | 35 +- 28 files changed, 1544 insertions(+), 43 deletions(-) create mode 100644 GithubFinder/css/code_highlighter.css create mode 100644 GithubFinder/img/dir.gif create mode 100644 GithubFinder/img/dir.png create mode 100644 GithubFinder/img/folder_explore.png create mode 100644 GithubFinder/img/la.gif create mode 100644 GithubFinder/img/la.png create mode 100644 GithubFinder/img/la_h.gif create mode 100644 GithubFinder/img/la_h.png create mode 100644 GithubFinder/img/txt.gif create mode 100644 GithubFinder/img/txt.png create mode 100644 GithubFinder/javascripts/f.js create mode 100644 GithubFinder/javascripts/gh.js create mode 100644 GithubFinder/javascripts/keyboard.js create mode 100644 GithubFinder/javascripts/p.js create mode 100644 GithubFinder/javascripts/plugins/base.js create mode 100644 GithubFinder/javascripts/plugins/code_highlighter.js create mode 100644 GithubFinder/javascripts/util.js create mode 100644 GithubFinder/javascripts/vendors/code_highlighter.js create mode 100644 GithubFinder/javascripts/vendors/jsonp.js create mode 100644 GithubFinder/proxy.php create mode 100644 GithubFinder/styles.css diff --git a/.gitignore b/.gitignore index 8370eda..29311e1 100644 --- a/.gitignore +++ b/.gitignore @@ -5,4 +5,4 @@ assets/*.min.js assets/*.min.css discussd/discuss.dirty blog -proj \ No newline at end of file +proj diff --git a/GithubFinder/css/code_highlighter.css b/GithubFinder/css/code_highlighter.css new file mode 100644 index 0000000..1775476 --- /dev/null +++ b/GithubFinder/css/code_highlighter.css @@ -0,0 +1,28 @@ +#code.Dark { background-color: #191919; color: white; } +#code.Dark .comment { color: #5E5A5F; } +#code.Dark .string { color: #93996D; } +#code.Dark .keywords { color: #CAA76F;} +#code.Dark .brackets { color: #F5F8F8; } +#code.Dark .symbol { color: #C06F52; } + +/* CSS */ +#code.Dark .properties { color: #C4AD7A} +#code.Dark .selectors { color: #977042 } + + + + +#code.Light { background-color: white; color: black; } +#code.Light .comment { color: green; } +#code.Light .string { color: teal; } +#code.Light .keywords { color: navy; font-weight: bold; } +#code.Light .brackets { color: navy; } +#code.Light .symbol { font-weight: bold; } + +/* CSS */ +#code.Light .properties { color: #C4AD7A} +#code.Light .selectors { color: #977042 } + +/* CPP */ +#code.Ligh .datatype { color: #006699; } +#code.Dark .datatype { font-weight: bold;} \ No newline at end of file diff --git a/GithubFinder/img/dir.gif b/GithubFinder/img/dir.gif new file mode 100644 index 0000000000000000000000000000000000000000..22544a4301f800446dc979633c237c0ec63d31a6 GIT binary patch literal 101 zcmZ?wbhEHb6krfwn8?iV_s7c*S4wX7nEe0$U-2gkBLf37gAM}_faDpN%;xm3Jl)Hf z%&>(?S!e2pKFQ3`hTIs9DGNE4I4>*A-O2d;&#iBkI}PMNzHPARc+la)<MxZ8V0!t+`;Y=SCH)IKPdm;zP$R}ULiyv;!R~{7wO)X=ZcmE!;pFS`kJsy$wZ;_qaY#aVlftm`^b%;s20MrTT z@iVM%-kt{v!~7RQ@e0Ku3PTh|C{D=E--Ajl0VKr|o4sp-;~0eks|P3!Ar!5DgyIxb zLA|s_DkKY7{k_Q)hbR>7eb8ne%>h!FFSY@A$q`Zb)e4J6*>Q-%cpp1d%zFh(Ct;h7NS>XTv bjlTiDh#!C9+nP=Q0000|B!lwB?F)%&66ocFx{jBe!85I&EQ#75Y65B5(Mx_0d{Cg3j-*JeIvt~v(9 ztY`S8F>>s+V~sTmN;}4H=Z!HS)(DKjt$rUaPhR;f5G}c|OUlyu`rOm=z&+MjoL2Ek zTm0^)e6oN~%J`&=(gmjK2N~YhK_xcK zEoV5BWBb;K=H{^+EtW(wWXLTdS4FOhvL)n}sIMf1VICJdydZX>U~@QG{;*1X#WjC) zr1dbuM}d?FAAx%5Xv>qN8EFR2i(h1**=X>G)oOfg_U7?X#32k3>qH~N`C9QvE@}^n zGhqY6++vD;yw#&i6Q>Sed3?u6;$N;m{5aHRIk}}XyzB+bjo7>Llo{{)Y8o@oYqL`? z&lySlkNcO8o-Otluk{V>>wfd%Vbe(Bf8CuZo#-Fld&_&*ZX~f0KLJ#yHcZ$RnzjG{ N002ovPDHLkV1geZ`b$Br#ty!ikB|B63Z7#SFt8FUzc03^@ABq-9RA+%iZ RMxp@|*C&IhogoYi)&RTv6LkOp literal 0 HcmV?d00001 diff --git a/GithubFinder/img/la.png b/GithubFinder/img/la.png new file mode 100644 index 0000000000000000000000000000000000000000..bed6288a1a5223488e59a2cc3fe13e1fd353c169 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^>>$j+3?x7IEPn{3BuiW)N`mv#O3D+9QW+dm@{>{( zJaZG%Q-e|yQz{EjrrH1%SqAuoxW0PzYVY2?TefWZ`t|GT)vG^!`t;__n{VH~9Xobx z*|KGuH*a3Nc=5-NA0Iw^c<C^xJ|3Amp0Ww6mB*-rq$VCGTn`-ZH z0HqB)T^vIyZY4cP5@2FvWAv+&GtfP8;_N}bMXanpBO@G5am7+a~=Ye_|JYD@<);T3K0RR{7a54Y@ literal 0 HcmV?d00001 diff --git a/GithubFinder/img/la_h.gif b/GithubFinder/img/la_h.gif new file mode 100644 index 0000000000000000000000000000000000000000..2a7993d887181c1ff78024395aed9446f950c231 GIT binary patch literal 53 zcmZ?wbhEHbWM^P!XkcXc4+e@qSr{1@7#VaJfB+=Jz{JDSlre4h!$r;hb49oqtO2J% B4>$j+3?x7IEPn{3BuiW)N`mv#O3D+9QW+dm@{>{( zJaZG%Q-e|yQz{EjrrH1%u?6^qxc&!&(3-C~KoO>rAiv=M3{STkcma7bo-U3d6}OTS s5)xP#*#sIcI*2iAIZR_;&CX%Kz$C&Te6H+iJWw5jr>mdKI;Vst03Z=9}Mr xZPw^^t~~nZ&4L(#4~0TM8y>cHJ^QgX=V#MLuH{?jp4$04>usG;>jDM_YXBh|CKCVv literal 0 HcmV?d00001 diff --git a/GithubFinder/img/txt.png b/GithubFinder/img/txt.png new file mode 100644 index 0000000000000000000000000000000000000000..f3638cb4e1e109a4989fe8b2895d8c7071ec6bf2 GIT binary patch literal 290 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6UU<4VhG>Yg9yH7gc9dW{aP#=Q zMia*!O?^!o3q2G zY`JghdOyFg)mPme{y*5p+@0;BdH9~m9v0b*ytQqU7fyM}c7aikF>slX1N)CW2`^2< zSZ1pO)(nP%K>k9W%ONxF0r}D_j0`0W^Ot4LV!Fp<)$vV=p}}*LN}8-M1HiM%g8JmHAX7F_Nb6Mw<(8L7*1e|gF literal 0 HcmV?d00001 diff --git a/GithubFinder/javascripts/f.js b/GithubFinder/javascripts/f.js new file mode 100644 index 0000000..1c37bcf --- /dev/null +++ b/GithubFinder/javascripts/f.js @@ -0,0 +1,360 @@ +/* to padd to get exactly 10,240 bytes */ +// ;"ALEXLE"; +window.F = Class.create({ + initialize: function(options){ + options = Object.extend( { + user_id: 'samsonjs' + ,repository: SJS.projName + ,branch: 'master' + }, options || {} ); + + this.ps = []; + this.shas = {}; + + this.u = options.user_id; + this.r = options.repository; + this.b = options.branch; + this.id = options.id; + + this.render(this.id); + + this.repo = null; + + /* Prototype RC2 */ + // document.on('click','a[data-sha]', function( event, element ){ + // this.click( element.readAttribute('data-sha'), element ); + // element.blur(); + // }.bind(this) ); + + document.observe('click', function(e) { + e = e.findElement(); + if( !e.readAttribute('data-sha') ) return; + this.click( e.readAttribute('data-sha'), e ); + e.blur(); + }.bind(this)); + + var idc = $('in'), + s = function() { idc.className = 'on' }, + h = function() { if( Ajax.activeRequestCount == 0 ) idc.className = 'off' }; + Ajax.Responders.register( { + onException: function(r,x) { console.log(x);h() } + ,onComplete: h + ,onCreate: s + }); + + /* init plugins */ + if( FP ) + for( var i = 0; i < FP.length; i++ ) + new FP[i](this); + + /* extractURL: if user assigns user_id, repo, branch */ + this.xU(); + this.oR(); // open repo + } + + + ,xU: function() { + + } + + ,render: function(selector) { + $(selector || document.body).insert(this.h()); + this.psW = $('ps_w'); + this.bW = $('b_w'); + } + + ,h: function() { + return [ + '
', + '
', + '
', + '
', + '', + '', + '', // repo + '', // branches + '', + '', + '', + '
Branch: Loading...Github Finder
', + '
', // .p + '
', // #r_w + + '
', // browser wrapper + '
', + '
', + + // '
', + '
', // #finder + + '', // #f_c_w + + '', + '
' // # content + ].join(' '); + } + + /* openRepo */ + ,oR: function(repo) { + this.reset() + + var u,r,b; + if( !repo ) { + /* check URL params */ + var p = uP(); + if( p["user_id"] && p["repo"] ) { + u = this.u = p["user_id"]; + r = this.r = p["repo"] + b = this.b = p["branch"] || 'master'; + } else { + // debugger + /* if user just come from a github repo ... */ + var m = (new RegExp("^http://github.com/(.+)","i")).exec(document.referrer), + path = m ? m[1].split('/') : []; + + if( path[0] && path[1] ) { + u = this.u = path[0]; + r = this.r = path[1]; + b = this.b = path[3] || 'master'; + } else { /* default to app settings */ + u = this.u; + r = this.r; + b = this.b; + } + } + } else { + /* User hits the "Go" button: grabbing the user/repo */ + repo = repo.split('/'); + if( repo.length < 2 ) { alert('invalid repository!'); return; } + + u = this.u = repo[0]; + r = this.r = repo[1]; + b = this.b = ($('brs') ? $F('brs') : b) || 'master'; + } + + + $('r').innerHTML = u + '/' + r; + + /* Load the master branch */ + GH.Commits.listBranch( u, r, b, { + onData: function(cs) { + // if(!cs.commits) { alert('repo not found'); return; } + var tree_sha = cs.commits[0].tree; + this.renderPanel(tree_sha); + }.bind(this) + }); + + /* Show branches info */ + GH.Repo.listBranches( u, r, { + onData: function(bes) { + this.bes = $H(bes); + this.rBs(); + }.bind(this) + }); + + } + + ,reset: function() { + $('f_c_w').hide(); + this.cI = -1; + this.pI = 0; + + while(this.ps.length > 0) + (this.ps.pop()).dispose(); + } + + ,browse: function() { + this.oR( $('r').innerHTML ); + return false; + } + + /* render branches */ + ,rBs: function() { + var h = ''); + $('brs_w').innerHTML = h + ''; + document.getElementById('brs').observe('change', function() { + this.browse(); + }.bind(this)) + } + + ,renderPanel: function( sh, ix, it ) { + ix = ix || 0; + /* clear previously opened panels */ + for( var i = this.ps.length - 1; i > ix; i-- ) { + (this.ps.pop()).dispose(); + } + this.open( sh, it ); + } + + ,_resizePanelsWrapper: function() { + var w = (this.ps.length * 201); + this.psW.style.width = w + 'px'; + + /* scroll to the last panel */ + this.bW.scrollLeft = w; + } + + /* request the content of the tree and render the panel */ + ,open: function( tree_sha, item ) { + GH.Tree.show( this.u, this.r, this.b, tree_sha, { + onData: function(tree) { // tree is already sorted + /* add all items to cache */ + for( var i = 0, len = tree.length; i < len; i++ ) + this.shas[ tree[i].sha ] = tree[i]; + + var name = item ? item.name : '' ; + // debugger + var p = new P( this, { tree: tree, index: this.ps.length, name: name, tree_sha: tree_sha, item: item } ); + this.ps.push( p ); + + this._resizePanelsWrapper(); + + }.bind(this) + }); + } + + /** + * @sha: the sha of the object + * @e: the source element + * @kb: is this trigged by the keyboard + */ + ,click: function(sha, e, kb) { + // console.log("kb" + kb); + // debugger + var it = this.shas[ sha ], + ix = +(e.up('.panel')).readAttribute('data-index'), + path = ""; + + + /* set selection cursor && focus the item */ + e.up('ul').select('li.cur').invoke('removeClassName','cur'); + var p = e.up('div.panel'), + li = e.up('li').addClassName('cur'), + posTop = li.positionedOffset().top + li.offsetHeight - p.offsetHeight; + if( posTop > p.scrollTop) { + //p.scrollTop = posTop ; + } + + + /* current index */ + this.cI = it.index; + this.pI = ix; // current panel index; + + /* remember the current selected item */ + this.ps[ ix ].cI = it.index; + + + /* don't be trigger happy: ptm = preview timer */ + if(this._p) clearTimeout( this._p ); + + /* set a small delay here incase user switches really fast (e.g. keyboard navigation ) */ + this._p = setTimeout( function(){ + + if( it.type == 'tree' ) { + this.renderPanel( it.sha, ix, it ); + // don't show file preview panel + $('f_c_w').hide(); + } else { + + $('f_c_w').show(); + if( /text/.test(it.mime_type) ) { + $('in').className = 'on'; + GH.Blob.show( this.u, this.r, it.sha, { onSuccess: function(r) { + this.previewTextFile(r.responseText, it); + }.bind(this)} ); + } + } + + /* showPreview */ + var p = function() { + $('diffoutput').hide(); + $('f_c_w').show(); + $('f_h').innerHTML = path; + } + + }.bind(this), (kb ? 350 : 10)); // time out + + return false + } + + + ,previewTextFile: function( text, it ) { + text = text.replace(/\r\n/, "\n").split(/\n/); + + var ln = [], + l = [], + sloc = 0; + for( var i = 0, len = text.length; i < len; i++ ) { + ln.push( '' + (i + 1) + "\n"); + + l.push( text[i] ? text[i].replace(/&/g, '&').replace(/', + '' + it.mode + '', + '' + text.length + ' lines (' + sloc +' sloc)', + '' + it.size + ' bytes', + 'Theme: ', + '', + + '
', // file content scroll + '', + '', + '', + + '', + '', + '' + ]; + + $('diffoutput').hide(); + $('in').className = 'off'; + $('f').update( html.join('') ).show(); + + /* HACK!! */ + $('theme').observe('change', function() { + window.f.theme = $F('theme'); + $('code').removeClassName('Light').removeClassName('Dark').addClassName(window.f.theme); + }); + } + + ,diff:function(){ alert('Diff is disabled.'); } +}); \ No newline at end of file diff --git a/GithubFinder/javascripts/gh.js b/GithubFinder/javascripts/gh.js new file mode 100644 index 0000000..bf8e004 --- /dev/null +++ b/GithubFinder/javascripts/gh.js @@ -0,0 +1,159 @@ +window.GH = { + hash: {} + // ,proxy: 'http://alexle.net/experiments/githubfinder/proxy.php?url=' + ,proxy: './proxy.php?url=' + // ,proxy: '' + ,api: 'http://github.com/api/v2/json' + + /* set the proxy.php url and switch to the correct AR (AjaxRequest) */ + ,setProxy: function(p) { + this.proxy = p; + // window.AR = p.indexOf('./') == 0 ? Ajax.Request : JSP; + window.AR = JSP; + } + + ,Commits: { + _cache: [] + /* list all commits for a specific branch */ + ,listBranch: function(u, r, b, o ) { + var onData = o.onData, + url = GH.api + '/commits/list/' + u + '/' + r + '/' + b; + o.onSuccess = function(res) { + onData( res.responseText ); + } + new JSP( url, o ); + } + + ,list: function( u, r, b, path, o ) { + var self = this, + url = GH.api + '/commits/list/' + u + '/' + r + '/' + b + path, + onData = o.onData; + + o.onSuccess = function(res) { + var cs = res.responseText.commits; + // if(!cs) { alert('not found'); return;} + /* cache the commits */ + self._cache[ url ] = cs; + onData( cs ); + } + + /* hit the cache first */ + if( this._cache[ url ] ) { + onData( this._cache[ url ] ); + return; + } + + new JSP( url, o ); + } + + ,show: function( u, r, sha, o ) { + var self = this, + url = GH.api + '/commits/show/' + u + '/' + r + '/' + sha, + onData = o.onData; + + o.onSuccess = function(res) { + var c = res.responseText.commit; + /* cache */ + self._cache[ sha ] = c; + onData( c ); + } + + /* hit the cache first */ + if( this._cache[ sha ] ) { + onData( this._cache[ sha ] ); + return; + } + + new JSP( url, o ); + } + } + + ,Tree: { + _cache: {} + ,show: function( u, r, b, tree_sha, o ) { + var self = this, + url = GH.api + '/tree/show/' + u +'/' + r +'/' + tree_sha, + onData = o.onData; + + o.onSuccess = function(res) { + var tree = res.responseText.tree; + // if(!tree) { alert('not found'); return;} + tree = tree.sort(function(a,b){ + // blobs always lose to tree + if( a.type == 'blob' && b.type == 'tree' ) + return 1; + if( a.type == 'tree' && b.type == 'blob' ) + return -1; + return a.name > b.name ? 1 : ( a.name < b.name ? - 1 : 0 ); + }); + + /* add the index to the item */ + for( var i = 0, len = tree.length; i < len; i++ ) { + tree[i].index = i; + } + + /* cache the tree so that we don't have to re-request every time */ + self._cache[ tree_sha ] = tree; + + onData(tree); + } + + + /* hit the cache first */ + if( this._cache[ tree_sha ] ) { + onData( this._cache[ tree_sha ] ); + return; + } + + new JSP( url, o); + } + } + + ,Blob: { + show: function( u, r, sha, o ) { + var url = GH.api + '/blob/show/' + u + '/' + r + '/' + sha; + new AR( GH.proxy + url, o ); + } + + /** + * u,r,b: user, repo, branch + * fn: filename + * o: the options, with callback + */ + ,loadPage: function(u,r,b,fn, o) { + var url = 'http://github.com/' + u + '/' + r + '/blob/' + b +'/' + fn; + new AR( GH.proxy + url, o ); + } + } + + ,Repo: { + show: function( u, r, o ) { + var url = GH.api + '/repos/show/' + u + '/' + r, + onData = o.onData; + + o.onSuccess = function(res) { + onData(res.responseText.repository); + } + new JSP( url, o ); + } + + ,listBranches: function( u, r, o ) { + var url = GH.api + '/repos/show/' + u + '/' + r + '/branches', + onData = o.onData; + o.onSuccess = function(res) { + var branches = res.responseText.branches; + onData(branches); + } + new JSP( url, o ); + } + } + + ,Raw: { + loadBlobAtCommit: function( u, r, commitId, path, options ) { + //http://github.com/:user_id/:repo/raw/:commit_id/:path + // http://github.com/mojombo/grit/raw/c0f0b4f7a62d2e563b48d0dc5cd9eb3c21e3b4c2/lib/grit.rb + url = 'https://github.com/' + u + '/' + r + '/raw/' + commitId + path; + new AR( GH.proxy + url, options ); + } + } +}; \ No newline at end of file diff --git a/GithubFinder/javascripts/keyboard.js b/GithubFinder/javascripts/keyboard.js new file mode 100644 index 0000000..24b0331 --- /dev/null +++ b/GithubFinder/javascripts/keyboard.js @@ -0,0 +1,97 @@ +var Keyboard = Class.create( PluginBase, { + initialize: function($super, f) { + // $super(f); + + document.observe('keydown', function(e) { + if(e.findElement().tagName == 'INPUT') return; // user has focus in something, bail out. + + // var k = e.which ? e.which : e.keyCode; // keycode + var k = e.which || e.keyCode; // keycode + + var cI = f.cI, + pI = f.pI; + + var p = f.ps[pI]; // panel + var t = p.tree; // the panel's tree + + + var d = function() { + if( t[ ++cI ] ) { + var item = t[cI]; + // debugger + f.click( item.sha, $$('#p' + pI + ' a')[cI], true ); + } else { + cI--; + } + }; + + var u = function() { + if( t[ --cI ] ) { + var item = t[cI]; + f.click( item.sha, $$('#p' + pI + ' a')[cI], true ); + } else { + cI++; + } + } + + var l = function() { + if( f.ps[--pI] ) { + // debugger + t = f.ps[pI].tree; + // get index of the previously selected item + cI = f.ps[pI].cI; + // var item = f.ps[pI]; + f.click( t[cI].sha, $$('#p' + pI + ' a')[cI], true ); + + } else { + pI++; // undo + } + } + + + var r = function() { + if( !t[cI] || t[cI].type != 'tree' ) return; + + if( f.ps[++pI] ) { + t = f.ps[pI].tree; + cI = -1; + d(); // down! + + } else { + pI--; // undo + } + } + + // k == 40 ? d() : ( k == 39 ? r() : ( k == 38 ? u() : ( k == 37 ? l() : ''; + switch( k ) { + case 40: // key down + d(); + break; + + case 38: // up + u(); + break; + + case 37: //left + l(); + break + + case 39: // right + r(); + break; + default: + break; + } + + + // console.log("keypress"); + + if( k >= 37 && k <= 40) + e.stop(); + + }); + } +}); + +/* add the plugin to the plugins list */ +FP.push(Keyboard); \ No newline at end of file diff --git a/GithubFinder/javascripts/p.js b/GithubFinder/javascripts/p.js new file mode 100644 index 0000000..6e863fb --- /dev/null +++ b/GithubFinder/javascripts/p.js @@ -0,0 +1,41 @@ +/* Panel */ +window.P = Class.create({ + initialize: function(f, options) { + this.f = f; + this.tree = options.tree || []; + this.index = options.index || 0 ; + this.name = options.name; + this.item = options.item; + + this.r(); + } + + ,dispose: function() { + $('p' + this.index ).remove(); + this.p = null; + } + + ,r: function() { + this.f.psW.insert({ bottom: this.h() }); + } + + ,h: function() { + var it, css, recent, ix=this.index, t=this.tree,bH = this.f.bW.offsetHeight, + h = '
    '; + + for( var i = 0; i < t.length; i++ ) { + it = t[i]; + + h += '
  • ' + + '' + + '' + + it.name + + '' + + ''+ + '
    • '; + } + h += '
'; + return '
' + h + '
'; + } + +}); diff --git a/GithubFinder/javascripts/plugins/base.js b/GithubFinder/javascripts/plugins/base.js new file mode 100644 index 0000000..bdb7d4d --- /dev/null +++ b/GithubFinder/javascripts/plugins/base.js @@ -0,0 +1,8 @@ +;window.FP = []; // this array contains the list of all registered plugins + +var PluginBase = Class.create( { + initialize: function(o) { + if( !this.mixin ) this.mixin = {}; + Object.extend( o, this.mixin ); + } +} ); \ No newline at end of file diff --git a/GithubFinder/javascripts/plugins/code_highlighter.js b/GithubFinder/javascripts/plugins/code_highlighter.js new file mode 100644 index 0000000..ba00a8b --- /dev/null +++ b/GithubFinder/javascripts/plugins/code_highlighter.js @@ -0,0 +1,74 @@ +/* code highliter */ +var CH = Class.create( PluginBase, { + initialize: function($super, f) { + $super(f); + + f.theme = 'Light'; + // f.theme = 'Dark'; + + var hlt = CodeHighlighter; + + var getFiletype = function(filename,text) { + var fileType, + matchingRules = { + 'ruby': [ /\.rb$/i, /\.ru$/i, /\bRakefile\b/i, /\bGemfile\b/i, /\.gemspec\b/i, /\bconsole\b/i, /\.rake$/i ] + ,'css': [ /\.css/i ] + ,'html': [ /\.html?$/i, /\.aspx$/i, /\.php$/i, /\.erb$/i ] + ,'javascript': [ /\.js$/i ] + ,'python': [ /\.py$/i ] + ,'applescript': [ /\.applescript$/i ] + ,'yaml': [ /\.yml$/i ] + ,'cpp': [ /\.c$/i, /\.cpp$/i, /\.h$/i ] + ,'clojure': [ /\.clj$/i ] + ,'haskell': [ /\.hs$/i ] + }; + + + $H(matchingRules).each(function(type) { + for( var i = 0; i < type.value.length; i++ ) { + if( type.value[i].match(filename) ) { + fileType = type.key; + return; + } + } + } ); + + // debugger + + /* attempt to futher detect the fileType */ + if( !fileType ) { + text = text.replace(/\r\n/, "\n").split(/\n/)[0]; + fileType = /ruby/i.test(text) ? 'ruby' : + /python/i.test(text) ? 'python' : + /php/i.test(text) ? 'php' : + ''; + } + + return fileType; + } + + var old = f.previewTextFile; + f.previewTextFile = function( text, item ) { + old(text,item); + var codeEl = $('code'); + codeEl.className = f.theme; // clear previous syntax class + codeEl.addClassName(getFiletype(item.name,text)); + + hlt.init(); + } + + } + + /* add the link to the stylesheet */ + // ,addStylesheet: function() { + // // + // var css = document.createElement('link'); + // css.href = 'css/code_highlighter.css'; + // css.rel = 'stylesheet'; + // css.type = 'text/css'; + // document.body.appendChild(css); + // } + +}); + +FP.push(CH); \ No newline at end of file diff --git a/GithubFinder/javascripts/util.js b/GithubFinder/javascripts/util.js new file mode 100644 index 0000000..d796011 --- /dev/null +++ b/GithubFinder/javascripts/util.js @@ -0,0 +1,58 @@ +/* make sure we have console */ +/* +;if( typeof(console) == 'undefined' ) + console = { log: function(){} }; + */ +/* placeholder */ +// var pH = function() { +// if( 'placeholder' in (document.createElement('input') ) ) +// return; +// +// $$('input[placeholder]').each(function(i) { +// var t = i.readAttribute('placeholder'); +// var f = function() { +// i.value.strip() == t ? i.value = '' : ''; +// }; +// i.on('focus', f); +// +// var b = function() { +// i.value.strip() == '' ? i.value = t : ''; +// }; +// i.on('blur', b); +// b(); +// }); +// }; + + + + +/* Util stuff */ + +/* return a truncated sha */ +var s = function(h) { return h.substr(0,6); }; + +/* truncate text to a minimum length, similar to the way Finder does it */ +var t = function(s,l) { + var sl = s.length, + d = '...', // delimiter + dl = d.length, + r = (l - dl) / 2; // radius + return s.length < l ? s : s.substr(0, r) + d + s.substr( sl - r, sl); + } + +/* parse URL Params as a hash with key are lowered case. (Doesn't handle duplicated key). */ +var uP = function() { + var ps = [], pair, pairs, + url = window.location.href.split('?'); + + if( url.length == 1 ) return ps; + + url = url[1].split('#')[0]; + + pairs = url.split('&'); + for( var i = 0; i < pairs.length; i++ ) { + pair = pairs[i].split('='); + ps[ pair[0].toLowerCase() ] = pair[1]; + } + return ps; +}; diff --git a/GithubFinder/javascripts/vendors/code_highlighter.js b/GithubFinder/javascripts/vendors/code_highlighter.js new file mode 100644 index 0000000..d9540fa --- /dev/null +++ b/GithubFinder/javascripts/vendors/code_highlighter.js @@ -0,0 +1,394 @@ +/* Unobtrustive Code Highlighter By Dan Webb 11/2005 + Version: 0.4 + + Usage: + Add a script tag for this script and any stylesets you need to use + to the page in question, add correct class names to CODE elements, + define CSS styles for elements. That's it! + + Known to work on: + IE 5.5+ PC + Firefox/Mozilla PC/Mac + Opera 7.23 + PC + Safari 2 + + Known to degrade gracefully on: + IE5.0 PC + + Note: IE5.0 fails due to the use of lookahead in some stylesets. To avoid script errors + in older browsers use expressions that use lookahead in string format when defining stylesets. + + This script is inspired by star-light by entirely cunning Dean Edwards + http://dean.edwards.name/star-light/. +*/ + +// replace callback support for safari. +if ("a".replace(/a/, function() {return "b"}) != "b") (function(){ + var default_replace = String.prototype.replace; + String.prototype.replace = function(search,replace){ + // replace is not function + if(typeof replace != "function"){ + return default_replace.apply(this,arguments) + } + var str = "" + this; + var callback = replace; + // search string is not RegExp + if(!(search instanceof RegExp)){ + var idx = str.indexOf(search); + return ( + idx == -1 ? str : + default_replace.apply(str,[search,callback(search, idx, str)]) + ) + } + var reg = search; + var result = []; + var lastidx = reg.lastIndex; + var re; + while((re = reg.exec(str)) != null){ + var idx = re.index; + var args = re.concat(idx, str); + result.push( + str.slice(lastidx,idx), + callback.apply(null,args).toString() + ); + if(!reg.global){ + lastidx += RegExp.lastMatch.length; + break + }else{ + lastidx = reg.lastIndex; + } + } + result.push(str.slice(lastidx)); + return result.join("") + } +})(); + +var CodeHighlighter = { styleSets : new Array }; + +CodeHighlighter.addStyle = function(name, rules) { + // using push test to disallow older browsers from adding styleSets + if ([].push) this.styleSets.push({ + name : name, + rules : rules, + ignoreCase : arguments[2] || false + }) + + // function setEvent() { + // // set highlighter to run on load (use LowPro if present) + // if (typeof Event != 'undefined' && typeof Event.onReady == 'function') + // return Event.onReady(CodeHighlighter.init.bind(CodeHighlighter)); + // + // var old = window.onload; + // + // if (typeof window.onload != 'function') { + // window.onload = function() { CodeHighlighter.init() }; + // } else { + // window.onload = function() { + // old(); + // CodeHighlighter.init(); + // } + // } + // } + // + // // only set the event when the first style is added + // if (this.styleSets.length==1) setEvent(); +} + +CodeHighlighter.init = function() { + if (!document.getElementsByTagName) return; + if ("a".replace(/a/, function() {return "b"}) != "b") return; // throw out Safari versions that don't support replace function + // throw out older browsers + + // var codeEls = document.getElementsByTagName("CODE"); + + // HACK: + var codeEls = [$('code')]; + + // collect array of all pre elements + codeEls.filter = function(f) { + var a = new Array; + for (var i = 0; i < this.length; i++) + if (f(this[i])) + a[a.length] = this[i]; + return a; + } + + var rules = new Array; + rules.toString = function() { + // joins regexes into one big parallel regex + var exps = new Array; + for (var i = 0; i < this.length; i++) exps.push(this[i].exp); + return exps.join("|"); + } + + function addRule(className, rule) { + // add a replace rule + var exp = (typeof rule.exp != "string")?String(rule.exp).substr(1, String(rule.exp).length-2):rule.exp; + // converts regex rules to strings and chops of the slashes + rules.push({ + className : className, + exp : "(" + exp + ")", + length : (exp.match(/(^|[^\\])\([^?]/g) || "").length + 1, // number of subexps in rule + replacement : rule.replacement || null + }); + } + + function parse(text, ignoreCase) { + // main text parsing and replacement + return text.replace(new RegExp(rules, (ignoreCase)?"gi":"g"), function() { + var i = 0, j = 1, rule; + while (rule = rules[i++]) { + if (arguments[j]) { + // if no custom replacement defined do the simple replacement + if (!rule.replacement) return "" + arguments[0] + ""; + else { + // replace $0 with the className then do normal replaces + var str = rule.replacement.replace("$0", rule.className); + for (var k = 1; k <= rule.length - 1; k++) str = str.replace("$" + k, arguments[j + k]); + return str; + } + } else j+= rule.length; + } + }); + } + + function highlightCode(styleSet) { + // clear rules array + var parsed, clsRx = new RegExp("(\\s|^)" + styleSet.name + "(\\s|$)"); + rules.length = 0; + + // // get stylable elements by filtering out all code elements without the correct className + var stylableEls = codeEls.filter(function(item) { return clsRx.test(item.className) }); + // var stylableEls = codeEls; + + // add style rules to parser + for (var className in styleSet.rules) addRule(className, styleSet.rules[className]); + + + // replace for all elements + for (var i = 0; i < stylableEls.length; i++) { + // EVIL hack to fix IE whitespace badness if it's inside a 
+			if (/MSIE/.test(navigator.appVersion) && stylableEls[i].parentNode.nodeName == 'PRE') {
+				stylableEls[i] = stylableEls[i].parentNode;
+
+				parsed = stylableEls[i].innerHTML.replace(/(]*>)([^<]*)<\/code>/i, function() {
+					return arguments[1] + parse(arguments[2], styleSet.ignoreCase) + ""
+				});
+				parsed = parsed.replace(/\n( *)/g, function() {
+					var spaces = "";
+					for (var i = 0; i < arguments[1].length; i++) spaces+= " ";
+					return "\n" + spaces;
+				});
+				parsed = parsed.replace(/\t/g, "    ");
+				parsed = parsed.replace(/\n(<\/\w+>)?/g, "
$1").replace(/
[\n\r\s]*
/g, "

");
+
+			} else parsed = parse(stylableEls[i].innerHTML, styleSet.ignoreCase);
+
+			stylableEls[i].innerHTML = parsed;
+		}
+	}
+
+	// run highlighter on all stylesets
+	for (var i=0; i < this.styleSets.length; i++) {
+		highlightCode(this.styleSets[i]);
+	}
+}
+
+
+
+
+CodeHighlighter.addStyle("css", {
+	comment : {
+		exp  : /\/\*[^*]*\*+([^\/][^*]*\*+)*\//
+	},
+	keywords : {
+		exp  : /@\w[\w\s]*/
+	},
+	selectors : {
+		exp  : "([\\w-:\\[.#][^{};>]*)(?={)"
+	},
+	properties : {
+		exp  : "([\\w-]+)(?=\\s*:)"
+	},
+	units : {
+		exp  : /([0-9])(em|en|px|%|pt)\b/,
+		replacement : "$1$2"
+	},
+	urls : {
+		exp  : /url\([^\)]*\)/
+	}
+ });
+
+CodeHighlighter.addStyle("ruby",{
+	comment : {
+		exp  : /#[^\n]*/
+	},
+	brackets : {
+		exp  : /\(|\)/
+	},
+	string : {
+		exp  : /'[^'\\]*(\\.[^'\\]*)*'|"[^"\\]*(\\.[^"\\]*)*"|\%w\(.*\)|`[^`\\]*(\\.[^`\\]*)*`/
+	},
+	keywords : {
+		exp  : /\b(do|end|self|class|def|if|module|yield|then|else|for|until|unless|while|elsif|case|when|break|retry|redo|rescue|require|raise|extend)\b/
+	},
+	/* Added by Shelly Fisher (shelly@agileevolved.com) */
+	symbol : {
+	  exp : /([^:])(:[A-Za-z0-9_!?]+)/
+	}
+});
+
+CodeHighlighter.addStyle("html", {
+	comment : {
+		exp: //
+	},
+	tag : {
+		exp: /(<\/?)([a-zA-Z1-9]+\s?)/,
+		replacement: "$1$2"
+	},
+	string : {
+		exp  : /'[^']*'|"[^"]*"/
+	},
+	attribute : {
+		exp: /\b([a-zA-Z-:]+)(=)/,
+		replacement: "$1$2"
+	},
+	doctype : {
+		exp: //
+	}
+});
+
+CodeHighlighter.addStyle("javascript",{
+	comment : {
+		exp  : /(\/\/[^\n]*(\n|$))|(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)/
+	},
+	parameter: {
+		exp: /\bfunction\s?\((.+)\)/
+    // ,replacement: "$1"
+	},
+		
+	brackets : {
+		exp  : /\(|\)/
+	},
+	string : {
+		exp  : /'[^']*'|"[^"]*"/
+	},
+	keywords : {
+		exp  : /\b(arguments|break|case|continue|default|delete|do|else|false|for|function|if|in|instanceof|new|null|return|switch|this|true|typeof|var|void|while|with)\b/
+	},
+	global : {
+		exp  : /\b(toString|valueOf|window|element|prototype|constructor|document|escape|unescape|parseInt|parseFloat|setTimeout|clearTimeout|setInterval|clearInterval|NaN|isNaN|Infinity|String|Numeric|Array)\b/
+	}
+	
+
+});
+
+CodeHighlighter.addStyle("yaml", {
+	keyword : {
+		exp  : /\/\*[^*]*\*+([^\/][^*]*\*+)*\//
+	},
+	value : {
+		exp  : /@\w[\w\s]*/
+	}
+});
+
+
+
+CodeHighlighter.addStyle("python",{
+	comment : {
+		exp  : /#[^\n]+/
+	},
+	brackets : {
+		exp  : /\(|\)/
+	},
+	string : {
+		exp  : /'[^'\\]*(\\.[^'\\]*)*'|"[^"\\]*(\\.[^"\\]*)*"|""".*"""/
+	},
+	keywords : {
+		exp  : /\b(and|assert|break|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|not|or|pass|print|raise|return|try|while|yield|as|None)\b/
+	}
+});
+
+
+CodeHighlighter.addStyle("applescript",{
+	comment : {
+		exp  : /--[^\n]+|#![^\n]+/
+	},
+	brackets : {
+		exp  : /\(|\)/
+	},
+	string : {
+		exp  : /"[^"\\]*(\\.[^"\\]*)*"/
+	},
+	keywords : {
+		exp  : /\b(about|above|after|against|and|apart[\s]+from|around|as|aside[\s]+from|at|back|before|beginning|behind|below|beneath|beside|between|but|by|considering|contain|contains|contains|continue|copy|div|does|eighth|else|end|equal|equals|error|every|exit|false|fifth|first|for|fourth|from|front|get|given|global|if|ignoring|in|instead[\s]+of|into|is|it|its|last|local|me|middle|mod|my|ninth|not|of|on|onto|or|out[\s]+of|over|prop|property|put|ref|reference|repeat|return|returning|script|second|set|seventh|since|sixth|some|tell|tenth|that|the|then|third|through|thru|timeout|times|to|transaction|true|try|until|where|while|whose|with|without)\b/
+	},
+	global : {
+		exp : /\b(AppleScript('s)?|current[\s]+application|missing[\s]+value|false|pi|true|version)\b/
+	}
+});
+
+
+CodeHighlighter.addStyle("cpp",{
+	comment : {
+		exp  : /(\/\/[^\n]*(\n|$))|(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)/
+	},
+	brackets : {
+		exp  : /\(|\)/
+	},
+	string : {
+		exp  : /"[^"\\]*(\\.[^"\\]*)*"/
+	},
+	keywords : {
+		exp  : /\b(break|case|catch|class|const|__finally|__exception|__try|const_cast|continue|private|public|protected|__declspec|default|delete|deprecated|dllexport|dllimport|do|dynamic_cast|else|enum|explicit|extern|if|for|friend|goto|inline|mutable|naked|namespace|new|noinline|noreturn|nothrow|register|reinterpret_cast|return|selectany|sizeof|static|static_cast|struct|switch|template|this|thread|throw|true|false|try|typedef|typeid|typename|union|using|uuid|virtual|void|volatile|whcar_t|while)\b/
+	},
+	
+	datatype: {
+    exp  : /\b(ATOM|BOOL|BOOLEAN|BYTE|CHAR|COLORREF|DWORD|DWORDLONG|DWORD_PTR|DWORD32|DWORD64|FLOAT|HACCEL|HALF_PTR|HANDLE|HBITMAP|HBRUSH|HCOLORSPACE|HCONV|HCONVLIST|HCURSOR|HDC|HDDEDATA|HDESK|HDROP|HDWP|HENHMETAFILE|HFILE|HFONT|HGDIOBJ|HGLOBAL|HHOOK|HICON|HINSTANCE|HKEY|HKL|HLOCAL|HMENU|HMETAFILE|HMODULE|HMONITOR|HPALETTE|HPEN|HRESULT|HRGN|HRSRC|HSZ|HWINSTA|HWND|INT|INT_PTR|INT32|INT64|LANGID|LCID|LCTYPE|LGRPID|LONG|LONGLONG|LONG_PTR|LONG32|LONG64|LPARAM|LPBOOL|LPBYTE|LPCOLORREF|LPCSTR|LPCTSTR|LPCVOID|LPCWSTR|LPDWORD|LPHANDLE|LPINT|LPLONG|LPSTR|LPTSTR|LPVOID|LPWORD|LPWSTR|LRESULT|PBOOL|PBOOLEAN|PBYTE|PCHAR|PCSTR|PCTSTR|PCWSTR|PDWORDLONG|PDWORD_PTR|PDWORD32|PDWORD64|PFLOAT|PHALF_PTR|PHANDLE|PHKEY|PINT|PINT_PTR|PINT32|PINT64|PLCID|PLONG|PLONGLONG|PLONG_PTR|PLONG32|PLONG64|POINTER_32|POINTER_64|PSHORT|PSIZE_T|PSSIZE_T|PSTR|PTBYTE|PTCHAR|PTSTR|PUCHAR|PUHALF_PTR|PUINT|PUINT_PTR|PUINT32|PUINT64|PULONG|PULONGLONG|PULONG_PTR|PULONG32|PULONG64|PUSHORT|PVOID|PWCHAR|PWORD|PWSTR|SC_HANDLE|SC_LOCK|SERVICE_STATUS_HANDLE|SHORT|SIZE_T|SSIZE_T|TBYTE|TCHAR|UCHAR|UHALF_PTR|UINT|UINT_PTR|UINT32|UINT64|ULONG|ULONGLONG|ULONG_PTR|ULONG32|ULONG64|USHORT|USN|VOID|WCHAR|WORD|WPARAM|WPARAM|WPARAM|char|bool|short|int|__int32|__int64|__int8|__int16|long|float|double|__wchar_t|clock_t|_complex|_dev_t|_diskfree_t|div_t|ldiv_t|_exception|_EXCEPTION_POINTERS|FILE|_finddata_t|_finddatai64_t|_wfinddata_t|_wfinddatai64_t|__finddata64_t|__wfinddata64_t|_FPIEEE_RECORD|fpos_t|_HEAPINFO|_HFILE|lconv|intptr_t|jmp_buf|mbstate_t|_off_t|_onexit_t|_PNH|ptrdiff_t|_purecall_handler|sig_atomic_t|size_t|_stat|__stat64|_stati64|terminate_function|time_t|__time64_t|_timeb|__timeb64|tm|uintptr_t|_utimbuf|va_list|wchar_t|wctrans_t|wctype_t|wint_t|signed)\b/	
+	},
+	
+	preprocessor : {
+		exp : /^ *#.*/gm
+	}
+});
+
+
+// http://www.undermyhat.org/blog/wp-content/uploads/2009/09/shBrushClojure.js
+CodeHighlighter.addStyle("clojure",{
+	comment : {
+		exp  : /;[^\]]+$/
+	},
+	string : {
+		exp  : /"[^"\\]*(\\.[^"\\]*)*"/m
+	},
+	functions : {
+		exp  : /\b(:arglists|:doc|:file|:line|:macro|:name|:ns|:private|:tag|:test|new|alias|alter|and|apply|assert|class|cond|conj|count|def|defmacro|defn|defstruct|deref|do|doall|dorun|doseq|dosync|eval|filter|finally|find|first|fn|gen-class|gensym|if|import|inc|keys|let|list|loop|map|ns|or|print|println|quote|rand|recur|reduce|ref|repeat|require|rest|send|seq|set|sort|str|struct|sync|take|test|throw|trampoline|try|type|use|var|vec|when|while)\b/gmi
+	},
+	
+	keyword : {
+		exp  : /\[|\]/g
+	},
+	
+	symbols : {
+		exp  : /'[a-z][A-Za-z0-9_]*/g
+	},
+
+	keywords: {
+    exp: /(:[a-z][A-Za-z0-9_]*)/g	  
+	}
+});
+
+
+
+
+CodeHighlighter.addStyle("haskell",{
+	comment : {
+		exp  : /(\-\-.*$)|(\{\-[\s\S]*?\-\})/gm
+	},
+	keywords : {
+		exp  : /\b(as|case|of|class|data|datafamily|data instance|default|deriving|deriving instance|do|forall|foreign|hiding|if|then|else|import|infix|infixl|infixr|instance|let|in|mdo|module|newtype|proc|qualified|rec|type|type family|type instance|where)\b/
+	},
+	string : {
+		exp  : /'[^']*'|"[^"]*"/
+	}
+});
\ No newline at end of file
diff --git a/GithubFinder/javascripts/vendors/jsonp.js b/GithubFinder/javascripts/vendors/jsonp.js
new file mode 100644
index 0000000..4af5f6e
--- /dev/null
+++ b/GithubFinder/javascripts/vendors/jsonp.js
@@ -0,0 +1,113 @@
+// See an updated version of this in it's own git repo:
+// http://github.com/dandean/Ajax.JSONRequest
+
+/* JSON-P implementation for Prototype.js somewhat by Dan Dean (http://www.dandean.com)
+ * 
+ * *HEAVILY* based on Tobie Langel's version: http://gist.github.com/145466.
+ * Might as well just call this an iteration.
+ * 
+ * This version introduces:
+ * - onCreate and onFailure callback options.
+ * - option to not invoke request upon instantiation.
+ *
+ * Tested in Firefox 3/3.5, Safari 4
+ *
+ * Note: while I still think JSON-P is an inherantly flawed technique,
+ * there are some valid use cases which this can provide for.
+ *
+ * See examples below for usage.
+ */
+window.JSP = Class.create(Ajax.Base, (function() {
+  var id = 0, head = document.getElementsByTagName('head')[0];
+  return {
+    initialize: function($super, url, options) {
+      $super(options);
+      this.options.url = url;
+      this.options.callbackParamName = this.options.callbackParamName || 'callback';
+      this.options.timeout = this.options.timeout || 10000; // Default timeout: 10 seconds
+      this.options.invokeImmediately = (!Object.isUndefined(this.options.invokeImmediately)) ? this.options.invokeImmediately : true ;
+      this.responseJSON = {};
+      if (this.options.invokeImmediately) {
+        this.request();
+      }
+      
+      Ajax.Responders.dispatch('onCreate', this);
+    },
+    
+    /**
+     *  Ajax.JSONRequest#_cleanup() -> "undefined"
+     *  
+     *  Cleans up after the request
+     **/
+    _cleanup: function() {
+      if (this.timeout) {
+        clearTimeout(this.timeout);
+        this.timeout = null;
+      }
+      if (this.script && Object.isElement(this.script)) {
+        this.script.remove();
+        this.script = null;
+      }
+    },
+  
+    /**
+     *  Ajax.JSONRequest#request() -> "undefined"
+     *  
+     *  Invokes the JSON-P request lifecycle
+     **/
+    request: function() {
+      // Define local vars
+      var key = this.options.callbackParamName,
+        name = '_prototypeJSONPCallback_' + (id++);
+      
+      // Add callback as a parameter and build request URL
+      this.options.parameters[key] = name;
+      var url = this.options.url + ((this.options.url.include('?') ? '&' : '?') + Object.toQueryString(this.options.parameters));
+      
+      // Define callback function
+      window[name] = function(response) {
+        this._cleanup(); // Garbage collection
+        window[name] = undefined;
+        
+        
+        if( typeof(response) == 'Object' )
+          this.responseJSON = response;
+        else
+          this.responseText = response;
+        
+        try {
+          Ajax.Responders.dispatch('onComplete', this, response);
+          
+          if (Object.isFunction(this.options.onComplete)) {
+            this.options.onComplete.call(this, this);
+          }
+
+          if (Object.isFunction(this.options.onSuccess)) {
+            this.options.onSuccess.call(this,this);
+          }
+        } catch( ex ) { 
+          Ajax.Responders.dispatch('onException', this, ex);
+          throw ex;
+        }
+
+      }.bind(this);
+      
+      this.script = new Element('script', { type: 'text/javascript', src: url });
+      
+      if (Object.isFunction(this.options.onCreate)) {
+        this.options.onCreate.call(this, this);
+      }
+      
+      
+      head.appendChild(this.script);
+
+      this.timeout = setTimeout(function() {
+        this._cleanup();
+        window[name] = Prototype.emptyFunction;
+        if (Object.isFunction(this.options.onFailure)) {
+          this.options.onFailure.call(this, this);
+        }
+      }.bind(this), this.options.timeout);
+    }
+  };
+})());
\ No newline at end of file
diff --git a/GithubFinder/proxy.php b/GithubFinder/proxy.php
new file mode 100644
index 0000000..8beef77
--- /dev/null
+++ b/GithubFinder/proxy.php
@@ -0,0 +1,60 @@
+
\ No newline at end of file
diff --git a/GithubFinder/styles.css b/GithubFinder/styles.css
new file mode 100644
index 0000000..dbf81cf
--- /dev/null
+++ b/GithubFinder/styles.css
@@ -0,0 +1,70 @@
+#gh-finder { font-size: 12px; font-family: Helvetica, Verdana, sans-serif; margin: 3em auto 1em; padding: 0; width: 92% }
+#gh-finder .clear { clear:both }
+#gh-finder a { color: #22a; text-decoration: none; border-bottom: none }
+#gh-finder a:active { outline: none }
+#gh-finder :focus { -moz-outline-style: none; outline: none;}
+#gh-finder .p { padding: 10px; }
+#gh-finder img { border: 0px}
+
+#finder { width: 100%; overflow: hidden; height: 343px }
+
+#r_w { width: 100%; background-color: #EAEAEA; border-bottom: 1px solid #CCC }
+.tbb { border-bottom: 3px solid #CCC;} /* thick bottom border */
+
+
+/* logo */
+.big { font-size: 14px; font-weight: bold;} 
+#r_w { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px;
+       -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px
+     }
+#in { color: transparent; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
+#in.on { background-color: #4F4A45; color: white }
+
+#b_w { overflow: hidden; overflow-x: auto; height: 300px }
+.panel { float: left; width: 200px; border-right: 1px solid #CCC; overflow: hidden; overflow-y: auto;
+height: 300px }
+
+.files { padding: 0; margin: 0; font-size: 1.3em }
+.files li { list-style:none outside none; border-bottom: 1px solid #CCC; background-color: #F8F8F8; }
+
+.t { padding: 10px; border-bottom: 1px solid #CCC; font-size: 14px; font-weight: bold} /* title */
+
+.tree { background: #F8F8F8 url('./img/la.gif') no-repeat 95% 50%; font-weight: bold; }
+.ico { background:url('./img/txt.gif') no-repeat 3px 50%; display: block;}
+.tree .ico { background-image: url('./img/dir.gif'); }
+.cur { background: #3D8CFF url('./img/la_h.gif') no-repeat 95% 50% !important;}
+#gh-finder .cur a { color: white;}
+.blob { background-image: none !important; }
+.files a { padding: 8px 8px 8px 23px; display:block; }
+
+#f_c_w .p {padding: 10px}
+#f_c { overflow: hidden; }
+#f_c_s { overflow-y: auto; }
+#f { border: 1px solid #CCC; }
+
+#commits .big { padding: 10px; border-bottom: 1px solid #CCC;}
+
+/* commit entry */
+.ce { padding: 10px 0; border-bottom: 1px solid #CCC; }
+
+pre, #code, .meta, .diff { font:12px Monaco,monospace; margin: 0; }
+
+.meta, .diff thead th { background-color: #EEE; color:#333; overflow:hidden; padding:10px; border-bottom: 1px solid #CCC}
+.meta span { margin-left: 5px; padding-left: 9px;}
+.meta span:first-child { display: none }
+
+.ln, .diff th { background-color:#ECECEC; border-right:1px solid #DDD; color:#AAA; text-align: right; padding: 5px 5px }
+#code { padding: 5px;}
+/*.hover { background-color: #FFFFC7; }*/
+
+.insert { background-color:#9E9 }
+
+#footer { padding: 10px }
+
+
+/* extension stuff */
+.resize { cursor: col-resize; float: left; background-color: #DCDCDC;border-right: 1px solid #CCC;}
+.hrz { cursor: row-resize !important; background-color: #DCDCDC; ;border-bottom: 1px solid #CCC;height: 3px; line-height: 3px; width: 99.9%}
+#bml_w { float: right; font-size: 11px; width: 300px;}
+.bml { border: 1px solid #CCC; padding: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold;}
+.bml:hover { background-color: white;}
diff --git a/assets/proj.css b/assets/proj.css
index eac37bb..0d6759a 100644
--- a/assets/proj.css
+++ b/assets/proj.css
@@ -1,3 +1,8 @@
+#browse { text-align: center
+        ; font-size: 1.4em
+        ; margin: 1.6em
+        }
+
 #info { text-align: center
       ; margin: 1em auto
       ; padding: 1em
diff --git a/assets/proj.js b/assets/proj.js
index d053a73..1a66f5c 100644
--- a/assets/proj.js
+++ b/assets/proj.js
@@ -6,6 +6,7 @@
   var global = this
   global.SJS = {
     proj: function(name) {
+      SJS.projName = name
       var data = createObjectStore(name)
       if (document.addEventListener) {
         document.addEventListener('DOMContentLoaded', ready, false)
diff --git a/assets/style.css b/assets/style.css
index 977bd9c..786ca23 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -37,38 +37,38 @@ a.img { border: none }
                ; text-decoration: underline
                }
 
-ul { text-align: center
-   ; margin: 0 auto
-   ; padding: 1em
-   ; border: solid 1px #ccc
-   ; width: 90%
-   ; max-width: 950px
-   ; background-color: #fff
-   ; -moz-border-radius: 20px
-   ; -webkit-border-radius: 20px
-   ; border-radius: 20px
-   ; behavior: url(assets/border-radius.htc)
-   ; behavior: url(../assets/border-radius.htc)
-   }
+ul.nav { text-align: center
+       ; margin: 0 auto
+       ; padding: 1em
+       ; border: solid 1px #ccc
+       ; width: 90%
+       ; max-width: 950px
+       ; background-color: #fff
+       ; -moz-border-radius: 20px
+       ; -webkit-border-radius: 20px
+       ; border-radius: 20px
+       ; behavior: url(assets/border-radius.htc)
+       ; behavior: url(../assets/border-radius.htc)
+       }
 
-li { display: inline
-   ; font-size: 1.6em
-   ; margin: 0
-   ; padding: 0
-   }
+ul.nav li { display: inline
+          ; font-size: 1.6em
+          ; margin: 0
+          ; padding: 0
+          }
 
-li:after { content: ' •' }
-li:last-child:after { content: '' }
+ul.nav li:after { content: ' •' }
+ul.nav li:last-child:after { content: '' }
 
 
-li a { padding: 5px
-     ; text-shadow: #999 5px 5px 5px
-     ; -webkit-transition: all 0.5s ease-out
-     }
-li a:visited { color: #227 }
+ul.nav li a { padding: 5px
+            ; text-shadow: #999 5px 5px 5px
+            ; -webkit-transition: all 0.5s ease-out
+            }
+ul.nav li a:visited { color: #227 }
 
-li a:hover,
-li a:active { color: #000
+ul.nav li a:hover,
+ul.nav li a:active { color: #000
             ; text-shadow: #aa7 5px 5px 5px
             ; border-bottom: dashed 1px #000
             }
@@ -81,10 +81,10 @@ ul#projects li { display: block
                ; line-height: 1.8em
                }
 
-li.ie-bullet,
+ul.nav li.ie-bullet,
 ul#projects li.ie-bullet { display: none }
 
-li.last:after,
+ul.nav li.last:after,
 ul#projects li:after { content: '' }
 
 footer { text-align: center
@@ -124,17 +124,17 @@ td:nth-child(2) { padding: 0 10px }
 @media only screen and (orientation:portrait) and (device-height:1024px),
        only screen and (max-device-width:480px)
 {
-  ul { padding: 0.5em
-     ; width: 70%
-     ; max-width: 400px
-     }
+  ul.nav ul { padding: 0.5em
+            ; width: 70%
+            ; max-width: 400px
+            }
   
-  li { display: block
-     ; font-size: 1.5em
-     ; line-height: 1.6em
-     }
+  ul.nav li { display: block
+            ; font-size: 1.5em
+            ; line-height: 1.6em
+            }
 
-  li:after { content: '' }  
+  ul.nav li:after { content: '' }  
 }
 
 /* iPhone */
@@ -147,7 +147,7 @@ td:nth-child(2) { padding: 0 10px }
 
   #breadcrumbs { font-size: 0.8em }
 
-  li { font-size: 1.2em }
+  ul.nav li { font-size: 1.2em }
 
   td { font-size: 1em
      ; line-height: 1.1em
diff --git a/index.html b/index.html
index f61d542..882c873 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
   
samhuri.net
', + '
',
+                ln.join(''),
+              '
', + '		', + '
',
+                l.join("\n"),
+              '
', + '