SVG improvements

Author: RedHeadphone

package.json

@@ -6,7 +6,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --silent",
     "lint": "next lint"
   },
   "dependencies": {

src/fetcher.js

@@ -5,7 +5,10 @@ function fetch_error_handler(fetch, username, last_cache) {
   return new Promise((resolve, reject) => {
     const timeoutID = setTimeout(function () {
       const res = last_cache.get(username);
-      if (res != null) resolve(res);
+      if (res != null) {
+        console.log("Using cached data for", username);
+        resolve(res);
+      }
       else reject({ status: 500, error: "Codeforces Server Error" });
     }, 2000);
     fetch()
@@ -52,6 +55,7 @@ export function get_rating(username, cache_seconds) {
             resolve(res);
           })
           .catch((error) => {
+            console.error(error);
             if (error.response.status === 400)
               reject({ status: 400, error: "Codeforces Handle Not Found" });
             else reject({ status: 500, error: "Codeforces Server Error" });
@@ -98,6 +102,7 @@ export function get_stats(username, cache_seconds) {
               .replace("undefined", "")
               .trim();
             const contestsCount = responses[1].data.result.length;
+            const submissions = responses[2].data.result.length;
             const problemsSolved = count_submissions(responses[2].data.result);
 
             const res = {
@@ -109,6 +114,7 @@ export function get_stats(username, cache_seconds) {
               maxRank,
               contestsCount,
               problemsSolved,
+              submissions,
               friendOfCount,
               contribution,
             };
@@ -117,6 +123,7 @@ export function get_stats(username, cache_seconds) {
             resolve(res);
           })
           .catch((error) => {
+            console.error(error);
             if (error.response.status === 400)
               reject({ status: 400, error: "Codeforces Handle Not Found" });
             else reject({ status: 500, error: "Codeforces Server Error" });

src/pages/api/card.js

@@ -7,10 +7,6 @@ import {
   clamp_value,
 } from "@/common.js";
 
-function check_overflow(rank, maxRank, width) {
-  return (rank.length + maxRank.length + 8)*10 + 34 > width;
-}
-
 export default async function handler(req, res) {
   return new Promise((resolve, reject) => {
     let {
@@ -51,6 +47,7 @@ export default async function handler(req, res) {
           maxRank,
           contestsCount,
           problemsSolved,
+          submissions,
           friendOfCount,
           contribution,
         }) => {
@@ -87,9 +84,9 @@ export default async function handler(req, res) {
             ...themes[theme],
             ...customColorScheme,
           };
-          const width = Math.max(380, 100 + name.length * 14);
-          const breakBetweenRank = check_overflow(rank, maxRank, width);
-          const height = 290 + (breakBetweenRank ? 25 : 0);
+          const width = Math.max(380, 70 + name.length * 13);
+          const breakBetweenRank = (rank.length + maxRank.length + 8)*10 + 34 > width;
+          const height = 290 + (breakBetweenRank ? 22 : 0);
 
           res.send(
             renderTemplate("card.svg", {
@@ -103,6 +100,7 @@ export default async function handler(req, res) {
               width,
               contestsCount,
               problemsSolved,
+              submissions,
               friendOfCount,
               contribution,
               rankColor: get_color_from_rating(rating),