forked from mirrored/github-readme-stats
Compare commits
1
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Rick Staa
|
4ab959d119 |
@@ -15,7 +15,7 @@ body:
|
|||||||
required: true
|
required: true
|
||||||
- type: textarea
|
- type: textarea
|
||||||
attributes:
|
attributes:
|
||||||
label: Expected behavior
|
label: Expected behaviour
|
||||||
description:
|
description:
|
||||||
A clear and concise description of what you expected to happen.
|
A clear and concise description of what you expected to happen.
|
||||||
- type: textarea
|
- type: textarea
|
||||||
|
|||||||
+1
-1
@@ -171,7 +171,7 @@ dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontr
|
|||||||
|
|
||||||
- `hide` - 从卡片中隐藏指定语言 _(Comma seperated values)_
|
- `hide` - 从卡片中隐藏指定语言 _(Comma seperated values)_
|
||||||
- `hide_title` - _(boolean)_
|
- `hide_title` - _(boolean)_
|
||||||
- `layout` - 提供四種佈局 `normal` & `compact` & `donut` & `pie` 间切换
|
- `layout` - 在两个可用布局 `default` & `compact` 间切换
|
||||||
- `card_width` - 手动设置卡片的宽度 _(number)_
|
- `card_width` - 手动设置卡片的宽度 _(number)_
|
||||||
|
|
||||||
> :warning: **重要:**
|
> :warning: **重要:**
|
||||||
|
|||||||
+5
-5
@@ -161,7 +161,7 @@ Du kannst mehrere, mit Kommas separierte, Werte in der bg_color Option angeben,
|
|||||||
|
|
||||||
- `hide` - Verbirgt die angegebenen Sprachen von der Karte _(Komma separierte Werte)_
|
- `hide` - Verbirgt die angegebenen Sprachen von der Karte _(Komma separierte Werte)_
|
||||||
- `hide_title` - _(Boolean)_
|
- `hide_title` - _(Boolean)_
|
||||||
- `layout` - Wechseln Sie zwischen den vier verfügbaren Layouts `normal` & `compact` & `donut` & `pie`
|
- `layout` - Wechsel zwischen den zwei verfügbaren Layouts `default` & `compact`
|
||||||
- `card_width` - Lege die Breite der Karte manuell fest _(Zahl)_
|
- `card_width` - Lege die Breite der Karte manuell fest _(Zahl)_
|
||||||
|
|
||||||
> :warning: **Wichtig:**
|
> :warning: **Wichtig:**
|
||||||
@@ -253,18 +253,18 @@ Du kannst die `&layout=compact` Option nutzen, um das Kartendesign zu ändern.
|
|||||||
Ändere `?username=` in den eigenen [Wakatime](https://wakatime.com)-Benutzernamen.
|
Ändere `?username=` in den eigenen [Wakatime](https://wakatime.com)-Benutzernamen.
|
||||||
|
|
||||||
```md
|
```md
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
```
|
```
|
||||||
|
|
||||||
### Beispiel
|
### Beispiel
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
- Kompaktes Layout
|
- Kompaktes Layout
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
+6
-6
@@ -175,7 +175,7 @@ Puedes pasar mútliples valores separados por coma en la opción `bg_color` para
|
|||||||
|
|
||||||
- `hide` - Oculta de la tarjeta los lenguajes especificados _(valores separados por comas)_
|
- `hide` - Oculta de la tarjeta los lenguajes especificados _(valores separados por comas)_
|
||||||
- `hide_title` - _(booleano)_
|
- `hide_title` - _(booleano)_
|
||||||
- `layout` - Cambiar entre los cuatro diseños disponibles `normal` & `compact` & `donut` & `pie`
|
- `layout` - Cambia entre los dos diseños disponibles `default` & `compact`
|
||||||
- `card_width` - Establece el ancho de la tarjeta manualmente _(número)_
|
- `card_width` - Establece el ancho de la tarjeta manualmente _(número)_
|
||||||
- `langs_count` - Muestra más lenguajes en la tarjeta, entre 1-10, por defecto 5 _(número)_
|
- `langs_count` - Muestra más lenguajes en la tarjeta, entre 1-10, por defecto 5 _(número)_
|
||||||
- `exclude_repo` - Excluye los repositorios especificados _(valores separados por comas)_
|
- `exclude_repo` - Excluye los repositorios especificados _(valores separados por comas)_
|
||||||
@@ -282,18 +282,18 @@ Puedes usar la opción `& layout = compact` para cambiar el diseño de la tarjet
|
|||||||
cambia el valor del parámetro `?username=` a tu username en [Wakatime](https://wakatime.com).
|
cambia el valor del parámetro `?username=` a tu username en [Wakatime](https://wakatime.com).
|
||||||
|
|
||||||
```md
|
```md
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
```
|
```
|
||||||
|
|
||||||
### Ejemplo
|
### Ejemplo
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
- Diseño compacto
|
- Diseño compacto
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -343,7 +343,7 @@ Escoja cualquiera de los [temas por defecto](#themes)
|
|||||||
|
|
||||||
- Tarjeta de Wakatime
|
- Tarjeta de Wakatime
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
+14
-2
@@ -90,6 +90,18 @@ Pour masquer des statistiques spécifiques, vous pouvez passer un paramètre de
|
|||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### Ajouter le compte des contributions privées au compte des commits totaux
|
||||||
|
|
||||||
|
Vous pouvez ajouter le compte de toutes vos contributions privées au compte total des engagements en utilisant le paramètre de requête `?count_private=true`.
|
||||||
|
|
||||||
|
_Note: Si vous déployez vous-même ce projet, les contributions privées seront comptées par défaut ; sinon, vous devez choisir de partager les comptes de vos contributions privées._
|
||||||
|
|
||||||
|
> Options: `&count_private=true`
|
||||||
|
|
||||||
|
```md
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
### Afficher les icônes
|
### Afficher les icônes
|
||||||
|
|
||||||
Pour activer les icônes, vous pouvez passer `show_icons=true` dans le paramètre de requête, comme ceci :
|
Pour activer les icônes, vous pouvez passer `show_icons=true` dans le paramètre de requête, comme ceci :
|
||||||
@@ -148,7 +160,7 @@ Vous pouvez fournir plusieurs valeurs (suivie d'une virgule) dans l'option bg_co
|
|||||||
- `hide_rank` - Masquer le rang _(boolean)_
|
- `hide_rank` - Masquer le rang _(boolean)_
|
||||||
- `show_icons` - Afficher les icônes _(boolean)_
|
- `show_icons` - Afficher les icônes _(boolean)_
|
||||||
- `include_all_commits` - Compter le total de commits au lieu de ne compter que les commits de l'année en cours _(boolean)_
|
- `include_all_commits` - Compter le total de commits au lieu de ne compter que les commits de l'année en cours _(boolean)_
|
||||||
- `count_private` - Compter les contributions privées _(boolean)_
|
- `count_private` - Compter les commits privés _(boolean)_
|
||||||
- `line_height` - Fixer la hauteur de la ligne entre les textes _(number)_
|
- `line_height` - Fixer la hauteur de la ligne entre les textes _(number)_
|
||||||
|
|
||||||
#### Repo Card Exclusive Options:
|
#### Repo Card Exclusive Options:
|
||||||
@@ -159,7 +171,7 @@ Vous pouvez fournir plusieurs valeurs (suivie d'une virgule) dans l'option bg_co
|
|||||||
|
|
||||||
- `hide` - Masquer les langages spécifiés sur la carte _(Comma seperated values)_
|
- `hide` - Masquer les langages spécifiés sur la carte _(Comma seperated values)_
|
||||||
- `hide_title` - Masquer le titre _(boolean)_
|
- `hide_title` - Masquer le titre _(boolean)_
|
||||||
- `layout` - Alterner entre 4 mise en page `normal` & `compact` & `donut` & `pie`
|
- `layout` - Alterner entre 2 mise en page `default` & `compact`
|
||||||
- `card_width` - Fixer la largeur de la carte manuellement _(number)_
|
- `card_width` - Fixer la largeur de la carte manuellement _(number)_
|
||||||
|
|
||||||
> :warning: **Important:**
|
> :warning: **Important:**
|
||||||
|
|||||||
+1
-1
@@ -171,7 +171,7 @@ Puoi fornire valori separati da virgola nel parametro bg_color per creare un gra
|
|||||||
|
|
||||||
- `hide` - Nasconde un linguaggio specifico _(valori separati da virgola)_
|
- `hide` - Nasconde un linguaggio specifico _(valori separati da virgola)_
|
||||||
- `hide_title` - Nasconde il titolo _(booleano)_
|
- `hide_title` - Nasconde il titolo _(booleano)_
|
||||||
- `layout` - Specificare il tipo di layout, `normal` (esteso), `compact` (compatto), `donut` (ciambella) e `pie` (torta)
|
- `layout` - Specifica il tipo di layout, `default` (esteso) o `compact` (compatto)
|
||||||
- `card_width` - Specifica il valore della larghezza _(numero)_
|
- `card_width` - Specifica il valore della larghezza _(numero)_
|
||||||
|
|
||||||
> :warning: **Importante:**
|
> :warning: **Importante:**
|
||||||
|
|||||||
+1
-1
@@ -174,7 +174,7 @@ bg_color オプションで複数のカンマ区切りの値を指定してグ
|
|||||||
|
|
||||||
- `hide` - 特定の言語を隠す _(カンマ区切りで指定)_
|
- `hide` - 特定の言語を隠す _(カンマ区切りで指定)_
|
||||||
- `hide_title` - _(boolean)_
|
- `hide_title` - _(boolean)_
|
||||||
- `layout` - `normal` & `compact` & `donut` & `pie` のいずれかのレイアウトに切り替える
|
- `layout` - `default` か `compact` のいずれかのレイアウトに切り替える
|
||||||
- `card_width` - カードの横幅 _(number)_
|
- `card_width` - カードの横幅 _(number)_
|
||||||
- `langs_count` - 表示される言語の数 _(1 ~ 10, 初期値 5)_
|
- `langs_count` - 表示される言語の数 _(1 ~ 10, 初期値 5)_
|
||||||
- `exclude_repo` - 指定されたリポジトリを除外する _(カンマ区切りで指定)_
|
- `exclude_repo` - 指定されたリポジトリを除外する _(カンマ区切りで指定)_
|
||||||
|
|||||||
+6
-6
@@ -189,7 +189,7 @@ dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontr
|
|||||||
|
|
||||||
- `hide` - 카드에서 특정 언어 제외 _(Comma-separated values)_
|
- `hide` - 카드에서 특정 언어 제외 _(Comma-separated values)_
|
||||||
- `hide_title` - 타이틀 제외 _(boolean)_
|
- `hide_title` - 타이틀 제외 _(boolean)_
|
||||||
- `layout` - 4가지 값 사용 가능, `normal` & `compact` & `donut` & `pie` 중 표시 형태 선택
|
- `layout` - 사용 가능한 두 가지 값, `default` & `compact` 중 표시 형태 선택
|
||||||
- `card_width` - 카드 너비 직접 설정 _(number)_
|
- `card_width` - 카드 너비 직접 설정 _(number)_
|
||||||
- `langs_count` - 카드에 표시할 언어의 수 (1-10 사이, 기본 값 : 5) _(number)_
|
- `langs_count` - 카드에 표시할 언어의 수 (1-10 사이, 기본 값 : 5) _(number)_
|
||||||
- `exclude_repo` - 통계에 제외할 저장소 지정 _(Comma-separated values)_
|
- `exclude_repo` - 통계에 제외할 저장소 지정 _(Comma-separated values)_
|
||||||
@@ -298,18 +298,18 @@ _참고:
|
|||||||
`?username=` 속성의 값을 [Wakatime](https://wakatime.com) 계정의 사용자 명(닉네임)으로 바꿔주세요.
|
`?username=` 속성의 값을 [Wakatime](https://wakatime.com) 계정의 사용자 명(닉네임)으로 바꿔주세요.
|
||||||
|
|
||||||
```md
|
```md
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
```
|
```
|
||||||
|
|
||||||
### 미리보기
|
### 미리보기
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
- 컴팩트한 레이아웃
|
- 컴팩트한 레이아웃
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -359,7 +359,7 @@ _참고:
|
|||||||
|
|
||||||
- Wakatime 카드
|
- Wakatime 카드
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
+5
-5
@@ -176,7 +176,7 @@ Je kan meerdere komma verdeelde waarden in de bg_color optie geven om een kleure
|
|||||||
|
|
||||||
- `hide` - Verbergt specifieke talen van de kaart _(komma gescheiden waardes)_
|
- `hide` - Verbergt specifieke talen van de kaart _(komma gescheiden waardes)_
|
||||||
- `hide_title` - _(boolean)_
|
- `hide_title` - _(boolean)_
|
||||||
- `layout` - Keuze uit de vier beschikbare indelingen `normal` & `compact` & `donut` & `pie`
|
- `layout` - Keuze voor de twee beschikbare layouts `default` & `compact`
|
||||||
- `card_width` - Stelt de breedte van de kaart handmatig in. _(nummer)_
|
- `card_width` - Stelt de breedte van de kaart handmatig in. _(nummer)_
|
||||||
- `langs_count` - Laat meer talen op de kaart zien, waarde tussen 1-10, staat standaard op to 5 _(nummer)_
|
- `langs_count` - Laat meer talen op de kaart zien, waarde tussen 1-10, staat standaard op to 5 _(nummer)_
|
||||||
- `exclude_repo` - Verbergt specifieke repositories _(komma gescheiden waardes)_
|
- `exclude_repo` - Verbergt specifieke repositories _(komma gescheiden waardes)_
|
||||||
@@ -283,14 +283,14 @@ Je kan de `&layout=compact` optie gebruiken om het kaart ontwerp aan te passen.
|
|||||||
Verander de `?username=` waarde naar je [Wakatime](https://wakatime.com) gebruikersnaam.
|
Verander de `?username=` waarde naar je [Wakatime](https://wakatime.com) gebruikersnaam.
|
||||||
|
|
||||||
```md
|
```md
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
```
|
```
|
||||||
|
|
||||||
### Demo
|
### Demo
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -340,7 +340,7 @@ Kies uit de [standaard thema\'s](#themes)
|
|||||||
|
|
||||||
- Wakatime kaart
|
- Wakatime kaart
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
+5
-5
@@ -174,7 +174,7 @@ You can provide multiple comma-separated values in bg_color option to render a g
|
|||||||
|
|
||||||
- `hide` - Hide the languages specified from the card _(Comma-separated values)_
|
- `hide` - Hide the languages specified from the card _(Comma-separated values)_
|
||||||
- `hide_title` - _(boolean)_
|
- `hide_title` - _(boolean)_
|
||||||
- `layout` - Switch between four available layouts `normal` & `compact` & `donut` & `pie`. Default: `normal`.
|
- `layout` - Switch between two available layouts `default` & `compact`
|
||||||
- `card_width` - Set the card's width manually _(number)_
|
- `card_width` - Set the card's width manually _(number)_
|
||||||
- `langs_count` - Show more languages on the card, between 1-10, defaults to 5 _(number)_
|
- `langs_count` - Show more languages on the card, between 1-10, defaults to 5 _(number)_
|
||||||
- `exclude_repo` - Exclude specified repositories _(Comma-separated values)_
|
- `exclude_repo` - Exclude specified repositories _(Comma-separated values)_
|
||||||
@@ -279,14 +279,14 @@ You can use the `&langs_count=` option to increase or decrease the number of lan
|
|||||||
Change the `?username=` value to your [Wakatime](https://wakatime.com) username.
|
Change the `?username=` value to your [Wakatime](https://wakatime.com) username.
|
||||||
|
|
||||||
```md
|
```md
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
```
|
```
|
||||||
|
|
||||||
### डेमो
|
### डेमो
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -336,7 +336,7 @@ Change the `?username=` value to your [Wakatime](https://wakatime.com) username.
|
|||||||
|
|
||||||
- वक समय कार्ड
|
- वक समय कार्ड
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
@@ -164,7 +164,7 @@ Personalize a aparência do seu `Stats Card` ou `Repo Card` da maneira que desej
|
|||||||
|
|
||||||
- `hide` - Oculta linguagens específicas _(Valores separados por vírgulas)_
|
- `hide` - Oculta linguagens específicas _(Valores separados por vírgulas)_
|
||||||
- `hide_title` - Oculta o título _(boolean)_
|
- `hide_title` - Oculta o título _(boolean)_
|
||||||
- `layout` - Alterna entre os quatro layouts disponíveis `normal` & `compact` & `donut` & `pie`
|
- `layout` - Alterna entre os dois layouts disponíveis `default` & `compact`
|
||||||
- `card_width` - Define a largura do cartão manualmente _(number)_
|
- `card_width` - Define a largura do cartão manualmente _(number)_
|
||||||
|
|
||||||
> :warning: **Importante:**
|
> :warning: **Importante:**
|
||||||
@@ -242,14 +242,14 @@ Utilize a opção `&layout=compact` para mudar o layout do cartão.
|
|||||||
Altere o valor de `?username=` para o seu username do Wakatime.
|
Altere o valor de `?username=` para o seu username do Wakatime.
|
||||||
|
|
||||||
```md
|
```md
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
```
|
```
|
||||||
|
|
||||||
### Demonstração
|
### Demonstração
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
+6
-6
@@ -176,7 +176,7 @@ bg_color içerisinde birden fazla rengi gradient olarak göstermek için virgül
|
|||||||
|
|
||||||
- `hide` - Belirli bir dili listede gizler _(Virgül ile ayırılmış değerlerle)_
|
- `hide` - Belirli bir dili listede gizler _(Virgül ile ayırılmış değerlerle)_
|
||||||
- `hide_title` - _(boolean)_
|
- `hide_title` - _(boolean)_
|
||||||
- `layout` - Dört uygun tasarım / düzen arasında geçiş `normal` & `compact` & `donut` & `pie`
|
- `layout` - Uygun olan iki tasarım / layout arasında değişiklik yapar `default` & `compact`
|
||||||
- `card_width` - Kartın genişliğini manuel olarak belirler _(number)_
|
- `card_width` - Kartın genişliğini manuel olarak belirler _(number)_
|
||||||
- `langs_count` - 1-10 arasında istediğiniz kadar dil gösterebilirsiniz. Varsayılan: 5 _(number)_
|
- `langs_count` - 1-10 arasında istediğiniz kadar dil gösterebilirsiniz. Varsayılan: 5 _(number)_
|
||||||
- `exclude_repo` - Belirli repoları listeden çıkartır _(Virgül ile ayırılmış değerlerle)_
|
- `exclude_repo` - Belirli repoları listeden çıkartır _(Virgül ile ayırılmış değerlerle)_
|
||||||
@@ -282,18 +282,18 @@ Endpoint: `api/top-langs?username=mustafacagri`
|
|||||||
`?username=` değerini [Wakatime](https://wakatime.com)'daki kullanıcı adınızla değiştirin.
|
`?username=` değerini [Wakatime](https://wakatime.com)'daki kullanıcı adınızla değiştirin.
|
||||||
|
|
||||||
```md
|
```md
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
```
|
```
|
||||||
|
|
||||||
### Demo
|
### Demo
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
- Kompakt Düzen
|
- Kompakt Düzen
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@@ -343,7 +343,7 @@ Endpoint: `api/top-langs?username=mustafacagri`
|
|||||||
|
|
||||||
- Wakatime kart
|
- Wakatime kart
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Generated
+109
-36
@@ -1495,19 +1495,31 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/acorn-globals": {
|
"node_modules/acorn-globals": {
|
||||||
"version": "7.0.1",
|
"version": "6.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
|
||||||
"integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
|
"integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"acorn": "^8.1.0",
|
"acorn": "^7.1.1",
|
||||||
"acorn-walk": "^8.0.2"
|
"acorn-walk": "^7.1.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/acorn-globals/node_modules/acorn": {
|
||||||
|
"version": "7.4.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
|
||||||
|
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
|
||||||
|
"dev": true,
|
||||||
|
"bin": {
|
||||||
|
"acorn": "bin/acorn"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=0.4.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/acorn-walk": {
|
"node_modules/acorn-walk": {
|
||||||
"version": "8.2.0",
|
"version": "7.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
|
||||||
"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
|
"integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.4.0"
|
"node": ">=0.4.0"
|
||||||
@@ -1766,6 +1778,12 @@
|
|||||||
"node": ">=8"
|
"node": ">=8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/browser-process-hrtime": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
|
||||||
|
"integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
"node_modules/browserslist": {
|
"node_modules/browserslist": {
|
||||||
"version": "4.21.4",
|
"version": "4.21.4",
|
||||||
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
|
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
|
||||||
@@ -2491,6 +2509,20 @@
|
|||||||
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
|
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"node_modules/fsevents": {
|
||||||
|
"version": "2.3.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
|
||||||
|
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
|
||||||
|
"dev": true,
|
||||||
|
"hasInstallScript": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"darwin"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/function-bind": {
|
"node_modules/function-bind": {
|
||||||
"version": "1.1.1",
|
"version": "1.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
|
||||||
@@ -3833,18 +3865,18 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/jsdom": {
|
"node_modules/jsdom": {
|
||||||
"version": "20.0.1",
|
"version": "20.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.0.tgz",
|
||||||
"integrity": "sha512-pksjj7Rqoa+wdpkKcLzQRHhJCEE42qQhl/xLMUKHgoSejaKOdaXEAnqs6uDNwMl/fciHTzKeR8Wm8cw7N+g98A==",
|
"integrity": "sha512-x4a6CKCgx00uCmP+QakBDFXwjAJ69IkkIWHmtmjd3wvXPcdOS44hfX2vqkOQrVrq8l9DhNNADZRXaCEWvgXtVA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"abab": "^2.0.6",
|
"abab": "^2.0.6",
|
||||||
"acorn": "^8.8.0",
|
"acorn": "^8.7.1",
|
||||||
"acorn-globals": "^7.0.0",
|
"acorn-globals": "^6.0.0",
|
||||||
"cssom": "^0.5.0",
|
"cssom": "^0.5.0",
|
||||||
"cssstyle": "^2.3.0",
|
"cssstyle": "^2.3.0",
|
||||||
"data-urls": "^3.0.2",
|
"data-urls": "^3.0.2",
|
||||||
"decimal.js": "^10.4.1",
|
"decimal.js": "^10.3.1",
|
||||||
"domexception": "^4.0.0",
|
"domexception": "^4.0.0",
|
||||||
"escodegen": "^2.0.0",
|
"escodegen": "^2.0.0",
|
||||||
"form-data": "^4.0.0",
|
"form-data": "^4.0.0",
|
||||||
@@ -3852,17 +3884,18 @@
|
|||||||
"http-proxy-agent": "^5.0.0",
|
"http-proxy-agent": "^5.0.0",
|
||||||
"https-proxy-agent": "^5.0.1",
|
"https-proxy-agent": "^5.0.1",
|
||||||
"is-potential-custom-element-name": "^1.0.1",
|
"is-potential-custom-element-name": "^1.0.1",
|
||||||
"nwsapi": "^2.2.2",
|
"nwsapi": "^2.2.0",
|
||||||
"parse5": "^7.1.1",
|
"parse5": "^7.0.0",
|
||||||
"saxes": "^6.0.0",
|
"saxes": "^6.0.0",
|
||||||
"symbol-tree": "^3.2.4",
|
"symbol-tree": "^3.2.4",
|
||||||
"tough-cookie": "^4.1.2",
|
"tough-cookie": "^4.0.0",
|
||||||
|
"w3c-hr-time": "^1.0.2",
|
||||||
"w3c-xmlserializer": "^3.0.0",
|
"w3c-xmlserializer": "^3.0.0",
|
||||||
"webidl-conversions": "^7.0.0",
|
"webidl-conversions": "^7.0.0",
|
||||||
"whatwg-encoding": "^2.0.0",
|
"whatwg-encoding": "^2.0.0",
|
||||||
"whatwg-mimetype": "^3.0.0",
|
"whatwg-mimetype": "^3.0.0",
|
||||||
"whatwg-url": "^11.0.0",
|
"whatwg-url": "^11.0.0",
|
||||||
"ws": "^8.9.0",
|
"ws": "^8.8.0",
|
||||||
"xml-name-validator": "^4.0.0"
|
"xml-name-validator": "^4.0.0"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
@@ -5364,6 +5397,15 @@
|
|||||||
"node": ">=10.12.0"
|
"node": ">=10.12.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/w3c-hr-time": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"browser-process-hrtime": "^1.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/w3c-xmlserializer": {
|
"node_modules/w3c-xmlserializer": {
|
||||||
"version": "3.0.0",
|
"version": "3.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
|
||||||
@@ -6788,19 +6830,27 @@
|
|||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"acorn-globals": {
|
"acorn-globals": {
|
||||||
"version": "7.0.1",
|
"version": "6.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
|
||||||
"integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
|
"integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"acorn": "^8.1.0",
|
"acorn": "^7.1.1",
|
||||||
"acorn-walk": "^8.0.2"
|
"acorn-walk": "^7.1.1"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"acorn": {
|
||||||
|
"version": "7.4.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
|
||||||
|
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
|
||||||
|
"dev": true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"acorn-walk": {
|
"acorn-walk": {
|
||||||
"version": "8.2.0",
|
"version": "7.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
|
||||||
"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
|
"integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"agent-base": {
|
"agent-base": {
|
||||||
@@ -6999,6 +7049,12 @@
|
|||||||
"fill-range": "^7.0.1"
|
"fill-range": "^7.0.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"browser-process-hrtime": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
|
||||||
|
"integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
"browserslist": {
|
"browserslist": {
|
||||||
"version": "4.21.4",
|
"version": "4.21.4",
|
||||||
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
|
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
|
||||||
@@ -7534,6 +7590,13 @@
|
|||||||
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
|
"integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"fsevents": {
|
||||||
|
"version": "2.3.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
|
||||||
|
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
|
||||||
|
"dev": true,
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
"function-bind": {
|
"function-bind": {
|
||||||
"version": "1.1.1",
|
"version": "1.1.1",
|
||||||
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
|
||||||
@@ -8546,18 +8609,18 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"jsdom": {
|
"jsdom": {
|
||||||
"version": "20.0.1",
|
"version": "20.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.0.tgz",
|
||||||
"integrity": "sha512-pksjj7Rqoa+wdpkKcLzQRHhJCEE42qQhl/xLMUKHgoSejaKOdaXEAnqs6uDNwMl/fciHTzKeR8Wm8cw7N+g98A==",
|
"integrity": "sha512-x4a6CKCgx00uCmP+QakBDFXwjAJ69IkkIWHmtmjd3wvXPcdOS44hfX2vqkOQrVrq8l9DhNNADZRXaCEWvgXtVA==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"abab": "^2.0.6",
|
"abab": "^2.0.6",
|
||||||
"acorn": "^8.8.0",
|
"acorn": "^8.7.1",
|
||||||
"acorn-globals": "^7.0.0",
|
"acorn-globals": "^6.0.0",
|
||||||
"cssom": "^0.5.0",
|
"cssom": "^0.5.0",
|
||||||
"cssstyle": "^2.3.0",
|
"cssstyle": "^2.3.0",
|
||||||
"data-urls": "^3.0.2",
|
"data-urls": "^3.0.2",
|
||||||
"decimal.js": "^10.4.1",
|
"decimal.js": "^10.3.1",
|
||||||
"domexception": "^4.0.0",
|
"domexception": "^4.0.0",
|
||||||
"escodegen": "^2.0.0",
|
"escodegen": "^2.0.0",
|
||||||
"form-data": "^4.0.0",
|
"form-data": "^4.0.0",
|
||||||
@@ -8565,17 +8628,18 @@
|
|||||||
"http-proxy-agent": "^5.0.0",
|
"http-proxy-agent": "^5.0.0",
|
||||||
"https-proxy-agent": "^5.0.1",
|
"https-proxy-agent": "^5.0.1",
|
||||||
"is-potential-custom-element-name": "^1.0.1",
|
"is-potential-custom-element-name": "^1.0.1",
|
||||||
"nwsapi": "^2.2.2",
|
"nwsapi": "^2.2.0",
|
||||||
"parse5": "^7.1.1",
|
"parse5": "^7.0.0",
|
||||||
"saxes": "^6.0.0",
|
"saxes": "^6.0.0",
|
||||||
"symbol-tree": "^3.2.4",
|
"symbol-tree": "^3.2.4",
|
||||||
"tough-cookie": "^4.1.2",
|
"tough-cookie": "^4.0.0",
|
||||||
|
"w3c-hr-time": "^1.0.2",
|
||||||
"w3c-xmlserializer": "^3.0.0",
|
"w3c-xmlserializer": "^3.0.0",
|
||||||
"webidl-conversions": "^7.0.0",
|
"webidl-conversions": "^7.0.0",
|
||||||
"whatwg-encoding": "^2.0.0",
|
"whatwg-encoding": "^2.0.0",
|
||||||
"whatwg-mimetype": "^3.0.0",
|
"whatwg-mimetype": "^3.0.0",
|
||||||
"whatwg-url": "^11.0.0",
|
"whatwg-url": "^11.0.0",
|
||||||
"ws": "^8.9.0",
|
"ws": "^8.8.0",
|
||||||
"xml-name-validator": "^4.0.0"
|
"xml-name-validator": "^4.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -9660,6 +9724,15 @@
|
|||||||
"convert-source-map": "^1.6.0"
|
"convert-source-map": "^1.6.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"w3c-hr-time": {
|
||||||
|
"version": "1.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
|
||||||
|
"integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
|
||||||
|
"dev": true,
|
||||||
|
"requires": {
|
||||||
|
"browser-process-hrtime": "^1.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"w3c-xmlserializer": {
|
"w3c-xmlserializer": {
|
||||||
"version": "3.0.0",
|
"version": "3.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
|
||||||
|
|||||||
@@ -120,6 +120,19 @@ You can pass a query parameter `&hide=` to hide any specific stats with comma-se
|
|||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
|
### Adding private contributions count to total commits count
|
||||||
|
|
||||||
|
You can add the count of all your private contributions to the total commits count by using the query parameter `&count_private=true`.
|
||||||
|
|
||||||
|
> **Note**
|
||||||
|
> If you are deploying this project yourself, the private contributions will be counted by default. If you are using the public Vercel instance, you need to choose to [share your private contributions](https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/managing-contribution-settings-on-your-profile/showing-your-private-contributions-and-achievements-on-your-profile).
|
||||||
|
|
||||||
|
> Options: `&count_private=true`
|
||||||
|
|
||||||
|
```md
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
### Showing icons
|
### Showing icons
|
||||||
|
|
||||||
To enable icons, you can pass `&show_icons=true` in the query param, like so:
|
To enable icons, you can pass `&show_icons=true` in the query param, like so:
|
||||||
@@ -270,7 +283,7 @@ You can provide multiple comma-separated values in the bg_color option to render
|
|||||||
- `rank_icon` - Shows alternative rank icon (i.e. `github` or `default`). Default: `default`.
|
- `rank_icon` - Shows alternative rank icon (i.e. `github` or `default`). Default: `default`.
|
||||||
- `show_icons` - _(boolean)_. Default: `false`.
|
- `show_icons` - _(boolean)_. Default: `false`.
|
||||||
- `include_all_commits` - Count total commits instead of just the current year commits _(boolean)_. Default: `false`.
|
- `include_all_commits` - Count total commits instead of just the current year commits _(boolean)_. Default: `false`.
|
||||||
- `count_private` - Count private contributions _(boolean)_. Default: `false`.
|
- `count_private` - Count private commits _(boolean)_. Default: `false`.
|
||||||
- `line_height` - Sets the line height between text _(number)_. Default: `25`.
|
- `line_height` - Sets the line height between text _(number)_. Default: `25`.
|
||||||
- `exclude_repo` - Exclude stars from specified repositories _(Comma-separated values)_. Default: `[] (blank array)`.
|
- `exclude_repo` - Exclude stars from specified repositories _(Comma-separated values)_. Default: `[] (blank array)`.
|
||||||
- `custom_title` - Sets a custom title for the card. Default: `<username> GitHub Stats`.
|
- `custom_title` - Sets a custom title for the card. Default: `<username> GitHub Stats`.
|
||||||
@@ -290,7 +303,7 @@ You can provide multiple comma-separated values in the bg_color option to render
|
|||||||
|
|
||||||
- `hide` - Hide the languages specified from the card _(Comma-separated values)_. Default: `[] (blank array)`.
|
- `hide` - Hide the languages specified from the card _(Comma-separated values)_. Default: `[] (blank array)`.
|
||||||
- `hide_title` - _(boolean)_. Default: `false`.
|
- `hide_title` - _(boolean)_. Default: `false`.
|
||||||
- `layout` - Switch between four available layouts `normal` & `compact` & `donut` & `pie`. Default: `normal`.
|
- `layout` - Switch between two available layouts `default` & `compact`. Default: `default`.
|
||||||
- `card_width` - Set the card's width manually _(number)_. Default `300`.
|
- `card_width` - Set the card's width manually _(number)_. Default `300`.
|
||||||
- `langs_count` - Show more languages on the card, between 1-10 _(number)_. Default `5`.
|
- `langs_count` - Show more languages on the card, between 1-10 _(number)_. Default `5`.
|
||||||
- `exclude_repo` - Exclude specified repositories _(Comma-separated values)_. Default: `[] (blank array)`.
|
- `exclude_repo` - Exclude specified repositories _(Comma-separated values)_. Default: `[] (blank array)`.
|
||||||
@@ -410,22 +423,6 @@ You can use the `&layout=compact` option to change the card design.
|
|||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
```
|
```
|
||||||
|
|
||||||
### Donut Chart Language Card Layout
|
|
||||||
|
|
||||||
You can use the `&layout=donut` option to change the card design.
|
|
||||||
|
|
||||||
```md
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
|
||||||
```
|
|
||||||
|
|
||||||
### Pie Chart Language Card Layout
|
|
||||||
|
|
||||||
You can use the `&layout=pie` option to change the card design.
|
|
||||||
|
|
||||||
```md
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
|
||||||
```
|
|
||||||
|
|
||||||
### Hide Progress Bars
|
### Hide Progress Bars
|
||||||
|
|
||||||
You can use the `&hide_progress=true` option to hide the percentages and the progress bars (layout will be automatically set to `compact`).
|
You can use the `&hide_progress=true` option to hide the percentages and the progress bars (layout will be automatically set to `compact`).
|
||||||
@@ -442,14 +439,6 @@ You can use the `&hide_progress=true` option to hide the percentages and the pro
|
|||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|
||||||
- Donut Chart layout
|
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
|
||||||
|
|
||||||
- Pie Chart layout
|
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
|
||||||
|
|
||||||
- Hidden progress bars
|
- Hidden progress bars
|
||||||
|
|
||||||
[](https://github.com/anuraghazra/github-readme-stats)
|
[](https://github.com/anuraghazra/github-readme-stats)
|
||||||
|
|||||||
+84
-51
@@ -1,72 +1,105 @@
|
|||||||
function expsf(x, lambda = 1) {
|
/**
|
||||||
return 2 ** (-lambda * x);
|
* Calculates the probability of x taking on x or a value less than x in a normal distribution
|
||||||
}
|
* with mean and standard deviation.
|
||||||
|
*
|
||||||
|
* @see https://stackoverflow.com/a/5263759/10629172
|
||||||
|
*
|
||||||
|
* @param {string} mean The mean of the normal distribution.
|
||||||
|
* @param {number} sigma The standard deviation of the normal distribution.
|
||||||
|
* @param {number} to The value to calculate the probability for.
|
||||||
|
* @returns {number} Probability.
|
||||||
|
*/
|
||||||
|
const normalcdf = (mean, sigma, to) => {
|
||||||
|
var z = (to - mean) / Math.sqrt(2 * sigma * sigma);
|
||||||
|
var t = 1 / (1 + 0.3275911 * Math.abs(z));
|
||||||
|
var a1 = 0.254829592;
|
||||||
|
var a2 = -0.284496736;
|
||||||
|
var a3 = 1.421413741;
|
||||||
|
var a4 = -1.453152027;
|
||||||
|
var a5 = 1.061405429;
|
||||||
|
var erf =
|
||||||
|
1 - ((((a5 * t + a4) * t + a3) * t + a2) * t + a1) * t * Math.exp(-z * z);
|
||||||
|
var sign = 1;
|
||||||
|
if (z < 0) {
|
||||||
|
sign = -1;
|
||||||
|
}
|
||||||
|
return (1 / 2) * (1 + sign * erf);
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Calculates the users rank.
|
* Calculates the users rank.
|
||||||
*
|
*
|
||||||
* @param {object} params Parameters on which the user's rank depends.
|
* @param {object} params Parameters on which the user's rank depends.
|
||||||
* @param {boolean} params.all_commits Whether `include_all_commits` was used.
|
* @param {number} params.totalRepos Total number of repos.
|
||||||
* @param {number} params.commits Number of commits.
|
* @param {number} params.totalCommits Total number of commits.
|
||||||
|
* @param {number} params.contributions The number of contributions.
|
||||||
|
* @param {number} params.followers The number of followers.
|
||||||
* @param {number} params.prs The number of pull requests.
|
* @param {number} params.prs The number of pull requests.
|
||||||
* @param {number} params.issues The number of issues.
|
* @param {number} params.issues The number of issues.
|
||||||
* @param {number} params.repos Total number of repos.
|
* @param {number} params.stargazers The number of stars.
|
||||||
* @param {number} params.stars The number of stars.
|
|
||||||
* @param {number} params.followers The number of followers.
|
|
||||||
* @returns {{level: string, score: number}}} The users rank.
|
* @returns {{level: string, score: number}}} The users rank.
|
||||||
*/
|
*/
|
||||||
function calculateRank({
|
const calculateRank = ({
|
||||||
all_commits,
|
totalRepos,
|
||||||
commits,
|
totalCommits,
|
||||||
|
contributions,
|
||||||
|
followers,
|
||||||
prs,
|
prs,
|
||||||
issues,
|
issues,
|
||||||
repos, // unused
|
stargazers,
|
||||||
stars,
|
}) => {
|
||||||
followers,
|
const COMMITS_OFFSET = 1.65;
|
||||||
}) {
|
const CONTRIBS_OFFSET = 1.65;
|
||||||
const COMMITS_MEAN = all_commits ? 1000 : 250,
|
const ISSUES_OFFSET = 1;
|
||||||
COMMITS_WEIGHT = 2;
|
const STARS_OFFSET = 0.75;
|
||||||
const PRS_MEAN = 50,
|
const PRS_OFFSET = 0.5;
|
||||||
PRS_WEIGHT = 3;
|
const FOLLOWERS_OFFSET = 0.45;
|
||||||
const ISSUES_MEAN = 25,
|
const REPO_OFFSET = 1;
|
||||||
ISSUES_WEIGHT = 1;
|
|
||||||
const STARS_MEAN = 250,
|
|
||||||
STARS_WEIGHT = 4;
|
|
||||||
const FOLLOWERS_MEAN = 25,
|
|
||||||
FOLLOWERS_WEIGHT = 1;
|
|
||||||
|
|
||||||
const TOTAL_WEIGHT =
|
const ALL_OFFSETS =
|
||||||
COMMITS_WEIGHT +
|
CONTRIBS_OFFSET +
|
||||||
PRS_WEIGHT +
|
ISSUES_OFFSET +
|
||||||
ISSUES_WEIGHT +
|
STARS_OFFSET +
|
||||||
STARS_WEIGHT +
|
PRS_OFFSET +
|
||||||
FOLLOWERS_WEIGHT;
|
FOLLOWERS_OFFSET +
|
||||||
|
REPO_OFFSET;
|
||||||
|
|
||||||
const rank =
|
const RANK_S_VALUE = 1;
|
||||||
(COMMITS_WEIGHT * expsf(commits, 1 / COMMITS_MEAN) +
|
const RANK_DOUBLE_A_VALUE = 25;
|
||||||
PRS_WEIGHT * expsf(prs, 1 / PRS_MEAN) +
|
const RANK_A2_VALUE = 45;
|
||||||
ISSUES_WEIGHT * expsf(issues, 1 / ISSUES_MEAN) +
|
const RANK_A3_VALUE = 60;
|
||||||
STARS_WEIGHT * expsf(stars, 1 / STARS_MEAN) +
|
const RANK_B_VALUE = 100;
|
||||||
FOLLOWERS_WEIGHT * expsf(followers, 1 / FOLLOWERS_MEAN)) /
|
|
||||||
TOTAL_WEIGHT;
|
|
||||||
|
|
||||||
const RANK_S_PLUS = 0.025;
|
const TOTAL_VALUES =
|
||||||
const RANK_S = 0.1;
|
RANK_S_VALUE +
|
||||||
const RANK_A_PLUS = 0.25;
|
RANK_DOUBLE_A_VALUE +
|
||||||
const RANK_A = 0.5;
|
RANK_A2_VALUE +
|
||||||
const RANK_B_PLUS = 0.75;
|
RANK_A3_VALUE +
|
||||||
|
RANK_B_VALUE;
|
||||||
|
|
||||||
|
// prettier-ignore
|
||||||
|
const score = (
|
||||||
|
totalCommits * COMMITS_OFFSET +
|
||||||
|
contributions * CONTRIBS_OFFSET +
|
||||||
|
issues * ISSUES_OFFSET +
|
||||||
|
stargazers * STARS_OFFSET +
|
||||||
|
prs * PRS_OFFSET +
|
||||||
|
followers * FOLLOWERS_OFFSET +
|
||||||
|
totalRepos * REPO_OFFSET
|
||||||
|
) / 100;
|
||||||
|
|
||||||
|
const normalizedScore = normalcdf(score, TOTAL_VALUES, ALL_OFFSETS) * 100;
|
||||||
|
|
||||||
const level = (() => {
|
const level = (() => {
|
||||||
if (rank <= RANK_S_PLUS) return "S+";
|
if (normalizedScore < RANK_S_VALUE) return "S+";
|
||||||
if (rank <= RANK_S) return "S";
|
if (normalizedScore < RANK_DOUBLE_A_VALUE) return "S";
|
||||||
if (rank <= RANK_A_PLUS) return "A+";
|
if (normalizedScore < RANK_A2_VALUE) return "A++";
|
||||||
if (rank <= RANK_A) return "A";
|
if (normalizedScore < RANK_A3_VALUE) return "A+";
|
||||||
if (rank <= RANK_B_PLUS) return "B+";
|
return "B+";
|
||||||
return "B";
|
|
||||||
})();
|
})();
|
||||||
|
|
||||||
return { level, score: rank * 100 };
|
return { level, score: normalizedScore };
|
||||||
}
|
};
|
||||||
|
|
||||||
export { calculateRank };
|
export { calculateRank };
|
||||||
export default calculateRank;
|
export default calculateRank;
|
||||||
|
|||||||
+55
-374
@@ -36,144 +36,13 @@ const getLongestLang = (arr) =>
|
|||||||
);
|
);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Convert degrees to radians.
|
* Creates a node to display usage of a programming language in percentage
|
||||||
*
|
* using text and a horizontal progress bar.
|
||||||
* @param {number} angleInDegrees Angle in degrees.
|
|
||||||
* @returns Angle in radians.
|
|
||||||
*/
|
|
||||||
const degreesToRadians = (angleInDegrees) => angleInDegrees * (Math.PI / 180.0);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Convert radians to degrees.
|
|
||||||
*
|
|
||||||
* @param {number} angleInRadians Angle in radians.
|
|
||||||
* @returns Angle in degrees.
|
|
||||||
*/
|
|
||||||
const radiansToDegrees = (angleInRadians) => angleInRadians / (Math.PI / 180.0);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Convert polar coordinates to cartesian coordinates.
|
|
||||||
*
|
|
||||||
* @param {number} centerX Center x coordinate.
|
|
||||||
* @param {number} centerY Center y coordinate.
|
|
||||||
* @param {number} radius Radius of the circle.
|
|
||||||
* @param {number} angleInDegrees Angle in degrees.
|
|
||||||
* @returns {{x: number, y: number}} Cartesian coordinates.
|
|
||||||
*/
|
|
||||||
const polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
|
|
||||||
const rads = degreesToRadians(angleInDegrees);
|
|
||||||
return {
|
|
||||||
x: centerX + radius * Math.cos(rads),
|
|
||||||
y: centerY + radius * Math.sin(rads),
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Convert cartesian coordinates to polar coordinates.
|
|
||||||
*
|
|
||||||
* @param {number} centerX Center x coordinate.
|
|
||||||
* @param {number} centerY Center y coordinate.
|
|
||||||
* @param {number} x Point x coordinate.
|
|
||||||
* @param {number} y Point y coordinate.
|
|
||||||
* @returns {{radius: number, angleInDegrees: number}} Polar coordinates.
|
|
||||||
*/
|
|
||||||
const cartesianToPolar = (centerX, centerY, x, y) => {
|
|
||||||
const radius = Math.sqrt(Math.pow(x - centerX, 2) + Math.pow(y - centerY, 2));
|
|
||||||
let angleInDegrees = radiansToDegrees(Math.atan2(y - centerY, x - centerX));
|
|
||||||
if (angleInDegrees < 0) angleInDegrees += 360;
|
|
||||||
return { radius, angleInDegrees };
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Calculates height for the compact layout.
|
|
||||||
*
|
|
||||||
* @param {number} totalLangs Total number of languages.
|
|
||||||
* @returns {number} Card height.
|
|
||||||
*/
|
|
||||||
const calculateCompactLayoutHeight = (totalLangs) => {
|
|
||||||
return 90 + Math.round(totalLangs / 2) * 25;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Calculates height for the normal layout.
|
|
||||||
*
|
|
||||||
* @param {number} totalLangs Total number of languages.
|
|
||||||
* @returns {number} Card height.
|
|
||||||
*/
|
|
||||||
const calculateNormalLayoutHeight = (totalLangs) => {
|
|
||||||
return 45 + (totalLangs + 1) * 40;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Calculates height for the donut layout.
|
|
||||||
*
|
|
||||||
* @param {number} totalLangs Total number of languages.
|
|
||||||
* @returns {number} Card height.
|
|
||||||
*/
|
|
||||||
const calculateDonutLayoutHeight = (totalLangs) => {
|
|
||||||
return 215 + Math.max(totalLangs - 5, 0) * 32;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Calculates height for the pie layout.
|
|
||||||
*
|
|
||||||
* @param {number} totalLangs Total number of languages.
|
|
||||||
* @returns {number} Card height.
|
|
||||||
*/
|
|
||||||
const calculatePieLayoutHeight = (totalLangs) => {
|
|
||||||
return 300 + Math.round(totalLangs / 2) * 25;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Calculates the center translation needed to keep the donut chart centred.
|
|
||||||
* @param {number} totalLangs Total number of languages.
|
|
||||||
* @returns {number} Donut center translation.
|
|
||||||
*/
|
|
||||||
const donutCenterTranslation = (totalLangs) => {
|
|
||||||
return -45 + Math.max(totalLangs - 5, 0) * 16;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Trim top languages to lang_count while also hiding certain languages.
|
|
||||||
*
|
|
||||||
* @param {Record<string, Lang>} topLangs Top languages.
|
|
||||||
* @param {string[]} hide Languages to hide.
|
|
||||||
* @param {string} langs_count Number of languages to show.
|
|
||||||
* @returns {{topLangs: Record<string, Lang>, totalSize: number}} Trimmed top languages and total size.
|
|
||||||
*/
|
|
||||||
const trimTopLanguages = (topLangs, hide, langs_count) => {
|
|
||||||
let langs = Object.values(topLangs);
|
|
||||||
let langsToHide = {};
|
|
||||||
let langsCount = clampValue(parseInt(langs_count), 1, 10);
|
|
||||||
|
|
||||||
// populate langsToHide map for quick lookup
|
|
||||||
// while filtering out
|
|
||||||
if (hide) {
|
|
||||||
hide.forEach((langName) => {
|
|
||||||
langsToHide[lowercaseTrim(langName)] = true;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// filter out languages to be hidden
|
|
||||||
langs = langs
|
|
||||||
.sort((a, b) => b.size - a.size)
|
|
||||||
.filter((lang) => {
|
|
||||||
return !langsToHide[lowercaseTrim(lang.name)];
|
|
||||||
})
|
|
||||||
.slice(0, langsCount);
|
|
||||||
|
|
||||||
const totalLanguageSize = langs.reduce((acc, curr) => acc + curr.size, 0);
|
|
||||||
|
|
||||||
return { langs, totalLanguageSize };
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Create progress bar text item for a programming language.
|
|
||||||
*
|
*
|
||||||
* @param {object} props Function properties.
|
* @param {object} props Function properties.
|
||||||
* @param {number} props.width The card width
|
* @param {number} props.width The card width
|
||||||
* @param {string} props.color Color of the programming language.
|
|
||||||
* @param {string} props.name Name of the programming language.
|
* @param {string} props.name Name of the programming language.
|
||||||
|
* @param {string} props.color Color of the programming language.
|
||||||
* @param {string} props.progress Usage of the programming language in percentage.
|
* @param {string} props.progress Usage of the programming language in percentage.
|
||||||
* @param {number} props.index Index of the programming language.
|
* @param {number} props.index Index of the programming language.
|
||||||
* @returns {string} Programming language SVG node.
|
* @returns {string} Programming language SVG node.
|
||||||
@@ -202,7 +71,7 @@ const createProgressTextNode = ({ width, color, name, progress, index }) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Creates compact text item for a programming language.
|
* Creates a text only node to display usage of a programming language in percentage.
|
||||||
*
|
*
|
||||||
* @param {object} props Function properties.
|
* @param {object} props Function properties.
|
||||||
* @param {Lang} props.lang Programming language object.
|
* @param {Lang} props.lang Programming language object.
|
||||||
@@ -227,9 +96,9 @@ const createCompactLangNode = ({ lang, totalSize, hideProgress, index }) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Create compact languages text items for all programming languages.
|
* Creates compact layout of text only language nodes.
|
||||||
*
|
*
|
||||||
* @param {object} props Function properties.
|
* @param {object[]} props Function properties.
|
||||||
* @param {Lang[]} props.langs Array of programming languages.
|
* @param {Lang[]} props.langs Array of programming languages.
|
||||||
* @param {number} props.totalSize Total size of all languages.
|
* @param {number} props.totalSize Total size of all languages.
|
||||||
* @param {boolean} props.hideProgress Whether to hide percentage.
|
* @param {boolean} props.hideProgress Whether to hide percentage.
|
||||||
@@ -265,30 +134,7 @@ const createLanguageTextNode = ({ langs, totalSize, hideProgress }) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Create donut languages text items for all programming languages.
|
* Renders layout to display user's most frequently used programming languages.
|
||||||
*
|
|
||||||
* @param {object} props Function properties.
|
|
||||||
* @param {Lang[]} props.langs Array of programming languages.
|
|
||||||
* @param {number} props.totalSize Total size of all languages.
|
|
||||||
* @returns {string} Donut layout programming language SVG node.
|
|
||||||
*/
|
|
||||||
const createDonutLanguagesNode = ({ langs, totalSize }) => {
|
|
||||||
return flexLayout({
|
|
||||||
items: langs.map((lang, index) => {
|
|
||||||
return createCompactLangNode({
|
|
||||||
lang,
|
|
||||||
totalSize,
|
|
||||||
hideProgress: false,
|
|
||||||
index,
|
|
||||||
});
|
|
||||||
}),
|
|
||||||
gap: 32,
|
|
||||||
direction: "column",
|
|
||||||
}).join("");
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Renders the default language card layout.
|
|
||||||
*
|
*
|
||||||
* @param {Lang[]} langs Array of programming languages.
|
* @param {Lang[]} langs Array of programming languages.
|
||||||
* @param {number} width Card width.
|
* @param {number} width Card width.
|
||||||
@@ -312,7 +158,7 @@ const renderNormalLayout = (langs, width, totalLanguageSize) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Renders the compact language card layout.
|
* Renders compact layout to display user's most frequently used programming languages.
|
||||||
*
|
*
|
||||||
* @param {Lang[]} langs Array of programming languages.
|
* @param {Lang[]} langs Array of programming languages.
|
||||||
* @param {number} width Card width.
|
* @param {number} width Card width.
|
||||||
@@ -372,200 +218,60 @@ const renderCompactLayout = (langs, width, totalLanguageSize, hideProgress) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Renders pie layout to display user's most frequently used programming languages.
|
* Calculates height for the compact layout.
|
||||||
*
|
*
|
||||||
* @param {Lang[]} langs Array of programming languages.
|
* @param {number} totalLangs Total number of languages.
|
||||||
* @param {number} totalLanguageSize Total size of all languages.
|
* @returns {number} Card height.
|
||||||
* @returns {string} Compact layout card SVG object.
|
|
||||||
*/
|
*/
|
||||||
const renderPieLayout = (langs, totalLanguageSize) => {
|
const calculateCompactLayoutHeight = (totalLangs) => {
|
||||||
// Pie chart radius and center coordinates
|
return 90 + Math.round(totalLangs / 2) * 25;
|
||||||
const radius = 90;
|
};
|
||||||
const centerX = 150;
|
|
||||||
const centerY = 100;
|
|
||||||
|
|
||||||
// Start angle for the pie chart parts
|
/**
|
||||||
let startAngle = 0;
|
* Calculates height for the normal layout.
|
||||||
|
*
|
||||||
|
* @param {number} totalLangs Total number of languages.
|
||||||
|
* @returns {number} Card height.
|
||||||
|
*/
|
||||||
|
const calculateNormalLayoutHeight = (totalLangs) => {
|
||||||
|
return 45 + (totalLangs + 1) * 40;
|
||||||
|
};
|
||||||
|
|
||||||
// Start delay coefficient for the pie chart parts
|
/**
|
||||||
let startDelayCoefficient = 1;
|
* Hides languages and trims the list to show only the top N languages.
|
||||||
|
*
|
||||||
|
* @param {Record<string, Lang>} topLangs Top languages.
|
||||||
|
* @param {string[]} hide Languages to hide.
|
||||||
|
* @param {string} langs_count Number of languages to show.
|
||||||
|
*/
|
||||||
|
const useLanguages = (topLangs, hide, langs_count) => {
|
||||||
|
let langs = Object.values(topLangs);
|
||||||
|
let langsToHide = {};
|
||||||
|
let langsCount = clampValue(parseInt(langs_count), 1, 10);
|
||||||
|
|
||||||
// SVG paths
|
// populate langsToHide map for quick lookup
|
||||||
const paths = [];
|
// while filtering out
|
||||||
|
if (hide) {
|
||||||
// Generate each pie chart part
|
hide.forEach((langName) => {
|
||||||
for (const lang of langs) {
|
langsToHide[lowercaseTrim(langName)] = true;
|
||||||
if (langs.length === 1) {
|
});
|
||||||
paths.push(`
|
|
||||||
<circle
|
|
||||||
cx="${centerX}"
|
|
||||||
cy="${centerY}"
|
|
||||||
r="${radius}"
|
|
||||||
stroke="none"
|
|
||||||
fill="${lang.color}"
|
|
||||||
data-testid="lang-pie"
|
|
||||||
size="100"
|
|
||||||
/>
|
|
||||||
`);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
const langSizePart = lang.size / totalLanguageSize;
|
|
||||||
const percentage = langSizePart * 100;
|
|
||||||
// Calculate the angle for the current part
|
|
||||||
const angle = langSizePart * 360;
|
|
||||||
|
|
||||||
// Calculate the end angle
|
|
||||||
const endAngle = startAngle + angle;
|
|
||||||
|
|
||||||
// Calculate the coordinates of the start and end points of the arc
|
|
||||||
const startPoint = polarToCartesian(centerX, centerY, radius, startAngle);
|
|
||||||
const endPoint = polarToCartesian(centerX, centerY, radius, endAngle);
|
|
||||||
|
|
||||||
// Determine the large arc flag based on the angle
|
|
||||||
const largeArcFlag = angle > 180 ? 1 : 0;
|
|
||||||
|
|
||||||
// Calculate delay
|
|
||||||
const delay = startDelayCoefficient * 100;
|
|
||||||
|
|
||||||
// SVG arc markup
|
|
||||||
paths.push(`
|
|
||||||
<g class="stagger" style="animation-delay: ${delay}ms">
|
|
||||||
<path
|
|
||||||
data-testid="lang-pie"
|
|
||||||
size="${percentage}"
|
|
||||||
d="M ${centerX} ${centerY} L ${startPoint.x} ${startPoint.y} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endPoint.x} ${endPoint.y} Z"
|
|
||||||
fill="${lang.color}"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
`);
|
|
||||||
|
|
||||||
// Update the start angle for the next part
|
|
||||||
startAngle = endAngle;
|
|
||||||
// Update the start delay coefficient for the next part
|
|
||||||
startDelayCoefficient += 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return `
|
// filter out languages to be hidden
|
||||||
<svg data-testid="lang-items">
|
langs = langs
|
||||||
<g transform="translate(0, 0)">
|
.sort((a, b) => b.size - a.size)
|
||||||
<svg data-testid="pie">
|
.filter((lang) => {
|
||||||
${paths.join("")}
|
return !langsToHide[lowercaseTrim(lang.name)];
|
||||||
</svg>
|
})
|
||||||
</g>
|
.slice(0, langsCount);
|
||||||
<g transform="translate(0, 220)">
|
|
||||||
<svg data-testid="lang-names" x="${CARD_PADDING}">
|
const totalLanguageSize = langs.reduce((acc, curr) => acc + curr.size, 0);
|
||||||
${createLanguageTextNode({
|
|
||||||
langs,
|
return { langs, totalLanguageSize };
|
||||||
totalSize: totalLanguageSize,
|
|
||||||
hideProgress: false,
|
|
||||||
})}
|
|
||||||
</svg>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
`;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Creates the SVG paths for the language donut chart.
|
* Renders card to display user's most frequently used programming languages.
|
||||||
*
|
|
||||||
* @param {number} cx Donut center x-position.
|
|
||||||
* @param {number} cy Donut center y-position.
|
|
||||||
* @param {number} radius Donut arc Radius.
|
|
||||||
* @param {number[]} percentages Array with donut section percentages.
|
|
||||||
* @returns {{d: string, percent: number}[]} Array of svg path elements
|
|
||||||
*/
|
|
||||||
const createDonutPaths = (cx, cy, radius, percentages) => {
|
|
||||||
const paths = [];
|
|
||||||
let startAngle = 0;
|
|
||||||
let endAngle = 0;
|
|
||||||
|
|
||||||
const totalPercent = percentages.reduce((acc, curr) => acc + curr, 0);
|
|
||||||
for (let i = 0; i < percentages.length; i++) {
|
|
||||||
const tmpPath = {};
|
|
||||||
|
|
||||||
let percent = parseFloat(
|
|
||||||
((percentages[i] / totalPercent) * 100).toFixed(2),
|
|
||||||
);
|
|
||||||
|
|
||||||
endAngle = 3.6 * percent + startAngle;
|
|
||||||
const startPoint = polarToCartesian(cx, cy, radius, endAngle - 90); // rotate donut 90 degrees counter-clockwise.
|
|
||||||
const endPoint = polarToCartesian(cx, cy, radius, startAngle - 90); // rotate donut 90 degrees counter-clockwise.
|
|
||||||
const largeArc = endAngle - startAngle <= 180 ? 0 : 1;
|
|
||||||
|
|
||||||
tmpPath.percent = percent;
|
|
||||||
tmpPath.d = `M ${startPoint.x} ${startPoint.y} A ${radius} ${radius} 0 ${largeArc} 0 ${endPoint.x} ${endPoint.y}`;
|
|
||||||
|
|
||||||
paths.push(tmpPath);
|
|
||||||
startAngle = endAngle;
|
|
||||||
}
|
|
||||||
|
|
||||||
return paths;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Renders the donut language card layout.
|
|
||||||
*
|
|
||||||
* @param {Lang[]} langs Array of programming languages.
|
|
||||||
* @param {number} width Card width.
|
|
||||||
* @param {number} totalLanguageSize Total size of all languages.
|
|
||||||
* @returns {string} Donut layout card SVG object.
|
|
||||||
*/
|
|
||||||
const renderDonutLayout = (langs, width, totalLanguageSize) => {
|
|
||||||
const centerX = width / 3;
|
|
||||||
const centerY = width / 3;
|
|
||||||
const radius = centerX - 60;
|
|
||||||
const strokeWidth = 12;
|
|
||||||
|
|
||||||
const colors = langs.map((lang) => lang.color);
|
|
||||||
const langsPercents = langs.map((lang) =>
|
|
||||||
parseFloat(((lang.size / totalLanguageSize) * 100).toFixed(2)),
|
|
||||||
);
|
|
||||||
|
|
||||||
const langPaths = createDonutPaths(centerX, centerY, radius, langsPercents);
|
|
||||||
|
|
||||||
const donutPaths =
|
|
||||||
langs.length === 1
|
|
||||||
? `<circle cx="${centerX}" cy="${centerY}" r="${radius}" stroke="${colors[0]}" fill="none" stroke-width="${strokeWidth}" data-testid="lang-donut" size="100"/>`
|
|
||||||
: langPaths
|
|
||||||
.map((section, index) => {
|
|
||||||
const staggerDelay = (index + 3) * 100;
|
|
||||||
const delay = staggerDelay + 300;
|
|
||||||
|
|
||||||
const output = `
|
|
||||||
<g class="stagger" style="animation-delay: ${delay}ms">
|
|
||||||
<path
|
|
||||||
data-testid="lang-donut"
|
|
||||||
size="${section.percent}"
|
|
||||||
d="${section.d}"
|
|
||||||
stroke="${colors[index]}"
|
|
||||||
fill="none"
|
|
||||||
stroke-width="${strokeWidth}">
|
|
||||||
</path>
|
|
||||||
</g>
|
|
||||||
`;
|
|
||||||
|
|
||||||
return output;
|
|
||||||
})
|
|
||||||
.join("");
|
|
||||||
|
|
||||||
const donut = `<svg width="${width}" height="${width}">${donutPaths}</svg>`;
|
|
||||||
|
|
||||||
return `
|
|
||||||
<g transform="translate(0, 0)">
|
|
||||||
<g transform="translate(0, 0)">
|
|
||||||
${createDonutLanguagesNode({ langs, totalSize: totalLanguageSize })}
|
|
||||||
</g>
|
|
||||||
|
|
||||||
<g transform="translate(125, ${donutCenterTranslation(langs.length)})">
|
|
||||||
${donut}
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
`;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Renders card that display user's most frequently used programming languages.
|
|
||||||
*
|
*
|
||||||
* @param {import('../fetchers/types').TopLangData} topLangs User's most frequently used programming languages.
|
* @param {import('../fetchers/types').TopLangData} topLangs User's most frequently used programming languages.
|
||||||
* @param {Partial<import("./types").TopLangOptions>} options Card options.
|
* @param {Partial<import("./types").TopLangOptions>} options Card options.
|
||||||
@@ -596,7 +302,7 @@ const renderTopLanguages = (topLangs, options = {}) => {
|
|||||||
translations: langCardLocales,
|
translations: langCardLocales,
|
||||||
});
|
});
|
||||||
|
|
||||||
const { langs, totalLanguageSize } = trimTopLanguages(
|
const { langs, totalLanguageSize } = useLanguages(
|
||||||
topLangs,
|
topLangs,
|
||||||
hide,
|
hide,
|
||||||
String(langs_count),
|
String(langs_count),
|
||||||
@@ -610,10 +316,7 @@ const renderTopLanguages = (topLangs, options = {}) => {
|
|||||||
let height = calculateNormalLayoutHeight(langs.length);
|
let height = calculateNormalLayoutHeight(langs.length);
|
||||||
|
|
||||||
let finalLayout = "";
|
let finalLayout = "";
|
||||||
if (layout === "pie") {
|
if (layout === "compact" || hide_progress == true) {
|
||||||
height = calculatePieLayoutHeight(langs.length);
|
|
||||||
finalLayout = renderPieLayout(langs, totalLanguageSize);
|
|
||||||
} else if (layout === "compact" || hide_progress == true) {
|
|
||||||
height =
|
height =
|
||||||
calculateCompactLayoutHeight(langs.length) + (hide_progress ? -25 : 0);
|
calculateCompactLayoutHeight(langs.length) + (hide_progress ? -25 : 0);
|
||||||
|
|
||||||
@@ -623,10 +326,6 @@ const renderTopLanguages = (topLangs, options = {}) => {
|
|||||||
totalLanguageSize,
|
totalLanguageSize,
|
||||||
hide_progress,
|
hide_progress,
|
||||||
);
|
);
|
||||||
} else if (layout?.toLowerCase() === "donut") {
|
|
||||||
height = calculateDonutLayoutHeight(langs.length);
|
|
||||||
width = width + 50; // padding
|
|
||||||
finalLayout = renderDonutLayout(langs, width, totalLanguageSize);
|
|
||||||
} else {
|
} else {
|
||||||
finalLayout = renderNormalLayout(langs, width, totalLanguageSize);
|
finalLayout = renderNormalLayout(langs, width, totalLanguageSize);
|
||||||
}
|
}
|
||||||
@@ -688,10 +387,6 @@ const renderTopLanguages = (topLangs, options = {}) => {
|
|||||||
`,
|
`,
|
||||||
);
|
);
|
||||||
|
|
||||||
if (layout === "pie") {
|
|
||||||
return card.render(finalLayout);
|
|
||||||
}
|
|
||||||
|
|
||||||
return card.render(`
|
return card.render(`
|
||||||
<svg data-testid="lang-items" x="${CARD_PADDING}">
|
<svg data-testid="lang-items" x="${CARD_PADDING}">
|
||||||
${finalLayout}
|
${finalLayout}
|
||||||
@@ -699,18 +394,4 @@ const renderTopLanguages = (topLangs, options = {}) => {
|
|||||||
`);
|
`);
|
||||||
};
|
};
|
||||||
|
|
||||||
export {
|
export { renderTopLanguages, MIN_CARD_WIDTH };
|
||||||
getLongestLang,
|
|
||||||
degreesToRadians,
|
|
||||||
radiansToDegrees,
|
|
||||||
polarToCartesian,
|
|
||||||
cartesianToPolar,
|
|
||||||
calculateCompactLayoutHeight,
|
|
||||||
calculateNormalLayoutHeight,
|
|
||||||
calculateDonutLayoutHeight,
|
|
||||||
calculatePieLayoutHeight,
|
|
||||||
donutCenterTranslation,
|
|
||||||
trimTopLanguages,
|
|
||||||
renderTopLanguages,
|
|
||||||
MIN_CARD_WIDTH,
|
|
||||||
};
|
|
||||||
|
|||||||
Vendored
+1
-1
@@ -39,7 +39,7 @@ export type TopLangOptions = CommonOptions & {
|
|||||||
hide_border: boolean;
|
hide_border: boolean;
|
||||||
card_width: number;
|
card_width: number;
|
||||||
hide: string[];
|
hide: string[];
|
||||||
layout: "compact" | "normal" | "donut" | "pie";
|
layout: "compact" | "normal";
|
||||||
custom_title: string;
|
custom_title: string;
|
||||||
langs_count: number;
|
langs_count: number;
|
||||||
disable_animations: boolean;
|
disable_animations: boolean;
|
||||||
|
|||||||
@@ -140,7 +140,7 @@ const createTextNode = ({
|
|||||||
* hiding languages.
|
* hiding languages.
|
||||||
*
|
*
|
||||||
* @param {import("../fetchers/types").WakaTimeLang[]} languages The languages array.
|
* @param {import("../fetchers/types").WakaTimeLang[]} languages The languages array.
|
||||||
* @return {void} The recalculated languages array.
|
* @return {import("../fetchers/types").WakaTimeLang[]} The recalculated languages array.
|
||||||
*/
|
*/
|
||||||
const recalculatePercentages = (languages) => {
|
const recalculatePercentages = (languages) => {
|
||||||
const totalSum = languages.reduce(
|
const totalSum = languages.reduce(
|
||||||
|
|||||||
@@ -5,9 +5,9 @@ import { MissingParamError, request } from "../common/utils.js";
|
|||||||
/**
|
/**
|
||||||
* Repo data fetcher.
|
* Repo data fetcher.
|
||||||
*
|
*
|
||||||
* @param {import('axios').AxiosRequestHeaders} variables Fetcher variables.
|
* @param {import('Axios').AxiosRequestHeaders} variables Fetcher variables.
|
||||||
* @param {string} token GitHub token.
|
* @param {string} token GitHub token.
|
||||||
* @returns {Promise<import('axios').AxiosResponse>} The response.
|
* @returns {Promise<import('Axios').AxiosResponse>} The response.
|
||||||
*/
|
*/
|
||||||
const fetcher = (variables, token) => {
|
const fetcher = (variables, token) => {
|
||||||
return request(
|
return request(
|
||||||
|
|||||||
@@ -192,7 +192,7 @@ const fetchStats = async (
|
|||||||
totalIssues: 0,
|
totalIssues: 0,
|
||||||
totalStars: 0,
|
totalStars: 0,
|
||||||
contributedTo: 0,
|
contributedTo: 0,
|
||||||
rank: { level: "B", score: 0 },
|
rank: { level: "C", score: 0 },
|
||||||
};
|
};
|
||||||
|
|
||||||
let res = await statsFetcher(username);
|
let res = await statsFetcher(username);
|
||||||
@@ -220,44 +220,53 @@ const fetchStats = async (
|
|||||||
|
|
||||||
const user = res.data.data.user;
|
const user = res.data.data.user;
|
||||||
|
|
||||||
stats.name = user.name || user.login;
|
// populate repoToHide map for quick lookup
|
||||||
|
// while filtering out
|
||||||
// if include_all_commits, fetch all commits using the REST API.
|
let repoToHide = {};
|
||||||
if (include_all_commits) {
|
if (exclude_repo) {
|
||||||
stats.totalCommits = await totalCommitsFetcher(username);
|
exclude_repo.forEach((repoName) => {
|
||||||
} else {
|
repoToHide[repoName] = true;
|
||||||
stats.totalCommits = user.contributionsCollection.totalCommitContributions;
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// if count_private, add private contributions to totalCommits.
|
stats.name = user.name || user.login;
|
||||||
|
stats.totalIssues = user.openIssues.totalCount + user.closedIssues.totalCount;
|
||||||
|
|
||||||
|
// normal commits
|
||||||
|
stats.totalCommits = user.contributionsCollection.totalCommitContributions;
|
||||||
|
|
||||||
|
// if include_all_commits then just get that,
|
||||||
|
// since totalCommitsFetcher already sends totalCommits no need to +=
|
||||||
|
if (include_all_commits) {
|
||||||
|
stats.totalCommits = await totalCommitsFetcher(username);
|
||||||
|
}
|
||||||
|
|
||||||
|
// if count_private then add private commits to totalCommits so far.
|
||||||
if (count_private) {
|
if (count_private) {
|
||||||
stats.totalCommits +=
|
stats.totalCommits +=
|
||||||
user.contributionsCollection.restrictedContributionsCount;
|
user.contributionsCollection.restrictedContributionsCount;
|
||||||
}
|
}
|
||||||
|
|
||||||
stats.totalPRs = user.pullRequests.totalCount;
|
stats.totalPRs = user.pullRequests.totalCount;
|
||||||
stats.totalIssues = user.openIssues.totalCount + user.closedIssues.totalCount;
|
|
||||||
stats.contributedTo = user.repositoriesContributedTo.totalCount;
|
stats.contributedTo = user.repositoriesContributedTo.totalCount;
|
||||||
|
|
||||||
// Retrieve stars while filtering out repositories to be hidden.
|
// Retrieve stars while filtering out repositories to be hidden
|
||||||
let repoToHide = new Set(exclude_repo);
|
|
||||||
|
|
||||||
stats.totalStars = user.repositories.nodes
|
stats.totalStars = user.repositories.nodes
|
||||||
.filter((data) => {
|
.filter((data) => {
|
||||||
return !repoToHide.has(data.name);
|
return !repoToHide[data.name];
|
||||||
})
|
})
|
||||||
.reduce((prev, curr) => {
|
.reduce((prev, curr) => {
|
||||||
return prev + curr.stargazers.totalCount;
|
return prev + curr.stargazers.totalCount;
|
||||||
}, 0);
|
}, 0);
|
||||||
|
|
||||||
stats.rank = calculateRank({
|
stats.rank = calculateRank({
|
||||||
all_commits: include_all_commits,
|
totalCommits: stats.totalCommits,
|
||||||
commits: stats.totalCommits,
|
totalRepos: user.repositories.totalCount,
|
||||||
|
followers: user.followers.totalCount,
|
||||||
|
contributions: stats.contributedTo,
|
||||||
|
stargazers: stats.totalStars,
|
||||||
prs: stats.totalPRs,
|
prs: stats.totalPRs,
|
||||||
issues: stats.totalIssues,
|
issues: stats.totalIssues,
|
||||||
repos: user.repositories.totalCount,
|
|
||||||
stars: stats.totalStars,
|
|
||||||
followers: user.followers.totalCount,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
return stats;
|
return stats;
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ import {
|
|||||||
/**
|
/**
|
||||||
* Top languages fetcher object.
|
* Top languages fetcher object.
|
||||||
*
|
*
|
||||||
* @param {import('axios').AxiosRequestHeaders} variables Fetcher variables.
|
* @param {import('Axios').AxiosRequestHeaders} variables Fetcher variables.
|
||||||
* @param {string} token GitHub token.
|
* @param {string} token GitHub token.
|
||||||
* @returns {Promise<import('../common/types').StatsFetcherResponse>} Languages fetcher response.
|
* @returns {Promise<import('../common/types').StatsFetcherResponse>} Languages fetcher response.
|
||||||
*/
|
*/
|
||||||
|
|||||||
+1
-2
@@ -65,11 +65,10 @@ const getAnimations = () => {
|
|||||||
/**
|
/**
|
||||||
* Retrieves CSS styles for a card.
|
* Retrieves CSS styles for a card.
|
||||||
*
|
*
|
||||||
* @param {Object} colors The colors to use for the card.
|
* @param {Object[]} colors The colors to use for the card.
|
||||||
* @param {string} colors.titleColor The title color.
|
* @param {string} colors.titleColor The title color.
|
||||||
* @param {string} colors.textColor The text color.
|
* @param {string} colors.textColor The text color.
|
||||||
* @param {string} colors.iconColor The icon color.
|
* @param {string} colors.iconColor The icon color.
|
||||||
* @param {string} colors.ringColor The ring color.
|
|
||||||
* @param {boolean} colors.show_icons Whether to show icons.
|
* @param {boolean} colors.show_icons Whether to show icons.
|
||||||
* @param {number} colors.progress The progress value to animate to.
|
* @param {number} colors.progress The progress value to animate to.
|
||||||
* @returns {string} Card CSS styles.
|
* @returns {string} Card CSS styles.
|
||||||
|
|||||||
+38
-7
@@ -12,18 +12,17 @@ const stats = {
|
|||||||
totalCommits: 200,
|
totalCommits: 200,
|
||||||
totalIssues: 300,
|
totalIssues: 300,
|
||||||
totalPRs: 400,
|
totalPRs: 400,
|
||||||
contributedTo: 50,
|
contributedTo: 500,
|
||||||
rank: null,
|
rank: null,
|
||||||
};
|
};
|
||||||
|
|
||||||
stats.rank = calculateRank({
|
stats.rank = calculateRank({
|
||||||
all_commits: false,
|
totalCommits: stats.totalCommits,
|
||||||
commits: stats.totalCommits,
|
totalRepos: 1,
|
||||||
|
followers: 0,
|
||||||
|
contributions: stats.contributedTo,
|
||||||
|
stargazers: stats.totalStars,
|
||||||
prs: stats.totalPRs,
|
prs: stats.totalPRs,
|
||||||
issues: stats.totalIssues,
|
issues: stats.totalIssues,
|
||||||
repos: 1,
|
|
||||||
stars: stats.totalStars,
|
|
||||||
followers: 0,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const data_stats = {
|
const data_stats = {
|
||||||
@@ -230,6 +229,38 @@ describe("Test /api/", () => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("should add private contributions", async () => {
|
||||||
|
const { req, res } = faker(
|
||||||
|
{
|
||||||
|
username: "anuraghazra",
|
||||||
|
count_private: true,
|
||||||
|
},
|
||||||
|
data_stats,
|
||||||
|
);
|
||||||
|
|
||||||
|
await api(req, res);
|
||||||
|
|
||||||
|
expect(res.setHeader).toBeCalledWith("Content-Type", "image/svg+xml");
|
||||||
|
expect(res.send).toBeCalledWith(
|
||||||
|
renderStatsCard(
|
||||||
|
{
|
||||||
|
...stats,
|
||||||
|
totalCommits: stats.totalCommits + 100,
|
||||||
|
rank: calculateRank({
|
||||||
|
totalCommits: stats.totalCommits + 100,
|
||||||
|
totalRepos: 1,
|
||||||
|
followers: 0,
|
||||||
|
contributions: stats.contributedTo,
|
||||||
|
stargazers: stats.totalStars,
|
||||||
|
prs: stats.totalPRs,
|
||||||
|
issues: stats.totalIssues,
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
{},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
it("should allow changing ring_color", async () => {
|
it("should allow changing ring_color", async () => {
|
||||||
const { req, res } = faker(
|
const { req, res } = faker(
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -2,87 +2,17 @@ import "@testing-library/jest-dom";
|
|||||||
import { calculateRank } from "../src/calculateRank.js";
|
import { calculateRank } from "../src/calculateRank.js";
|
||||||
|
|
||||||
describe("Test calculateRank", () => {
|
describe("Test calculateRank", () => {
|
||||||
it("new user gets B rank", () => {
|
it("should calculate rank correctly", () => {
|
||||||
expect(
|
expect(
|
||||||
calculateRank({
|
calculateRank({
|
||||||
all_commits: false,
|
totalCommits: 100,
|
||||||
commits: 0,
|
totalRepos: 5,
|
||||||
prs: 0,
|
|
||||||
issues: 0,
|
|
||||||
repos: 0,
|
|
||||||
stars: 0,
|
|
||||||
followers: 0,
|
|
||||||
}),
|
|
||||||
).toStrictEqual({ level: "B", score: 100 });
|
|
||||||
});
|
|
||||||
|
|
||||||
it("average user gets A rank", () => {
|
|
||||||
expect(
|
|
||||||
calculateRank({
|
|
||||||
all_commits: false,
|
|
||||||
commits: 250,
|
|
||||||
prs: 50,
|
|
||||||
issues: 25,
|
|
||||||
repos: 0,
|
|
||||||
stars: 250,
|
|
||||||
followers: 25,
|
|
||||||
}),
|
|
||||||
).toStrictEqual({ level: "A", score: 50 });
|
|
||||||
});
|
|
||||||
|
|
||||||
it("average user gets A rank (include_all_commits)", () => {
|
|
||||||
expect(
|
|
||||||
calculateRank({
|
|
||||||
all_commits: true,
|
|
||||||
commits: 1000,
|
|
||||||
prs: 50,
|
|
||||||
issues: 25,
|
|
||||||
repos: 0,
|
|
||||||
stars: 250,
|
|
||||||
followers: 25,
|
|
||||||
}),
|
|
||||||
).toStrictEqual({ level: "A", score: 50 });
|
|
||||||
});
|
|
||||||
|
|
||||||
it("more than average user gets A+ rank", () => {
|
|
||||||
expect(
|
|
||||||
calculateRank({
|
|
||||||
all_commits: false,
|
|
||||||
commits: 500,
|
|
||||||
prs: 100,
|
|
||||||
issues: 50,
|
|
||||||
repos: 0,
|
|
||||||
stars: 500,
|
|
||||||
followers: 50,
|
|
||||||
}),
|
|
||||||
).toStrictEqual({ level: "A+", score: 25 });
|
|
||||||
});
|
|
||||||
|
|
||||||
it("expert user gets S rank", () => {
|
|
||||||
expect(
|
|
||||||
calculateRank({
|
|
||||||
all_commits: false,
|
|
||||||
commits: 1000,
|
|
||||||
prs: 200,
|
|
||||||
issues: 100,
|
|
||||||
repos: 0,
|
|
||||||
stars: 1000,
|
|
||||||
followers: 100,
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 400,
|
||||||
|
prs: 300,
|
||||||
|
issues: 200,
|
||||||
}),
|
}),
|
||||||
).toStrictEqual({ level: "S", score: 6.25 });
|
).toStrictEqual({ level: "A+", score: 49.25629684876535 });
|
||||||
});
|
|
||||||
|
|
||||||
it("ezyang gets S+ rank", () => {
|
|
||||||
expect(
|
|
||||||
calculateRank({
|
|
||||||
all_commits: false,
|
|
||||||
commits: 1000,
|
|
||||||
prs: 4000,
|
|
||||||
issues: 2000,
|
|
||||||
repos: 0,
|
|
||||||
stars: 5000,
|
|
||||||
followers: 2000,
|
|
||||||
}),
|
|
||||||
).toStrictEqual({ level: "S+", score: 1.1363983154296875 });
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
+67
-44
@@ -102,13 +102,13 @@ describe("Test fetchStats", () => {
|
|||||||
it("should fetch correct stats", async () => {
|
it("should fetch correct stats", async () => {
|
||||||
let stats = await fetchStats("anuraghazra");
|
let stats = await fetchStats("anuraghazra");
|
||||||
const rank = calculateRank({
|
const rank = calculateRank({
|
||||||
all_commits: false,
|
totalCommits: 100,
|
||||||
commits: 100,
|
totalRepos: 5,
|
||||||
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 300,
|
||||||
prs: 300,
|
prs: 300,
|
||||||
issues: 200,
|
issues: 200,
|
||||||
repos: 5,
|
|
||||||
stars: 300,
|
|
||||||
followers: 100,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
expect(stats).toStrictEqual({
|
expect(stats).toStrictEqual({
|
||||||
@@ -132,13 +132,13 @@ describe("Test fetchStats", () => {
|
|||||||
|
|
||||||
let stats = await fetchStats("anuraghazra");
|
let stats = await fetchStats("anuraghazra");
|
||||||
const rank = calculateRank({
|
const rank = calculateRank({
|
||||||
all_commits: false,
|
totalCommits: 100,
|
||||||
commits: 100,
|
totalRepos: 5,
|
||||||
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 300,
|
||||||
prs: 300,
|
prs: 300,
|
||||||
issues: 200,
|
issues: 200,
|
||||||
repos: 5,
|
|
||||||
stars: 300,
|
|
||||||
followers: 100,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
expect(stats).toStrictEqual({
|
expect(stats).toStrictEqual({
|
||||||
@@ -161,26 +161,49 @@ describe("Test fetchStats", () => {
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
it("should fetch total commits", async () => {
|
it("should fetch and add private contributions", async () => {
|
||||||
mock
|
let stats = await fetchStats("anuraghazra", true);
|
||||||
.onGet("https://api.github.com/search/commits?q=author:anuraghazra")
|
|
||||||
.reply(200, { total_count: 1000 });
|
|
||||||
|
|
||||||
let stats = await fetchStats("anuraghazra", false, true);
|
|
||||||
const rank = calculateRank({
|
const rank = calculateRank({
|
||||||
all_commits: true,
|
totalCommits: 150,
|
||||||
commits: 1000,
|
totalRepos: 5,
|
||||||
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 300,
|
||||||
prs: 300,
|
prs: 300,
|
||||||
issues: 200,
|
issues: 200,
|
||||||
repos: 5,
|
|
||||||
stars: 300,
|
|
||||||
followers: 100,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
expect(stats).toStrictEqual({
|
expect(stats).toStrictEqual({
|
||||||
contributedTo: 61,
|
contributedTo: 61,
|
||||||
name: "Anurag Hazra",
|
name: "Anurag Hazra",
|
||||||
totalCommits: 1000,
|
totalCommits: 150,
|
||||||
|
totalIssues: 200,
|
||||||
|
totalPRs: 300,
|
||||||
|
totalStars: 300,
|
||||||
|
rank,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should fetch total commits", async () => {
|
||||||
|
mock
|
||||||
|
.onGet("https://api.github.com/search/commits?q=author:anuraghazra")
|
||||||
|
.reply(200, { total_count: 1000 });
|
||||||
|
|
||||||
|
let stats = await fetchStats("anuraghazra", true, true);
|
||||||
|
const rank = calculateRank({
|
||||||
|
totalCommits: 1050,
|
||||||
|
totalRepos: 5,
|
||||||
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 300,
|
||||||
|
prs: 300,
|
||||||
|
issues: 200,
|
||||||
|
});
|
||||||
|
|
||||||
|
expect(stats).toStrictEqual({
|
||||||
|
contributedTo: 61,
|
||||||
|
name: "Anurag Hazra",
|
||||||
|
totalCommits: 1050,
|
||||||
totalIssues: 200,
|
totalIssues: 200,
|
||||||
totalPRs: 300,
|
totalPRs: 300,
|
||||||
totalStars: 300,
|
totalStars: 300,
|
||||||
@@ -193,21 +216,21 @@ describe("Test fetchStats", () => {
|
|||||||
.onGet("https://api.github.com/search/commits?q=author:anuraghazra")
|
.onGet("https://api.github.com/search/commits?q=author:anuraghazra")
|
||||||
.reply(200, { total_count: 1000 });
|
.reply(200, { total_count: 1000 });
|
||||||
|
|
||||||
let stats = await fetchStats("anuraghazra", false, true, ["test-repo-1"]);
|
let stats = await fetchStats("anuraghazra", true, true, ["test-repo-1"]);
|
||||||
const rank = calculateRank({
|
const rank = calculateRank({
|
||||||
all_commits: true,
|
totalCommits: 1050,
|
||||||
commits: 1000,
|
totalRepos: 5,
|
||||||
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 200,
|
||||||
prs: 300,
|
prs: 300,
|
||||||
issues: 200,
|
issues: 200,
|
||||||
repos: 5,
|
|
||||||
stars: 200,
|
|
||||||
followers: 100,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
expect(stats).toStrictEqual({
|
expect(stats).toStrictEqual({
|
||||||
contributedTo: 61,
|
contributedTo: 61,
|
||||||
name: "Anurag Hazra",
|
name: "Anurag Hazra",
|
||||||
totalCommits: 1000,
|
totalCommits: 1050,
|
||||||
totalIssues: 200,
|
totalIssues: 200,
|
||||||
totalPRs: 300,
|
totalPRs: 300,
|
||||||
totalStars: 200,
|
totalStars: 200,
|
||||||
@@ -220,13 +243,13 @@ describe("Test fetchStats", () => {
|
|||||||
|
|
||||||
let stats = await fetchStats("anuraghazra");
|
let stats = await fetchStats("anuraghazra");
|
||||||
const rank = calculateRank({
|
const rank = calculateRank({
|
||||||
all_commits: false,
|
totalCommits: 100,
|
||||||
commits: 100,
|
totalRepos: 5,
|
||||||
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 400,
|
||||||
prs: 300,
|
prs: 300,
|
||||||
issues: 200,
|
issues: 200,
|
||||||
repos: 5,
|
|
||||||
stars: 400,
|
|
||||||
followers: 100,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
expect(stats).toStrictEqual({
|
expect(stats).toStrictEqual({
|
||||||
@@ -245,13 +268,13 @@ describe("Test fetchStats", () => {
|
|||||||
|
|
||||||
let stats = await fetchStats("anuraghazra");
|
let stats = await fetchStats("anuraghazra");
|
||||||
const rank = calculateRank({
|
const rank = calculateRank({
|
||||||
all_commits: false,
|
totalCommits: 100,
|
||||||
commits: 100,
|
totalRepos: 5,
|
||||||
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 300,
|
||||||
prs: 300,
|
prs: 300,
|
||||||
issues: 200,
|
issues: 200,
|
||||||
repos: 5,
|
|
||||||
stars: 300,
|
|
||||||
followers: 100,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
expect(stats).toStrictEqual({
|
expect(stats).toStrictEqual({
|
||||||
@@ -270,13 +293,13 @@ describe("Test fetchStats", () => {
|
|||||||
|
|
||||||
let stats = await fetchStats("anuraghazra");
|
let stats = await fetchStats("anuraghazra");
|
||||||
const rank = calculateRank({
|
const rank = calculateRank({
|
||||||
all_commits: false,
|
totalCommits: 100,
|
||||||
commits: 100,
|
totalRepos: 5,
|
||||||
|
followers: 100,
|
||||||
|
contributions: 61,
|
||||||
|
stargazers: 300,
|
||||||
prs: 300,
|
prs: 300,
|
||||||
issues: 200,
|
issues: 200,
|
||||||
repos: 5,
|
|
||||||
stars: 300,
|
|
||||||
followers: 100,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
expect(stats).toStrictEqual({
|
expect(stats).toStrictEqual({
|
||||||
|
|||||||
@@ -1,21 +1,9 @@
|
|||||||
import { queryAllByTestId, queryByTestId } from "@testing-library/dom";
|
import { queryAllByTestId, queryByTestId } from "@testing-library/dom";
|
||||||
import { cssToObject } from "@uppercod/css-to-object";
|
import { cssToObject } from "@uppercod/css-to-object";
|
||||||
import {
|
import {
|
||||||
getLongestLang,
|
|
||||||
degreesToRadians,
|
|
||||||
radiansToDegrees,
|
|
||||||
polarToCartesian,
|
|
||||||
cartesianToPolar,
|
|
||||||
calculateCompactLayoutHeight,
|
|
||||||
calculateNormalLayoutHeight,
|
|
||||||
calculateDonutLayoutHeight,
|
|
||||||
calculatePieLayoutHeight,
|
|
||||||
donutCenterTranslation,
|
|
||||||
trimTopLanguages,
|
|
||||||
renderTopLanguages,
|
|
||||||
MIN_CARD_WIDTH,
|
MIN_CARD_WIDTH,
|
||||||
|
renderTopLanguages,
|
||||||
} from "../src/cards/top-languages-card.js";
|
} from "../src/cards/top-languages-card.js";
|
||||||
|
|
||||||
// adds special assertions like toHaveTextContent
|
// adds special assertions like toHaveTextContent
|
||||||
import "@testing-library/jest-dom";
|
import "@testing-library/jest-dom";
|
||||||
|
|
||||||
@@ -39,255 +27,6 @@ const langs = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
|
||||||
* Retrieve number array from SVG path definition string.
|
|
||||||
*
|
|
||||||
* @param {string} d SVG path definition string.
|
|
||||||
* @return {number[]} Resulting numbers array.
|
|
||||||
*/
|
|
||||||
const getNumbersFromSvgPathDefinitionAttribute = (d) => {
|
|
||||||
return d
|
|
||||||
.split(" ")
|
|
||||||
.filter((x) => !isNaN(x))
|
|
||||||
.map((x) => parseFloat(x));
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Retrieve the language percentage from the donut chart SVG.
|
|
||||||
*
|
|
||||||
* @param {string} d The SVG path element.
|
|
||||||
* @param {number} centerX The center X coordinate of the donut chart.
|
|
||||||
* @param {number} centerY The center Y coordinate of the donut chart.
|
|
||||||
* @returns {number} The percentage of the language.
|
|
||||||
*/
|
|
||||||
const langPercentFromDonutLayoutSvg = (d, centerX, centerY) => {
|
|
||||||
const dTmp = getNumbersFromSvgPathDefinitionAttribute(d);
|
|
||||||
const endAngle =
|
|
||||||
cartesianToPolar(centerX, centerY, dTmp[0], dTmp[1]).angleInDegrees + 90;
|
|
||||||
let startAngle =
|
|
||||||
cartesianToPolar(centerX, centerY, dTmp[7], dTmp[8]).angleInDegrees + 90;
|
|
||||||
if (startAngle > endAngle) startAngle -= 360;
|
|
||||||
return (endAngle - startAngle) / 3.6;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Retrieve the language percentage from the pie chart SVG.
|
|
||||||
*
|
|
||||||
* @param {string} d The SVG path element.
|
|
||||||
* @param {number} centerX The center X coordinate of the pie chart.
|
|
||||||
* @param {number} centerY The center Y coordinate of the pie chart.
|
|
||||||
* @returns {number} The percentage of the language.
|
|
||||||
*/
|
|
||||||
const langPercentFromPieLayoutSvg = (d, centerX, centerY) => {
|
|
||||||
const dTmp = getNumbersFromSvgPathDefinitionAttribute(d);
|
|
||||||
const startAngle = cartesianToPolar(
|
|
||||||
centerX,
|
|
||||||
centerY,
|
|
||||||
dTmp[2],
|
|
||||||
dTmp[3],
|
|
||||||
).angleInDegrees;
|
|
||||||
let endAngle = cartesianToPolar(
|
|
||||||
centerX,
|
|
||||||
centerY,
|
|
||||||
dTmp[9],
|
|
||||||
dTmp[10],
|
|
||||||
).angleInDegrees;
|
|
||||||
return ((endAngle - startAngle) / 360) * 100;
|
|
||||||
};
|
|
||||||
|
|
||||||
describe("Test renderTopLanguages helper functions", () => {
|
|
||||||
it("getLongestLang", () => {
|
|
||||||
const langArray = Object.values(langs);
|
|
||||||
expect(getLongestLang(langArray)).toBe(langs.javascript);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("degreesToRadians", () => {
|
|
||||||
expect(degreesToRadians(0)).toBe(0);
|
|
||||||
expect(degreesToRadians(90)).toBe(Math.PI / 2);
|
|
||||||
expect(degreesToRadians(180)).toBe(Math.PI);
|
|
||||||
expect(degreesToRadians(270)).toBe((3 * Math.PI) / 2);
|
|
||||||
expect(degreesToRadians(360)).toBe(2 * Math.PI);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("radiansToDegrees", () => {
|
|
||||||
expect(radiansToDegrees(0)).toBe(0);
|
|
||||||
expect(radiansToDegrees(Math.PI / 2)).toBe(90);
|
|
||||||
expect(radiansToDegrees(Math.PI)).toBe(180);
|
|
||||||
expect(radiansToDegrees((3 * Math.PI) / 2)).toBe(270);
|
|
||||||
expect(radiansToDegrees(2 * Math.PI)).toBe(360);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("polarToCartesian", () => {
|
|
||||||
expect(polarToCartesian(100, 100, 60, 0)).toStrictEqual({ x: 160, y: 100 });
|
|
||||||
expect(polarToCartesian(100, 100, 60, 45)).toStrictEqual({
|
|
||||||
x: 142.42640687119285,
|
|
||||||
y: 142.42640687119285,
|
|
||||||
});
|
|
||||||
expect(polarToCartesian(100, 100, 60, 90)).toStrictEqual({
|
|
||||||
x: 100,
|
|
||||||
y: 160,
|
|
||||||
});
|
|
||||||
expect(polarToCartesian(100, 100, 60, 135)).toStrictEqual({
|
|
||||||
x: 57.573593128807154,
|
|
||||||
y: 142.42640687119285,
|
|
||||||
});
|
|
||||||
expect(polarToCartesian(100, 100, 60, 180)).toStrictEqual({
|
|
||||||
x: 40,
|
|
||||||
y: 100.00000000000001,
|
|
||||||
});
|
|
||||||
expect(polarToCartesian(100, 100, 60, 225)).toStrictEqual({
|
|
||||||
x: 57.57359312880714,
|
|
||||||
y: 57.573593128807154,
|
|
||||||
});
|
|
||||||
expect(polarToCartesian(100, 100, 60, 270)).toStrictEqual({
|
|
||||||
x: 99.99999999999999,
|
|
||||||
y: 40,
|
|
||||||
});
|
|
||||||
expect(polarToCartesian(100, 100, 60, 315)).toStrictEqual({
|
|
||||||
x: 142.42640687119285,
|
|
||||||
y: 57.57359312880714,
|
|
||||||
});
|
|
||||||
expect(polarToCartesian(100, 100, 60, 360)).toStrictEqual({
|
|
||||||
x: 160,
|
|
||||||
y: 99.99999999999999,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it("cartesianToPolar", () => {
|
|
||||||
expect(cartesianToPolar(100, 100, 160, 100)).toStrictEqual({
|
|
||||||
radius: 60,
|
|
||||||
angleInDegrees: 0,
|
|
||||||
});
|
|
||||||
expect(
|
|
||||||
cartesianToPolar(100, 100, 142.42640687119285, 142.42640687119285),
|
|
||||||
).toStrictEqual({ radius: 60.00000000000001, angleInDegrees: 45 });
|
|
||||||
expect(cartesianToPolar(100, 100, 100, 160)).toStrictEqual({
|
|
||||||
radius: 60,
|
|
||||||
angleInDegrees: 90,
|
|
||||||
});
|
|
||||||
expect(
|
|
||||||
cartesianToPolar(100, 100, 57.573593128807154, 142.42640687119285),
|
|
||||||
).toStrictEqual({ radius: 60, angleInDegrees: 135 });
|
|
||||||
expect(cartesianToPolar(100, 100, 40, 100.00000000000001)).toStrictEqual({
|
|
||||||
radius: 60,
|
|
||||||
angleInDegrees: 180,
|
|
||||||
});
|
|
||||||
expect(
|
|
||||||
cartesianToPolar(100, 100, 57.57359312880714, 57.573593128807154),
|
|
||||||
).toStrictEqual({ radius: 60, angleInDegrees: 225 });
|
|
||||||
expect(cartesianToPolar(100, 100, 99.99999999999999, 40)).toStrictEqual({
|
|
||||||
radius: 60,
|
|
||||||
angleInDegrees: 270,
|
|
||||||
});
|
|
||||||
expect(
|
|
||||||
cartesianToPolar(100, 100, 142.42640687119285, 57.57359312880714),
|
|
||||||
).toStrictEqual({ radius: 60.00000000000001, angleInDegrees: 315 });
|
|
||||||
expect(cartesianToPolar(100, 100, 160, 99.99999999999999)).toStrictEqual({
|
|
||||||
radius: 60,
|
|
||||||
angleInDegrees: 360,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it("calculateCompactLayoutHeight", () => {
|
|
||||||
expect(calculateCompactLayoutHeight(0)).toBe(90);
|
|
||||||
expect(calculateCompactLayoutHeight(1)).toBe(115);
|
|
||||||
expect(calculateCompactLayoutHeight(2)).toBe(115);
|
|
||||||
expect(calculateCompactLayoutHeight(3)).toBe(140);
|
|
||||||
expect(calculateCompactLayoutHeight(4)).toBe(140);
|
|
||||||
expect(calculateCompactLayoutHeight(5)).toBe(165);
|
|
||||||
expect(calculateCompactLayoutHeight(6)).toBe(165);
|
|
||||||
expect(calculateCompactLayoutHeight(7)).toBe(190);
|
|
||||||
expect(calculateCompactLayoutHeight(8)).toBe(190);
|
|
||||||
expect(calculateCompactLayoutHeight(9)).toBe(215);
|
|
||||||
expect(calculateCompactLayoutHeight(10)).toBe(215);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("calculateNormalLayoutHeight", () => {
|
|
||||||
expect(calculateNormalLayoutHeight(0)).toBe(85);
|
|
||||||
expect(calculateNormalLayoutHeight(1)).toBe(125);
|
|
||||||
expect(calculateNormalLayoutHeight(2)).toBe(165);
|
|
||||||
expect(calculateNormalLayoutHeight(3)).toBe(205);
|
|
||||||
expect(calculateNormalLayoutHeight(4)).toBe(245);
|
|
||||||
expect(calculateNormalLayoutHeight(5)).toBe(285);
|
|
||||||
expect(calculateNormalLayoutHeight(6)).toBe(325);
|
|
||||||
expect(calculateNormalLayoutHeight(7)).toBe(365);
|
|
||||||
expect(calculateNormalLayoutHeight(8)).toBe(405);
|
|
||||||
expect(calculateNormalLayoutHeight(9)).toBe(445);
|
|
||||||
expect(calculateNormalLayoutHeight(10)).toBe(485);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("calculateDonutLayoutHeight", () => {
|
|
||||||
expect(calculateDonutLayoutHeight(0)).toBe(215);
|
|
||||||
expect(calculateDonutLayoutHeight(1)).toBe(215);
|
|
||||||
expect(calculateDonutLayoutHeight(2)).toBe(215);
|
|
||||||
expect(calculateDonutLayoutHeight(3)).toBe(215);
|
|
||||||
expect(calculateDonutLayoutHeight(4)).toBe(215);
|
|
||||||
expect(calculateDonutLayoutHeight(5)).toBe(215);
|
|
||||||
expect(calculateDonutLayoutHeight(6)).toBe(247);
|
|
||||||
expect(calculateDonutLayoutHeight(7)).toBe(279);
|
|
||||||
expect(calculateDonutLayoutHeight(8)).toBe(311);
|
|
||||||
expect(calculateDonutLayoutHeight(9)).toBe(343);
|
|
||||||
expect(calculateDonutLayoutHeight(10)).toBe(375);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("calculatePieLayoutHeight", () => {
|
|
||||||
expect(calculatePieLayoutHeight(0)).toBe(300);
|
|
||||||
expect(calculatePieLayoutHeight(1)).toBe(325);
|
|
||||||
expect(calculatePieLayoutHeight(2)).toBe(325);
|
|
||||||
expect(calculatePieLayoutHeight(3)).toBe(350);
|
|
||||||
expect(calculatePieLayoutHeight(4)).toBe(350);
|
|
||||||
expect(calculatePieLayoutHeight(5)).toBe(375);
|
|
||||||
expect(calculatePieLayoutHeight(6)).toBe(375);
|
|
||||||
expect(calculatePieLayoutHeight(7)).toBe(400);
|
|
||||||
expect(calculatePieLayoutHeight(8)).toBe(400);
|
|
||||||
expect(calculatePieLayoutHeight(9)).toBe(425);
|
|
||||||
expect(calculatePieLayoutHeight(10)).toBe(425);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("donutCenterTranslation", () => {
|
|
||||||
expect(donutCenterTranslation(0)).toBe(-45);
|
|
||||||
expect(donutCenterTranslation(1)).toBe(-45);
|
|
||||||
expect(donutCenterTranslation(2)).toBe(-45);
|
|
||||||
expect(donutCenterTranslation(3)).toBe(-45);
|
|
||||||
expect(donutCenterTranslation(4)).toBe(-45);
|
|
||||||
expect(donutCenterTranslation(5)).toBe(-45);
|
|
||||||
expect(donutCenterTranslation(6)).toBe(-29);
|
|
||||||
expect(donutCenterTranslation(7)).toBe(-13);
|
|
||||||
expect(donutCenterTranslation(8)).toBe(3);
|
|
||||||
expect(donutCenterTranslation(9)).toBe(19);
|
|
||||||
expect(donutCenterTranslation(10)).toBe(35);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("trimTopLanguages", () => {
|
|
||||||
expect(trimTopLanguages([])).toStrictEqual({
|
|
||||||
langs: [],
|
|
||||||
totalLanguageSize: 0,
|
|
||||||
});
|
|
||||||
expect(trimTopLanguages([langs.javascript])).toStrictEqual({
|
|
||||||
langs: [langs.javascript],
|
|
||||||
totalLanguageSize: 200,
|
|
||||||
});
|
|
||||||
expect(
|
|
||||||
trimTopLanguages([langs.javascript, langs.HTML], [], 5),
|
|
||||||
).toStrictEqual({
|
|
||||||
langs: [langs.javascript, langs.HTML],
|
|
||||||
totalLanguageSize: 400,
|
|
||||||
});
|
|
||||||
expect(trimTopLanguages(langs, [], 5)).toStrictEqual({
|
|
||||||
langs: Object.values(langs),
|
|
||||||
totalLanguageSize: 500,
|
|
||||||
});
|
|
||||||
expect(trimTopLanguages(langs, [], 2)).toStrictEqual({
|
|
||||||
langs: Object.values(langs).slice(0, 2),
|
|
||||||
totalLanguageSize: 400,
|
|
||||||
});
|
|
||||||
expect(trimTopLanguages(langs, ["javascript"], 5)).toStrictEqual({
|
|
||||||
langs: [langs.HTML, langs.css],
|
|
||||||
totalLanguageSize: 300,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe("Test renderTopLanguages", () => {
|
describe("Test renderTopLanguages", () => {
|
||||||
it("should render correctly", () => {
|
it("should render correctly", () => {
|
||||||
document.body.innerHTML = renderTopLanguages(langs);
|
document.body.innerHTML = renderTopLanguages(langs);
|
||||||
@@ -497,152 +236,6 @@ describe("Test renderTopLanguages", () => {
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
it("should render with layout donut", () => {
|
|
||||||
document.body.innerHTML = renderTopLanguages(langs, { layout: "donut" });
|
|
||||||
|
|
||||||
expect(queryByTestId(document.body, "header")).toHaveTextContent(
|
|
||||||
"Most Used Languages",
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent(
|
|
||||||
"HTML 40.00%",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-donut")[0]).toHaveAttribute(
|
|
||||||
"size",
|
|
||||||
"40",
|
|
||||||
);
|
|
||||||
const d = getNumbersFromSvgPathDefinitionAttribute(
|
|
||||||
queryAllByTestId(document.body, "lang-donut")[0].getAttribute("d"),
|
|
||||||
);
|
|
||||||
const center = { x: d[7], y: d[7] };
|
|
||||||
const HTMLLangPercent = langPercentFromDonutLayoutSvg(
|
|
||||||
queryAllByTestId(document.body, "lang-donut")[0].getAttribute("d"),
|
|
||||||
center.x,
|
|
||||||
center.y,
|
|
||||||
);
|
|
||||||
expect(HTMLLangPercent).toBeCloseTo(40);
|
|
||||||
|
|
||||||
expect(queryAllByTestId(document.body, "lang-name")[1]).toHaveTextContent(
|
|
||||||
"javascript 40.00%",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-donut")[1]).toHaveAttribute(
|
|
||||||
"size",
|
|
||||||
"40",
|
|
||||||
);
|
|
||||||
const javascriptLangPercent = langPercentFromDonutLayoutSvg(
|
|
||||||
queryAllByTestId(document.body, "lang-donut")[1].getAttribute("d"),
|
|
||||||
center.x,
|
|
||||||
center.y,
|
|
||||||
);
|
|
||||||
expect(javascriptLangPercent).toBeCloseTo(40);
|
|
||||||
|
|
||||||
expect(queryAllByTestId(document.body, "lang-name")[2]).toHaveTextContent(
|
|
||||||
"css 20.00%",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-donut")[2]).toHaveAttribute(
|
|
||||||
"size",
|
|
||||||
"20",
|
|
||||||
);
|
|
||||||
const cssLangPercent = langPercentFromDonutLayoutSvg(
|
|
||||||
queryAllByTestId(document.body, "lang-donut")[2].getAttribute("d"),
|
|
||||||
center.x,
|
|
||||||
center.y,
|
|
||||||
);
|
|
||||||
expect(cssLangPercent).toBeCloseTo(20);
|
|
||||||
|
|
||||||
expect(HTMLLangPercent + javascriptLangPercent + cssLangPercent).toBe(100);
|
|
||||||
|
|
||||||
// Should render full donut (circle) if one language is 100%.
|
|
||||||
document.body.innerHTML = renderTopLanguages(
|
|
||||||
{ HTML: langs.HTML },
|
|
||||||
{ layout: "donut" },
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent(
|
|
||||||
"HTML 100.00%",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-donut")[0]).toHaveAttribute(
|
|
||||||
"size",
|
|
||||||
"100",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-donut")).toHaveLength(1);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-donut")[0].tagName).toBe(
|
|
||||||
"circle",
|
|
||||||
);
|
|
||||||
});
|
|
||||||
it("should render with layout pie", () => {
|
|
||||||
document.body.innerHTML = renderTopLanguages(langs, { layout: "pie" });
|
|
||||||
|
|
||||||
expect(queryByTestId(document.body, "header")).toHaveTextContent(
|
|
||||||
"Most Used Languages",
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent(
|
|
||||||
"HTML 40.00%",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-pie")[0]).toHaveAttribute(
|
|
||||||
"size",
|
|
||||||
"40",
|
|
||||||
);
|
|
||||||
|
|
||||||
const d = getNumbersFromSvgPathDefinitionAttribute(
|
|
||||||
queryAllByTestId(document.body, "lang-pie")[0].getAttribute("d"),
|
|
||||||
);
|
|
||||||
const center = { x: d[0], y: d[1] };
|
|
||||||
const HTMLLangPercent = langPercentFromPieLayoutSvg(
|
|
||||||
queryAllByTestId(document.body, "lang-pie")[0].getAttribute("d"),
|
|
||||||
center.x,
|
|
||||||
center.y,
|
|
||||||
);
|
|
||||||
expect(HTMLLangPercent).toBeCloseTo(40);
|
|
||||||
|
|
||||||
expect(queryAllByTestId(document.body, "lang-name")[1]).toHaveTextContent(
|
|
||||||
"javascript 40.00%",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-pie")[1]).toHaveAttribute(
|
|
||||||
"size",
|
|
||||||
"40",
|
|
||||||
);
|
|
||||||
const javascriptLangPercent = langPercentFromPieLayoutSvg(
|
|
||||||
queryAllByTestId(document.body, "lang-pie")[1].getAttribute("d"),
|
|
||||||
center.x,
|
|
||||||
center.y,
|
|
||||||
);
|
|
||||||
expect(javascriptLangPercent).toBeCloseTo(40);
|
|
||||||
|
|
||||||
expect(queryAllByTestId(document.body, "lang-name")[2]).toHaveTextContent(
|
|
||||||
"css 20.00%",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-pie")[2]).toHaveAttribute(
|
|
||||||
"size",
|
|
||||||
"20",
|
|
||||||
);
|
|
||||||
const cssLangPercent = langPercentFromPieLayoutSvg(
|
|
||||||
queryAllByTestId(document.body, "lang-pie")[2].getAttribute("d"),
|
|
||||||
center.x,
|
|
||||||
center.y,
|
|
||||||
);
|
|
||||||
expect(cssLangPercent).toBeCloseTo(20);
|
|
||||||
|
|
||||||
expect(HTMLLangPercent + javascriptLangPercent + cssLangPercent).toBe(100);
|
|
||||||
|
|
||||||
// Should render full pie (circle) if one language is 100%.
|
|
||||||
document.body.innerHTML = renderTopLanguages(
|
|
||||||
{ HTML: langs.HTML },
|
|
||||||
{ layout: "pie" },
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent(
|
|
||||||
"HTML 100.00%",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-pie")[0]).toHaveAttribute(
|
|
||||||
"size",
|
|
||||||
"100",
|
|
||||||
);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-pie")).toHaveLength(1);
|
|
||||||
expect(queryAllByTestId(document.body, "lang-pie")[0].tagName).toBe(
|
|
||||||
"circle",
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should render a translated title", () => {
|
it("should render a translated title", () => {
|
||||||
document.body.innerHTML = renderTopLanguages(langs, { locale: "cn" });
|
document.body.innerHTML = renderTopLanguages(langs, { locale: "cn" });
|
||||||
expect(document.getElementsByClassName("header")[0].textContent).toBe(
|
expect(document.getElementsByClassName("header")[0].textContent).toBe(
|
||||||
|
|||||||
Reference in New Issue
Block a user