soccer-jersey-fork 1.0.104 → 1.0.106

package/lib/stories/jersey.stories.js

@@ -20,7 +20,18 @@ export const Default = {
         sleeveStyleDirection: "horizontal",
         sleeveCuffColor: "",
         images: [],
-        texts: [],
+        texts: [
+            {
+                text: "10",
+                size: 20,
+                x: 50,
+                y: 45,
+                color: "#fff",
+                fontFamily: "Impact",
+                weight: 900,
+                style: "normal",
+            },
+        ],
         shortsColor: "#DA000C",
         shortsCuffColor: "",
         shirtSideColor: "",

package/lib/types/index.d.ts

@@ -3,6 +3,7 @@
  * Original source: https://github.com/nadchif/soccer-jersey/tree/master
  * Modifications Copyright 2025 Lau Kai Chung
  */
+import { CSSProperties } from "react";
 export interface DrawSoccerJerseyProps {
     shirtColor: string;
     shirtSideColor?: string;
@@ -27,6 +28,9 @@ export interface DrawSoccerJerseyProps {
         outlineColor?: string;
         backgroundColor?: string;
         backgroundShape?: "ellipse" | "square";
+        fontFamily: string;
+        fontWeight?: number;
+        fontStyle?: CSSProperties["fontStyle"];
     }[];
     images: {
         src: string;

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

@@ -14,7 +14,6 @@ export default function drawSoccerJersey({ shirtColor = "plain", shirtStyle, shi
     const pathRightSleeve = "m83 8.1c4 3 6.1 7.7 8.9 12 3.1 4.9 6 9.9 8.8 15-6 4-12 8.2-19 10-4.1.38-4.3-5.3-3.8-8.2.3-9.7 3-19 5-29z";
     const pathMainBody = "m83 8c-6.4-2.3-13-5.3-19-8 1.4 5.4-5.4 8.2-10 8.7-5.8.68-13-.075-17-5-1.2-2.1.62-5.1-2.8-2.6-5.6 2.6-11 5.5-17 7.9 5.6 21 3.3 17 6.2 40-.14 15 .16 30-.79 45 1.6 4.7 9.5 4 14 5.2 13 1.8 26 1.2 39-2.3 5.7-1.5 1.5-8.1 2.5-12-.32-15-.32-29-.32-44 5.5-37 1.6-12 4.9-33z";
     const pathNeck = "m63 .064c-3.8.47-7.5 1.9-11 1.9-5 .31-11-.47-16-1.9-1.7.6-.78 2.8-1.8 4.1-3 5.1-6 10-9 15h50c-3.8-6.4-7.6-13-11-19z";
-    const pathNeckBack = "m63 .064C 60.12,5.3 53.35,6.6 49.86 6.6 44.86 7 40.4 4 36 .064c-1.7.6-.78 2.8-1.8 4.1-3 5.1-6 10-9 15h50c-3.8-6.4-7.6-13-11-19z";
     // eslint-disable-next-line new-cap
     const page = SVG();
     shirtStyleColor = shirtStyleColor || "#eee";
@@ -151,15 +150,17 @@ export default function drawSoccerJersey({ shirtColor = "plain", shirtStyle, shi
      */
     if (texts && texts.length > 0) {
         for (const textItem of texts) {
-            const { text, color, size, outlineColor, backgroundColor, backgroundShape, x, y, } = textItem;
+            const { text, color, size, outlineColor, backgroundColor, backgroundShape, fontFamily = "Impact", fontWeight, fontStyle, x, y, } = textItem;
             const drawText = (elem) => {
                 return elem
                     .text(text)
                     .fill(color || "#eee")
                     .font({
-                    family: "Monospace",
+                    family: fontFamily,
                     size,
-                    style: "bold",
+                    fontWeight,
+                    fontStyle,
+                    anchor: "middle",
                 })
                     .stroke({
                     color: outlineColor || color,

package/package.json

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