Bug in github api

[Thecode764]

Select Topic Area

Bug

Body

Hi i using github api for get user followers github api cannot show followers for some users
here is source: https://github.com/Thecode764/GetUserFollowers-Badge
and example: https://Thecode764.github.io/GetUserFollowers-Badge/?username=Thecode764
if you replace Thecode764 to enty8080 this user have 394 follower but it's not working in github api
fix it

[davevad93]

Hi @Thecode764 ,

I took a look at your source code, the problem is that the endpoint only returns at most the first 30 followers by default, try changing it to this:

    fetch(`https://api.github.com/users/${nameParam}`)
     .then(response => response.json())
     .then(data => {
          followerCount = data.followers;
          console.log(`${followerCount}`);

[Thecode764]

@davevad93
can you send the full code?

[davevad93]

Of course, it's basically the same as your original code, only the endpoint and the property of the response is changed, here it is:

var followerCount;

document.addEventListener("DOMContentLoaded", function() {
    const url = new URL(window.location.href);
    const nameParam = url.searchParams.get('username');

    fetch(`https://api.github.com/users/${nameParam}`)
     .then(response => response.json())
     .then(data => {
          followerCount = data.followers;
          console.log(`${followerCount}`);

          var svgContainer = document.createElement("div");
          svgContainer.innerHTML = `
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="102" height="20" role="img" aria-label="Followers: ${followerCount}">
              <title>Followers: ${followerCount}</title>
              <linearGradient id="s" x2="0" y2="100%">
                <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
                <stop offset="1" stop-opacity=".1"/>
              </linearGradient>
              <clipPath id="r">
                <rect width="102" height="20" rx="3" fill="#fff"/>
              </clipPath>
              <g clip-path="url(#r)">
                <rect width="59" height="20" fill="#555"/>
                <rect x="59" width="43" height="20" fill="#4c1"/>
                <rect width="102" height="20" fill="url(#s)"/>
              </g>
              <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110">
                <text aria-hidden="true" x="305" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="490">currently</text>
                <text x="305" y="140" transform="scale(.1)" fill="#fff" textLength="490">Followers</text>
                <text aria-hidden="true" x="795" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="330">${followerCount}</text>
                <text x="795" y="140" transform="scale(.1)" fill="#fff" textLength="330">${followerCount}</text>
              </g>
            </svg>
          `;
          document.body.appendChild(svgContainer);
      })
     .catch(error => console.error('Error:', error));
});

[davevad93]

I've tested it and it works @Thecode764 , if you have any other doubts ask freely!

[Thecode764]

I've tested it and it works @Thecode764 , if you have any other doubts ask freely!

Thank you

[Thecode764]

ok ok thanks
but have spaces
https://thecode764.github.io/GetUserFollowers-Badge/?username=Thecode764/
@davevad93