Então aí está este site incrível: http://npmsearch.com
É rápido, tem classificação, pode pesquisar por autor ou palavras-chave. Então, quando você clica no link para verificar o pacote, ele mostra a página do github. O que é uma boa ideia, eu acho, mas às vezes estou interessado em coisas que podem ser vistas apenas no site do npm. Como dependentes, por exemplo. Sem mencionar que a exibição do README do github falha na minha tela pequena, então preciso embrulhar. Qual npmjs.org tem. Depois, ou tenho que digitar o site, ou pesquisar no google e clicar … não muito, mas cansei disso mesmo assim.
Portanto, aqui está um bookmarklet para você que lê o arquivo package.json, obtém o nome do pacote e abre o link npmjs.org/package/ <packagename> em uma nova guia:
javascript:(function(){ var w=window.open(''); var r=document.createElement('script'); r.textContent = 'var x=new XMLHttpRequest;x.onload = function(){window.location.href='https://npmjs.org/package/'+JSON.parse(atob(JSON.parse(x.responseText).content.replace(/\n/g,''))).name}; x.open('GET',('https://api.github.com/repos'+window.location.pathname+'/contents/package.json').replace(/([^:])[/][/]+/g,'$1/'));x.send()'; w.document.body.appendChild(r) }())essência: https://gist.github.com/ashnur/7307452
jsbin: http://jsbin.com/EKUxAD/2/edit
Oh. Esqueci de mencionar que devido a esse bug https://bugzilla.mozilla.org/show_bug.cgi?id=866522 ele só funciona em coisas de webkit (e provavelmente em algumas versões mais antigas do firefox)
E que eu teria desistido de uma etapa sem a ajuda de https://github.com/aroben.
Obrigado, Adam!