soccer-jersey-fork 1.0.48 → 1.0.49

package/lib/patterns/patterns.d.ts

@@ -17,3 +17,4 @@ export declare const drawSingleBand: (page: Svg, primaryColor: string, secondary
 export declare const drawWaves: (page: Svg, primaryColor: string, secondaryColor: string, waveStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
 export declare const drawDashes: (page: Svg, primaryColor: string, secondaryColor: string, dashDirection: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
 export declare const drawShortsSideStriped: (page: Svg, primaryColor: string, secondaryColor: string) => import("@svgdotjs/svg.js").Pattern;
+export declare function addShoulderStriped(page: Svg, color: string): void;

package/lib/patterns/patterns.js

@@ -246,13 +246,6 @@ export const drawDashes = (page, primaryColor, secondaryColor, dashDirection) =>
             });
     }
 };
-// export const drawShortsSideStriped = (page: Svg, color: string) => {
-//   const shortsStripedLeft = `m 26 101 q 1 2 -1 38`;
-//   const shortsStripedRight = `m 77 101 q -1 2 1 38`;
-//   page.path(shortsStripedLeft).stroke({ width: 2, color, linecap: "square" });
-//   page.path(shortsStripedRight).stroke({ width: 2, color, linecap: "square" });
-//   return page;
-// };
 export const drawShortsSideStriped = (page, primaryColor, secondaryColor) => {
     return page.pattern(53, 50, function (add) {
         add.rect(53, 50).fill(primaryColor);
@@ -260,3 +253,7 @@ export const drawShortsSideStriped = (page, primaryColor, secondaryColor) => {
         add.rect(1, 40).radius(1, 1).fill(secondaryColor).move(24.5, 0);
     });
 };
+export function addShoulderStriped(page, color) {
+    page.path(`m 17 10, l 18 -9`).stroke({ width: 2, color, linecap: "butt" });
+    page.path(`m 83 10, l -18 -9`).stroke({ width: 2, color, linecap: "butt" });
+}

package/lib/stories/ReactTeamPage.stories.js

@@ -20,7 +20,9 @@ export const Default = {
         shortsColor: "black",
         image: "https://resources.simcups.com/flags/w80/264.png",
         shortsStyle: "sideStriped",
-        // shortsCuffColor: "#6e6dd2",
+        shortsCuffColor: "#6e6dd2",
+        shoulderStyle: "striped",
+        shoulderStyleColor: "red",
     },
 };
 export const ARS = {

package/lib/types/index.d.ts

@@ -26,9 +26,12 @@ export interface DrawSoccerJerseyProps {
     shortsStyle: ShortsStyle;
     shortsStyleColor?: string;
     shortsCuffColor?: string;
+    shoulderStyle: ShoulderStyle;
+    shoulderStyleColor?: string;
     withBadge?: boolean;
     withShorts?: boolean;
 }
 export type ShirtStyleDirection = "diagonalRight" | "diagonalLeft" | "horizontal" | "vertical";
 export type ShirtStyle = "plain" | "twoColors" | "striped" | "stripedThin" | "stripedThick" | "sideStriped" | "waves" | "checkered" | "hoops" | "singleBand" | "dashed";
+export type ShoulderStyle = "plain" | "striped";
 export type ShortsStyle = "plain" | "sideStriped";

package/lib/utils/draw-soccer-jersey.d.ts

@@ -26,4 +26,4 @@ import { DrawSoccerJerseyProps } from "../types";
  * @return {string} A data URL ready for direct use as src attribute
  *  on <img />
  */
-export default function drawSoccerJersey({ shirtText, textColor, textOutlineColor, textBackgroundColor, shirtColor, sleeveColor, shirtStyle, shirtStyleColor, shirtStyleDirection, isBack, shirtWidth, collarColor, sleeveCuffColor, shortsColor, shortsCuffColor, shortsStyle, shortsStyleColor, image, imageHeight, imageWidth, imageX, imageY, withBadge, withShorts, }: DrawSoccerJerseyProps): string;
+export default function drawSoccerJersey({ shirtText, textColor, textOutlineColor, textBackgroundColor, shirtColor, sleeveColor, shirtStyle, shirtStyleColor, shirtStyleDirection, isBack, shirtWidth, collarColor, shoulderStyleColor, shoulderStyle, sleeveCuffColor, shortsColor, shortsCuffColor, shortsStyle, shortsStyleColor, image, imageHeight, imageWidth, imageX, imageY, withBadge, withShorts, }: DrawSoccerJerseyProps): string;

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

@@ -7,7 +7,7 @@
 /* eslint-disable max-len */
 import { SVG } from "@svgdotjs/svg.js";
 import lightenDarkenColor from "./lighten-darken-color";
-import { drawHoops, drawSingleBand, drawStriped, drawCheckered, drawTwoColors, drawWaves, drawDashes, drawShortsSideStriped, drawShirtSideStriped, } from "../patterns/patterns";
+import { drawHoops, drawSingleBand, drawStriped, drawCheckered, drawTwoColors, drawWaves, drawDashes, drawShortsSideStriped, drawShirtSideStriped, addShoulderStriped, } from "../patterns/patterns";
 /**
  * @param {object} specs Specifications of the soccer jersey.
  * @param {string} specs.shirtText The text to be displayed on the shirt.
@@ -35,7 +35,7 @@ import { drawHoops, drawSingleBand, drawStriped, drawCheckered, drawTwoColors, d
  * @return {string} A data URL ready for direct use as src attribute
  *  on <img />
  */
-export default function drawSoccerJersey({ shirtText, textColor, textOutlineColor, textBackgroundColor, shirtColor = "plain", sleeveColor, shirtStyle, shirtStyleColor, shirtStyleDirection, isBack = false, shirtWidth = 200, collarColor, sleeveCuffColor, shortsColor, shortsCuffColor, shortsStyle, shortsStyleColor, image, imageHeight, imageWidth, imageX, imageY, withBadge, withShorts = true, }) {
+export default function drawSoccerJersey({ shirtText, textColor, textOutlineColor, textBackgroundColor, shirtColor = "plain", sleeveColor, shirtStyle, shirtStyleColor, shirtStyleDirection, isBack = false, shirtWidth = 200, collarColor, shoulderStyleColor, shoulderStyle, sleeveCuffColor, shortsColor, shortsCuffColor, shortsStyle, shortsStyleColor, image, imageHeight, imageWidth, imageX, imageY, withBadge, withShorts = true, }) {
     // Colors and Color Optimizations
     const optimizedSleeveColor = lightenDarkenColor(sleeveColor, -10);
     const optimizedShirtColor = lightenDarkenColor(shirtColor, -10);
@@ -180,6 +180,13 @@ export default function drawSoccerJersey({ shirtText, textColor, textOutlineColo
         }
         drawText(page);
     }
+    if (shoulderStyle) {
+        switch (shortsStyle) {
+            case "sideStriped": {
+                addShoulderStriped(page, shoulderStyleColor || "red");
+            }
+        }
+    }
     const shortsHeight = withShorts ? 40 : 0;
     if (withShorts) {
         const pathShorts = `m 23 98 c 5 6, 50 6, 56 0 l 2 ${shortsHeight} c 0 5, -27 5, -27.5 0 l -2 -10, -2 10, c 0 5, -27 5, -27.5 0 l 1 -${shortsHeight}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soccer-jersey-fork",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "description": "Generate soccer jerseys in SVG format",
   "main": "lib/index.js",
   "scripts": {