Abetos de todos, gracias por leer. Estoy organizando mis proyectos de desarrollo actuales en Github. Usando las páginas de Github, usé Github para alojar mi blog personal, al que puedes llegaraquí Ahí tengo una página dedicada a todos los proyectos en los que estoy trabajando actualmente. Básicamente, quería mostrar automáticamente la lista de todos mis proyectos en curso, consultando Github. Googlando mucho, me encontréEsto se puede lograr usando Javascript. Lo intenté, pero no trabajé como se esperaba. Al cargar la página, solo recibo el mensaje de texto "Consultando a Github para repositorios". Y nada parece suceder.

Me puse en contacto con los mantenedores de Github y me respondieron que esta técnica utiliza una versión obsoleta de la API de Github. Bueno, parece que la v3.

Como no tengo experiencia en JS, ¿puede alguien ayudarme a solucionarlo?

Saludos,
Roland.

Aquí está el código que usé dentro del HTMLpágina

<div id="opensource-projects"></div> 
<!-- Javascript to load and display repos from GitHub -->
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="/javascripts/git.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function() {
    $("#opensource-projects").loadRepositories("Yonaba");
  });
  </script>
<!-- End GitHub repo code -->

Luego, dentro del archivo git.js, tengo lo siguiente:

// http://aboutcode.net/2010/11/11/list-github-projects-using-javascript.html

jQuery.githubUser = function(username, callback) {
  jQuery.getJSON("http://github.com/api/v1/json/" + username + "?callback=?", callback);
}

jQuery.fn.loadRepositories = function(username) {
  this.html("<span>Querying GitHub for " + username +"'s repositories...</span>");

  var target = this;
  $.githubUser(username, function(data) {
    var repos = data.user.repositories;
    sortByNumberOfWatchers(repos);

    var list = $('<dl/>');
    target.empty().append(list);
    $(repos).each(function() {
      list.append('<dt><a href="'+ this.url +'">' + this.name + '</a></dt>');
      list.append('<dd>' + this.description + '</dd>');
    });
  });

  function sortByNumberOfWatchers(repos) {
    repos.sort(function(a,b) {
      return b.watchers - a.watchers;
    });
  }
};

@jcolebrand: Gracias por su amable ayuda, pero realmente no entendí lo que quería decir. Intenté enviar algún comando a la consola de Chrome, también. Supongo que $ es un alias para jQuery, ¿no? Bueno, enviando lo mismo. La consola solo genera múltiples objetos, describiendo mis repositorios. Increíble. Creo que el problema ahora es analizarlos correctamente y mostrarlos. Caramba, necesito aprender la sintaxis de JS para eso ...