Top Languages Card not working properly

[fluorspar20]

Describe the bug
I have quite a few repos with the top language being javascript. However, the top languages card doesn't show javascript at all in the list.

Expected behavior
It should show js as one of the top languages.

Screenshots / Live demo link

[rjoydip-zz]

Same with my profile.

github-readme-stats/top-langs not showing all languages as well as percentages.

But github-profile-languages is more appropriate.

[filiptronicek]

Sure, but I think the GitHub GraphQl API just takes the raw LOC count from all your repos and does the analysis from that. Not 100% sure tho

[filiptronicek]

Ok, I was mistaken, it should just fetch the top language of the repo. @anuraghazra WDYT about this?

github-readme-stats/src/fetchTopLanguages.js

Lines 5 to 25 in dc3e9a5

	const fetcher = (variables, token) => {
	return request(
	{
	query: `
	query userInfo($login: String!) {
	user(login: $login) {
	repositories(isFork: false, first: 100) {
	nodes {
	languages(first: 1) {
	edges {
	size
	node {
	color
	name
	}
	}
	}
	}
	}
	}
	}

[anuraghazra]

Same with my profile.

github-readme-stats/top-langs not showing all languages as well as percentages.

But github-profile-languages is more appropriate.

Working on my side, which browser you are using?

live demo

[rjoydip-zz]

Working on my side, which browser you are using?

Chrome. But below code is showing rust & go lang as well.

query {
  user(login: "rjoydip") {
    repositories(isFork: false, first: 100) {
      nodes {
        languages(first: 1) {
          edges {
            size
            node {
              color
              name
            }
          }
        }
      }
    }
  }
}

[anuraghazra]

Ok, I was mistaken, it should just fetch the top language of the repo. @anuraghazra WDYT about this?

Yup it should fetch the correct langs.

[filiptronicek]

Mine is also weird 😕 @anuraghazra

Actual (pie chart)	Our implementation

[anuraghazra]

NOTE: Consider the 100 max repos & also it get's the totalSize (in bytes) to calculate how many bytes you have written with the language.

[filiptronicek]

Is that how we want it to be? Is there not a better implementation?

NOTE: Consider the 100 max repos & also it get's the totalSize (in bytes) to calculate how many bytes you have written with the language.

[anuraghazra]

Is that how we want it to be? Is there not a better implementation?

NOTE: Consider the 100 max repos & also it get's the totalSize (in bytes) to calculate how many bytes you have written with the language.

That's how github calculates and it's all fetched from github's api so no way the data is wrong, maybe the data processing is wrong from my side. have to do some experiments.

[anuraghazra]

I'll look into this tomorrow.

[anuraghazra]

Working on my side, which browser you are using?

Chrome. But below code is showing rust & go lang as well.

query {
  user(login: "rjoydip") {
    repositories(isFork: false, first: 100) {
      nodes {
        languages(first: 1) {
          edges {
            size
            node {
              color
              name
            }
          }
        }
      }
    }
  }
}

Hi @rjoydip yes, but as you can see

              "edges": [
                {
                  "size": 196,
                  "node": {
                    "color": "#dea584",
                    "name": "Rust"
                  }
                }
              ]

There is only one rust lang in those 100 results, and the size is 196bytes it's i think this is why it's not showing

[anuraghazra]

Maybe if i change the gql query to fetch 5 langs from a certain repo then it would be better because for now i'm just only selecting one language from each repo.

user(login: "rjoydip") {
    repositories(isFork: false, first: 100) {
      nodes {
        languages(first: 5) {
          edges {
            size
            node {
              color
              name
            }
          }
        }
      }
    }
  }