soccer-jersey-fork 1.0.119 → 1.0.120

package/lib/types/index.d.ts

@@ -16,7 +16,7 @@ export interface DrawSoccerJerseyProps {
     shirtBottomColor?: string;
     shirtStyleDirection?: StyleDirection;
     shirtWidth?: number;
-    collarType?: "round" | "polo" | "classic";
+    collarType?: "round" | "polo" | "classic" | "v-neck";
     collarColor?: string;
     sleeveCuffColor?: string;
     sleeveType: "long" | "short";

package/lib/utils/draw-soccer-jersey.js

@@ -173,42 +173,38 @@ export default function drawSoccerJersey({ shirtColor = "plain", shirtStyle, shi
             drawText(page);
         }
     }
-    /**
-     * The collar should be the last so the shoulder color doesn't superimpose it.
-     */
+    const POLO_COLLAR_PATH = "M 36.26 0.02 l -6 5 15 9 4.44 -6.68 -0.13 -0.48 4.68 7.16 15 -9 -6 -5 c -10 10 -25 5 -27.5 0";
+    const CLASSIC_COLLAR_PATH = "m36 0 l-6 10 q5-6 22 0 z m29 0 l6 10 q-5-6-22 0 z";
+    const VNECK_COLLAR_PATH = "M 36.1 0.24 C 36.34 1.22 50.52 9.03 50.52 9.03 L 64.46 0.48 66.87 1.65 C 64.72 3.46 63.7 4.38 60.84 6.1 C 57.34 8.2 54.24 10.01 50.76 12.5 L 32.73 2.04 Z";
+    const ROUND_COLLAR_PATH = "m35 0 q 17 20 30 0";
+    const fillColor = collarColor || "#eeeeee";
     switch (collarType) {
-        case "polo": {
+        case "polo":
             page
-                /**
-                 * The points start from the left then spread out to the leftest
-                 */
-                .path("M 36.26 0.02 l -6 5 15 9 4.44 -6.68 -0.13 -0.48 4.68 7.16 15 -9 -6 -5 c -10 10 -25 5 -27.5 0")
-                .fill(collarColor || "#eee")
-                .stroke({
-                color: collarColor,
-                width: 1,
-            });
+                .path(POLO_COLLAR_PATH)
+                .fill(fillColor)
+                .stroke({ color: fillColor, width: 1, linejoin: "round" });
             break;
-        }
-        case "classic": {
+        case "classic":
             page
-                .path("m36 0 l-6 10 q5-6 22 0 z m29 0 l6 10 q-5-6-22 0 z")
-                .fill(collarColor || "#eee")
-                .stroke({
-                color: collarColor,
-                width: 1,
-            });
+                .path(CLASSIC_COLLAR_PATH)
+                .fill(fillColor)
+                .stroke({ color: fillColor, width: 1, linejoin: "round" });
+            break;
+        case "v-neck":
+            page
+                .path(VNECK_COLLAR_PATH)
+                .fill(fillColor)
+                .stroke({ color: fillColor, width: 1, linejoin: "round" });
+            break;
+        case "round":
+        default:
+            // Round collars use an open-stroke line variant instead of a closed shape fill
+            page
+                .path(ROUND_COLLAR_PATH)
+                .fill("none")
+                .stroke({ color: fillColor, width: 2, linecap: "round" });
             break;
-        }
-        default: {
-            if (collarColor) {
-                const pathCollar = "m35 0 q 17 20 30 0";
-                page
-                    .path(pathCollar)
-                    .fill("none")
-                    .stroke({ color: collarColor, width: 2 });
-            }
-        }
     }
     page.width(shirtWidth);
     // +10 is some extra room with the shorts height, so the total should be 150

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soccer-jersey-fork",
-  "version": "1.0.119",
+  "version": "1.0.120",
   "description": "Generate soccer jerseys in SVG format",
   "main": "lib/index.js",
   "author": "nadchif (https://github.com/nadchif)",