soccer-jersey-fork 1.0.109 → 1.0.111

package/lib/stories/jersey.stories.js

@@ -27,6 +27,7 @@ export const Default = {
                 x: 50,
                 y: 45,
                 color: "#fff",
+                textLength: 25,
             },
         ],
         shortsColor: "#DA000C",

package/lib/types/index.d.ts

@@ -31,6 +31,7 @@ export interface DrawSoccerJerseyProps {
         fontFamily?: string;
         fontWeight?: number;
         fontStyle?: CSSProperties["fontStyle"];
+        textLength?: number;
     }[];
     images: {
         src: string;

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

@@ -150,14 +150,15 @@ 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, fontFamily, fontWeight, fontStyle, x, y, } = textItem;
+            const { text, color, size, outlineColor, backgroundColor, backgroundShape, fontFamily, fontWeight, fontStyle, textLength, x, y, } = textItem;
             const drawText = (elem) => {
-                return elem
+                const textElement = elem
                     .text(text)
                     .fill(color || "#eee")
                     .font({
                     family: fontFamily,
                     size,
+                    // fontWeight and fontStyle as the name do not work. Must be weight, style
                     weight: fontWeight,
                     style: fontStyle,
                     anchor: "middle",
@@ -165,8 +166,18 @@ export default function drawSoccerJersey({ shirtColor = "plain", shirtStyle, shi
                     .stroke({
                     color: outlineColor || color,
                     width: 0.5,
-                })
-                    .center(x, y);
+                });
+                if (textLength) {
+                    // You must apply the attributes directly to the tspan element instead of (or in addition to) the parent text element.
+                    const tspan = textElement.first();
+                    const attrs = {
+                        textLength,
+                        lengthAdjust: "spacingAndGlyphs",
+                    };
+                    if (tspan)
+                        tspan.attr(attrs);
+                }
+                return textElement.center(x, y);
             };
             if (backgroundColor) {
                 // eslint-disable-next-line new-cap

package/package.json

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