chore: add LICENSE

closes #23
2020-07-11 22:12:49 +05:30
19 changed files with 277 additions and 5688 deletions
@@ -1,36 +0,0 @@
-name: Test
-
-on:
-  push:
-    branches:
-      - "*"
-  pull_request:
-    branches:
-      - master
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Setup Node
-        uses: actions/setup-node@v1
-        with:
-          node-version: "12.x"
-
-      - name: Cache node modules
-        uses: actions/cache@v2
-        env:
-          cache-name: cache-node-modules
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-npm-cache-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-npm-cache-
-
-      - name: Install & Test
-        run: |
-          npm install
-          npm run test
@@ -1,4 +1,3 @@
 .vercel
 .env
-node_modules
-package-lock.json
+node_modules
@@ -1,2 +1 @@
-.env
-package-lock.json
+.env
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Anurag Hazra
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
@@ -1,7 +1,138 @@
+const axios = require("axios");
+const { renderError, kFormatter } = require("../utils");
 require("dotenv").config();
-const { renderError } = require("../src/utils");
-const fetchStats = require("../src/fetchStats");
-const renderStatsCard = require("../src/renderStatsCard");
+
+async function fetchStats(username) {
+  if (!username) throw Error("Invalid username");
+
+  const res = await axios({
+    url: "https://api.github.com/graphql",
+    method: "post",
+    headers: {
+      Authorization: `bearer ${process.env.GITHUB_TOKEN}`,
+    },
+    data: {
+      query: `
+        query userInfo($login: String!) {
+          user(login: $login) {
+            name
+            repositoriesContributedTo(first: 100, contributionTypes: [COMMIT, ISSUE, PULL_REQUEST, REPOSITORY]) {
+              totalCount
+            }
+            contributionsCollection {
+              totalCommitContributions
+            }
+            pullRequests(first: 100) {
+              totalCount
+            }
+            issues(first: 100) {
+              totalCount
+            }
+            repositories(first: 100) {
+              nodes {
+                stargazers {
+                  totalCount
+                }
+              }
+            }
+          }
+        }
+      `,
+      variables: {
+        login: username,
+      },
+    },
+  });
+
+  const stats = {
+    name: "",
+    totalPRs: 0,
+    totalCommits: 0,
+    totalIssues: 0,
+    totalStars: 0,
+    contributedTo: 0,
+  };
+
+  if (res.data.errors) {
+    console.log(res.data.errors);
+    throw Error("Could not fetch user");
+  }
+
+  const user = res.data.data.user;
+
+  stats.name = user.name;
+  stats.totalIssues = user.issues.totalCount;
+  stats.totalCommits = user.contributionsCollection.totalCommitContributions;
+  stats.totalPRs = user.pullRequests.totalCount;
+  stats.contributedTo = user.repositoriesContributedTo.totalCount;
+
+  stats.totalStars = user.repositories.nodes.reduce((prev, curr) => {
+    return prev + curr.stargazers.totalCount;
+  }, 0);
+
+  return stats;
+}
+
+const createTextNode = (icon, label, value, lheight) => {
+  const classname = icon === "★" && "star-icon";
+  return `
+    <tspan x="25" dy="${lheight}" class="stat bold">
+    <tspan class="icon ${classname}" fill="#4C71F2">${icon}</tspan> ${label}:</tspan>
+    <tspan x="155" dy="0" class="stat">${kFormatter(value)}</tspan>
+  `;
+};
+
+const renderSVG = (stats, options) => {
+  const {
+    name,
+    totalStars,
+    totalCommits,
+    totalIssues,
+    totalPRs,
+    contributedTo,
+  } = stats;
+  const { hide, show_icons, hide_border, line_height } = options || {};
+
+  const lheight = line_height || 25;
+
+  const STAT_MAP = {
+    stars: createTextNode("★", "Total Stars", totalStars, lheight),
+    commits: createTextNode("🕗", "Total Commits", totalCommits, lheight),
+    prs: createTextNode("🔀", "Total PRs", totalPRs, lheight),
+    issues: createTextNode("ⓘ", "Total Issues", totalIssues, lheight),
+    contribs: createTextNode("📕", "Contributed to", contributedTo, lheight),
+  };
+
+  const statItems = Object.keys(STAT_MAP)
+    .filter((key) => !hide.includes(key))
+    .map((key) => STAT_MAP[key]);
+
+  const height = 45 + (statItems.length + 1) * lheight;
+
+  return `
+    <svg width="495" height="${height}" viewBox="0 0 495 ${height}" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <style>
+      .header { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; fill: #2F80ED }
+      .stat { font: 600 14px 'Segoe UI', Ubuntu, Sans-Serif; fill: #333 }
+      .star-icon { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; }
+      .bold { font-weight: 700 }
+      .icon {
+        display: none;
+        ${!!show_icons && "display: block"}
+      }
+      </style>
+      ${
+        !hide_border &&
+        `<rect x="0.5" y="0.5" width="494" height="99%" rx="4.5" fill="#FFFEFE" stroke="#E4E2E2"/>`
+      }
+     
+      <text x="25" y="35" class="header">${name}'s GitHub Stats</text>
+      <text y="45">
+        ${statItems}
+      </text>
+    </svg>
+  `;
+};

 module.exports = async (req, res) => {
  const { username, hide, hide_border, show_icons, line_height } = req.query;
@@ -15,7 +146,7 @@ module.exports = async (req, res) => {
  }

  res.send(
-    renderStatsCard(stats, {
+    renderSVG(stats, {
      hide: JSON.parse(hide || "[]"),
      show_icons,
      hide_border,
@@ -1,7 +1,119 @@
+const axios = require("axios");
+const { renderError, kFormatter, encodeHTML } = require("../utils");
 require("dotenv").config();
-const { renderError } = require("../src/utils");
-const fetchRepo = require("../src/fetchRepo");
-const renderRepoCard = require("../src/renderRepoCard");
+
+async function fetchRepo(username, reponame) {
+  const res = await axios({
+    url: "https://api.github.com/graphql",
+    method: "post",
+    headers: {
+      Authorization: `bearer ${process.env.GITHUB_TOKEN}`,
+    },
+    data: {
+      query: `
+        fragment RepoInfo on Repository {
+          name
+          stargazers {
+            totalCount
+          }
+          description
+          primaryLanguage {
+            color
+            id
+            name
+          }
+          forkCount
+        }
+        query getRepo($login: String!, $repo: String!) {
+          user(login: $login) {
+            repository(name: $repo) {
+              ...RepoInfo
+            }
+          }
+          organization(login: $login) {
+            repository(name: $repo) {
+              ...RepoInfo
+            }
+          }
+        }
+      `,
+      variables: {
+        login: username,
+        repo: reponame,
+      },
+    },
+  });
+
+  const data = res.data.data;
+
+  if (!data.user && !data.organization) {
+    throw new Error("Not found");
+  }
+
+  if (data.organization === null && data.user) {
+    if (!data.user.repository) {
+      throw new Error("User Repository Not found");
+    }
+    return data.user.repository;
+  }
+
+  if (data.user === null && data.organization) {
+    if (!data.organization.repository) {
+      throw new Error("Organization Repository Not found");
+    }
+    return data.organization.repository;
+  }
+}
+
+const renderRepoCard = (repo) => {
+  const { name, description, primaryLanguage, stargazers, forkCount } = repo;
+  const height = 120;
+  const shiftText = primaryLanguage.name.length > 15 ? 0 : 30;
+
+  let desc = description || "No description provided";
+  if (desc.length > 55) {
+    desc = `${description.slice(0, 55)}..`;
+  }
+
+  return `
+    <svg width="400" height="${height}" viewBox="0 0 400 ${height}" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <style>
+      .header { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; fill: #2F80ED }
+      .stat { font: 600 14px 'Segoe UI', Ubuntu, Sans-Serif; fill: #333 }
+      .star-icon { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; }
+      .bold { font-weight: 700 }
+      .description { font: 400 13px 'Segoe UI', Ubuntu, Sans-Serif; fill: #586069 }
+      .gray { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: #586069 }
+      </style>
+      <rect x="0.5" y="0.5" width="399" height="99%" rx="4.5" fill="#FFFEFE" stroke="#E4E2E2"/>
+      <svg x="25" y="25" viewBox="0 0 16 16" version="1.1" width="16" height="16" fill="#586069">
+        <path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path>
+      </svg>
+
+      <text x="50" y="38" class="header">${name}</text>
+      <text class="description" x="25" y="70">${encodeHTML(desc)}</text>
+      
+      <g transform="translate(30, 100)">
+        <circle cx="0" cy="-5" r="6" fill="${primaryLanguage.color}" />
+        <text class="gray" x="15">${primaryLanguage.name}</text>
+      </g>
+      
+      <g transform="translate(${155 - shiftText}, 100)">
+        <svg y="-12" viewBox="0 0 16 16" version="1.1" width="16" height="16" fill="#586069">
+          <path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path>
+        </svg>
+        <text class="gray" x="25">${kFormatter(stargazers.totalCount)}</text>
+      </g>
+
+      <g transform="translate(${220 - shiftText}, 100)">
+        <svg y="-12" viewBox="0 0 16 16" version="1.1" width="16" height="16" fill="#586069">
+          <path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path>
+        </svg>
+        <text class="gray" x="25">${kFormatter(forkCount)}</text>
+      </g>
+    </svg>
+  `;
+};

 module.exports = async (req, res) => {
  const { username, repo } = req.query;
@@ -1,3 +0,0 @@
-module.exports = {
-  clearMocks: true,
-};
@@ -1,20 +1,15 @@
 {
  "name": "github-readme-stats",
  "version": "1.0.0",
-  "description": "Dynamically generate stats for your github readmes",
+  "description": "",
  "main": "index.js",
  "scripts": {
-    "test": "jest",
-    "test:watch": "jest --watch"
+    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Anurag Hazra",
  "license": "MIT",
  "devDependencies": {
-    "@testing-library/dom": "^7.20.0",
-    "@testing-library/jest-dom": "^5.11.0",
-    "axios": "^0.19.2",
-    "axios-mock-adapter": "^1.18.1",
-    "jest": "^26.1.0"
+    "axios": "^0.19.2"
  },
  "dependencies": {
    "dotenv": "^8.2.0"
@@ -1,70 +0,0 @@
-const axios = require("axios");
-
-async function fetchRepo(username, reponame) {
-  if (!username || !reponame) {
-    throw new Error("Invalid username or reponame");
-  }
-
-  const res = await axios({
-    url: "https://api.github.com/graphql",
-    method: "post",
-    headers: {
-      Authorization: `bearer ${process.env.GITHUB_TOKEN}`,
-    },
-    data: {
-      query: `
-        fragment RepoInfo on Repository {
-          name
-          stargazers {
-            totalCount
-          }
-          description
-          primaryLanguage {
-            color
-            id
-            name
-          }
-          forkCount
-        }
-        query getRepo($login: String!, $repo: String!) {
-          user(login: $login) {
-            repository(name: $repo) {
-              ...RepoInfo
-            }
-          }
-          organization(login: $login) {
-            repository(name: $repo) {
-              ...RepoInfo
-            }
-          }
-        }
-      `,
-      variables: {
-        login: username,
-        repo: reponame,
-      },
-    },
-  });
-
-  const data = res.data.data;
-
-  if (!data.user && !data.organization) {
-    throw new Error("Not found");
-  }
-
-  if (data.organization === null && data.user) {
-    if (!data.user.repository) {
-      throw new Error("User Repository Not found");
-    }
-    return data.user.repository;
-  }
-
-  if (data.user === null && data.organization) {
-    if (!data.organization.repository) {
-      throw new Error("Organization Repository Not found");
-    }
-    return data.organization.repository;
-  }
-}
-
-module.exports = fetchRepo;
@@ -1,75 +0,0 @@
-const axios = require("axios");
-require("dotenv").config();
-
-async function fetchStats(username) {
-  if (!username) throw Error("Invalid username");
-
-  const res = await axios({
-    url: "https://api.github.com/graphql",
-    method: "post",
-    headers: {
-      Authorization: `bearer ${process.env.GITHUB_TOKEN}`,
-    },
-    data: {
-      query: `
-        query userInfo($login: String!) {
-          user(login: $login) {
-            name
-            repositoriesContributedTo(first: 100, contributionTypes: [COMMIT, ISSUE, PULL_REQUEST, REPOSITORY]) {
-              totalCount
-            }
-            contributionsCollection {
-              totalCommitContributions
-            }
-            pullRequests(first: 100) {
-              totalCount
-            }
-            issues(first: 100) {
-              totalCount
-            }
-            repositories(first: 100) {
-              nodes {
-                stargazers {
-                  totalCount
-                }
-              }
-            }
-          }
-        }
-      `,
-      variables: {
-        login: username,
-      },
-    },
-  });
-
-  const stats = {
-    name: "",
-    totalPRs: 0,
-    totalCommits: 0,
-    totalIssues: 0,
-    totalStars: 0,
-    contributedTo: 0,
-  };
-
-  if (res.data.errors) {
-    console.log(res.data.errors);
-    throw Error("Could not fetch user");
-  }
-
-  const user = res.data.data.user;
-
-  stats.name = user.name;
-  stats.totalIssues = user.issues.totalCount;
-  stats.totalCommits = user.contributionsCollection.totalCommitContributions;
-  stats.totalPRs = user.pullRequests.totalCount;
-  stats.contributedTo = user.repositoriesContributedTo.totalCount;
-
-  stats.totalStars = user.repositories.nodes.reduce((prev, curr) => {
-    return prev + curr.stargazers.totalCount;
-  }, 0);
-
-  return stats;
-}
-
-module.exports = fetchStats;
@@ -1,59 +0,0 @@
-const { kFormatter, encodeHTML } = require("../src/utils");
-
-const renderRepoCard = (repo) => {
-  const { name, description, primaryLanguage, stargazers, forkCount } = repo;
-  const height = 120;
-  const shiftText = primaryLanguage.name.length > 15 ? 0 : 30;
-
-  let desc = description || "No description provided";
-  if (desc.length > 55) {
-    desc = `${description.slice(0, 55)}..`;
-  }
-
-  const totalStars = kFormatter(stargazers.totalCount);
-  const totalForks = kFormatter(forkCount);
-  return `
-    <svg width="400" height="${height}" viewBox="0 0 400 ${height}" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <style>
-      .header { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; fill: #2F80ED }
-      .stat { font: 600 14px 'Segoe UI', Ubuntu, Sans-Serif; fill: #333 }
-      .star-icon { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; }
-      .bold { font-weight: 700 }
-      .description { font: 400 13px 'Segoe UI', Ubuntu, Sans-Serif; fill: #586069 }
-      .gray { font: 400 12px 'Segoe UI', Ubuntu, Sans-Serif; fill: #586069 }
-      </style>
-      <rect x="0.5" y="0.5" width="399" height="99%" rx="4.5" fill="#FFFEFE" stroke="#E4E2E2"/>
-      <svg x="25" y="25" viewBox="0 0 16 16" version="1.1" width="16" height="16" fill="#586069">
-        <path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path>
-      </svg>
-
-      <text x="50" y="38" class="header">${name}</text>
-      <text class="description" x="25" y="70">${encodeHTML(desc)}</text>
-      
-      <g transform="translate(30, 100)">
-        <circle data-testid="lang-color" cx="0" cy="-5" r="6" fill="${
-          primaryLanguage.color
-        }" />
-        <text data-testid="lang" class="gray" x="15">${
-          primaryLanguage.name
-        }</text>
-      </g>
-
-      <g transform="translate(${155 - shiftText}, 100)">
-        <svg y="-12" viewBox="0 0 16 16" version="1.1" width="16" height="16" fill="#586069">
-          <path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path>
-        </svg>
-        <text data-testid="stargazers" class="gray" x="25">${totalStars}</text>
-      </g>
-
-      <g transform="translate(${220 - shiftText}, 100)">
-        <svg y="-12" viewBox="0 0 16 16" version="1.1" width="16" height="16" fill="#586069">
-          <path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path>
-        </svg>
-        <text data-testid="forkcount" class="gray" x="25">${totalForks}</text>
-      </g>
-    </svg>
-  `;
-};
-
-module.exports = renderRepoCard;
@@ -1,97 +0,0 @@
-const { kFormatter } = require("../src/utils");
-
-const createTextNode = ({ icon, label, value, lineHeight, id }) => {
-  const classname = icon === "★" && "star-icon";
-  const kValue = kFormatter(value);
-  return `
-    <tspan x="25" dy="${lineHeight}" class="stat bold">
-    <tspan data-testid="icon" class="icon ${classname}" fill="#4C71F2">${icon}</tspan> ${label}:</tspan>
-    <tspan data-testid="${id}" x="155" dy="0" class="stat">${kValue}</tspan>
-  `;
-};
-
-const renderStatsCard = (stats = {}, options = { hide: [] }) => {
-  const {
-    name,
-    totalStars,
-    totalCommits,
-    totalIssues,
-    totalPRs,
-    contributedTo,
-  } = stats;
-  const {
-    hide = [],
-    show_icons = false,
-    hide_border = false,
-    line_height = 25,
-  } = options;
-
-  const lheight = parseInt(line_height);
-
-  const STAT_MAP = {
-    stars: createTextNode({
-      icon: "★",
-      label: "Total Stars",
-      value: totalStars,
-      lineHeight: lheight,
-      id: "stars",
-    }),
-    commits: createTextNode({
-      icon: "🕗",
-      label: "Total Commits",
-      value: totalCommits,
-      lineHeight: lheight,
-      id: "commits",
-    }),
-    prs: createTextNode({
-      icon: "🔀",
-      label: "Total PRs",
-      value: totalPRs,
-      lineHeight: lheight,
-      id: "prs",
-    }),
-    issues: createTextNode({
-      icon: "ⓘ",
-      label: "Total Issues",
-      value: totalIssues,
-      lineHeight: lheight,
-      id: "issues",
-    }),
-    contribs: createTextNode({
-      icon: "📕",
-      label: "Contributed to",
-      value: contributedTo,
-      lineHeight: lheight,
-      id: "contribs",
-    }),
-  };
-
-  const statItems = Object.keys(STAT_MAP)
-    .filter((key) => !hide.includes(key))
-    .map((key) => STAT_MAP[key]);
-
-  const height = 45 + (statItems.length + 1) * lheight;
-
-  const border = `<rect data-testid="card-border" x="0.5" y="0.5" width="494" height="99%" rx="4.5" fill="#FFFEFE" stroke="#E4E2E2"/>`;
-  return `
-    <svg width="495" height="${height}" viewBox="0 0 495 ${height}" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <style>
-      .header { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; fill: #2F80ED }
-      .stat { font: 600 14px 'Segoe UI', Ubuntu, Sans-Serif; fill: #333 }
-      .star-icon { font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif; }
-      .bold { font-weight: 700 }
-      .icon {
-        display: ${!!show_icons ? "block" : "none"};
-      }
-      </style>
-      ${hide_border ? "" : border}
-     
-      <text x="25" y="35" class="header">${name}'s GitHub Stats</text>
-      <text y="45">
-        ${statItems.toString().replace(/\,/gm, "")}
-      </text>
-    </svg>
-  `;
-};
-
-module.exports = renderStatsCard;
@@ -1,83 +0,0 @@
-require("@testing-library/jest-dom");
-const axios = require("axios");
-const MockAdapter = require("axios-mock-adapter");
-const fetchRepo = require("../src/fetchRepo");
-
-const data_repo = {
-  repository: {
-    name: "convoychat",
-    stargazers: { totalCount: 38000 },
-    description: "Help us take over the world! React + TS + GraphQL Chat App",
-    primaryLanguage: {
-      color: "#2b7489",
-      id: "MDg6TGFuZ3VhZ2UyODc=",
-      name: "TypeScript",
-    },
-    forkCount: 100,
-  },
-};
-
-const data_user = {
-  data: {
-    user: { repository: data_repo },
-    organization: null,
-  },
-};
-const data_org = {
-  data: {
-    user: null,
-    organization: { repository: data_repo },
-  },
-};
-
-const mock = new MockAdapter(axios);
-
-afterEach(() => {
-  mock.reset();
-});
-
-describe("Test fetchRepo", () => {
-  it("should fetch correct user repo", async () => {
-    mock.onPost("https://api.github.com/graphql").reply(200, data_user);
-
-    let repo = await fetchRepo("anuraghazra", "convoychat");
-    expect(repo).toStrictEqual(data_repo);
-  });
-
-  it("should fetch correct org repo", async () => {
-    mock.onPost("https://api.github.com/graphql").reply(200, data_org);
-
-    let repo = await fetchRepo("anuraghazra", "convoychat");
-    expect(repo).toStrictEqual(data_repo);
-  });
-
-  it("should throw error if user is found but repo is null", async () => {
-    mock
-      .onPost("https://api.github.com/graphql")
-      .reply(200, { data: { user: { repository: null }, organization: null } });
-
-    await expect(fetchRepo("anuraghazra", "convoychat")).rejects.toThrow(
-      "User Repository Not found"
-    );
-  });
-
-  it("should throw error if org is found but repo is null", async () => {
-    mock
-      .onPost("https://api.github.com/graphql")
-      .reply(200, { data: { user: null, organization: { repository: null } } });
-
-    await expect(fetchRepo("anuraghazra", "convoychat")).rejects.toThrow(
-      "Organization Repository Not found"
-    );
-  });
-
-  it("should throw error if both user & org data not found", async () => {
-    mock
-      .onPost("https://api.github.com/graphql")
-      .reply(200, { data: { user: null, organization: null } });
-
-    await expect(fetchRepo("anuraghazra", "convoychat")).rejects.toThrow(
-      "Not found"
-    );
-  });
-});
@@ -1,66 +0,0 @@
-require("@testing-library/jest-dom");
-const axios = require("axios");
-const MockAdapter = require("axios-mock-adapter");
-const fetchStats = require("../src/fetchStats");
-
-const data = {
-  data: {
-    user: {
-      name: "Anurag Hazra",
-      repositoriesContributedTo: { totalCount: 61 },
-      contributionsCollection: { totalCommitContributions: 100 },
-      pullRequests: { totalCount: 300 },
-      issues: { totalCount: 200 },
-      repositories: {
-        nodes: [
-          { stargazers: { totalCount: 100 } },
-          { stargazers: { totalCount: 100 } },
-          { stargazers: { totalCount: 100 } },
-          { stargazers: { totalCount: 50 } },
-          { stargazers: { totalCount: 50 } },
-        ],
-      },
-    },
-  },
-};
-
-const error = {
-  errors: [
-    {
-      type: "NOT_FOUND",
-      path: ["user"],
-      locations: [],
-      message: "Could not resolve to a User with the login of 'noname'.",
-    },
-  ],
-};
-
-const mock = new MockAdapter(axios);
-
-afterEach(() => {
-  mock.reset();
-});
-
-describe("Test fetchStats", () => {
-  it("should fetch correct stats", async () => {
-    mock.onPost("https://api.github.com/graphql").reply(200, data);
-
-    let stats = await fetchStats("anuraghazra");
-    expect(stats).toStrictEqual({
-      contributedTo: 61,
-      name: "Anurag Hazra",
-      totalCommits: 100,
-      totalIssues: 200,
-      totalPRs: 300,
-      totalStars: 400,
-    });
-  });
-
-  it("should throw error", async () => {
-    mock.onPost("https://api.github.com/graphql").reply(200, error);
-
-    await expect(fetchStats("anuraghazra")).rejects.toThrow(
-      "Could not fetch user"
-    );
-  });
-});
@@ -1,91 +0,0 @@
-require("@testing-library/jest-dom");
-const renderRepoCard = require("../src/renderRepoCard");
-
-const { queryByTestId } = require("@testing-library/dom");
-
-const data_repo = {
-  repository: {
-    name: "convoychat",
-    stargazers: { totalCount: 38000 },
-    description: "Help us take over the world! React + TS + GraphQL Chat App",
-    primaryLanguage: {
-      color: "#2b7489",
-      id: "MDg6TGFuZ3VhZ2UyODc=",
-      name: "TypeScript",
-    },
-    forkCount: 100,
-  },
-};
-
-describe("Test renderRepoCard", () => {
-  it("should render correctly", () => {
-    document.body.innerHTML = renderRepoCard(data_repo.repository);
-
-    expect(document.getElementsByClassName("header")[0]).toHaveTextContent(
-      "convoychat"
-    );
-    expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
-      "Help us take over the world! React + TS + GraphQL Chat .."
-    );
-    expect(queryByTestId(document.body, "stargazers")).toHaveTextContent("38k");
-    expect(queryByTestId(document.body, "forkcount")).toHaveTextContent("100");
-    expect(queryByTestId(document.body, "lang")).toHaveTextContent(
-      "TypeScript"
-    );
-    expect(queryByTestId(document.body, "lang-color")).toHaveAttribute(
-      "fill",
-      "#2b7489"
-    );
-  });
-
-  it("should trim description", () => {
-    document.body.innerHTML = renderRepoCard({
-      ...data_repo.repository,
-      description:
-        "Very long long long long long long long long text it should trim it",
-    });
-
-    expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
-      "Very long long long long long long long long text it sh.."
-    );
-
-    // Should not trim
-    document.body.innerHTML = renderRepoCard({
-      ...data_repo.repository,
-      description: "Small text should not trim",
-    });
-
-    expect(document.getElementsByClassName("description")[0]).toHaveTextContent(
-      "Small text should not trim"
-    );
-  });
-
-  it("should shift the text position depending on language length", () => {
-    document.body.innerHTML = renderRepoCard({
-      ...data_repo.repository,
-      primaryLanguage: {
-        ...data_repo.repository.primaryLanguage,
-        name: "Jupyter Notebook",
-      },
-    });
-
-    expect(document.getElementsByTagName("g")[1]).toHaveAttribute(
-      "transform",
-      "translate(155, 100)"
-    );
-
-    // Small lang
-    document.body.innerHTML = renderRepoCard({
-      ...data_repo.repository,
-      primaryLanguage: {
-        ...data_repo.repository.primaryLanguage,
-        name: "Ruby",
-      },
-    });
-
-    expect(document.getElementsByTagName("g")[1]).toHaveAttribute(
-      "transform",
-      "translate(125, 100)"
-    );
-  });
-});
@@ -1,54 +0,0 @@
-require("@testing-library/jest-dom");
-const renderStatsCard = require("../src/renderStatsCard");
-
-const { getByTestId, queryByTestId } = require("@testing-library/dom");
-
-describe("Test renderStatsCard", () => {
-  const stats = {
-    name: "Anurag Hazra",
-    totalStars: 100,
-    totalCommits: 200,
-    totalIssues: 300,
-    totalPRs: 400,
-    contributedTo: 500,
-  };
-
-  it("should render correctly", () => {
-    document.body.innerHTML = renderStatsCard(stats);
-
-    expect(document.getElementsByClassName("header")[0].textContent).toBe(
-      "Anurag Hazra's GitHub Stats"
-    );
-
-    expect(
-      document.body.getElementsByTagName("svg")[0].getAttribute("height")
-    ).toBe("195");
-    expect(getByTestId(document.body, "stars").textContent).toBe("100");
-    expect(getByTestId(document.body, "commits").textContent).toBe("200");
-    expect(getByTestId(document.body, "issues").textContent).toBe("300");
-    expect(getByTestId(document.body, "prs").textContent).toBe("400");
-    expect(getByTestId(document.body, "contribs").textContent).toBe("500");
-    expect(queryByTestId(document.body, "card-border")).toBeInTheDocument();
-  });
-
-  it("should hide individual stats", () => {
-    document.body.innerHTML = renderStatsCard(stats, {
-      hide: "['issues', 'prs', 'contribs']",
-    });
-
-    expect(
-      document.body.getElementsByTagName("svg")[0].getAttribute("height")
-    ).toBe("120");
-    expect(queryByTestId(document.body, "stars")).toBeDefined();
-    expect(queryByTestId(document.body, "commits")).toBeDefined();
-    expect(queryByTestId(document.body, "issues")).toBeNull();
-    expect(queryByTestId(document.body, "prs")).toBeNull();
-    expect(queryByTestId(document.body, "contribs")).toBeNull();
-  });
-
-  it("should hide_border", () => {
-    document.body.innerHTML = renderStatsCard(stats, { hide_border: true });
-
-    expect(queryByTestId(document.body, "card-border")).not.toBeInTheDocument();
-  });
-});
@@ -1,26 +0,0 @@
-const { kFormatter, encodeHTML, renderError } = require("../src/utils");
-
-describe("Test utils.js", () => {
-  it("should test kFormatter", () => {
-    expect(kFormatter(1)).toBe(1);
-    expect(kFormatter(-1)).toBe(-1);
-    expect(kFormatter(500)).toBe(500);
-    expect(kFormatter(1000)).toBe("1k");
-    expect(kFormatter(10000)).toBe("10k");
-    expect(kFormatter(12345)).toBe("12.3k");
-    expect(kFormatter(9900000)).toBe("9900k");
-  });
-
-  it("should test encodeHTML", () => {
-    expect(encodeHTML(`<html>hello world<,.#4^&^@%!))`)).toBe(
-      "&#60;html&#62;hello world&#60;,.#4^&#38;^@%!))"
-    );
-  });
-
-  it("should test renderError", () => {
-    document.body.innerHTML = renderError("Something went wrong");
-    expect(document.getElementById("message").textContent).toBe(
-      "Something went wrong"
-    );
-  });
-});
@@ -7,7 +7,7 @@ const renderError = (message) => {
    </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 x="25" y="65" class="text small">${message}</text>
    </svg>
  `;
 };