Récuperer la liste des dépôts (repositories) d'un utilisateur GitHub

**Roland_Y** · 03/08/2012, 21h20

Bonjour,

Depuis un certain moment, j'héberge mes projets personnels sur GitHub.
Plus récemment, j'ai découvert le générateur de site Jekyll. Il m'a permis de configurer et de mettre en place un blog très simplement et en quelques minutes.
Le blog en question est accessible ici.
Les fichiers du site sont eux même accessibles sur ce dépôt.

Par suite, j'ai voulu en étendre un peu les possibilités en intégrant du Javascript. Sur la page censée lister mes projets, j'ai inséré un script qui interroge l'API GitHub afin de renvoyer la liste des projets d'un utilisateur dont le nom est passé en paramètre.
Voici un extrait du code source de la page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<body>
<div class="site">
<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 -->
 
</body>

Et le fichier git.js contient le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
    // 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;
        });
      }
    };

Source du script: AboutCode

Cependant, il semble ne pas fonctionner. Du tout. En chargeant la page, je reçois le message suivant, qui reste figé.

Je n'arrives pas à trouver où se situe le problème.
Une suggestion ?
Merci d'avance!