docs: added contributing.md

Merge branch 'patch-1' of https://github.com/vasugamdha/github-readme-stats into vasugamdha-patch-1
style(theme): Add Night-Owl Theme (#186 )
2020-07-25 20:24:48 +05:30 · 2020-07-25 20:01:53 +05:30 · 2020-07-25 19:44:42 +05:30 · 2020-07-25 18:26:15 +05:30 · 2020-07-25 13:50:18 +05:30 · 2020-07-25 13:29:32 +05:30
34 changed files with 1674 additions and 170 deletions
@@ -9,4 +9,4 @@ community_bridge: # Replace with a single Community Bridge project-name e.g., cl
 liberapay: # Replace with a single Liberapay username
 issuehunt: # Replace with a single IssueHunt username
 otechie: # Replace with a single Otechie username
-custom: ["https://www.paypal.me/anuraghazra"] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
+custom: ["https://www.paypal.me/anuraghazra", "https://www.buymeacoffee.com/anuraghazra"] # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
@@ -34,3 +34,6 @@ jobs:
        run: |
          npm install
          npm run test
+
+      - name: Code Coverage
+        uses: codecov/codecov-action@v1
@@ -1,4 +1,7 @@
 .vercel
 .env
 node_modules
-package-lock.json
+package-lock.json
+*.lock
+.vscode/
+coverage
@@ -1,2 +1,3 @@
 .env
-package-lock.json
+package-lock.json
+coverage
@@ -0,0 +1,75 @@
+# Contributing to [github-readme-stats](https://github.com/anuraghazra/github-readme-stats)
+
+We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's:
+
+- Reporting a issue
+- Discussing the current state of the code
+- Submitting a fix
+- Proposing new features
+- Becoming a maintainer
+
+## All Changes Happen Through Pull Requests
+
+Pull requests are the best way to propose changes. We actively welcome your pull requests:
+
+1. Fork the repo and create your branch from `master`.
+1. If you've added code that should be tested, add some tests' example.
+1. If you've changed APIs, update the documentation.
+1. Issue that pull request!
+
+## Local Development
+
+To run & test github-readme-stats you need to follow few simple steps :-
+_(make sure you already have a [vercel](https://vercel.com/) account)_
+
+1. Install [Vercel CLI](https://vercel.com/download)
+1. Fork the repository and clone the code to your local machine
+1. Run the command "vercel" in the root and follow the steps there
+1. Create a `.env` file in the root of the directory
+1. In the .env file add a new variable named "PAT" with your [github Personal access token](https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token)
+1. Run the command "vercel dev" to start a development server at https://localhost:3000
+
+## Themes Contribution
+
+Github readme stats supports custom theming and you can also contribute new themes!
+
+All you need to do is edit [themes/index.js](./themes/index.js) file and add your theme at the end of the file.
+
+While creating the Pull request to add a new theme **don't forget to add a screenshot of how your theme looks**, you can also test how it looks using custom url parameters like `title_color`, `icon_color`, `bg_color`, `text_color`
+
+> NOTE: If you are contributing your theme just because you are using it personally, then you can [customize the looks](./readme.md#customization) of your card with URL params instead.
+
+## Any contributions you make will be under the MIT Software License
+
+In short, when you submit changes, your submissions are understood to be under the same [MIT License](http://choosealicense.com/licenses/mit/) that covers the project. Feel free to contact the maintainers if that's a concern.
+
+## Report issues/bugs using Github's [issues](https://github.com/anuraghazra/github-readme-stats/issues)
+
+We use GitHub issues to track public bugs. Report a bug by [opening a new issue](https://github.com/anuraghazra/github-readme-stats/issues/new/choose); it's that easy!
+
+### Bug Reports
+
+**Great Bug Reports** tend to have:
+
+- A quick summary and/or background
+- Steps to reproduce
+  - Be specific!
+  - Share the snapshot, if possible.
+  - Github Readme Stats' live link
+- What actually happens
+- What you expected would happen
+- Notes (possibly including why you think this might be happening, or stuff you tried that didn't work)
+
+People _love_ thorough bug reports. I'm not even kidding.
+
+### Feature Request
+
+**Great Feature Requests** tend to have:
+
+- A quick idea summary
+- What & why you wanted to add the specific feature
+- Additional Context like images, links to resources to implement the feature etc etc.
+
+## License
+
+By contributing, you agree that your contributions will be licensed under its [MIT License](./LICENSE).
@@ -2,6 +2,7 @@ require("dotenv").config();
 const {
  renderError,
  parseBoolean,
+  parseArray,
  clampValue,
  CONSTANTS,
 } = require("../src/utils");
@@ -16,6 +17,7 @@ module.exports = async (req, res) => {
    hide_border,
    hide_rank,
    show_icons,
+    count_private,
    line_height,
    title_color,
    icon_color,
@@ -29,9 +31,14 @@ module.exports = async (req, res) => {
  res.setHeader("Content-Type", "image/svg+xml");

  try {
-    stats = await fetchStats(username);
+    stats = await fetchStats(username, parseBoolean(count_private));
  } catch (err) {
-    return res.send(renderError(err.message));
+    return res.send(
+      renderError(
+        err.message,
+        "Make sure the provided username is not an organization"
+      )
+    );
  }

  const cacheSeconds = clampValue(
@@ -44,7 +51,7 @@ module.exports = async (req, res) => {

  res.send(
    renderStatsCard(stats, {
-      hide: JSON.parse(hide || "[]"),
+      hide: parseArray(hide),
      show_icons: parseBoolean(show_icons),
      hide_title: parseBoolean(hide_title),
      hide_border: parseBoolean(hide_border),
@@ -4,6 +4,7 @@ const {
  parseBoolean,
  clampValue,
  CONSTANTS,
+  logger,
 } = require("../src/utils");
 const fetchRepo = require("../src/fetchRepo");
 const renderRepoCard = require("../src/renderRepoCard");
@@ -28,7 +29,7 @@ module.exports = async (req, res) => {
  try {
    repoData = await fetchRepo(username, repo);
  } catch (err) {
-    console.log(err);
+    logger.error(err);
    return res.send(renderError(err.message));
  }

@@ -0,0 +1,54 @@
+require("dotenv").config();
+const {
+  renderError,
+  clampValue,
+  parseBoolean,
+  parseArray,
+  CONSTANTS,
+} = require("../src/utils");
+const fetchTopLanguages = require("../src/fetchTopLanguages");
+const renderTopLanguages = require("../src/renderTopLanguages");
+
+module.exports = async (req, res) => {
+  const {
+    username,
+    hide,
+    hide_title,
+    card_width,
+    title_color,
+    text_color,
+    bg_color,
+    theme,
+    cache_seconds,
+  } = req.query;
+  let topLangs;
+
+  res.setHeader("Content-Type", "image/svg+xml");
+
+  try {
+    topLangs = await fetchTopLanguages(username);
+  } catch (err) {
+    return res.send(renderError(err.message));
+  }
+
+  const cacheSeconds = clampValue(
+    parseInt(cache_seconds || CONSTANTS.THIRTY_MINUTES, 10),
+    CONSTANTS.THIRTY_MINUTES,
+    CONSTANTS.ONE_DAY
+  );
+
+  res.setHeader("Cache-Control", `public, max-age=${cacheSeconds}`);
+
+  res.send(
+    renderTopLanguages(topLangs, {
+      theme,
+      hide_title: parseBoolean(hide_title),
+      card_width: parseInt(card_width, 10),
+      hide: parseArray(hide),
+      title_color,
+      text_color,
+      bg_color,
+      theme,
+    })
+  );
+};
@@ -0,0 +1,13 @@
+codecov:
+  require_ci_to_pass: yes
+
+coverage:
+  precision: 2
+  round: down
+  range: "70...100"
+
+  status:
+    project:
+      default:
+        threshold: 5
+    patch: false
@@ -4,7 +4,7 @@
  "description": "Dynamically generate stats for your github readmes",
  "main": "index.js",
  "scripts": {
-    "test": "jest",
+    "test": "jest --coverage",
    "test:watch": "jest --watch"
  },
  "author": "Anurag Hazra",
@@ -15,9 +15,16 @@
    "axios": "^0.19.2",
    "axios-mock-adapter": "^1.18.1",
    "css-to-object": "^1.1.0",
+    "husky": "^4.2.5",
    "jest": "^26.1.0"
  },
  "dependencies": {
-    "dotenv": "^8.2.0"
+    "dotenv": "^8.2.0",
+    "emoji-name-map": "^1.2.8"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm test"
+    }
  }
 }
@@ -1,5 +1,5 @@
 <p align="center">
- <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="Github Readme Stats" /> 
+ <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="Github Readme Stats" />
 <h2 align="center">GitHub Readme Stats</h2>
 <p align="center">Get dynamically generated GitHub stats on your readmes!</p>
 </p>
@@ -8,6 +8,9 @@
    <a href="https://github.com/anuraghazra/github-readme-stats/actions">
      <img alt="Tests Passing" src="https://github.com/anuraghazra/github-readme-stats/workflows/Test/badge.svg" />
    </a>
+    <a href="https://codecov.io/gh/anuraghazra/github-readme-stats">
+      <img src="https://codecov.io/gh/anuraghazra/github-readme-stats/branch/master/graph/badge.svg" />
+    </a>
    <a href="https://github.com/anuraghazra/github-readme-stats/issues">
      <img alt="Issues" src="https://img.shields.io/github/issues/anuraghazra/github-readme-stats?color=0088ff" />
    </a>
@@ -19,12 +22,14 @@
  <p align="center">
    <a href="#demo">View Demo</a>
    ·
-    <a href="https://github.com/anuraghazra/github-readme-stats/issues">Report Bug</a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">Report Bug</a>
    ·
-    <a href="https://github.com/anuraghazra/github-readme-stats/issues">Request Feature</a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">Request Feature</a>
  </p>
  <p align="center">
    <a href="readme_cn.md">简体中文</a>
+    ·
+    <a href="readme_es.md">Español</a>
  </p>
 </p>
 <p align="center">Loved the project? Please consider <a href="https://www.paypal.me/anuraghazra">donating</a> to help it improve!
@@ -33,6 +38,7 @@

 - [GitHub Stats Card](#github-stats-card)
 - [GitHub Extra Pins](#github-extra-pins)
+- [Top Languages Card](#top-languages-card)
 - [Themes](#themes)
 - [Customization](#customization)
 - [Deploy Yourself](#deploy-on-your-own-vercel-instance)
@@ -51,12 +57,24 @@ _Note: Ranks are calculated based on user's stats, see [src/calculateRank.js](./

 ### Hiding individual stats

-To hide any specific stats, you can pass a query parameter `?hide=` with an array of items you wanna hide.
+To hide any specific stats, you can pass a query parameter `?hide=` with comma seperated values.

-> Options: `&hide=["stars","commits","prs","issues","contribs"]`
+> Options: `&hide=stars,commits,prs,issues,contribs`

 ```md
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,prs])
+```
+
+### 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 otherwise you need to chose to share your private contribution counts._
+
+> Options: `&count_private=true`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&count_private=true)
 ```

 ### Showing icons
@@ -83,7 +101,7 @@ dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontr

 <img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="Github Readme Stat Themes" width="600px"/>

-Check out more themes at [theme config file](./themes/index.js) & **you can also contribute new themes** if you like :D
+You can look at a preview for [all available themes](./themes/README.md) or checkout the [theme config file](./themes/index.js) & **you can also contribute new themes** if you like :D

 ### Customization

@@ -91,51 +109,24 @@ You can customize the appearance of your `Stats Card` or `Repo Card` however you

 Customization Options:

-| Option      | type      | description                          | Stats Card (default) | Repo Card (default) |
-| ----------- | --------- | ------------------------------------ | -------------------- | ------------------- |
-| title_color | hex color | title color                          | 2f80ed               | 2f80ed              |
-| text_color  | hex color | body color                           | 333                  | 333                 |
-| icon_color  | hex color | icon color                           | 4c71f2               | 586069              |
-| bg_color    | hex color | card bg color                        | FFFEFE               | FFFEFE              |
-| line_height | number    | control the line-height between text | 30                   | N/A                 |
-| hide_rank   | boolean   | hides the ranking                    | false                | N/A                 |
-| hide_title  | boolean   | hides the stats title                | false                | N/A                 |
-| hide_border | boolean   | hides the stats card border          | false                | N/A                 |
-| show_owner  | boolean   | shows owner name in repo card        | N/A                  | false               |
-| show_icons  | boolean   | shows icons                          | false                | N/A                 |
-| theme       | string    | sets inbuilt theme                   | 'default'            | 'default_repocard'  |
+| Option        | type      | description                                 | Stats Card (default) | Repo Card (default) | Top Lang Card (default) |
+| ------------- | --------- | ------------------------------------------- | -------------------- | ------------------- | ----------------------- |
+| title_color   | hex color | title color                                 | 2f80ed               | 2f80ed              | 2f80ed                  |
+| text_color    | hex color | body color                                  | 333                  | 333                 | 333                     |
+| icon_color    | hex color | icon color                                  | 4c71f2               | 586069              | 586069                  |
+| bg_color      | hex color | card bg color                               | FFFEFE               | FFFEFE              | FFFEFE                  |
+| line_height   | number    | control the line-height between text        | 30                   | N/A                 | N/A                     |
+| hide          | CSV       | hides the items specified                   | undefined            | N/A                 | undefined               |
+| hide_rank     | boolean   | hides the ranking                           | false                | N/A                 | N/A                     |
+| hide_title    | boolean   | hides the stats title                       | false                | N/A                 | false                   |
+| hide_border   | boolean   | hides the stats card border                 | false                | N/A                 | N/A                     |
+| show_owner    | boolean   | shows owner name in repo card               | N/A                  | false               | N/A                     |
+| show_icons    | boolean   | shows icons                                 | false                | N/A                 | N/A                     |
+| theme         | string    | sets inbuilt theme                          | 'default'            | 'default_repocard'  | 'default                |
+| cache_seconds | number    | manually set custom cache control           | 1800                 | 1800                | '1800'                  |
+| count_private | boolean   | counts private contributions too if enabled | false                | N/A                 | N/A                     |

---
-
-### Demo
-
- Default
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)
-
- Hiding specific stats
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])
-
- Showing icons
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)
-
- Themes
-
-Choose from any of the [default themes](#themes)
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
-
- Customizing stats card
-
-![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
-
- Customizing repo card
-
-![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)
-
---
+> Note on cache: Repo cards have default cache of 30mins (1800 seconds) if the fork count & star count is less than 1k otherwise it's 2hours (7200). Also note that cache is clamped to minimum of 30min and maximum of 24hours

 # GitHub Extra Pins

@@ -161,6 +152,70 @@ Use [show_owner](#customization) variable to include the repo's owner username

 [![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&show_owner=true)](https://github.com/anuraghazra/github-readme-stats)

+# Top Languages Card
+
+Top languages card shows github user's top langauges which has been mostly used.
+
+_NOTE: Top languages does not indicate my skill level or something like that, it's a github metric of which languages i have the most code on github, it's a new feature of github-readme-stats_
+
+### Usage
+
+Copy-paste this code into your readme and change the links.
+
+Endpoint: `api/top-langs?username=anuraghazra`
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Hide individual languages
+
+You can use `?hide=language1,language2` parameter to hide individual languages.
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=javascript,html)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Demo
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+
+---
+
+### All Demos
+
+- Default
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)
+
+- Hiding specific stats
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=contribs,issues])
+
+- Showing icons
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=issues&show_icons=true)
+
+- Themes
+
+Choose from any of the [default themes](#themes)
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+
+- Customizing stats card
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
+
+- Customizing repo card
+
+![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)
+
+- Top languages
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+
+---
+
 ### Quick Tip (Align The Repo Cards)

 You usually won't be able to layout the images side by side. To do that you can use this approach:
@@ -198,8 +253,9 @@ NOTE: Since [#58](https://github.com/anuraghazra/github-readme-stats/pull/58) we
 1. Select `Import Git Repository`  
   ![](https://files.catbox.moe/pqub9q.png)
 1. Select root and keep everything as is, just add your environment variable named PAT_1 (as shown), which will contain a personal access token (PAT), which you can easily create [here](https://github.com/settings/tokens/new) (leave everything as is, just name it something, it can be anything you want)
-   ![](https://files.catbox.moe/caem5b.png)
+   ![](https://files.catbox.moe/0ez4g7.png)
 1. Click deploy, and you're good to go. See your domains to use the API!
+
 </details>

 ## :sparkling_heart: Support the project
@@ -1,7 +1,7 @@
 <p align="center">
 <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="Github Readme Stats" />
 <h2 align="center">GitHub Readme Stats</h2>
- <p align="center">在你的 README 中 获取动态生成的GitHub统计信息！</p>
+ <p align="center">在你的 README 中 获取动态生成的 GitHub 统计信息！</p>
 </p>

  <p align="center">
@@ -19,36 +19,38 @@
  <p align="center">
    <a href="#demo">查看 Demo</a>
    ·
-    <a href="https://github.com/anuraghazra/github-readme-stats/issues">报告 bug</a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">报告 bug</a>
    ·
-    <a href="https://github.com/anuraghazra/github-readme-stats/issues">请求增加功能</a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">请求增加功能</a>
  </p>
 </p>
-<p align="center">喜欢这个项目? 请考虑<a href="https://www.paypal.me/anuraghazra">捐赠</a>来帮助它完善！
+<p align="center">喜欢这个项目？请考虑<a href="https://www.paypal.me/anuraghazra">捐赠</a>来帮助它完善！

 # 特性

 - [GitHub 统计卡片](#GitHub-统计卡片)
- [GitHub Extra Pins](#github-extra-pins)
+- [GitHub 更多置顶](#GitHub-更多置顶)
+- [热门语言卡片](#热门语言卡片)
+- [主题](#主题)
 - [自定义](#自定义)
 - [自己部署](#自己部署)

 # GitHub 统计卡片

-将这复制到你的 markdown 中，就这样，非常简单！
-更改 `?username=` 的值为你的用户名。
+将这行代码复制到你的 markdown 文件中，简单如此！
+更改 `?username=` 的值为你的 GitHub 用户名。

 ```md
 [![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
 ```

-_Note: 排名是基于用户的统计信息计算得出的，详见 [src/calculateRank.js](./src/calculateRank.js)_
+_Note: 排名基于用户的统计信息计算得出，详见 [src/calculateRank.js](./src/calculateRank.js)_

 ### 隐藏个人统计信息

-想要隐藏某个统计信息, 你可以传递参数 `?hide=`，并将你想要隐藏的项目用数组进行传递。
+想要隐藏某项统计信息，你可以调用参数 `?hide=`，并调用 你想要隐藏的项目 组成的数组。

-> 选项: `&hide=["stars","prs","issues","contribs"]`
+> 选项：`&hide=["stars","prs","issues","contribs"]`

 ```md
 ![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
@@ -56,36 +58,51 @@ _Note: 排名是基于用户的统计信息计算得出的，详见 [src/calcula

 ### 显示图标

-想要显示图标, 你可以传递 `show_icons=true`，像这样:
+想要显示图标，你可以调用 `show_icons=true` 参数，如下：

 ```md
 ![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true)
 ```

+### 主题
+
+你可以通过现有的主题进行卡片个性化，省去[手动自定义](#自定义)的麻烦。
+
+调用 `?theme=THEME_NAME` 参数，如下：
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+```
+
+#### 所有现有主题
+
+dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula
+
+<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="Github Readme Stat Themes" width="600px"/>
+
+在 [theme config 文件](./themes/index.js) 中查看更多主题，或者 **贡献新的主题** :D
+
 ### 自定义

-你可以为你的 `Stats Card` 或 `Repo Card` 自定义样式，however you want with URL params.
+你可以通过使用 URL 参数的方式，为你的 `Stats Card` 或 `Repo Card` 自定义样式。

-自定义选项:
+自定义选项：

 | Option      | type      | description                          | Stats Card (default) | Repo Card (default) |
 | ----------- | --------- | ------------------------------------ | -------------------- | ------------------- |
-| title_color | hex color | title color                          | 2f80ed               | 2f80ed              |
-| text_color  | hex color | body color                           | 333                  | 333                 |
-| icon_color  | hex color | icon color                           | 4c71f2               | 586069              |
-| bg_color    | hex color | card bg color                        | FFFEFE               | FFFEFE              |
-| line_height | number    | control the line-height between text | 30                   | N/A                 |
-| hide_rank   | boolean   | hides the ranking                    | false                | N/A                 |
-| hide_title  | boolean   | hides the stats title                | false                | N/A                 |
-| hide_border | boolean   | hides the stats card border          | false                | N/A                 |
-| show_owner  | boolean   | shows owner name in repo card        | N/A                  | false               |
-| show_icons  | boolean   | shows icons                          | false                | N/A                 |
+| title_color | hex color | 标题颜色                              | 2f80ed               | 2f80ed              |
+| text_color  | hex color | 字体颜色                              | 333                  | 333                 |
+| icon_color  | hex color | 图标颜色                              | 4c71f2               | 586069              |
+| bg_color    | hex color | 卡片背景颜色                           | FFFEFE               | FFFEFE              |
+| line_height | number    | 文字行高                              | 30                   | N/A                 |
+| hide_rank   | boolean   | 隐藏评分等级                           | false                | N/A                 |
+| hide_title  | boolean   | 隐藏卡片标题                           | false                | N/A                 |
+| hide_border | boolean   | 隐藏卡片边框                           | false                | N/A                 |
+| show_owner  | boolean   | 显示 Repo 卡片所属账户用户名             | N/A                  | false               |
+| show_icons  | boolean   | 显示图标                              | false                | N/A                 |
+| theme       | string    | 设置主题                              | 'default'            | 'default_repocard'  |

- 你也可以通过自定义来兼容暗黑模式
-
-```md
-![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
-```
+---

 ### Demo

@@ -93,7 +110,7 @@ _Note: 排名是基于用户的统计信息计算得出的，详见 [src/calcula

 ![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)

- 隐藏某个项目
+- 隐藏特定数据

 ![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])

@@ -101,23 +118,31 @@ _Note: 排名是基于用户的统计信息计算得出的，详见 [src/calcula

 ![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)

- 自定义添加卡片
+- 主题
+
+从 [默认主题](#主题) 中进行选择
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+
+- 自定义统计卡片

 ![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)

- 自定义仓库卡片
+- 自定义代码库卡片

 ![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)

-# GitHub Extra Pins
+---

-GitHub extra pins allow you to pin more than 6 repositories in your profile using a GitHub readme profile.
+# GitHub 更多置顶

-Yey! You are no longer limited to 6 pinned repositories.
+GitHub 更多置顶 让你使用 README Profile，在个人页面中置顶多于 6 个 repo 。

-### Usage
+这波可以！你再也不用受限于最多 6 个置顶了。

-Copy-paste this code into your readme and change the links.
+### 使用细则
+
+复制粘贴这段代码到你的 README 文件中，并更改链接。

 Endpoint: `api/pin?username=anuraghazra&repo=github-readme-stats`

@@ -129,13 +154,77 @@ Endpoint: `api/pin?username=anuraghazra&repo=github-readme-stats`

 [![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)

-Use [show_owner](#自定义) variable to include the repo's owner username
+使用 [show_owner](#自定义) 变量将 Repo 所属账户的用户名包含在内。

 [![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&show_owner=true)](https://github.com/anuraghazra/github-readme-stats)

-### 提示 (Align The Repo Cards)
+# 热门语言卡片

-你通常无法将图片靠边显示，为此，您可以使用以下方法：
+热门语言卡片显示了Github用户常用的编程语言。
+
+*注意：热门语言并不表示我的技能水平或类似的水平，它是用户在Github上拥有最多代码的一项指标，它是github-readme-stats的新功能*
+
+### 使用细则
+
+将此代码复制粘贴到您的`README.md`文件中，并改变链接。
+
+Endpoint: `api/top-langs?username=anuraghazra`
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### 隐藏特定语言
+
+可以使用`?hide=语言1,语言2`参数来隐藏指定的语言。
+
+```md
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&hide=语言1,语言2)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Demo
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+
+---
+
+### 全部Demo
+
+- 默认
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)
+
+- 隐藏特定数据
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])
+
+- 显示图标
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)
+
+- 主题
+
+从 [默认主题](#主题) 中进行选择
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+
+- 自定义统计卡片
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
+
+- 自定义代码库卡片
+
+![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)
+
+- 热门语言
+
+[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+
+---
+
+### 提示 (对齐 Repo 卡片)
+
+你通常无法将图片靠边显示。为此，您可以使用以下方法：

 ```md
 <a href="https://github.com/anuraghazra/github-readme-stats">
@@ -148,22 +237,22 @@ Use [show_owner](#自定义) variable to include the repo's owner username

 ## 自己部署

-自从 GitHub 的 API 每个小时只允许 5 千的请求，我都 `https://github-readme-stats.vercel.app/api` 很有可能会触发限制
-如果你将其托管在自己的 Vercel 服务商，那么你就不用担心任何事了。点击 deploy 按钮来开始
+因为 GitHub 的 API 每个小时只允许 5 千次请求，我的 `https://github-readme-stats.vercel.app/api` 很有可能会触发限制
+如果你将其托管在自己的 Vercel 服务器上，那么你就不必为此担心。点击 deploy 按钮来开始你的部署！

 注意: 从 [#58](https://github.com/anuraghazra/github-readme-stats/pull/58) 开始，我们应该能够处理超过 5千 的请求，并且不会出现宕机问题 :D

 [![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/anuraghazra/github-readme-stats)

 <details>
- <summary>Guide on setting up Vercel</summary>
+ <summary>设置 Vercel 的指导</summary>

 1. 前往 [vercel.com](https://vercel.com/)
 1. 点击 `Log in`  
   ![](https://files.catbox.moe/tct1wg.png)
 1. 点击 `Continue with GitHub` 通过 GitHub 进行登录
   ![](https://files.catbox.moe/btd78j.jpeg)
-1. 登录 GitHub 并允许访问所有存储库（如果系统提示）
+1. 登录 GitHub 并允许访问所有存储库（如果系统这样提示）
 1. Fork 这个仓库
 1. 返回到你的 [Vercel dashboard](https://vercel.com/dashboard)
 1. 选择 `Import Project`  
@@ -172,18 +261,19 @@ Use [show_owner](#自定义) variable to include the repo's owner username
   ![](https://files.catbox.moe/pqub9q.png)
 1. 选择 root 并将所有内容保持不变，并且只需添加名为 PAT_1 的环境变量（如图所示），其中将包含一个个人访问令牌（PAT），你可以在[这里](https://github.com/settings/tokens/new)轻松创建（保留默认，并且只需要命名下，名字随便）
   ![](https://files.catbox.moe/caem5b.png)
-1. 点击 deploy, 这就完成了，查看你的域名就可使用 API 了！
+1. 点击 deploy，这就完成了，查看你的域名就可使用 API 了！
+
 </details>

 ## :sparkling_heart: 支持这个项目

-我几乎将我所能的进行开源，并且我试着回复每个在使用这些项目时需要帮助的人。很明显，这需要时间，但你可以免费享受此服务。
+我尽己所能地进行开源，并且我尽量回复每个在使用项目时需要帮助的人。很明显，这需要时间，但你可以免费享受这些。

-然而, 如果你正在使用这个项目并且感觉挺开心或者只是想要支持我继续开发，这里有一些方法：
+然而, 如果你正在使用这个项目并感觉良好，或只是想要支持我继续开发，你可以通过如下方式：

 - 在你的 README 中使用 github-readme-stats 时，链接指向会这里 :D
 - Star 并 分享这个项目 :rocket:
- [![paypal.me/anuraghazra](https://ionicabizau.github.io/badges/paypal.svg)](https://www.paypal.me/anuraghazra) - 你可以通过 PayPal 一次性捐款. 我可能会买一杯~~咖啡~~茶. :tea:
+- [![paypal.me/anuraghazra](https://ionicabizau.github.io/badges/paypal.svg)](https://www.paypal.me/anuraghazra) - 你可以通过 PayPal 一次性捐款. 我多半会买一杯 ~~咖啡~~ 茶。:tea:

 谢谢！ :heart:

@@ -0,0 +1,220 @@
+<p align="center">
+ <img width="100px" src="https://res.cloudinary.com/anuraghazra/image/upload/v1594908242/logo_ccswme.svg" align="center" alt="Github Readme Stats" />
+ <h2 align="center">GitHub Readme Stats</h2>
+ <p align="center">¡Obtén tus estadísticas de GitHub generadas dinámicamente en tu README!</p>
+</p>
+
+  <p align="center">
+    <a href="https://github.com/anuraghazra/github-readme-stats/actions">
+      <img alt="Tests Passing" src="https://github.com/anuraghazra/github-readme-stats/workflows/Test/badge.svg" />
+    </a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues">
+      <img alt="Issues" src="https://img.shields.io/github/issues/anuraghazra/github-readme-stats?color=0088ff" />
+    </a>
+    <a href="https://github.com/anuraghazra/github-readme-stats/pulls">
+      <img alt="GitHub pull requests" src="https://img.shields.io/github/issues-pr/anuraghazra/github-readme-stats?color=0088ff" />
+    </a>
+  </p>
+
+  <p align="center">
+    <a href="#ejemplo">Ve un ejemplo</a>
+    ·
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">Reporta un bug</a>
+    ·
+    <a href="https://github.com/anuraghazra/github-readme-stats/issues/new/choose">Solicita una mejora</a>
+  </p>
+</p>
+<p align="center">¿Te gusta este proyecto? ¡Por favor considera <a href="https://www.paypal.me/anuraghazra">donar</a> para ayudar a mejorarlo!
+
+# Características
+
+- [Tarjeta de estadísticas de GitHub](#tarjeta-de-estadísticas-de-github)
+- [Pins extra de GitHub](#pins-extra-de-github)
+- [Temas](#temas)
+- [Personalización](#personalización)
+- [Despliega por tu cuenta](#despliega-tu-propia-instancia-de-vercel)
+
+# Tarjeta de estadísticas de GitHub
+
+Copia y pega esto en el contenido de tu README.md y listo. ¡Simple!
+
+Cambia el valor `?username=` al nombre de tu usuario de GitHub.
+
+```md
+[![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+_Nota: las clasificaciones se calculan basándose en las estadísticas del usuario. Ve [src/calculateRank.js](./src/calculateRank.js)._
+
+### Ocultar estadísticas individualmente
+
+Para ocultar alguna estadística específica, puedes utilizar el parámetro `?hide=` con un arreglo de items que quieras ocultar.
+
+> Opciones: `&hide=["stars","commits","prs","issues","contribs"]`
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","prs"])
+```
+
+### Mostrar íconos
+
+Para habilitar los íconos, puedes utilizar `show_icons=true` como parámetro, de esta manera:
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true)
+```
+
+### Temas
+
+Puedes personalizar el aspecto de la tarjeta sin realizar ninguna [personalización manual](#personalización) con los temas incorporados.
+
+Utiliza el parámetro `?theme=THEME_NAME`, de esta manera:
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+```
+
+#### Todos los temas incorporados
+
+dark, radical, merko, gruvbox, tokyonight, onedark, cobalt, synthwave, highcontrast, dracula
+
+<img src="https://res.cloudinary.com/anuraghazra/image/upload/v1595174536/grs-themes_l4ynja.png" alt="Github Readme Stat Themes" width="600px"/>
+
+Puedes ver una vista previa de [todos los temas disponibles](./themes/README.md) o ver el [archivo de configuración](./themes/index.js) del tema y también **puedes contribuir con nuevos temas** si lo deseas: D
+
+### Personalización
+
+Puedes personalizar el aspecto de tu `Stats Card` o `Repo Card` de la manera que desees con los parámetros URL.
+
+Opciones de personalización:
+
+| Option      | type      | description                   | Stats Card (default) | Repo Card (default) |
+| ----------- | --------- | ----------------------------- | -------------------- | ------------------- |
+| title_color | hex color | color del título              | 2f80ed               | 2f80ed              |
+| text_color  | hex color | color del contenido           | 333                  | 333                 |
+| icon_color  | hex color | color del ícono               | 4c71f2               | 586069              |
+| bg_color    | hex color | color de fondo                | FFFEFE               | FFFEFE              |
+| line_height | number    | controla el line_height       | 30                   | N/A                 |
+| hide_rank   | boolean   | oculta la clasificación       | false                | N/A                 |
+| hide_title  | boolean   | oculta el título              | false                | N/A                 |
+| hide_border | boolean   | oculta el borde               | false                | N/A                 |
+| show_owner  | boolean   | muestra el propietario        | N/A                  | false               |
+| show_icons  | boolean   | muestra los íconos            | false                | N/A                 |
+| theme       | string    | establece un tema incorporado | 'default'            | 'default_repocard'  |
+
+---
+
+### Ejemplo
+
+- Predeterminado
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)
+
+- Ocultando estadísticas específicas
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["contribs","issues"])
+
+- Mostrando íconos
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&hide=["issues"]&show_icons=true)
+
+- Temas
+
+Elige uno de los [temas predeterminados](#temas)
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&show_icons=true&theme=radical)
+
+- Personalizando la tarjeta de estadísticas
+
+![Anurag's github stats](https://github-readme-stats.vercel.app/api/?username=anuraghazra&show_icons=true&title_color=fff&icon_color=79ff97&text_color=9f9f9f&bg_color=151515)
+
+- Personalizando la tarjeta de repositorio
+
+![Customized Card](https://github-readme-stats.vercel.app/api/pin?username=anuraghazra&repo=github-readme-stats&title_color=fff&icon_color=f9f9f9&text_color=9f9f9f&bg_color=151515)
+
+---
+
+# Pins extra de GitHub
+
+Los pins extra de GitHub te permiten anclar más de 6 repositorios en tu perfil utilizando el archivo README.md.
+
+¡Bien! Ya no estás limitado a 6 repositorios anclados.
+
+### Utilización
+
+Copia y pega este código en tu README.md y cambia los links.
+
+Endpoint: `api/pin?username=anuraghazra&repo=github-readme-stats`
+
+```md
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)
+```
+
+### Ejemplo
+
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)
+
+Utiliza la variable [show_owner](#customización) para incluir el nombre de usuario del propietario del repositorio.
+
+[![ReadMe Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&show_owner=true)](https://github.com/anuraghazra/github-readme-stats)
+
+### Pequeño consejo (alinear las tarjetas de repositorios)
+
+Usualmente no serías capaz de alinear las imágenes una al lado de otra. Para lograrlo, puedes realizar esto:
+
+```md
+<a href="https://github.com/anuraghazra/github-readme-stats">
+  <img align="left" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats" />
+</a>
+<a href="https://github.com/anuraghazra/convoychat">
+  <img align="left" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=convoychat" />
+</a>
+```
+
+## Despliega tu propia instancia de vercel
+
+Desde que la API de GitHub permite solo 5 mil peticiones por hora, es posible que mi `https://github-readme-stats.vercel.app/api` pueda llegar al límite. Si lo alojas en tu propio servidor de Vercel, no tendrás que preocuparte de nada. ¡Clickea en el botón "Deploy" para comenzar!
+
+Nota: debido a esto [#58](https://github.com/anuraghazra/github-readme-stats/pull/58) podríamos manejar más de 5 mil peticiones sin tener ningún problema con el downtime :D
+
+[![Deploy to Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/anuraghazra/github-readme-stats)
+
+<details>
+ <summary>Guía para comenzar en Vercel</summary>
+
+1. Ve a [vercel.com](https://vercel.com/)
+1. Clickea en `Log in`  
+   ![](https://files.catbox.moe/tct1wg.png)
+1. Inicia sesión con GitHub presionando `Continue with GitHub`  
+   ![](https://files.catbox.moe/btd78j.jpeg)
+1. Permite el acceso a todos los repositorios (si se te pregunta)
+1. Haz un Fork de este repositorio
+1. Dirígete de nuevo a tu [Vercel dashboard](https://vercel.com/dashboard)
+1. Selecciona `Import Project`  
+   ![](https://files.catbox.moe/qckos0.png)
+1. Selecciona `Import Git Repository`  
+   ![](https://files.catbox.moe/pqub9q.png)
+1. Selecciona "root" y matén todo como está, simplemente añade tu variable de entorno llamada PAT_1 (como se muestra), la cual contendrá un token de acceso personal (PAT), el cual puedes crear fácilmente [aquí](https://github.com/settings/tokens/new) (mantén todo como está, simplemente asígnale un nombre, puede ser cualquiera que desees)
+   ![](https://files.catbox.moe/caem5b.png)
+1. Clickea "Deploy" y ya está listo. ¡Ve tus dominios para usar la API!
+
+</details>
+
+## :sparkling_heart: Apoya al proyecto
+
+Casi todos mis proyectos son código-abierto e intento responder a todos los usuarios que necesiten ayuda con alguno de estos proyectos, Obviamente,
+esto toma tiempo. Puedes usar este servicio gratis.
+
+No obstante, si estás utilizando este proyecto y estás feliz con él o simplemente quieres animarme a que siga creando cosas, aquí tienes algunas maneras de hacerlo:
+
+- Darme créditos cuando estés utilizando github-readme-stats en tu README, añadiendo un link a este repositorio :D
+- Dándole una estrella (starring) y compartiendo el proyecto :rocket:
+- [![paypal.me/anuraghazra](https://ionicabizau.github.io/badges/paypal.svg)](https://www.paypal.me/anuraghazra) - Puedes hacerme una única donación a través de PayPal. Probablemente me compraré un ~~café~~ té. :tea:
+
+¡Gracias! :heart:
+
+---
+
+¡Las contribuciones son bienvenidas! <3
+
+Hecho con :heart: y JavaScript.
@@ -10,6 +10,7 @@ const fetcher = (variables, token) => {
        nameWithOwner
        isPrivate
        isArchived
+        isTemplate
        stargazers {
          totalCount
        }
@@ -1,4 +1,4 @@
-const { request } = require("./utils");
+const { request, logger } = require("./utils");
 const retryer = require("./retryer");
 const calculateRank = require("./calculateRank");
 require("dotenv").config();
@@ -13,6 +13,7 @@ const fetcher = (variables, token) => {
          login
          contributionsCollection {
            totalCommitContributions
+            restrictedContributionsCount
          }
          repositoriesContributedTo(first: 1, contributionTypes: [COMMIT, ISSUE, PULL_REQUEST, REPOSITORY]) {
            totalCount
@@ -45,7 +46,7 @@ const fetcher = (variables, token) => {
  );
 };

-async function fetchStats(username) {
+async function fetchStats(username, count_private = false) {
  if (!username) throw Error("Invalid username");

  const stats = {
@@ -61,15 +62,23 @@ async function fetchStats(username) {
  let res = await retryer(fetcher, { login: username });

  if (res.data.errors) {
-    console.log(res.data.errors);
+    logger.error(res.data.errors);
    throw Error(res.data.errors[0].message || "Could not fetch user");
  }

  const user = res.data.data.user;
+  const contributionCount = user.contributionsCollection;

  stats.name = user.name || user.login;
  stats.totalIssues = user.issues.totalCount;
-  stats.totalCommits = user.contributionsCollection.totalCommitContributions;
+
+  stats.totalCommits = contributionCount.totalCommitContributions;
+  if (count_private) {
+    stats.totalCommits =
+      contributionCount.totalCommitContributions +
+      contributionCount.restrictedContributionsCount;
+  }
+
  stats.totalPRs = user.pullRequests.totalCount;
  stats.contributedTo = user.repositoriesContributedTo.totalCount;

@@ -0,0 +1,84 @@
+const { request, logger } = require("./utils");
+const retryer = require("./retryer");
+require("dotenv").config();
+
+const fetcher = (variables, token) => {
+  return request(
+    {
+      query: `
+      query userInfo($login: String!) {
+        user(login: $login) {
+          repositories(isFork: false, first: 100) {
+            nodes {
+              languages(first: 1) {
+                edges {
+                  size
+                  node {
+                    color
+                    name
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+      `,
+      variables,
+    },
+    {
+      Authorization: `bearer ${token}`,
+    }
+  );
+};
+
+async function fetchTopLanguages(username) {
+  if (!username) throw Error("Invalid username");
+
+  let res = await retryer(fetcher, { login: username });
+
+  if (res.data.errors) {
+    logger.error(res.data.errors);
+    throw Error(res.data.errors[0].message || "Could not fetch user");
+  }
+
+  let repoNodes = res.data.data.user.repositories.nodes;
+
+  // TODO: perf improvement
+  repoNodes = repoNodes
+    .filter((node) => {
+      return node.languages.edges.length > 0;
+    })
+    .sort((a, b) => {
+      return b.languages.edges[0].size - a.languages.edges[0].size;
+    })
+    .map((node) => {
+      return node.languages.edges[0];
+    })
+    .reduce((acc, prev) => {
+      let langSize = prev.size;
+      if (acc[prev.node.name] && prev.node.name === acc[prev.node.name].name) {
+        langSize = prev.size + acc[prev.node.name].size;
+      }
+
+      return {
+        ...acc,
+        [prev.node.name]: {
+          name: prev.node.name,
+          color: prev.node.color,
+          size: langSize,
+        },
+      };
+    }, {});
+
+  const topLangs = Object.keys(repoNodes)
+    .slice(0, 5)
+    .reduce((result, key) => {
+      result[key] = repoNodes[key];
+      return result;
+    }, {});
+
+  return topLangs;
+}
+
+module.exports = fetchTopLanguages;
@@ -5,6 +5,7 @@ const {
  FlexLayout,
 } = require("../src/utils");
 const icons = require("./icons");
+const toEmoji = require("emoji-name-map");

 const renderRepoCard = (repo, options = {}) => {
  const {
@@ -14,6 +15,7 @@ const renderRepoCard = (repo, options = {}) => {
    primaryLanguage,
    stargazers,
    isArchived,
+    isTemplate,
    forkCount,
  } = repo;
  const {
@@ -26,15 +28,21 @@ const renderRepoCard = (repo, options = {}) => {
  } = options;

  const header = show_owner ? nameWithOwner : name;
-  const langName = primaryLanguage ? primaryLanguage.name : "Unspecified";
-  const langColor = primaryLanguage ? primaryLanguage.color : "#333";
+  const langName = (primaryLanguage && primaryLanguage.name) || "Unspecified";
+  const langColor = (primaryLanguage && primaryLanguage.color) || "#333";

  const height = 120;
  const shiftText = langName.length > 15 ? 0 : 30;

  let desc = description || "No description provided";
+
+  // parse emojis to unicode
+  desc = desc.replace(/:\w+:/gm, (emoji) => {
+    return toEmoji.get(emoji) || "";
+  });
+
  if (desc.length > 55) {
-    desc = `${description.slice(0, 55)}..`;
+    desc = `${desc.slice(0, 55)}..`;
  }

  // returns theme based colors with proper overrides and defaults
@@ -49,22 +57,30 @@ const renderRepoCard = (repo, options = {}) => {
  const totalStars = kFormatter(stargazers.totalCount);
  const totalForks = kFormatter(forkCount);

-  const archiveBadge = isArchived
-    ? `
-    <g data-testid="archive-badge" class="archive-badge" transform="translate(320, 38)">
+  const getBadgeSVG = (label) => `
+    <g data-testid="badge" class="badge" transform="translate(320, 38)">
      <rect stroke="${textColor}" stroke-width="1" width="70" height="20" x="-12" y="-14" ry="10" rx="10"></rect>
-      <text fill="${textColor}">Archived</text>
+      <text 
+        x="23" y="-5"
+        alignment-baseline="central" 
+        dominant-baseline="central" 
+        text-anchor="middle" 
+        fill="${textColor}"
+      >
+        ${label}
+      </text>
+    </g>
+  `;
+
+  const svgLanguage = primaryLanguage
+    ? `
+    <g data-testid="primary-lang" transform="translate(30, 100)">
+      <circle data-testid="lang-color" cx="0" cy="-5" r="6" fill="${langColor}" />
+      <text data-testid="lang-name" class="gray" x="15">${langName}</text>
    </g>
    `
    : "";

-  const svgLanguage = `
-    <g transform="translate(30, 100)">
-      <circle data-testid="lang-color" cx="0" cy="-5" r="6" fill="${langColor}" />
-      <text data-testid="lang" class="gray" x="15">${langName}</text>
-    </g>
-  `;
-
  const svgStars =
    stargazers.totalCount > 0 &&
    `
@@ -90,22 +106,30 @@ const renderRepoCard = (repo, options = {}) => {
      .description { font: 400 13px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${textColor} }
      .gray { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${textColor} }
      .icon { fill: ${iconColor} }
-      .archive-badge { font: 600 12px 'Segoe UI', Ubuntu, Sans-Serif; }
-      .archive-badge rect { opacity: 0.2 }
+      .badge { font: 600 11px 'Segoe UI', Ubuntu, Sans-Serif; }
+      .badge rect { opacity: 0.2 }
      </style>
+
      <rect data-testid="card-bg" x="0.5" y="0.5" width="399" height="99%" rx="4.5" fill="${bgColor}" stroke="#E4E2E2"/>
      <svg class="icon" x="25" y="25" viewBox="0 0 16 16" version="1.1" width="16" height="16">
        ${icons.contribs}
      </svg>

-      ${archiveBadge}
-
      <text x="50" y="38" class="header">${header}</text>
+
+      ${
+        isTemplate
+          ? getBadgeSVG("Template")
+          : isArchived
+          ? getBadgeSVG("Archived")
+          : ""
+      }
+      
      <text class="description" x="25" y="70">${encodeHTML(desc)}</text>
      
      ${svgLanguage}
      
-      <g transform="translate(${155 - shiftText}, 100)">
+      <g transform="translate(${primaryLanguage ? 155 - shiftText : 25}, 100)">
        ${FlexLayout({ items: [svgStars, svgForks], gap: 65 }).join("")}
      </g>

@@ -1,4 +1,9 @@
-const { kFormatter, getCardColors, FlexLayout } = require("../src/utils");
+const {
+  kFormatter,
+  getCardColors,
+  FlexLayout,
+  encodeHTML,
+} = require("../src/utils");
 const getStyles = require("./getStyles");
 const icons = require("./icons");

@@ -128,11 +133,9 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
  const apostrophe = ["x", "s"].includes(name.slice(-1)) ? "" : "s";
  const title = hide_title
    ? ""
-    : `<text x="25" y="35" class="header">${name}'${apostrophe} GitHub Stats</text>`;
+    : `<text x="25" y="35" class="header">${encodeHTML(name)}'${apostrophe} GitHub Stats</text>`;

-  const border = hide_border
-    ? ""
-    : `
+  const border = `
    <rect 
      data-testid="card-bg"
      x="0.5"
@@ -142,6 +145,7 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
      rx="4.5"
      fill="${bgColor}"
      stroke="#E4E2E2"
+      stroke-opacity="${hide_border ? 0 : 1}"
    />
  `;

@@ -0,0 +1,108 @@
+const { getCardColors, FlexLayout, clampValue } = require("../src/utils");
+
+const createProgressNode = ({ width, color, name, progress }) => {
+  const paddingRight = 95;
+  const progressTextX = width - paddingRight + 10;
+  const progressWidth = width - paddingRight;
+  const progressPercentage = clampValue(progress, 2, 100);
+
+  return `
+    <text data-testid="lang-name" x="2" y="15" class="lang-name">${name}</text>
+    <text x="${progressTextX}" y="34" class="lang-name">${progress}%</text>
+    <svg width="${progressWidth}">
+      <rect rx="5" ry="5" x="0" y="25" width="${progressWidth}" height="8" fill="#ddd"></rect>
+      <rect 
+        height="8" 
+        fill="${color}"
+        rx="5" ry="5" x="0" y="25" 
+        data-testid="lang-progress" 
+        width="${progressPercentage}%"
+      >
+      </rect>
+    </svg>
+  `;
+};
+
+const lowercaseTrim = (name) => name.toLowerCase().trim();
+
+const renderTopLanguages = (topLangs, options = {}) => {
+  const {
+    hide_title,
+    card_width,
+    title_color,
+    text_color,
+    bg_color,
+    hide,
+    theme,
+  } = options;
+
+  let langs = Object.values(topLangs);
+  let langsToHide = {};
+
+  // populate langsToHide map for quick lookup
+  // while filtering out
+  if (hide) {
+    hide.forEach((langName) => {
+      langsToHide[lowercaseTrim(langName)] = true;
+    });
+  }
+
+  // filter out langauges to be hidden
+  langs = langs
+    .sort((a, b) => b.size - a.size)
+    .filter((lang) => {
+      return !langsToHide[lowercaseTrim(lang.name)];
+    });
+
+  const totalSize = langs.reduce((acc, curr) => {
+    return acc + curr.size;
+  }, 0);
+
+  // returns theme based colors with proper overrides and defaults
+  const { titleColor, textColor, bgColor } = getCardColors({
+    title_color,
+    text_color,
+    bg_color,
+    theme,
+  });
+
+  const width = isNaN(card_width) ? 300 : card_width;
+  let height = 45 + (langs.length + 1) * 40;
+
+  if (hide_title) {
+    height -= 30;
+  }
+  return `
+    <svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <style>
+        .header { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${titleColor} }
+        .lang-name { font: 400 11px 'Segoe UI', Ubuntu, Sans-Serif; fill: ${textColor} }
+      </style>
+      <rect data-testid="card-bg" x="0.5" y="0.5" width="99.7%" height="99%" rx="4.5" fill="${bgColor}" stroke="#E4E2E2"/>
+
+      
+      ${
+        hide_title
+          ? ""
+          : `<text data-testid="header" x="25" y="35" class="header">Top Languages</text>`
+      }
+
+      <svg data-testid="lang-items" x="25" y="${hide_title ? 25 : 55}">
+      ${FlexLayout({
+        items: langs.map((lang) => {
+          return createProgressNode({
+            width: width,
+            name: lang.name,
+            color: lang.color || "#858585",
+            progress: ((lang.size / totalSize) * 100).toFixed(2),
+          });
+        }),
+        gap: 40,
+        direction: "column",
+      }).join("")}
+      </svg>
+    </svg>
+  `;
+};
+
+module.exports = renderTopLanguages;
@@ -1,9 +1,11 @@
+const { logger } = require("./utils");
+
 const retryer = async (fetcher, variables, retries = 0) => {
  if (retries > 7) {
    throw new Error("Maximum retries exceeded");
  }
  try {
-    console.log(`Trying PAT_${retries + 1}`);
+    logger.log(`Trying PAT_${retries + 1}`);

    // try to fetch with the first token since RETRIES is 0 index i'm adding +1
    let response = await fetcher(
@@ -18,7 +20,7 @@ const retryer = async (fetcher, variables, retries = 0) => {
    // if rate limit is hit increase the RETRIES and recursively call the retryer
    // with username, and current RETRIES
    if (isRateExceeded) {
-      console.log(`PAT_${retries + 1} Failed`);
+      logger.log(`PAT_${retries + 1} Failed`);
      retries++;
      // directly return from the function
      return retryer(fetcher, variables, retries);
@@ -32,7 +34,7 @@ const retryer = async (fetcher, variables, retries = 0) => {
    const isBadCredential = err.response.data && err.response.data.message === "Bad credentials";

    if (isBadCredential) {
-      console.log(`PAT_${retries + 1} Failed`);
+      logger.log(`PAT_${retries + 1} Failed`);
      retries++;
      // directly return from the function
      return retryer(fetcher, variables, retries);
@@ -1,25 +1,31 @@
 const axios = require("axios");
 const themes = require("../themes");

-const renderError = (message) => {
+const renderError = (message, secondaryMessage = "") => {
  return `
-    <svg width="495" height="100" viewBox="0 0 495 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width="495" height="120" viewBox="0 0 495 120" fill="none" xmlns="http://www.w3.org/2000/svg">
    <style>
    .text { font: 600 16px 'Segoe UI', Ubuntu, Sans-Serif; fill: #2F80ED }
    .small { font: 600 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: #252525 }
+    .gray { fill: #858585 }
    </style>
    <rect x="0.5" y="0.5" width="494" height="99%" rx="4.5" fill="#FFFEFE" stroke="#E4E2E2"/>
    <text x="25" y="45" class="text">Something went wrong! file an issue at https://git.io/JJmN9</text>
-    <text id="message" x="25" y="65" class="text small">${message}</text>
+    <text data-testid="message" x="25" y="55" class="text small">
+      <tspan x="25" dy="18">${message}</tspan>
+      <tspan x="25" dy="18"  class="gray">${secondaryMessage}</tspan>
+    </text>
    </svg>
  `;
 };

 // https://stackoverflow.com/a/48073476/10629172
 function encodeHTML(str) {
-  return str.replace(/[\u00A0-\u9999<>&](?!#)/gim, function (i) {
-    return "&#" + i.charCodeAt(0) + ";";
-  });
+  return str
+    .replace(/[\u00A0-\u9999<>&](?!#)/gim, (i) => {
+      return "&#" + i.charCodeAt(0) + ";";
+    })
+    .replace(/\u0008/gim, "");
 }

 function kFormatter(num) {
@@ -44,6 +50,11 @@ function parseBoolean(value) {
  }
 }

+function parseArray(str) {
+  if (!str) return [];
+  return str.split(",");
+}
+
 function clampValue(number, min, max) {
  return Math.max(min, Math.min(number, max));
 }
@@ -116,6 +127,11 @@ function getCardColors({
  return { titleColor, iconColor, textColor, bgColor };
 }

+const fn = () => {};
+// return console instance based on the environment
+const logger =
+  process.env.NODE_ENV !== "test" ? console : { log: fn, error: fn };
+
 const CONSTANTS = {
  THIRTY_MINUTES: 1800,
  TWO_HOURS: 7200,
@@ -128,10 +144,12 @@ module.exports = {
  encodeHTML,
  isValidHexColor,
  request,
+  parseArray,
  parseBoolean,
  fallbackColor,
  FlexLayout,
  getCardColors,
  clampValue,
+  logger,
  CONSTANTS,
 };
@@ -30,7 +30,10 @@ const data = {
    user: {
      name: stats.name,
      repositoriesContributedTo: { totalCount: stats.contributedTo },
-      contributionsCollection: { totalCommitContributions: stats.totalCommits },
+      contributionsCollection: {
+        totalCommitContributions: stats.totalCommits,
+        restrictedContributionsCount: 100,
+      },
      pullRequests: { totalCount: stats.totalPRs },
      issues: { totalCount: stats.totalIssues },
      followers: { totalCount: 0 },
@@ -91,14 +94,19 @@ describe("Test /api/", () => {
    await api(req, res);

    expect(res.setHeader).toBeCalledWith("Content-Type", "image/svg+xml");
-    expect(res.send).toBeCalledWith(renderError(error.errors[0].message));
+    expect(res.send).toBeCalledWith(
+      renderError(
+        error.errors[0].message,
+        "Make sure the provided username is not an organization"
+      )
+    );
  });

  it("should get the query options", async () => {
    const { req, res } = faker(
      {
        username: "anuraghazra",
-        hide: `["issues","prs","contribs"]`,
+        hide: "issues,prs,contribs",
        show_icons: true,
        hide_border: true,
        line_height: 100,
@@ -181,4 +189,36 @@ describe("Test /api/", () => {
      ]);
    }
  });
+
+  it("should add private contributions", async () => {
+    const { req, res } = faker(
+      {
+        username: "anuraghazra",
+        count_private: true,
+      },
+      data
+    );
+
+    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,
+          }),
+        },
+        {}
+      )
+    );
+  });
 });
@@ -9,7 +9,7 @@ const data = {
    user: {
      name: "Anurag Hazra",
      repositoriesContributedTo: { totalCount: 61 },
-      contributionsCollection: { totalCommitContributions: 100 },
+      contributionsCollection: { totalCommitContributions: 100, restrictedContributionsCount: 50 },
      pullRequests: { totalCount: 300 },
      issues: { totalCount: 200 },
      followers: { totalCount: 100 },
@@ -77,4 +77,29 @@ describe("Test fetchStats", () => {
      "Could not resolve to a User with the login of 'noname'."
    );
  });
-});
+
+  it("should fetch and add private contributions", async () => {
+    mock.onPost("https://api.github.com/graphql").reply(200, data);
+
+    let stats = await fetchStats("anuraghazra", true);
+    const rank = calculateRank({
+      totalCommits: 150,
+      totalRepos: 5,
+      followers: 100,
+      contributions: 61,
+      stargazers: 400,
+      prs: 300,
+      issues: 200,
+    });
+
+    expect(stats).toStrictEqual({
+      contributedTo: 61,
+      name: "Anurag Hazra",
+      totalCommits: 150,
+      totalIssues: 200,
+      totalPRs: 300,
+      totalStars: 400,
+      rank,
+    });
+  });
+});
@@ -0,0 +1,84 @@
+require("@testing-library/jest-dom");
+const axios = require("axios");
+const MockAdapter = require("axios-mock-adapter");
+const fetchTopLanguages = require("../src/fetchTopLanguages");
+
+const mock = new MockAdapter(axios);
+
+afterEach(() => {
+  mock.reset();
+});
+
+const data_langs = {
+  data: {
+    user: {
+      repositories: {
+        nodes: [
+          {
+            languages: {
+              edges: [{ size: 100, node: { color: "#0f0", name: "HTML" } }],
+            },
+          },
+          {
+            languages: {
+              edges: [{ size: 100, node: { color: "#0f0", name: "HTML" } }],
+            },
+          },
+          {
+            languages: {
+              edges: [
+                { size: 100, node: { color: "#0ff", name: "javascript" } },
+              ],
+            },
+          },
+          {
+            languages: {
+              edges: [
+                { size: 100, node: { color: "#0ff", name: "javascript" } },
+              ],
+            },
+          },
+        ],
+      },
+    },
+  },
+};
+
+const error = {
+  errors: [
+    {
+      type: "NOT_FOUND",
+      path: ["user"],
+      locations: [],
+      message: "Could not resolve to a User with the login of 'noname'.",
+    },
+  ],
+};
+
+describe("FetchTopLanguages", () => {
+  it("should fetch correct language data", async () => {
+    mock.onPost("https://api.github.com/graphql").reply(200, data_langs);
+
+    let repo = await fetchTopLanguages("anuraghazra");
+    expect(repo).toStrictEqual({
+      HTML: {
+        color: "#0f0",
+        name: "HTML",
+        size: 200,
+      },
+      javascript: {
+        color: "#0ff",
+        name: "javascript",
+        size: 200,
+      },
+    });
+  });
+
+  it("should throw error", async () => {
+    mock.onPost("https://api.github.com/graphql").reply(200, error);
+
+    await expect(fetchTopLanguages("anuraghazra")).rejects.toThrow(
+      "Could not resolve to a User with the login of 'noname'."
+    );
+  });
+});
@@ -17,6 +17,7 @@ const data_repo = {
      name: "TypeScript",
    },
    forkCount: 100,
+    isTemplate: false
  },
 };

@@ -33,7 +33,7 @@ describe("Test renderRepoCard", () => {
    );
    expect(queryByTestId(document.body, "stargazers")).toHaveTextContent("38k");
    expect(queryByTestId(document.body, "forkcount")).toHaveTextContent("100");
-    expect(queryByTestId(document.body, "lang")).toHaveTextContent(
+    expect(queryByTestId(document.body, "lang-name")).toHaveTextContent(
      "TypeScript"
    );
    expect(queryByTestId(document.body, "lang-color")).toHaveAttribute(
@@ -73,6 +73,18 @@ describe("Test renderRepoCard", () => {
    );
  });

+  it("should render emojis", () => {
+    document.body.innerHTML = renderRepoCard({
+      ...data_repo.repository,
+      description: "This is a text with a :poop: poo emoji",
+    });
+
+    // poop emoji may not show in all editors but it's there between "a" and "poo"
+    expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
+      "This is a text with a 💩 poo emoji"
+    );
+  });
+
  it("should shift the text position depending on language length", () => {
    document.body.innerHTML = renderRepoCard({
      ...data_repo.repository,
@@ -82,6 +94,7 @@ describe("Test renderRepoCard", () => {
      },
    });

+    expect(queryByTestId(document.body, "primary-lang")).toBeInTheDocument();
    expect(document.getElementsByTagName("g")[1]).toHaveAttribute(
      "transform",
      "translate(155, 100)"
@@ -102,6 +115,30 @@ describe("Test renderRepoCard", () => {
    );
  });

+  it("should hide language if primaryLanguage is null & fallback to correct values", () => {
+    document.body.innerHTML = renderRepoCard({
+      ...data_repo.repository,
+      primaryLanguage: null,
+    });
+
+    expect(queryByTestId(document.body, "primary-lang")).toBeNull();
+
+    document.body.innerHTML = renderRepoCard({
+      ...data_repo.repository,
+      primaryLanguage: { color: null, name: null },
+    });
+
+    expect(queryByTestId(document.body, "primary-lang")).toBeInTheDocument();
+    expect(queryByTestId(document.body, "lang-color")).toHaveAttribute(
+      "fill",
+      "#333"
+    );
+
+    expect(queryByTestId(document.body, "lang-name")).toHaveTextContent(
+      "Unspecified"
+    );
+  });
+
  it("should render default colors properly", () => {
    document.body.innerHTML = renderRepoCard(data_repo.repository);

@@ -149,6 +186,29 @@ describe("Test renderRepoCard", () => {
    );
  });

+  it("should render with all the themes", () => {
+    Object.keys(themes).forEach((name) => {
+      document.body.innerHTML = renderRepoCard(data_repo.repository, {
+        theme: name,
+      });
+
+      const styleTag = document.querySelector("style");
+      const stylesObject = cssToObject(styleTag.innerHTML);
+
+      const headerClassStyles = stylesObject[".header"];
+      const descClassStyles = stylesObject[".description"];
+      const iconClassStyles = stylesObject[".icon"];
+
+      expect(headerClassStyles.fill).toBe(`#${themes[name].title_color}`);
+      expect(descClassStyles.fill).toBe(`#${themes[name].text_color}`);
+      expect(iconClassStyles.fill).toBe(`#${themes[name].icon_color}`);
+      expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+        "fill",
+        `#${themes[name].bg_color}`
+      );
+    });
+  });
+
  it("should render custom colors with themes", () => {
    document.body.innerHTML = renderRepoCard(data_repo.repository, {
      title_color: "5a0",
@@ -194,17 +254,6 @@ describe("Test renderRepoCard", () => {
    );
  });

-  it("should render archive badge if repo is archived", () => {
-    document.body.innerHTML = renderRepoCard({
-      ...data_repo.repository,
-      isArchived: true,
-    });
-
-    expect(queryByTestId(document.body, "archive-badge")).toHaveTextContent(
-      "Archived"
-    );
-  });
-
  it("should not render star count or fork count if either of the are zero", () => {
    document.body.innerHTML = renderRepoCard({
      ...data_repo.repository,
@@ -212,7 +261,7 @@ describe("Test renderRepoCard", () => {
    });

    expect(queryByTestId(document.body, "stargazers")).toBeNull();
-    expect(queryByTestId(document.body, "forkcount")).toBeDefined();
+    expect(queryByTestId(document.body, "forkcount")).toBeInTheDocument();

    document.body.innerHTML = renderRepoCard({
      ...data_repo.repository,
@@ -220,7 +269,7 @@ describe("Test renderRepoCard", () => {
      forkCount: 0,
    });

-    expect(queryByTestId(document.body, "stargazers")).toBeDefined();
+    expect(queryByTestId(document.body, "stargazers")).toBeInTheDocument();
    expect(queryByTestId(document.body, "forkcount")).toBeNull();

    document.body.innerHTML = renderRepoCard({
@@ -232,4 +281,26 @@ describe("Test renderRepoCard", () => {
    expect(queryByTestId(document.body, "stargazers")).toBeNull();
    expect(queryByTestId(document.body, "forkcount")).toBeNull();
  });
+
+  it("should render badges", () => {
+    document.body.innerHTML = renderRepoCard({
+      ...data_repo.repository,
+      isArchived: true,
+    });
+
+    expect(queryByTestId(document.body, "badge")).toHaveTextContent("Archived");
+
+    document.body.innerHTML = renderRepoCard({
+      ...data_repo.repository,
+      isTemplate: true,
+    });
+    expect(queryByTestId(document.body, "badge")).toHaveTextContent("Template");
+  });
+
+  it("should not render template", () => {
+    document.body.innerHTML = renderRepoCard({
+      ...data_repo.repository,
+    });
+    expect(queryByTestId(document.body, "badge")).toBeNull();
+  });
 });
@@ -55,7 +55,7 @@ describe("Test renderStatsCard", () => {

  it("should hide individual stats", () => {
    document.body.innerHTML = renderStatsCard(stats, {
-      hide: "['issues', 'prs', 'contribs']",
+      hide: ["issues", "prs", "contribs"],
    });

    expect(
@@ -71,8 +71,16 @@ describe("Test renderStatsCard", () => {

  it("should hide_border", () => {
    document.body.innerHTML = renderStatsCard(stats, { hide_border: true });
+    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+      "stroke-opacity",
+      "0"
+    );

-    expect(queryByTestId(document.body, "card-bg")).not.toBeInTheDocument();
+    document.body.innerHTML = renderStatsCard(stats, { hide_border: false });
+    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+      "stroke-opacity",
+      "1"
+    );
  });

  it("should hide_rank", () => {
@@ -148,6 +156,29 @@ describe("Test renderStatsCard", () => {
    );
  });

+  it("should render with all the themes", () => {
+    Object.keys(themes).forEach((name) => {
+      document.body.innerHTML = renderStatsCard(stats, {
+        theme: name,
+      });
+
+      const styleTag = document.querySelector("style");
+      const stylesObject = cssToObject(styleTag.innerHTML);
+
+      const headerClassStyles = stylesObject[".header"];
+      const statClassStyles = stylesObject[".stat"];
+      const iconClassStyles = stylesObject[".icon"];
+
+      expect(headerClassStyles.fill).toBe(`#${themes[name].title_color}`);
+      expect(statClassStyles.fill).toBe(`#${themes[name].text_color}`);
+      expect(iconClassStyles.fill).toBe(`#${themes[name].icon_color}`);
+      expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+        "fill",
+        `#${themes[name].bg_color}`
+      );
+    });
+  });
+
  it("should render custom colors with themes and fallback to default colors if invalid", () => {
    document.body.innerHTML = renderStatsCard(stats, {
      title_color: "invalid color",
@@ -0,0 +1,210 @@
+require("@testing-library/jest-dom");
+const cssToObject = require("css-to-object");
+const renderTopLanguages = require("../src/renderTopLanguages");
+
+const {
+  getByTestId,
+  queryByTestId,
+  queryAllByTestId,
+} = require("@testing-library/dom");
+const themes = require("../themes");
+
+describe("Test renderTopLanguages", () => {
+  const langs = {
+    HTML: {
+      color: "#0f0",
+      name: "HTML",
+      size: 200,
+    },
+    javascript: {
+      color: "#0ff",
+      name: "javascript",
+      size: 200,
+    },
+    css: {
+      color: "#ff0",
+      name: "css",
+      size: 100,
+    },
+  };
+
+  it("should render correctly", () => {
+    document.body.innerHTML = renderTopLanguages(langs);
+
+    expect(queryByTestId(document.body, "header")).toHaveTextContent(
+      "Top Languages"
+    );
+
+    expect(queryAllByTestId(document.body, "lang-name")[0]).toHaveTextContent(
+      "HTML"
+    );
+    expect(queryAllByTestId(document.body, "lang-name")[1]).toHaveTextContent(
+      "javascript"
+    );
+    expect(queryAllByTestId(document.body, "lang-name")[2]).toHaveTextContent(
+      "css"
+    );
+    expect(queryAllByTestId(document.body, "lang-progress")[0]).toHaveAttribute(
+      "width",
+      "40%"
+    );
+    expect(queryAllByTestId(document.body, "lang-progress")[1]).toHaveAttribute(
+      "width",
+      "40%"
+    );
+    expect(queryAllByTestId(document.body, "lang-progress")[2]).toHaveAttribute(
+      "width",
+      "20%"
+    );
+  });
+
+  it("should hide languages when hide is passed", () => {
+    document.body.innerHTML = renderTopLanguages(langs, {
+      hide: ["HTML"],
+    });
+    expect(queryAllByTestId(document.body, "lang-name")[0]).toBeInTheDocument(
+      "javascript"
+    );
+    expect(queryAllByTestId(document.body, "lang-name")[1]).toBeInTheDocument(
+      "css"
+    );
+    expect(queryAllByTestId(document.body, "lang-name")[2]).not.toBeDefined();
+
+    // multiple languages passed
+    document.body.innerHTML = renderTopLanguages(langs, {
+      hide: ["HTML","css"],
+    });
+    expect(queryAllByTestId(document.body, "lang-name")[0]).toBeInTheDocument(
+      "javascript"
+    );
+    expect(queryAllByTestId(document.body, "lang-name")[1]).not.toBeDefined();
+  });
+
+  it("should resize the height correctly depending on langs", () => {
+    document.body.innerHTML = renderTopLanguages(langs, {});
+    expect(document.querySelector("svg")).toHaveAttribute("height", "205");
+
+    document.body.innerHTML = renderTopLanguages(
+      {
+        ...langs,
+        python: {
+          color: "#ff0",
+          name: "python",
+          size: 100,
+        },
+      },
+      {}
+    );
+    expect(document.querySelector("svg")).toHaveAttribute("height", "245");
+  });
+
+  it("should hide_title", () => {
+    document.body.innerHTML = renderTopLanguages(langs, { hide_title: false });
+    expect(document.querySelector("svg")).toHaveAttribute("height", "205");
+    expect(queryByTestId(document.body, "lang-items")).toHaveAttribute(
+      "y",
+      "55"
+    );
+
+    // Lets hide now
+    document.body.innerHTML = renderTopLanguages(langs, { hide_title: true });
+    expect(document.querySelector("svg")).toHaveAttribute("height", "175");
+
+    expect(queryByTestId(document.body, "header")).not.toBeInTheDocument();
+    expect(queryByTestId(document.body, "lang-items")).toHaveAttribute(
+      "y",
+      "25"
+    );
+  });
+
+  it("should render with custom width set", () => {
+    document.body.innerHTML = renderTopLanguages(langs, {});
+
+    expect(document.querySelector("svg")).toHaveAttribute("width", "300");
+
+    document.body.innerHTML = renderTopLanguages(langs, { card_width: 400 });
+    expect(document.querySelector("svg")).toHaveAttribute("width", "400");
+  });
+
+  it("should render default colors properly", () => {
+    document.body.innerHTML = renderTopLanguages(langs);
+
+    const styleTag = document.querySelector("style");
+    const stylesObject = cssToObject(styleTag.textContent);
+
+    const headerStyles = stylesObject[".header"];
+    const langNameStyles = stylesObject[".lang-name"];
+
+    expect(headerStyles.fill).toBe("#2f80ed");
+    expect(langNameStyles.fill).toBe("#333");
+    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+      "fill",
+      "#FFFEFE"
+    );
+  });
+
+  it("should render custom colors properly", () => {
+    const customColors = {
+      title_color: "5a0",
+      icon_color: "1b998b",
+      text_color: "9991",
+      bg_color: "252525",
+    };
+
+    document.body.innerHTML = renderTopLanguages(langs, { ...customColors });
+
+    const styleTag = document.querySelector("style");
+    const stylesObject = cssToObject(styleTag.innerHTML);
+
+    const headerStyles = stylesObject[".header"];
+    const langNameStyles = stylesObject[".lang-name"];
+
+    expect(headerStyles.fill).toBe(`#${customColors.title_color}`);
+    expect(langNameStyles.fill).toBe(`#${customColors.text_color}`);
+    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+      "fill",
+      "#252525"
+    );
+  });
+
+  it("should render custom colors with themes", () => {
+    document.body.innerHTML = renderTopLanguages(langs, {
+      title_color: "5a0",
+      theme: "radical",
+    });
+
+    const styleTag = document.querySelector("style");
+    const stylesObject = cssToObject(styleTag.innerHTML);
+
+    const headerStyles = stylesObject[".header"];
+    const langNameStyles = stylesObject[".lang-name"];
+
+    expect(headerStyles.fill).toBe("#5a0");
+    expect(langNameStyles.fill).toBe(`#${themes.radical.text_color}`);
+    expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+      "fill",
+      `#${themes.radical.bg_color}`
+    );
+  });
+
+  it("should render with all the themes", () => {
+    Object.keys(themes).forEach((name) => {
+      document.body.innerHTML = renderTopLanguages(langs, {
+        theme: name,
+      });
+
+      const styleTag = document.querySelector("style");
+      const stylesObject = cssToObject(styleTag.innerHTML);
+
+      const headerStyles = stylesObject[".header"];
+      const langNameStyles = stylesObject[".lang-name"];
+
+      expect(headerStyles.fill).toBe(`#${themes[name].title_color}`);
+      expect(langNameStyles.fill).toBe(`#${themes[name].text_color}`);
+      expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
+        "fill",
+        `#${themes[name].bg_color}`
+      );
+    });
+  });
+});
@@ -1,8 +1,9 @@
 require("@testing-library/jest-dom");
 const retryer = require("../src/retryer");
+const { logger } = require("../src/utils");

 const fetcher = jest.fn((variables, token) => {
-  console.log(variables, token);
+  logger.log(variables, token);
  return new Promise((res, rej) => res({ data: "ok" }));
 });

@@ -0,0 +1,142 @@
+require("@testing-library/jest-dom");
+const axios = require("axios");
+const MockAdapter = require("axios-mock-adapter");
+const topLangs = require("../api/top-langs");
+const renderTopLanguages = require("../src/renderTopLanguages");
+const { renderError } = require("../src/utils");
+
+const data_langs = {
+  data: {
+    user: {
+      repositories: {
+        nodes: [
+          {
+            languages: {
+              edges: [{ size: 100, node: { color: "#0f0", name: "HTML" } }],
+            },
+          },
+          {
+            languages: {
+              edges: [{ size: 100, node: { color: "#0f0", name: "HTML" } }],
+            },
+          },
+          {
+            languages: {
+              edges: [
+                { size: 100, node: { color: "#0ff", name: "javascript" } },
+              ],
+            },
+          },
+          {
+            languages: {
+              edges: [
+                { size: 100, node: { color: "#0ff", name: "javascript" } },
+              ],
+            },
+          },
+        ],
+      },
+    },
+  },
+};
+
+const error = {
+  errors: [
+    {
+      type: "NOT_FOUND",
+      path: ["user"],
+      locations: [],
+      message: "Could not fetch user",
+    },
+  ],
+};
+
+const langs = {
+  HTML: {
+    color: "#0f0",
+    name: "HTML",
+    size: 200,
+  },
+  javascript: {
+    color: "#0ff",
+    name: "javascript",
+    size: 200,
+  },
+};
+
+const mock = new MockAdapter(axios);
+
+afterEach(() => {
+  mock.reset();
+});
+
+describe("Test /api/top-langs", () => {
+  it("should test the request", async () => {
+    const req = {
+      query: {
+        username: "anuraghazra",
+      },
+    };
+    const res = {
+      setHeader: jest.fn(),
+      send: jest.fn(),
+    };
+    mock.onPost("https://api.github.com/graphql").reply(200, data_langs);
+
+    await topLangs(req, res);
+
+    expect(res.setHeader).toBeCalledWith("Content-Type", "image/svg+xml");
+    expect(res.send).toBeCalledWith(renderTopLanguages(langs));
+  });
+
+  it("should work with the query options", async () => {
+    const req = {
+      query: {
+        username: "anuraghazra",
+        hide_title: true,
+        card_width: 100,
+        title_color: "fff",
+        icon_color: "fff",
+        text_color: "fff",
+        bg_color: "fff",
+      },
+    };
+    const res = {
+      setHeader: jest.fn(),
+      send: jest.fn(),
+    };
+    mock.onPost("https://api.github.com/graphql").reply(200, data_langs);
+
+    await topLangs(req, res);
+
+    expect(res.setHeader).toBeCalledWith("Content-Type", "image/svg+xml");
+    expect(res.send).toBeCalledWith(
+      renderTopLanguages(langs, {
+        hide_title: true,
+        card_width: 100,
+        title_color: "fff",
+        icon_color: "fff",
+        text_color: "fff",
+        bg_color: "fff",
+      })
+    );
+  });
+
+  it("should render error card on error", async () => {
+    const req = {
+      query: {
+        username: "anuraghazra",
+      },
+    };
+    const res = {
+      setHeader: jest.fn(),
+      send: jest.fn(),
+    };
+    mock.onPost("https://api.github.com/graphql").reply(200, error);
+
+    await topLangs(req, res);
+
+    expect(res.setHeader).toBeCalledWith("Content-Type", "image/svg+xml");
+    expect(res.send).toBeCalledWith(renderError(error.errors[0].message));
+  });
+});
@@ -1,3 +1,4 @@
+require("@testing-library/jest-dom");
 const {
  kFormatter,
  encodeHTML,
@@ -6,6 +7,8 @@ const {
  getCardColors,
 } = require("../src/utils");

+const { queryByTestId } = require("@testing-library/dom");
+
 describe("Test utils.js", () => {
  it("should test kFormatter", () => {
    expect(kFormatter(1)).toBe(1);
@@ -25,9 +28,19 @@ describe("Test utils.js", () => {

  it("should test renderError", () => {
    document.body.innerHTML = renderError("Something went wrong");
-    expect(document.getElementById("message").textContent).toBe(
-      "Something went wrong"
+    expect(
+      queryByTestId(document.body, "message").children[0]
+    ).toHaveTextContent(/Something went wrong/gim);
+    expect(queryByTestId(document.body, "message").children[1]).toBeEmpty(2);
+
+    // Secondary message
+    document.body.innerHTML = renderError(
+      "Something went wrong",
+      "Secondary Message"
    );
+    expect(
+      queryByTestId(document.body, "message").children[1]
+    ).toHaveTextContent(/Secondary Message/gim);
  });

  it("should test FlexLayout", () => {
@@ -82,7 +95,7 @@ describe("Test utils.js", () => {
      bgColor: "#fff",
    });
  });
-  
+
  it("getCardColors: should fallback to specified theme colors if is not defined", () => {
    let colors = getCardColors({
      theme: "dark",
@@ -0,0 +1,68 @@
+## Available Themes
+
+With inbuilt themes you can customize the look of the card without doing any manual customization.
+
+Use `?theme=THEME_NAME` parameter like so :-
+
+```md
+![Anurag's github stats](https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dark&show_icons=true
+```
+
+## Stats
+
+> These themes work both for the Stats Card and Repo Card.
+
+|                               |                                        |                                              |
+| :---------------------------: | :------------------------------------: | :------------------------------------------: |
+| `default` ![default][default] |     `radical` ![radical][radical]      |           `merko` ![merko][merko]            |
+| `gruvbox` ![gruvbox][gruvbox] | `tokyonight` ![tokyonight][tokyonight] |        `onedark` ![onedark][onedark]         |
+|  `cobalt` ![cobalt][cobalt]   |  `synthwave` ![synthwave][synthwave]   | `highcontrast` ![highcontrast][highcontrast] |
+| `dracula` ![dracula][dracula] |          `dark` ![dark][dark]          |      `prussian` ![prussian][prussian]        |
+| [Add your theme][add-theme]   |||
+
+## Repo Card
+
+> These themes work both for the Stats Card and Repo Card.
+
+|                                                          |                                                 |                                                       |
+| :------------------------------------------------------: | :---------------------------------------------: | :---------------------------------------------------: |
+| `default_repocard` ![default_repocard][default_repocard] |     `radical` ![radical][radical_repocard]      |           `merko` ![merko][merko_repocard]            |
+|          `gruvbox` ![gruvbox][gruvbox_repocard]          | `tokyonight` ![tokyonight][tokyonight_repocard] |        `onedark` ![onedark][onedark_repocard]         |
+|           `cobalt` ![cobalt][cobalt_repocard]            |  `synthwave` ![synthwave][synthwave_repocard]   | `highcontrast` ![highcontrast][highcontrast_repocard] |
+|          `dracula` ![dracula][dracula_repocard]          |     `dark` ![dark_repocard][dark_repocard]      |  `prussian` ![prussian_repocard][prussian_repocard]         |
+| [Add your theme][add-theme]   |||
+
+
+<!-- Repo Card Theme previews -->
+
+[default_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=default_repocard
+[dark_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=dark
+[radical_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=radical
+[merko_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=merko
+[gruvbox_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=gruvbox
+[cobalt_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=cobalt
+[dark_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=dark
+[dracula_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=dracula
+[tokyonight_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=tokyonight
+[synthwave_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=synthwave
+[onedark_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=onedark
+[highcontrast_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=highcontrast
+[prussian_repocard]: https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&cache_seconds=86400&theme=prussian
+
+<!-- Stats Theme previews -->
+
+[default]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=default&hide=["contribs","prs"]&cache_seconds=86400
+[dark]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dark&hide=["contribs","prs"]&cache_seconds=86400
+[radical]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=radical&hide=["contribs","prs"]&cache_seconds=86400
+[merko]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=merko&hide=["contribs","prs"]&cache_seconds=86400
+[gruvbox]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=gruvbox&hide=["contribs","prs"]&cache_seconds=86400
+[tokyonight]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=tokyonight&hide=["contribs","prs"]&cache_seconds=86400
+[onedark]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=onedark&hide=["contribs","prs"]&cache_seconds=86400
+[cobalt]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=cobalt&hide=["contribs","prs"]&cache_seconds=86400
+[synthwave]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=synthwave&hide=["contribs","prs"]&cache_seconds=86400
+[highcontrast]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=highcontrast&hide=["contribs","prs"]&cache_seconds=86400
+[dracula]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dracula&hide=["contribs","prs"]&cache_seconds=86400
+[prussian]: https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=prussian&hide=["contribs","prs"]&cache_seconds=86400
+
+
+[add-theme]: https://github.com/anuraghazra/github-readme-stats/edit/master/themes/index.js
@@ -71,6 +71,36 @@ const themes = {
    text_color: "f8f8f2",
    bg_color: "282a36",
  },
+  prussian: {
+    title_color: "bddfff",
+    icon_color: "38a0ff",
+    text_color: "6e93b5",
+    bg_color: "172f45",
+  },
+  monokai: {
+    title_color: "eb1f6a",
+    icon_color: "e28905",
+    text_color: "f1f1eb",
+    bg_color: "272822",
+  },
+  vue: {
+    title_color: "41b883",
+    icon_color: "41b883",
+    text_color: "273849",
+    bg_color: "FFFEFE",
+  },
+  "shades-of-purple": {
+    title_color: "FAD000",
+    icon_color: "FB94FF",
+    text_color: "A599E9",
+    bg_color: "2D2B55",
+  },
+  nightowl: {
+    title_color: "C792EA",
+    icon_color: "FFEB95",
+    text_color: "7FDBCA",
+    bg_color: "011627",
+  },
 };

 module.exports = themes;
@@ -0,0 +1,8 @@
+{
+  "redirects": [
+    {
+      "source": "/",
+      "destination": "https://github.com/anuraghazra/github-readme-stats"
+    }
+  ]
+}
Author	SHA1	Message	Date
anuraghazra	f2936add74	docs: added contributing.md Test / build (push) Canceled after 0s Details	2020-07-25 20:24:48 +05:30
anuraghazra	b5c4cc71f5	Merge branch 'patch-1' of https://github.com/vasugamdha/github-readme-stats into vasugamdha-patch-1	2020-07-25 20:01:53 +05:30
Yash	64d1fb46c3	style(theme): Add Night-Owl Theme (#186 ) * Added Night-Owl Theme * corrected quotes * minor changes	2020-07-25 19:44:42 +05:30
SagarandAnurag Hazra	753f0b9fec	feat(themes): Added shades of purple theme (#185 ) * 📦 NEW: shade of purple theme * style(theme): icons color update * chore: change theme name Co-authored-by: Anurag Hazra <hazru.anurag@gmail.com>	2020-07-25 18:26:15 +05:30
Anurag Hazra	f50938c908	Merge pull request #182 from anuraghazra/show-statcard-org-error chore: added secondary warning message in renderError	2020-07-25 13:50:18 +05:30
anuraghazra	6d5a828542	chore: added secondary warning message in renderError	2020-07-25 13:29:32 +05:30
Anurag Hazra	e32ab3f973	Merge pull request #178 from anuraghazra/fix-unicode fix: weird unicode char	2020-07-24 23:46:38 +05:30
anuraghazra	2812ce0fd3	fix: weird unicode char	2020-07-24 23:35:20 +05:30
Feng L.HandAnurag Hazra	f9b14c9442	style(theme): Added Vue theme (#143 ) Add Vue style. Co-authored-by: Anurag Hazra <hazru.anurag@gmail.com>	2020-07-24 22:06:19 +05:30
Naufal Yudhistira	7b509d3128	style(theme): Add monokai theme (#124 ) * style(theme): Add new theme * style(theme): Change monokai style * style(theme): Change monokai style * feat(theme): Add theme randomizer * fix(theme): Make randomizer asynchronous * feat(theme): Add theme randomizer * fix(theme): Fix everything back ._. * fix(theme): Change theme based on review	2020-07-24 21:58:23 +05:30
leavesster	f355f48bb4	doc(translation): add Hide individual languages in readme_cn (#173 )	2020-07-24 20:09:35 +05:30
Fábio Rosadoandanuraghazra	4c0518616f	feat: Add count_private flag to count private contributions (#148 ) * Add private contributions count * Remove unused var and add tests * Update readme * fix: tests & minor code formating * docs: updated docs Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-24 19:34:38 +05:30
Mario Lubenkaandanuraghazra	3a9ded0a09	feat(repocard): parse emojis in description (#67 ) * feat: add remove_emojis option Removes emojis in repo card description * feat: parse emojis * feat: rename remove_emojis to show_emojis option for consistency * docs: update docs Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-24 18:56:26 +05:30
obsidian	7973805cf7	doc(translation): fixed typo and retranslated some titles. (#172 )	2020-07-24 18:23:50 +05:30
Joydip Roy	a7d56c3a04	docs: changed bugs and feature link (#137 ) * docs: changed bugs and feature link * link change as per suggestion	2020-07-24 18:15:20 +05:30
obsidian	13d9da68ff	docs: Added content about "Top Langs" in readme_cn.md (#144 ) * doc: supplement readme_cn.md. * rm -rf .idea	2020-07-24 17:46:45 +05:30
Liamandanuraghazra	9624cf6acd	fix: stats hide_border bug (#151 ) * fix: stats hide border bug * fix white border on dark mode issue * chore: refactor code & tests Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-24 13:07:09 +05:30
Anurag Hazra	7a8510641c	Merge pull request #166 from terror/typo-fix-top-lang docs: fix typo in top lang section	2020-07-24 12:47:41 +05:30
Liam	bd13399e7f	docs: fix typo in top lang section	2020-07-23 23:25:25 -04:00
Anurag Hazra	aa44bd7615	fix: hide parameter array implementation (#162 ) * fix: hide paramter array implementation * chore: parseArray str check * docs: updated readme * chore: add codecov threshold * docs: update docs	2020-07-23 21:01:23 +05:30
Arjun Mahishiandanuraghazra	c2adcfd6fe	feat: hide specific languages in "Top languages" card (#150 ) * add new query param to hide specific languages in top languages card * [top-langs] add function to clean out the provided lang name * [top-langs] rename 'hide_lang' => 'hide', refactor logic for parsing the list of provided languages to hide * [top-langs] take list of languages to hide, as a json array * chore: minor changes * docs: added docs for hide lang Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-23 19:47:04 +05:30
Anurag Hazra	17c33cd322	chore: added buymeacoffee link	2020-07-23 14:18:50 +05:30
Anurag Hazra	1c4cb84916	Merge pull request #156 from anuraghazra/fix-repo-lang-fallback fix: languages color fallback & hide lang if not present	2020-07-23 13:52:17 +05:30
anuraghazra	d394add560	fix: languages color fallback & hide lang if not present	2020-07-23 13:41:37 +05:30
Joydip Royandanuraghazra	5ed75e11be	feat: added isTemplate badge & refactored console.logs (#146 ) * feat: template option added husky added for same commit disable console in test \ logger utils added env checked for log modified git ignore * changed are done as per the suggesstion * changed style and font * text color dynamic * fix border and using .bagde class as common * simplified the badge svg code through a common method * chore: updated css & fixed tests Co-authored-by: anuraghazra <hazru.anurag@gmail.com>	2020-07-23 13:05:50 +05:30
Anurag Hazra	03f55e809e	infra: added Codecov yml (#149 ) * chore: test codecov * fix: workflow file * fix: workflow file * chore: added coverage in vercelignore * docs: added codecov badge * chore: add codecov.yml	2020-07-22 23:46:10 +05:30
Anurag Hazra	63ba6e6601	infra: Added codecov test coverage (#147 ) * chore: test codecov * fix: workflow file * fix: workflow file * chore: added coverage in vercelignore * docs: added codecov badge	2020-07-22 23:26:10 +05:30
Anurag Hazra	dc3e9a59f2	Merge pull request #133 from anuraghazra/add-redirect chore: add redirect to gh repo	2020-07-21 21:26:46 +05:30
anuraghazra	8284be105d	chore: add redirect to gh repo	2020-07-21 21:24:39 +05:30
Anurag Hazra	6c16020c53	Merge pull request #131 from anuraghazra/fix-sort-langcard fix: fixed sorting of languages by percentage	2020-07-21 20:00:56 +05:30
anuraghazra	8a8ff5b390	fix: fixed sorting of languages by percentage	2020-07-21 19:58:13 +05:30
Anurag Hazra	4b01b4187c	Merge pull request #129 from nombrekeff/patch-2 docs: Added "prussian" theme to themes/README preview	2020-07-21 19:53:14 +05:30
Manolo Edge	c3de4675c5	Added "prussian" theme to themes/README preview	2020-07-21 16:10:44 +02:00
Anurag Hazra	ad87824f3c	Merge pull request #128 from anuraghazra/top-langs feat: added Top languages card	2020-07-21 18:59:02 +05:30
anuraghazra	bc7a9857a9	docs: added top lang card docs Test / build (push) Canceled after 0s Details	2020-07-21 18:53:24 +05:30
anuraghazra	4a8fd03d8d	feat: added hide_langs_below option	2020-07-21 18:37:16 +05:30
anuraghazra	7c104cf8c5	tests: added tests for renderTopLanguages & top-langs	2020-07-21 18:04:58 +05:30
anuraghazra	b50555ad9a	tests: added test for fetchTopLanguages	2020-07-21 17:22:22 +05:30
anuraghazra	411d8f1ffa	feat: added Top languages card	2020-07-21 17:03:05 +05:30
Liam	938df3f7ea	docs: update vercel deploy screenshot guide (#122 )	2020-07-21 13:17:38 +05:30
Anurag Hazra	92dcc89a3d	tests: added more tests for themes (#125 )	2020-07-21 13:15:53 +05:30
Divya Kelaskar	815916b3f1	chore(themes): Added Prussian theme by @divyakelaskar (#123 ) * Update .gitignore * added new theme * reverted changes in .gitignore	2020-07-21 13:04:43 +05:30
Vasu Gamdha	8372346626	Create CONTRIBUTING.md	2020-07-21 01:01:08 +05:30
Manolo Edge	d04d682eb2	docs: edited readme_es, changed "customizar" with "personalizar" (#118 )	2020-07-20 23:55:23 +05:30
José De Freitas	f78136c533	docs(translation): Spanish translation file (#116 ) * Create readme_es.md * Fix typos * Add link to Spanish translation	2020-07-20 22:09:39 +05:30
anuraghazra	f4f277a8e2	docs: added cache_seconds docs & updated themes readme cache to 24hour	2020-07-20 22:02:50 +05:30
Anurag Hazra	a5fa1a0d1b	Merge pull request #117 from anuraghazra/custom-cache feat: added ability to set custom cache	2020-07-20 21:56:16 +05:30
Manolo Edge	9fb28c9112	docs: added themes preview (#115 ) * Adding themes.md file * Update and rename THEMES.md to README.md * Added link to theme preview README * Removed Dark/Light sections, combined into 1 table * Update README.md * Updated "Add your theme" link to open in edit mode	2020-07-20 21:10:23 +05:30
TonyTang	8fc85c68b1	docs(translation): Update & Improvements on Existing Simplified Chinese Translation of README (#109 ) * Update Simplified Chinese Version of README * Fix a few characters for a more precise translation. * Fix a character for a more precise translation.	2020-07-20 12:16:04 +05:30