@luceosports/play-rendering 2.0.5 → 2.0.7

package/dist/types/models/ShapeModels/line/DribbleLineShape.d.ts

@@ -1,3 +1,3 @@
-import LineShape from '../LineShape';
-export default class DribbleLineShape extends LineShape {
-}
+import LineShape from '../LineShape';
+export default class DribbleLineShape extends LineShape {
+}

package/dist/types/models/ShapeModels/line/HandoffLineShape.d.ts

@@ -1,3 +1,3 @@
-import LineShape from '../LineShape';
-export default class HandoffLineShape extends LineShape {
-}
+import LineShape from '../LineShape';
+export default class HandoffLineShape extends LineShape {
+}

package/dist/types/models/ShapeModels/line/PassLineShape.d.ts

@@ -1,3 +1,3 @@
-import LineShape from '../LineShape';
-export default class PassLineShape extends LineShape {
-}
+import LineShape from '../LineShape';
+export default class PassLineShape extends LineShape {
+}

package/dist/types/models/ShapeModels/line/ScreenLineShape.d.ts

@@ -1,3 +1,3 @@
-import LineShape from '../LineShape';
-export default class ScreenLineShape extends LineShape {
-}
+import LineShape from '../LineShape';
+export default class ScreenLineShape extends LineShape {
+}

package/dist/types/types/index.d.ts

@@ -1,138 +1,138 @@
-export type PlayerPosition = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11';
-export type DefenderPosition = 'x1' | 'x2' | 'x3' | 'x4' | 'x5' | 'x6' | 'x7' | 'x8' | 'x9' | 'x10' | 'x11';
-export type CoachPosition = 'C';
-export type Position = PlayerPosition | DefenderPosition | CoachPosition;
-export type LineType = 'PASS' | 'CUT' | 'SCREEN' | 'DRIBBLE' | 'HANDOFF' | 'SHOT';
-export type LineShapeType = 'LINE.CUT' | 'LINE.SCREEN' | 'LINE.DRIBBLE' | 'LINE.PASS' | 'LINE.HANDOFF';
-export type ShapeType = 'CIRCLE' | 'SQUARE' | 'TRIANGLE' | 'FOV' | 'XMARK' | 'STRAIGHT' | 'CONE' | LineShapeType;
-export type SportType = 'FOOTBALL' | 'BASKETBALL' | 'VOLLEYBALL' | 'LACROSSE' | 'SOCCER' | 'HOCKEY' | 'BASEBALL';
-export type CourtTypeSportBasketball = 'BIG3' | 'NBA' | 'WNBA' | 'FIBA' | 'NCAAM' | 'NCAAW' | 'US_HIGH_SCHOOL' | 'US_JUNIOR_HIGH';
-export type CourtTypeSportVolleyball = 'VOLLEYBALL_INDOOR';
-export type CourtTypeSportSoccer = 'SOCCER_FIFA' | 'SOCCER_NCAA' | 'SOCCER_NFHS' | 'SOCCER_U10' | 'SOCCER_U12' | 'SOCCER_U19';
-export type CourtTypeSportHockey = 'HOCKEY_NHL' | 'HOCKEY_INTERNATIONAL';
-export type CourtTypeSportBaseball = 'BASEBALL_HIGH_SCHOOL';
-export type CourtTypeSportLacrosse = 'LACROSSE_US_M' | 'LACROSSE_US_W';
-export type CourtTypeSportFootball = 'FOOTBALL_HIGH_SCHOOL';
-export type CourtTypeSportFootballLegacy = 'FOOTBALL';
-export type CourtType = CourtTypeSportBasketball | CourtTypeSportVolleyball | CourtTypeSportLacrosse | CourtTypeSportSoccer | CourtTypeSportHockey | CourtTypeSportBaseball | CourtTypeSportFootball | CourtTypeSportFootballLegacy;
-export type ShapeControlPoints = [CourtPoint, CourtPoint] | [CourtPoint, CourtPoint, CourtPoint] | [CourtPoint, CourtPoint, CourtPoint, CourtPoint];
-export type NoteDisplayModes = ['onCourt'] | ['playNote'] | ['onCourt', 'playNote'];
-export interface SportConstants {
-    PLAYER_TOKEN_RADIUS: number;
-    PLAYER_TOKEN_SCALE: number;
-}
-export interface CourtTypeConstants {
-    COURT_RECT_WIDTH: number;
-    COURT_RECT_HEIGHT: number;
-}
-export interface CourtPoint {
-    x: number;
-    y: number;
-}
-export interface CourtSize {
-    height: number;
-    width: number;
-}
-export interface Scale {
-    x: number;
-    y: number;
-}
-export interface LinePart {
-    controlPoints: [CourtPoint, CourtPoint] | [CourtPoint, CourtPoint, CourtPoint] | [CourtPoint, CourtPoint, CourtPoint, CourtPoint];
-}
-export interface Color {
-    red: number;
-    green: number;
-    blue: number;
-    alpha: number;
-}
-export interface CourtRect {
-    origin: CourtPoint;
-    size: CourtSize;
-}
-export interface Court {
-    type: CourtType;
-    courtRect: CourtRect;
-}
-export type PlayerAnimationType = 'POSITION';
-export interface PlayerAnimation {
-    id: string;
-    type: PlayerAnimationType;
-    keyTimes: number[];
-    lineParts: LinePart[];
-}
-export interface Player {
-    id: string;
-    possession: boolean;
-    color: Color;
-    position: Position;
-    location: CourtPoint;
-    textOverride?: string;
-    playerHatKey?: string;
-    animations: PlayerAnimation[];
-}
-export type LineAnimationType = 'LINESTROKE';
-export interface LineAnimation {
-    id: string;
-    type: LineAnimationType;
-    keyTimes: number[];
-    strokeStartValues: [number, number, number];
-}
-export interface Line {
-    id: string;
-    type: LineType;
-    phase: number;
-    playerPositionOrigin: Position;
-    playerPositionTerminus: Position | null;
-    playerLineSequence: number;
-    lineParts: LinePart[];
-    color: Color;
-    hideLineTip?: boolean;
-    animations: LineAnimation[];
-}
-export interface Shape {
-    id: string;
-    type: ShapeType;
-    location: CourtPoint;
-    color: Color;
-    scale: Scale;
-    angle?: number;
-    showBorder?: boolean;
-    linePart?: LinePart;
-}
-export interface Note {
-    id: string;
-    location: CourtPoint;
-    displayModes: NoteDisplayModes;
-    text: string;
-    animations: NoteAnimation[];
-    font: NoteFont;
-    color: Color;
-    showBorder: boolean;
-}
-export interface NoteAnimation {
-    id: string;
-    keyTimes: number[];
-}
-export interface NoteFont {
-    bold: boolean;
-    italic: boolean;
-    underline: boolean;
-    strikethrough: boolean;
-    fontSize: number;
-}
-export interface PlayConstructData {
-    id?: string;
-    lastUpdtTS?: string;
-    name: string;
-    playData: PlayData;
-}
-export interface PlayData {
-    animationDuration: number;
-    sport: SportType;
-    court: Court;
-    players: Player[];
-    lines: Line[];
-    shapes?: Shape[];
-    notes?: Note[];
+export type PlayerPosition = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11';
+export type DefenderPosition = 'x1' | 'x2' | 'x3' | 'x4' | 'x5' | 'x6' | 'x7' | 'x8' | 'x9' | 'x10' | 'x11';
+export type CoachPosition = 'C';
+export type Position = PlayerPosition | DefenderPosition | CoachPosition;
+export type LineType = 'PASS' | 'CUT' | 'SCREEN' | 'DRIBBLE' | 'HANDOFF' | 'SHOT';
+export type LineShapeType = 'LINE.CUT' | 'LINE.SCREEN' | 'LINE.DRIBBLE' | 'LINE.PASS' | 'LINE.HANDOFF';
+export type ShapeType = 'CIRCLE' | 'SQUARE' | 'TRIANGLE' | 'FOV' | 'XMARK' | 'STRAIGHT' | 'CONE' | LineShapeType;
+export type SportType = 'FOOTBALL' | 'BASKETBALL' | 'VOLLEYBALL' | 'LACROSSE' | 'SOCCER' | 'HOCKEY' | 'BASEBALL';
+export type CourtTypeSportBasketball = 'BIG3' | 'NBA' | 'WNBA' | 'FIBA' | 'NCAAM' | 'NCAAW' | 'US_HIGH_SCHOOL' | 'US_JUNIOR_HIGH';
+export type CourtTypeSportVolleyball = 'VOLLEYBALL_INDOOR';
+export type CourtTypeSportSoccer = 'SOCCER_FIFA' | 'SOCCER_NCAA' | 'SOCCER_NFHS' | 'SOCCER_U10' | 'SOCCER_U12' | 'SOCCER_U19';
+export type CourtTypeSportHockey = 'HOCKEY_NHL' | 'HOCKEY_INTERNATIONAL';
+export type CourtTypeSportBaseball = 'BASEBALL_HIGH_SCHOOL';
+export type CourtTypeSportLacrosse = 'LACROSSE_US_M' | 'LACROSSE_US_W';
+export type CourtTypeSportFootball = 'FOOTBALL_HIGH_SCHOOL';
+export type CourtTypeSportFootballLegacy = 'FOOTBALL';
+export type CourtType = CourtTypeSportBasketball | CourtTypeSportVolleyball | CourtTypeSportLacrosse | CourtTypeSportSoccer | CourtTypeSportHockey | CourtTypeSportBaseball | CourtTypeSportFootball | CourtTypeSportFootballLegacy;
+export type ShapeControlPoints = [CourtPoint, CourtPoint] | [CourtPoint, CourtPoint, CourtPoint] | [CourtPoint, CourtPoint, CourtPoint, CourtPoint];
+export type NoteDisplayModes = ['onCourt'] | ['playNote'] | ['onCourt', 'playNote'];
+export interface SportConstants {
+    PLAYER_TOKEN_RADIUS: number;
+    PLAYER_TOKEN_SCALE: number;
+}
+export interface CourtTypeConstants {
+    COURT_RECT_WIDTH: number;
+    COURT_RECT_HEIGHT: number;
+}
+export interface CourtPoint {
+    x: number;
+    y: number;
+}
+export interface CourtSize {
+    height: number;
+    width: number;
+}
+export interface Scale {
+    x: number;
+    y: number;
+}
+export interface LinePart {
+    controlPoints: [CourtPoint, CourtPoint] | [CourtPoint, CourtPoint, CourtPoint] | [CourtPoint, CourtPoint, CourtPoint, CourtPoint];
+}
+export interface Color {
+    red: number;
+    green: number;
+    blue: number;
+    alpha: number;
+}
+export interface CourtRect {
+    origin: CourtPoint;
+    size: CourtSize;
+}
+export interface Court {
+    type: CourtType;
+    courtRect: CourtRect;
+}
+export type PlayerAnimationType = 'POSITION';
+export interface PlayerAnimation {
+    id: string;
+    type: PlayerAnimationType;
+    keyTimes: number[];
+    lineParts: LinePart[];
+}
+export interface Player {
+    id: string;
+    possession: boolean;
+    color: Color;
+    position: Position;
+    location: CourtPoint;
+    textOverride?: string;
+    playerHatKey?: string;
+    animations: PlayerAnimation[];
+}
+export type LineAnimationType = 'LINESTROKE';
+export interface LineAnimation {
+    id: string;
+    type: LineAnimationType;
+    keyTimes: number[];
+    strokeStartValues: [number, number, number];
+}
+export interface Line {
+    id: string;
+    type: LineType;
+    phase: number;
+    playerPositionOrigin: Position;
+    playerPositionTerminus: Position | null;
+    playerLineSequence: number;
+    lineParts: LinePart[];
+    color: Color;
+    hideLineTip?: boolean;
+    animations: LineAnimation[];
+}
+export interface Shape {
+    id: string;
+    type: ShapeType;
+    location: CourtPoint;
+    color: Color;
+    scale: Scale;
+    angle?: number;
+    showBorder?: boolean;
+    linePart?: LinePart;
+}
+export interface Note {
+    id: string;
+    location: CourtPoint;
+    displayModes: NoteDisplayModes;
+    text: string;
+    animations: NoteAnimation[];
+    font: NoteFont;
+    color: Color;
+    showBorder: boolean;
+}
+export interface NoteAnimation {
+    id: string;
+    keyTimes: number[];
+}
+export interface NoteFont {
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strikethrough: boolean;
+    fontSize: number;
+}
+export interface PlayConstructData {
+    id?: string;
+    lastUpdtTS?: string;
+    name: string;
+    playData: PlayData;
+}
+export interface PlayData {
+    animationDuration: number;
+    sport: SportType;
+    court: Court;
+    players: Player[];
+    lines: Line[];
+    shapes?: Shape[];
+    notes?: Note[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luceosports/play-rendering",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "main": "dist/play-rendering.js",
   "types": "dist/play-rendering.d.ts",
   "scripts": {
@@ -21,14 +21,13 @@
   },
   "devDependencies": {
     "@babel/core": "^7.18.6",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-transform-class-properties": "^7.24.7",
     "@babel/plugin-transform-runtime": "^7.9.0",
     "@babel/preset-env": "^7.9.0",
     "@babel/preset-typescript": "^7.24.6",
     "@commitlint/cli": "^13.2.0",
     "@commitlint/config-angular": "^13.2.0",
     "@types/lodash": "^4.17.4",
-    "@types/mathjs": "^9.4.2",
     "@types/node": "^20.12.12",
     "@typescript-eslint/eslint-plugin": "^7.11.0",
     "@typescript-eslint/parser": "^7.11.0",

package/src/layers/PlayerLayer.ts

@@ -90,12 +90,8 @@ export default class PlayerLayer extends BaseLayer {
 
   drawPlayerPuck(player: PlayerModel) {
     const { x, y } = player.location;
-    const radius =
-      this.staticData.playerHeadshots && this.options.labelsOverrideType === 'Headshot'
-        ? this.radius + this.courtTypeConstants.LINE_WIDTH / 2
-        : this.radius;
     this.ctx.beginPath();
-    this.ctx.arc(x, y, radius, 0, Math.PI * 2, true);
+    this.ctx.arc(x, y, this.radius, 0, Math.PI * 2, true);
     if (this.options.legacyPrintStyle) {
       if (player.possession) this.ctx.stroke();
       return;
@@ -115,6 +111,7 @@ export default class PlayerLayer extends BaseLayer {
       this.ctx.translate(x, y);
 
       if (headshotImage) {
+        this.ctx.save();
         const imageVertical = headshotImage.image.width < headshotImage.image.height;
         const imageHorizontal = headshotImage.image.height < headshotImage.image.width;
 
@@ -138,6 +135,7 @@ export default class PlayerLayer extends BaseLayer {
         this.ctx.arc(0, 0, this.radius, 0, Math.PI * 2, true);
         this.ctx.clip();
         this.ctx.drawImage(headshotImage.image, topLeftX, topLeftY, dw, dh);
+        this.ctx.restore();
       }
 
       this.ctx.beginPath();

package/src/layers/court/layers/BASEBALL/constants.ts

@@ -1,5 +1,5 @@
 export const COURT_LINE_WIDTH = 0.1667;
 export const PLAYER_TOKEN_RADIUS = 1.5;
-export const PLAYER_TOKEN_SCALE = 2;
+export const PLAYER_TOKEN_SCALE = 2.4;
 export const LINE_WIDTH = 0.55;
 export const LINE_MASKING = false;

package/src/layers/court/layers/BASEBALL/courtTypes/BASEBALL_HIGH_SCHOOL/constants.ts

@@ -1,5 +1,5 @@
-export const COURT_RECT_WIDTH = 460;
-export const COURT_RECT_HEIGHT = 290;
+export const COURT_RECT_WIDTH = 480;
+export const COURT_RECT_HEIGHT = 460;
 export const COURT_DIRT_COLOR = '#C49463';
 
 export const HOME_PLATE_APEX_TO_PITCHERS_PLATE_FRONT = 60.5;
@@ -28,7 +28,8 @@ export const PITCHING_MOUND_DIA = 18;
 
 export const PITCHERS_PLATE_GRASS_LINE_RAD = 95;
 
-export const FOUL_LINE_LENGTH = 325;
+export const HOME_RUN_FENCE_CENTER_DISTANCE = 390;
+export const FOUL_LINE_LENGTH = 330;
 export const BASE_LINE_LENGTH = 90;
-export const BASE_SQUARE_SIDE_LENGTH = 1.25;
+export const BASE_SQUARE_SIDE_LENGTH = 2.5;
 export const BASE_DIRT_RAD = 13;

package/src/layers/court/layers/BASEBALL/courtTypes/BASEBALL_HIGH_SCHOOL/layers/BaseLineLayer.ts

@@ -1,6 +1,13 @@
 import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
-import { BASE_LINE_LENGTH, BASE_SQUARE_SIDE_LENGTH, FOUL_LINE_LENGTH, HOME_PLATE_APEX_TO_BACKSTOP } from '../constants';
+import {
+  BASE_LINE_LENGTH,
+  BASE_SQUARE_SIDE_LENGTH,
+  FOUL_LINE_LENGTH,
+  HOME_PLATE_APEX_TO_BACKSTOP,
+  HOME_RUN_FENCE_CENTER_DISTANCE,
+  PITCHERS_PLATE_GRASS_LINE_RAD
+} from '../constants';
 
 export default class BaseLineLayer extends InternalCourtLayer {
   original() {
@@ -14,7 +21,7 @@ export default class BaseLineLayer extends InternalCourtLayer {
   drawLogic() {
     const homePlateApex = { x: this.courtCenter.x, y: HOME_PLATE_APEX_TO_BACKSTOP };
 
-    this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 2;
+    this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 3;
 
     this.ctx.save();
     this.ctx.translate(homePlateApex.x, homePlateApex.y);
@@ -26,16 +33,18 @@ export default class BaseLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
     this.drawBaseSquare(BASE_LINE_LENGTH, 0);
 
-    this.ctx.beginPath();
-    this.ctx.moveTo(BASE_LINE_LENGTH, 0);
-    this.ctx.lineTo(BASE_LINE_LENGTH, BASE_LINE_LENGTH);
-    this.ctx.stroke();
+    // line between 1st & 2nd bases
+    // this.ctx.beginPath();
+    // this.ctx.moveTo(BASE_LINE_LENGTH, 0);
+    // this.ctx.lineTo(BASE_LINE_LENGTH, BASE_LINE_LENGTH);
+    // this.ctx.stroke();
     this.drawBaseSquare(BASE_LINE_LENGTH + BASE_SQUARE_SIDE_LENGTH / 2, BASE_LINE_LENGTH - BASE_SQUARE_SIDE_LENGTH / 2);
 
-    this.ctx.beginPath();
-    this.ctx.moveTo(BASE_LINE_LENGTH, BASE_LINE_LENGTH);
-    this.ctx.lineTo(0, BASE_LINE_LENGTH);
-    this.ctx.stroke();
+    // line between 2st & 3nd bases
+    // this.ctx.beginPath();
+    // this.ctx.moveTo(BASE_LINE_LENGTH, BASE_LINE_LENGTH);
+    // this.ctx.lineTo(0, BASE_LINE_LENGTH);
+    // this.ctx.stroke();
     this.drawBaseSquare(BASE_SQUARE_SIDE_LENGTH, BASE_LINE_LENGTH - BASE_SQUARE_SIDE_LENGTH);
 
     this.ctx.beginPath();
@@ -54,6 +63,23 @@ export default class BaseLineLayer extends InternalCourtLayer {
       this.ctx.stroke();
       this.ctx.restore();
     });
+
+    // Home run arc
+    const homeRunArcCenterOffsetY = 138;
+    const homeRunArcStartAngle = Math.PI / 8.1;
+    const homeRunArcEndAngle = Math.PI - Math.PI / 8.1;
+    this.ctx.save();
+    this.ctx.beginPath();
+    this.ctx.arc(
+      homePlateApex.x,
+      homePlateApex.y + homeRunArcCenterOffsetY,
+      HOME_RUN_FENCE_CENTER_DISTANCE - homeRunArcCenterOffsetY,
+      homeRunArcStartAngle,
+      homeRunArcEndAngle,
+      false
+    );
+    this.ctx.stroke();
+    this.ctx.restore();
   }
 
   drawBaseSquare(x: number, y: number) {

package/src/layers/court/layers/BASEBALL/courtTypes/BASEBALL_HIGH_SCHOOL/layers/HomePlateLayer.ts

@@ -43,26 +43,42 @@ export default class HomePlateLayer extends InternalCourtLayer {
     this.ctx.stroke();
     this.ctx.fill();
 
+    // // 2. Batters Box
+    // [-1, 1].forEach(sideIndex => {
+    //   this.ctx.save();
+    //   this.ctx.translate(homePlateApex.x, homePlateApex.y + HOME_PLATE_SIDE / 2);
+    //   this.ctx.beginPath();
+    //   const battersBoxClosestX = HOME_PLATE_SIDE / 2 + HOME_PLATE_SIDE_TO_BATTERS_BOX;
+    //   this.ctx.moveTo(sideIndex * battersBoxClosestX, 0);
+    //   this.ctx.lineTo(sideIndex * battersBoxClosestX, BATTERS_BOX_HEIGHT / 2);
+    //   this.ctx.lineTo(sideIndex * (battersBoxClosestX + BATTERS_BOX_WIDTH), BATTERS_BOX_HEIGHT / 2);
+    //   this.ctx.lineTo(sideIndex * (battersBoxClosestX + BATTERS_BOX_WIDTH), -BATTERS_BOX_HEIGHT / 2);
+    //   this.ctx.lineTo(sideIndex * battersBoxClosestX, -BATTERS_BOX_HEIGHT / 2);
+    //   this.ctx.lineTo(sideIndex * battersBoxClosestX, 0);
+    //   this.ctx.stroke();
+    //   this.ctx.restore();
+    // });
+
     // 2. Batters Box
     [-1, 1].forEach(sideIndex => {
       this.ctx.save();
       this.ctx.translate(homePlateApex.x, homePlateApex.y + HOME_PLATE_SIDE / 2);
       this.ctx.beginPath();
-
       const battersBoxClosestX = HOME_PLATE_SIDE / 2 + HOME_PLATE_SIDE_TO_BATTERS_BOX;
-
       this.ctx.moveTo(sideIndex * battersBoxClosestX, 0);
-      this.ctx.lineTo(sideIndex * battersBoxClosestX, BATTERS_BOX_HEIGHT / 2);
-      this.ctx.lineTo(sideIndex * (battersBoxClosestX + BATTERS_BOX_WIDTH), BATTERS_BOX_HEIGHT / 2);
-      this.ctx.lineTo(sideIndex * (battersBoxClosestX + BATTERS_BOX_WIDTH), -BATTERS_BOX_HEIGHT / 2);
-      this.ctx.lineTo(sideIndex * battersBoxClosestX, -BATTERS_BOX_HEIGHT / 2);
+      this.ctx.lineTo(sideIndex * battersBoxClosestX, HOME_PLATE_SIDE / 2);
+      this.ctx.lineTo(sideIndex * (battersBoxClosestX + BATTERS_BOX_WIDTH), HOME_PLATE_SIDE / 2);
+      this.ctx.lineTo(sideIndex * (battersBoxClosestX + BATTERS_BOX_WIDTH), HOME_PLATE_SIDE / 2 - BATTERS_BOX_HEIGHT);
+      this.ctx.lineTo(sideIndex * battersBoxClosestX, HOME_PLATE_SIDE / 2 - BATTERS_BOX_HEIGHT);
+      this.ctx.lineTo(sideIndex * battersBoxClosestX, 0);
       this.ctx.lineTo(sideIndex * battersBoxClosestX, 0);
       this.ctx.stroke();
       this.ctx.restore();
     });
 
     // 3. Catchers box
-    const battersBoxNearestY = homePlateApex.y + HOME_PLATE_SIDE / 2 - BATTERS_BOX_HEIGHT / 2;
+    // const battersBoxNearestY = homePlateApex.y + HOME_PLATE_SIDE / 2 - BATTERS_BOX_HEIGHT / 2;
+    const battersBoxNearestY = homePlateApex.y + HOME_PLATE_SIDE / 2 - BATTERS_BOX_HEIGHT + HOME_PLATE_SIDE / 2;
     [-1, 1].forEach(sideIndex => {
       this.ctx.save();
       this.ctx.translate(this.courtCenter.x, battersBoxNearestY - BATTERS_BOX_TO_CATCHERS_BACK_LINE);

package/src/layers/court/layers/BASEBALL/courtTypes/BASEBALL_HIGH_SCHOOL/layers/index.ts

@@ -1,6 +1,6 @@
-import ADirtLayer from './ADirtLayer';
-import BaseLineLayer from './BaseLineLayer';
-import HomePlateLayer from './HomePlateLayer';
-import PitchingMoundLayer from './PitchingMoundLayer';
-
-export { ADirtLayer, BaseLineLayer, HomePlateLayer, PitchingMoundLayer };
+import ADirtLayer from './ADirtLayer';
+import BaseLineLayer from './BaseLineLayer';
+import HomePlateLayer from './HomePlateLayer';
+import PitchingMoundLayer from './PitchingMoundLayer';
+
+export { ADirtLayer, BaseLineLayer, HomePlateLayer, PitchingMoundLayer };

package/src/layers/court/layers/BASEBALL/layers/index.ts

@@ -1,3 +1,3 @@
-import BorderRectLayer from './BorderRectLayer';
-
-export { BorderRectLayer };
+import BorderRectLayer from './BorderRectLayer';
+
+export { BorderRectLayer };

package/src/layers/court/layers/FOOTBALL/layers/index.ts

@@ -1,8 +1,8 @@
-import BorderRectLayer from './BorderRectLayer';
-import CenterLineLayer from './CenterLineLayer';
-import EndZoneLayer from './EndZoneLayer';
-import FieldNumberLayer from './FieldNumberLayer';
-import HashMarkLayer from './HashMarkLayer';
-import YardLineLayer from './YardLineLayer';
-
-export { BorderRectLayer, CenterLineLayer, EndZoneLayer, FieldNumberLayer, HashMarkLayer, YardLineLayer };
+import BorderRectLayer from './BorderRectLayer';
+import CenterLineLayer from './CenterLineLayer';
+import EndZoneLayer from './EndZoneLayer';
+import FieldNumberLayer from './FieldNumberLayer';
+import HashMarkLayer from './HashMarkLayer';
+import YardLineLayer from './YardLineLayer';
+
+export { BorderRectLayer, CenterLineLayer, EndZoneLayer, FieldNumberLayer, HashMarkLayer, YardLineLayer };

package/src/layers/court/layers/HOCKEY/layers/index.ts

@@ -1,19 +1,19 @@
-import BorderRinkLayer from './BorderRinkLayer';
-import CenterCircleLayer from './CenterCircleLayer';
-import CenterLineLayer from './CenterLineLayer';
-import CenterSpotLayer from './CenterSpotLayer';
-import EndZoneLayer from './EndZoneLayer';
-import GoalLineLayer from './GoalLineLayer';
-import NeutralZoneLayer from './NeutralZoneLayer';
-import RefereeCreaseLayer from './RefereeCreaseLayer';
-
-export {
-  BorderRinkLayer,
-  CenterCircleLayer,
-  CenterLineLayer,
-  CenterSpotLayer,
-  EndZoneLayer,
-  GoalLineLayer,
-  NeutralZoneLayer,
-  RefereeCreaseLayer
-};
+import BorderRinkLayer from './BorderRinkLayer';
+import CenterCircleLayer from './CenterCircleLayer';
+import CenterLineLayer from './CenterLineLayer';
+import CenterSpotLayer from './CenterSpotLayer';
+import EndZoneLayer from './EndZoneLayer';
+import GoalLineLayer from './GoalLineLayer';
+import NeutralZoneLayer from './NeutralZoneLayer';
+import RefereeCreaseLayer from './RefereeCreaseLayer';
+
+export {
+  BorderRinkLayer,
+  CenterCircleLayer,
+  CenterLineLayer,
+  CenterSpotLayer,
+  EndZoneLayer,
+  GoalLineLayer,
+  NeutralZoneLayer,
+  RefereeCreaseLayer
+};

package/src/layers/court/layers/LACROSSE/layers/index.ts

@@ -1,4 +1,4 @@
-import BorderRectLayer from './BorderRectLayer';
-import RestrainingLineLayer from './RestrainingLineLayer';
-
-export { BorderRectLayer, RestrainingLineLayer };
+import BorderRectLayer from './BorderRectLayer';
+import RestrainingLineLayer from './RestrainingLineLayer';
+
+export { BorderRectLayer, RestrainingLineLayer };

package/src/layers/court/layers/SOCCER/courtTypes/SOCCER_NCAA/layers/index.ts

@@ -1,5 +1,5 @@
-import CenterSpotLayer from './CenterSpotLayer';
-import HashMarkLayer from './HashMarkLayer';
-import PenaltySpotLayer from './PenaltySpotLayer';
-
-export { CenterSpotLayer, HashMarkLayer, PenaltySpotLayer };
+import CenterSpotLayer from './CenterSpotLayer';
+import HashMarkLayer from './HashMarkLayer';
+import PenaltySpotLayer from './PenaltySpotLayer';
+
+export { CenterSpotLayer, HashMarkLayer, PenaltySpotLayer };

package/src/layers/court/layers/SOCCER/courtTypes/SOCCER_NFHS/layers/index.ts

@@ -1,4 +1,4 @@
-import HashMarkLayer from './HashMarkLayer';
-import PenaltySpotLayer from './PenaltySpotLayer';
-
-export { HashMarkLayer, PenaltySpotLayer };
+import HashMarkLayer from './HashMarkLayer';
+import PenaltySpotLayer from './PenaltySpotLayer';
+
+export { HashMarkLayer, PenaltySpotLayer };

package/src/layers/court/layers/SOCCER/courtTypes/SOCCER_U10/layers/index.ts

@@ -1,4 +1,4 @@
-import BuildOutLineLayer from './BuildOutLineLayer';
-import PenaltyArcLayer from './PenaltyArcLayer';
-
-export { BuildOutLineLayer, PenaltyArcLayer };
+import BuildOutLineLayer from './BuildOutLineLayer';
+import PenaltyArcLayer from './PenaltyArcLayer';
+
+export { BuildOutLineLayer, PenaltyArcLayer };

package/src/layers/court/layers/SOCCER/courtTypes/SOCCER_U12/layers/index.ts

@@ -1,3 +1,3 @@
-import PenaltyArcLayer from './PenaltyArcLayer';
-
-export { PenaltyArcLayer };
+import PenaltyArcLayer from './PenaltyArcLayer';
+
+export { PenaltyArcLayer };