@luceosports/play-rendering 1.19.1 → 2.0.1

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

@@ -0,0 +1,23 @@
+import BaseLineMarkingLayer from './BaseLineMarkingLayer';
+import BenchAreaLayer from './BenchAreaLayer';
+import BorderRectLayer from './BorderRectLayer';
+import CenterCircleLayer from './CenterCircleLayer';
+import CenterLineLayer from './CenterLineLayer';
+import FreeThrowLayer from './FreeThrowLayer';
+import HoopLayer from './HoopLayer';
+import InnerOuterRectLayer from './InnerOuterRectLayer';
+import RestrictedAreaLayer from './RestrictedAreaLayer';
+import ThreePointLineLayer from './ThreePointLineLayer';
+
+export {
+  BaseLineMarkingLayer,
+  BenchAreaLayer,
+  BorderRectLayer,
+  CenterCircleLayer,
+  CenterLineLayer,
+  FreeThrowLayer,
+  HoopLayer,
+  InnerOuterRectLayer,
+  RestrictedAreaLayer,
+  ThreePointLineLayer
+};

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

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

package/src/layers/court/layers/FOOTBALL/courtTypes/FOOTBALL_HIGH_SCHOOL/constants.ts

@@ -0,0 +1,3 @@
+export const COURT_RECT_WIDTH = 160.0;
+export const COURT_RECT_HEIGHT = 360.0;
+export const END_ZONE_HEIGHT = 30;

package/src/layers/court/layers/{BASEBALL/layers/BorderRectLayer.js → FOOTBALL/layers/BorderRectLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class BorderRectLayer extends InternalCourtLayer {
+export default class BorderRectLayer extends InternalCourtLayer {
   drawLogic() {
     this.ctx.beginPath();
     this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 2;
@@ -8,5 +8,3 @@ class BorderRectLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = BorderRectLayer;

package/src/layers/court/layers/{SOCCER/layers/CenterLineLayer.js → FOOTBALL/layers/CenterLineLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class CenterLineLayer extends InternalCourtLayer {
+export default class CenterLineLayer extends InternalCourtLayer {
   drawLogic() {
     const courtOrigin = { x: 0.0, y: this.courtCenter.y };
     const courtTerminus = { x: this.courtTypeConstants.COURT_RECT_WIDTH, y: this.courtCenter.y };
@@ -12,5 +12,3 @@ class CenterLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = CenterLineLayer;

package/src/layers/court/layers/FOOTBALL/layers/{EndZoneLayer.js → EndZoneLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class EndZoneLayer extends InternalCourtLayer {
+export default class EndZoneLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -16,5 +16,3 @@ class EndZoneLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = EndZoneLayer;

package/src/layers/court/layers/FOOTBALL/layers/{FieldNumberLayer.js → FieldNumberLayer.ts}

@@ -1,8 +1,8 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const NUMBER_VERTICAL_OFFSET = -6;
 
-class FieldNumberLayer extends InternalCourtLayer {
+export default class FieldNumberLayer extends InternalCourtLayer {
   drawLogic() {
     const x = 20;
     const y = this.courtTypeConstants.END_ZONE_HEIGHT;
@@ -31,5 +31,3 @@ class FieldNumberLayer extends InternalCourtLayer {
     }
   }
 }
-
-module.exports = FieldNumberLayer;

package/src/layers/court/layers/FOOTBALL/layers/{HashMarkLayer.js → HashMarkLayer.ts}

@@ -1,9 +1,9 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const HASH_MARK_OFFSET_X = 3;
 const HASH_MARK_LENGTH = 3;
 
-class HashMarkLayer extends InternalCourtLayer {
+export default class HashMarkLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -38,5 +38,3 @@ class HashMarkLayer extends InternalCourtLayer {
     this.ctx.restore();
   }
 }
-
-module.exports = HashMarkLayer;

package/src/layers/court/layers/FOOTBALL/layers/{YardLineLayer.js → YardLineLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class YardLineLayer extends InternalCourtLayer {
+export default class YardLineLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -19,5 +19,3 @@ class YardLineLayer extends InternalCourtLayer {
     }
   }
 }
-
-module.exports = YardLineLayer;

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

@@ -0,0 +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 };

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

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

package/src/layers/court/layers/HOCKEY/courtTypes/HOCKEY_INTERNATIONAL/constants.ts

@@ -0,0 +1,12 @@
+export const COURT_RECT_WIDTH = 100;
+export const COURT_RECT_HEIGHT = 200;
+export const LINE_COLOR_RED = '#C8102E';
+export const LINE_COLOR_BLUE = '#0032A0';
+export const END_ZONE_LENGTH = 58;
+export const NEUTRAL_ZONE_LENGTH = 29;
+export const FACE_OFF_SPOTS_DISTANCE = 44;
+export const FACE_OFF_SPOT_RADIUS = 0.75;
+export const FACE_OFF_SPOT_CIRCLE_RADIUS = 15;
+export const GOAL_CAGE_LENGTH = 6;
+export const GOAL_CAGE_DEPTH = 3;
+export const GOAL_CREASE_ARC_RADIUS = 5.8;

package/src/layers/court/layers/HOCKEY/courtTypes/HOCKEY_INTERNATIONAL/layers/{GoaCreaseLayer.js → GoaCreaseLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
-class GoaCreaseLayer extends InternalCourtLayer {
+export default class GoaCreaseLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -33,5 +33,3 @@ class GoaCreaseLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = GoaCreaseLayer;

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

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

package/src/layers/court/layers/HOCKEY/courtTypes/HOCKEY_NHL/constants.ts

@@ -0,0 +1,12 @@
+export const COURT_RECT_WIDTH = 85;
+export const COURT_RECT_HEIGHT = 200;
+export const LINE_COLOR_RED = '#C8102E';
+export const LINE_COLOR_BLUE = '#0032A0';
+export const END_ZONE_LENGTH = 64;
+export const NEUTRAL_ZONE_LENGTH = 25;
+export const FACE_OFF_SPOTS_DISTANCE = 44;
+export const FACE_OFF_SPOT_RADIUS = 0.75;
+export const FACE_OFF_SPOT_CIRCLE_RADIUS = 15;
+export const GOAL_CAGE_LENGTH = 6;
+export const GOAL_CAGE_DEPTH = 3;
+export const GOAL_CREASE_ARC_RADIUS = 4;

package/src/layers/court/layers/HOCKEY/courtTypes/HOCKEY_NHL/layers/{GoaCreaseLayer.js → GoaCreaseLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
-class GoaCreaseLayer extends InternalCourtLayer {
+export default class GoaCreaseLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -42,5 +42,3 @@ class GoaCreaseLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = GoaCreaseLayer;

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

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

package/src/layers/court/layers/HOCKEY/layers/{BorderRinkLayer.js → BorderRinkLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class BorderRinkLayer extends InternalCourtLayer {
+export default class BorderRinkLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -49,5 +49,3 @@ class BorderRinkLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = BorderRinkLayer;

package/src/layers/court/layers/HOCKEY/layers/{CenterCircleLayer.js → CenterCircleLayer.ts}

@@ -1,8 +1,8 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const CENTER_CIRCLE_RADIUS = 15;
 
-class CenterCircleLayer extends InternalCourtLayer {
+export default class CenterCircleLayer extends InternalCourtLayer {
   drawLogic() {
     this.setColor(this.courtTypeConstants.LINE_COLOR_BLUE);
     this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 2;
@@ -12,5 +12,3 @@ class CenterCircleLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = CenterCircleLayer;

package/src/layers/court/layers/HOCKEY/layers/{CenterLineLayer.js → CenterLineLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class CenterLineLayer extends InternalCourtLayer {
+export default class CenterLineLayer extends InternalCourtLayer {
   drawLogic() {
     this.setColor(this.courtTypeConstants.LINE_COLOR_RED);
     this.ctx.setLineDash([2, 1]);
@@ -15,5 +15,3 @@ class CenterLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = CenterLineLayer;

package/src/layers/court/layers/HOCKEY/layers/{CenterSpotLayer.js → CenterSpotLayer.ts}

@@ -1,7 +1,7 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const CENTER_SPOT_RADIUS = 1;
-class CenterSpotLayer extends InternalCourtLayer {
+export default class CenterSpotLayer extends InternalCourtLayer {
   drawLogic() {
     this.setColor(this.courtTypeConstants.LINE_COLOR_BLUE);
 
@@ -10,5 +10,3 @@ class CenterSpotLayer extends InternalCourtLayer {
     this.ctx.fill();
   }
 }
-
-module.exports = CenterSpotLayer;

package/src/layers/court/layers/HOCKEY/layers/{EndZoneLayer.js → EndZoneLayer.ts}

@@ -1,8 +1,8 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const FACE_OFF_SPOT_GOAL_LINE_OFFSET = 22;
 
-class EndZoneLayer extends InternalCourtLayer {
+export default class EndZoneLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -58,5 +58,3 @@ class EndZoneLayer extends InternalCourtLayer {
     });
   }
 }
-
-module.exports = EndZoneLayer;

package/src/layers/court/layers/HOCKEY/layers/{GoalLineLayer.js → GoalLineLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class GoalLineLayer extends InternalCourtLayer {
+export default class GoalLineLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -19,5 +19,3 @@ class GoalLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = GoalLineLayer;

package/src/layers/court/layers/HOCKEY/layers/{NeutralZoneLayer.js → NeutralZoneLayer.ts}

@@ -1,8 +1,8 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const FACE_OFF_SPOT_BLUE_LINE_OFFSET = 5;
 
-class NeutralZoneLayer extends InternalCourtLayer {
+export default class NeutralZoneLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -63,5 +63,3 @@ class NeutralZoneLayer extends InternalCourtLayer {
     this.ctx.fill();
   }
 }
-
-module.exports = NeutralZoneLayer;

package/src/layers/court/layers/HOCKEY/layers/{RefereeCreaseLayer.js → RefereeCreaseLayer.ts}

@@ -1,8 +1,8 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const REFEREE_CREASE_RADIUS = 10;
 
-class RefereeCreaseLayer extends InternalCourtLayer {
+export default class RefereeCreaseLayer extends InternalCourtLayer {
   drawLogic() {
     this.setColor(this.courtTypeConstants.LINE_COLOR_RED);
     this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 2;
@@ -12,5 +12,3 @@ class RefereeCreaseLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = RefereeCreaseLayer;

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

@@ -0,0 +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
+};

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

@@ -0,0 +1,5 @@
+export const COURT_LINE_WIDTH = 0.1667;
+export const PLAYER_TOKEN_RADIUS = 1.5;
+export const PLAYER_TOKEN_SCALE = 1;
+export const LINE_WIDTH = 0.33;
+export const LINE_MASKING = true;

package/src/layers/court/layers/LACROSSE/courtTypes/LACROSSE_US_M/constants.ts

@@ -0,0 +1,4 @@
+export const COURT_RECT_WIDTH = 60;
+export const COURT_RECT_HEIGHT = 110;
+export const WING_OFFSET_X = 10;
+export const RESTRAINING_CENTER_OFFSET_Y = 20;

package/src/layers/court/layers/LACROSSE/courtTypes/LACROSSE_US_M/layers/{CenterLineLayer.js → CenterLineLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
-class CenterLineLayer extends InternalCourtLayer {
+export default class CenterLineLayer extends InternalCourtLayer {
   drawLogic() {
     const courtOrigin = { x: 0.0, y: this.courtCenter.y };
     const courtTerminus = { x: this.courtTypeConstants.COURT_RECT_WIDTH, y: this.courtCenter.y };
@@ -29,5 +29,3 @@ class CenterLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = CenterLineLayer;

package/src/layers/court/layers/LACROSSE/courtTypes/LACROSSE_US_M/layers/{GoalAreaLineLayer.js → GoalAreaLineLayer.ts}

@@ -1,10 +1,10 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
 const GOAL_LINE_WIDTH = 2;
 const GOAL_LINE_OFFSET_Y = 15;
 const GOAL_LINE_RADIUS = 3;
 
-class GoalAreaLineLayer extends InternalCourtLayer {
+export default class GoalAreaLineLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -53,5 +53,3 @@ class GoalAreaLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = GoalAreaLineLayer;

package/src/layers/court/layers/LACROSSE/courtTypes/LACROSSE_US_M/layers/{WingAreaLineLayer.js → WingAreaLineLayer.ts}

@@ -1,8 +1,8 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
 const WING_LINE_CENTER_OFFSET_Y = 10;
 
-class WingAreaLineLayer extends InternalCourtLayer {
+export default class WingAreaLineLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -39,5 +39,3 @@ class WingAreaLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = WingAreaLineLayer;

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

@@ -0,0 +1,5 @@
+import CenterLineLayer from './CenterLineLayer';
+import GoalAreaLineLayer from './GoalAreaLineLayer';
+import WingAreaLineLayer from './WingAreaLineLayer';
+
+export { CenterLineLayer, GoalAreaLineLayer, WingAreaLineLayer };

package/src/layers/court/layers/LACROSSE/courtTypes/LACROSSE_US_W/constants.ts

@@ -0,0 +1,3 @@
+export const COURT_RECT_WIDTH = 60;
+export const COURT_RECT_HEIGHT = 130;
+export const RESTRAINING_CENTER_OFFSET_Y = 20;

package/src/layers/court/layers/LACROSSE/courtTypes/LACROSSE_US_W/layers/{CenterLineLayer.js → CenterLineLayer.ts}

@@ -1,9 +1,9 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
 const CENTER_DASH_WIDTH = 3;
 const CENTER_CIRCLE_RADIUS = 10;
 
-class CenterLineLayer extends InternalCourtLayer {
+export default class CenterLineLayer extends InternalCourtLayer {
   drawLogic() {
     const centerDashOrigin = { x: this.courtCenter.x - CENTER_DASH_WIDTH / 2, y: this.courtCenter.y };
     const centerDashTerminus = { x: this.courtCenter.x + CENTER_DASH_WIDTH / 2, y: this.courtCenter.y };
@@ -19,5 +19,3 @@ class CenterLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = CenterLineLayer;

package/src/layers/court/layers/LACROSSE/courtTypes/LACROSSE_US_W/layers/{FanLineLayer.js → FanLineLayer.ts}

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
 const ARC_8M_RADIUS = 11.59;
 const ARC_12M_RADIUS = 15.97;
@@ -10,7 +10,7 @@ const GOAL_LINE_BACK_CIRCLES_RADIUS = 0.5;
 const GOAL_LINE_CAGE_LENGTH = 2;
 const HASH_MARK_LENGTH = 1;
 
-class CenterLineLayer extends InternalCourtLayer {
+export default class CenterLineLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -143,5 +143,3 @@ class CenterLineLayer extends InternalCourtLayer {
 function getArcPointForAngle(c, radius, angle) {
   return { x: c.x + Math.cos(angle) * radius, y: c.y + Math.sin(angle) * radius };
 }
-
-module.exports = CenterLineLayer;

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

@@ -0,0 +1,4 @@
+import CenterLineLayer from './CenterLineLayer';
+import FanLineLayer from './FanLineLayer';
+
+export { CenterLineLayer, FanLineLayer };

package/src/layers/court/layers/{FOOTBALL/layers/BorderRectLayer.js → LACROSSE/layers/BorderRectLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class BorderRectLayer extends InternalCourtLayer {
+export default class BorderRectLayer extends InternalCourtLayer {
   drawLogic() {
     this.ctx.beginPath();
     this.ctx.lineWidth = this.courtTypeConstants.COURT_LINE_WIDTH * 2;
@@ -8,5 +8,3 @@ class BorderRectLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = BorderRectLayer;

package/src/layers/court/layers/LACROSSE/layers/{RestrainingLineLayer.js → RestrainingLineLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class RestrainingLineLayer extends InternalCourtLayer {
+export default class RestrainingLineLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -19,5 +19,3 @@ class RestrainingLineLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = RestrainingLineLayer;

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

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

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

@@ -0,0 +1,5 @@
+export const COURT_LINE_WIDTH = 0.1667;
+export const PLAYER_TOKEN_RADIUS = 1.5;
+export const PLAYER_TOKEN_SCALE = 1;
+export const LINE_WIDTH = 0.33;
+export const LINE_MASKING = true;

package/src/layers/court/layers/SOCCER/courtTypes/SOCCER_FIFA/constants.ts

@@ -0,0 +1,7 @@
+export const COURT_RECT_WIDTH = 60;
+export const COURT_RECT_HEIGHT = 110;
+export const CENTER_CIRCLE_RADIUS = 10;
+export const PENALTY_SPOT_OFFSET_Y = 12;
+export const PENALTY_AREA = { width: 44, height: 18 };
+export const GOAL = { width: 8, height: 2.66 };
+export const GOAL_AREA = { width: 20, height: 6 };

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

@@ -0,0 +1,7 @@
+export const COURT_RECT_WIDTH = 70;
+export const COURT_RECT_HEIGHT = 115;
+export const CENTER_CIRCLE_RADIUS = 10;
+export const PENALTY_SPOT_OFFSET_Y = 12;
+export const PENALTY_AREA = { width: 44, height: 18 };
+export const GOAL = { width: 8, height: 2.66 };
+export const GOAL_AREA = { width: 20, height: 6 };

package/src/layers/court/layers/SOCCER/courtTypes/SOCCER_NCAA/layers/{CenterSpotLayer.js → CenterSpotLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
-class CenterSpotLayer extends InternalCourtLayer {
+export default class CenterSpotLayer extends InternalCourtLayer {
   drawLogic() {
     const xAsRectangle = [
       { x: this.courtCenter.x - 1, y: this.courtCenter.y - 1 },
@@ -20,5 +20,3 @@ class CenterSpotLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = CenterSpotLayer;

package/src/layers/court/layers/SOCCER/courtTypes/SOCCER_NCAA/layers/{HashMarkLayer.js → HashMarkLayer.ts}

@@ -1,9 +1,9 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
 const HASH_MARK_TOUCH_LINE_OFFSET_X = 11;
 const HASH_MARK_LENGTH = 1;
 
-class HashMarkLayer extends InternalCourtLayer {
+export default class HashMarkLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -31,5 +31,3 @@ class HashMarkLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = HashMarkLayer;

package/src/layers/court/layers/SOCCER/courtTypes/SOCCER_NCAA/layers/{PenaltySpotLayer.js → PenaltySpotLayer.ts}

@@ -1,9 +1,9 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
 const PENALTY_SPOT_OFFSET_Y = 12;
 const PENALTY_SPOT_LENGTH = 0.66;
 
-class PenaltySpotLayer extends InternalCourtLayer {
+export default class PenaltySpotLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -17,5 +17,3 @@ class PenaltySpotLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = PenaltySpotLayer;

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

@@ -0,0 +1,5 @@
+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/constants.ts

@@ -0,0 +1,7 @@
+export const COURT_RECT_WIDTH = 60;
+export const COURT_RECT_HEIGHT = 100;
+export const CENTER_CIRCLE_RADIUS = 10;
+export const PENALTY_SPOT_OFFSET_Y = 12;
+export const PENALTY_AREA = { width: 44, height: 18 };
+export const GOAL = { width: 8, height: 2.66 };
+export const GOAL_AREA = { width: 20, height: 6 };