added borderRadius query param

Author: 0l1v3rr

src/cards/card.ts

@@ -7,6 +7,7 @@ export default class Card {
   private theme: Theme;
   private badgeAlign: BadgeAlign;
   private showBorder: boolean;
+  private borderRadius: number;
 
   private lines: Map<number, Badge[]>;
 
@@ -15,6 +16,7 @@ export default class Card {
     this.theme = getThemeByName("github");
     this.badgeAlign = "left";
     this.showBorder = true;
+    this.borderRadius = 4.5;
 
     this.lineCount = 1;
     this.lines = new Map<number, Badge[]>();
@@ -68,4 +70,11 @@ export default class Card {
   public setShowBorder = (showBorder: boolean): void => {
     this.showBorder = showBorder;
   };
+
+  public getBorderRadius = (): number => this.borderRadius;
+
+  public setBorderRadius = (borderRadius: number): void => {
+    this.borderRadius = borderRadius;
+  };
 }
+

src/controllers/cards-controller.ts

@@ -4,6 +4,7 @@ import { getThemeByName } from "../cards/themes";
 import SvgGenerator from "../svg/svg-generator";
 import {
   validateAlign,
+  validateBorderRadius,
   validateLine,
   validateLineCount,
 } from "../utils/validator";
@@ -16,12 +17,14 @@ export const getCard = async (req: Request, res: Response) => {
   const lineCount = req.query.lineCount?.toString() || "1";
   const align = req.query.align?.toString() || "left";
   const showBorder = req.query.showBorder?.toString() || "true";
+  const borderRadius = req.query.borderRadius?.toString() || "4.5";
 
   card.setTitle(title);
   card.setTheme(getThemeByName(theme));
   card.setLineCount(validateLineCount(lineCount));
   card.setBadgeAlign(validateAlign(align));
   card.setShowBorder(showBorder !== "false");
+  card.setBorderRadius(validateBorderRadius(borderRadius));
 
   // run a loop card.getLineCount() times
   for (let i = 1; i <= card.getLineCount(); i++) {
@@ -34,3 +37,4 @@ export const getCard = async (req: Request, res: Response) => {
   res.setHeader("Content-Type", "image/svg+xml");
   res.send(await new SvgGenerator(card).toString());
 };
+

src/svg/svg-generator.ts

@@ -40,7 +40,7 @@ export default class SvgGenerator {
         <rect
           x="${this.card.getShowBorder() ? 0.5 : 0}"
           y="${this.card.getShowBorder() ? 0.5 : 0}"
-          rx="4.5"
+          rx="${this.card.getBorderRadius()}"
           height="${this.height - (this.card.getShowBorder() ? 1 : 0)}"
           stroke="${this.card.getTheme().borderColor}"
           width="${this.width - (this.card.getShowBorder() ? 1 : 0)}"
@@ -143,3 +143,4 @@ export default class SvgGenerator {
     `;
   };
 }
+

src/utils/validator.ts

@@ -21,6 +21,25 @@ export const validateLineCount = (lineCount: string): number => {
   return lineNum < 1 ? 1 : lineNum;
 };
 
+/**
+ * Validates the border-radius.
+ * If the border-radius is not valid, it returns 4.5.
+ * The border-radius is invalid when it's not a number, less than 0 or greater than 50.
+ *
+ * @param {number} borderRadius The raw border radius
+ * @returns {number} A valid borderRadius.
+ */
+export const validateBorderRadius = (lineCount: string): number => {
+  const num = parseInt(lineCount);
+
+  // it's not a number
+  if (isNaN(num)) {
+    return 4.5;
+  }
+
+  return num > 50 || num < 0 ? 4.5 : num;
+};
+
 /**
  * Validates the given align.
  *
@@ -88,3 +107,4 @@ export const validateLine = (line: string): Badge[] => {
 
   return badges;
 };
+