Add PR and Issues to card

Author: guistracini-outsurance-ie

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -15,7 +15,7 @@ body:
       required: true
   - type: textarea
     attributes:
-      label: Expected behavior
+      label: Expected behaviour
       description:
         A clear and concise description of what you expected to happen.
   - type: textarea

api/index.js

@@ -19,6 +19,7 @@ export default async (req, res) => {
     card_width,
     hide_rank,
     show_icons,
+    count_private,
     include_all_commits,
     line_height,
     title_color,
@@ -52,6 +53,7 @@ export default async (req, res) => {
   try {
     const stats = await fetchStats(
       username,
+      parseBoolean(count_private),
       parseBoolean(include_all_commits),
       parseArray(exclude_repo),
     );

api/pin.js

@@ -20,6 +20,10 @@ export default async (req, res) => {
     bg_color,
     theme,
     show_owner,
+    show_stars,
+    show_forks,
+    show_issues,
+    show_pull_requests,
     cache_seconds,
     locale,
     border_radius,
@@ -55,9 +59,13 @@ export default async (req, res) => {
     */
     const stars = repoData.starCount;
     const forks = repoData.forkCount;
-    const isBothOver1K = stars > 1000 && forks > 1000;
-    const isBothUnder1 = stars < 1 && forks < 1;
-    if (!cache_seconds && (isBothOver1K || isBothUnder1)) {
+    const issues = repoData.issuesCount;
+    const pullRequests = repoData.pullRequestsCount;
+    const isAllOver1K =
+      stars > 1000 && forks > 1000 && issues > 1000 && pullRequests > 1000;
+    const isAllUnder1 =
+      stars < 1 && forks < 1 && issues < 1 && pullRequests < 1;
+    if (!cache_seconds && (isAllOver1K || isAllUnder1)) {
       cacheSeconds = CONSTANTS.FOUR_HOURS;
     }
 
@@ -79,6 +87,10 @@ export default async (req, res) => {
         border_radius,
         border_color,
         show_owner: parseBoolean(show_owner),
+        show_stars: parseBoolean(show_stars),
+        show_forks: parseBoolean(show_forks),
+        show_issues: parseBoolean(show_issues),
+        show_pull_requests: parseBoolean(show_pull_requests),
         locale: locale ? locale.toLowerCase() : null,
       }),
     );

src/cards/repo-card.js

@@ -96,6 +96,8 @@ const renderRepoCard = (repo, options = {}) => {
     isTemplate,
     starCount,
     forkCount,
+    issuesCount,
+    pullRequestsCount,
   } = repo;
   const {
     hide_border = false,
@@ -108,6 +110,10 @@ const renderRepoCard = (repo, options = {}) => {
     border_radius,
     border_color,
     locale,
+    show_stars = true,
+    show_forks = true,
+    show_issues = false,
+    show_pull_requests = false,
   } = options;
 
   const lineHeight = 10;
@@ -146,15 +152,34 @@ const renderRepoCard = (repo, options = {}) => {
 
   const totalStars = kFormatter(starCount);
   const totalForks = kFormatter(forkCount);
+  const totalIssues = kFormatter(issuesCount);
+  const totalPullRequests = kFormatter(pullRequestsCount);
+
   const svgStars = iconWithLabel(icons.star, totalStars, "stargazers");
   const svgForks = iconWithLabel(icons.fork, totalForks, "forkcount");
-
-  const starAndForkCount = flexLayout({
-    items: [svgLanguage, svgStars, svgForks],
+  const svgIssues = iconWithLabel(icons.issues, totalIssues, "issuescount");
+  const svgPullRequests = iconWithLabel(
+    icons.prs,
+    totalPullRequests,
+    "pullrequestscount",
+  );
+
+  const counters = flexLayout({
+    items: [
+      svgLanguage,
+      ...(show_stars ? [svgStars] : []),
+      ...(show_forks ? [svgForks] : []),
+      ...(show_issues ? [svgIssues] : []),
+      ...(show_pull_requests ? [svgPullRequests] : []),
+    ],
     sizes: [
       measureText(langName, 12),
-      ICON_SIZE + measureText(`${totalStars}`, 12),
-      ICON_SIZE + measureText(`${totalForks}`, 12),
+      ...(show_stars ? [ICON_SIZE + measureText(`${totalStars}`, 12)] : []),
+      ...(show_forks ? [ICON_SIZE + measureText(`${totalForks}`, 12)] : []),
+      ...(show_issues ? [ICON_SIZE + measureText(`${totalIssues}`, 12)] : []),
+      ...(show_pull_requests
+        ? [ICON_SIZE + measureText(`${totalPullRequests}`, 12)]
+        : []),
     ],
     gap: 25,
   }).join("");
@@ -195,7 +220,7 @@ const renderRepoCard = (repo, options = {}) => {
     </text>
 
     <g transform="translate(30, ${height - 75})">
-      ${starAndForkCount}
+      ${counters}
     </g>
   `);
 };

src/fetchers/repo-fetcher.js

@@ -28,7 +28,13 @@ const fetcher = (variables, token) => {
           id
           name
         }
-        forkCount
+        forkCount,
+        openIssues: issues(states: OPEN) {
+          totalCount
+        },
+        openPullRequests: pullRequests(states:OPEN) {
+          totalCount
+        }
       }
       query getRepo($login: String!, $repo: String!) {
         user(login: $login) {
@@ -85,6 +91,8 @@ const fetchRepo = async (username, reponame) => {
     return {
       ...data.user.repository,
       starCount: data.user.repository.stargazers.totalCount,
+      issuesCount: data.user.repository.openIssues.totalCount,
+      pullRequestsCount: data.user.repository.openPullRequests.totalCount,
     };
   }
 
@@ -98,6 +106,8 @@ const fetchRepo = async (username, reponame) => {
     return {
       ...data.organization.repository,
       starCount: data.organization.repository.stargazers.totalCount,
+      issuesCount: data.organization.repository.openIssues.totalCount,
+      pullRequestsCount: data.organization.repository.openPullRequests.totalCount,
     };
   }
 };

tests/api.test.js

@@ -238,6 +238,38 @@ describe("Test /api/", () => {
     }
   });
 
+  it("should add private contributions", async () => {
+    const { req, res } = faker(
+      {
+        username: "anuraghazra",
+        count_private: true,
+      },
+      data_stats,
+    );
+
+    await api(req, res);
+
+    expect(res.setHeader).toBeCalledWith("Content-Type", "image/svg+xml");
+    expect(res.send).toBeCalledWith(
+      renderStatsCard(
+        {
+          ...stats,
+          totalCommits: stats.totalCommits + 100,
+          rank: calculateRank({
+            totalCommits: stats.totalCommits + 100,
+            totalRepos: 1,
+            followers: 0,
+            contributions: stats.contributedTo,
+            stargazers: stats.totalStars,
+            prs: stats.totalPRs,
+            issues: stats.totalIssues,
+          }),
+        },
+        {},
+      ),
+    );
+  });
+
   it("should allow changing ring_color", async () => {
     const { req, res } = faker(
       {

tests/fetchRepo.test.js

@@ -15,6 +15,12 @@ const data_repo = {
       name: "TypeScript",
     },
     forkCount: 100,
+    openIssues: {
+      totalCount: 45,
+    },
+    openPullRequests: {
+      totalCount: 10,
+    },
   },
 };
 
@@ -47,6 +53,8 @@ describe("Test fetchRepo", () => {
     expect(repo).toStrictEqual({
       ...data_repo.repository,
       starCount: data_repo.repository.stargazers.totalCount,
+      issuesCount: data_repo.repository.openIssues.totalCount,
+      pullRequestsCount: data_repo.repository.openPullRequests.totalCount,
     });
   });
 
@@ -57,6 +65,8 @@ describe("Test fetchRepo", () => {
     expect(repo).toStrictEqual({
       ...data_repo.repository,
       starCount: data_repo.repository.stargazers.totalCount,
+      issuesCount: data_repo.repository.openIssues.totalCount,
+      pullRequestsCount: data_repo.repository.openPullRequests.totalCount,
     });
   });
 

tests/pin.test.js

@@ -21,6 +21,12 @@ const data_repo = {
       name: "TypeScript",
     },
     forkCount: 100,
+    openIssues: {
+      totalCount: 45,
+    },
+    openPullRequests: {
+      totalCOunt: 10,
+    },
     isTemplate: false,
   },
 };
@@ -59,6 +65,8 @@ describe("Test /api/pin", () => {
       renderRepoCard({
         ...data_repo.repository,
         starCount: data_repo.repository.stargazers.totalCount,
+        issuesCount: data_repo.repository.openIssues.totalCount,
+        pullRequestsCount: data_repo.repository.openPullRequests.totalCount,
       }),
     );
   });
@@ -89,6 +97,8 @@ describe("Test /api/pin", () => {
         {
           ...data_repo.repository,
           starCount: data_repo.repository.stargazers.totalCount,
+          issuesCount: data_repo.repository.openIssues.totalCount,
+          pullRequestsCount: data_repo.repository.openPullRequests.totalCount,
         },
         { ...req.query },
       ),

tests/renderRepoCard.test.js

@@ -18,6 +18,8 @@ const data_repo = {
     },
     starCount: 38000,
     forkCount: 100,
+    issuesCount: 4500,
+    pullRequestsCount: 10,
   },
 };
 
@@ -52,6 +54,24 @@ describe("Test renderRepoCard", () => {
     );
   });
 
+  it("should display issues count", () => {
+    document.body.innerHTML = renderRepoCard(data_repo.repository, {
+      show_issues: true,
+    });
+    expect(queryByTestId(document.body, "issuescount")).toHaveTextContent(
+      "4.5k",
+    );
+  });
+
+  it("should display pull requests count", () => {
+    document.body.innerHTML = renderRepoCard(data_repo.repository, {
+      show_pull_requests: true,
+    });
+    expect(queryByTestId(document.body, "pullrequestscount")).toHaveTextContent(
+      "10",
+    );
+  });
+
   it("should trim header", () => {
     document.body.innerHTML = renderRepoCard({
       ...data_repo.repository,