@luceosports/play-rendering 1.19.1 → 2.0.0

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

@@ -0,0 +1,34 @@
+export const COURT_RECT_WIDTH = 460;
+export const COURT_RECT_HEIGHT = 290;
+export const COURT_DIRT_COLOR = '#C49463';
+
+export const HOME_PLATE_APEX_TO_PITCHERS_PLATE_FRONT = 60.5;
+export const HOME_PLATE_APEX_TO_SECOND_BASE_APEX = 127.28125;
+export const HOME_PLATE_APEX_TO_BACKSTOP = 60;
+export const HOME_PLATE_SIDE = 1.41667;
+export const HOME_PLATE_CIRCLE_DIA = 26;
+
+export const HOME_PLATE_SIDE_TO_BATTERS_BOX = 0.5;
+export const BATTERS_BOX_WIDTH = 4;
+export const BATTERS_BOX_HEIGHT = 6;
+export const BATTERS_BOX_TO_CATCHERS_BACK_LINE = 5;
+
+export const CATCHERS_BACK_LINE_LENGTH = 3.58333;
+export const ON_DECK_CIRCLE_DIA = 5;
+export const ON_DECK_CIRCLE_DISTANCE_FROM_CENTER = 37;
+
+export const COACH_BOX_TO_BASE_LINE = 15;
+export const COACH_BOX_WIDTH = 20;
+export const COACH_BOX_HEIGHT = 5;
+
+export const PITCHERS_PLATE_WIDTH = 2;
+export const PITCHERS_PLATE_HEIGHT = 0.5;
+export const PITCHERS_PLATE_TO_PITCHING_MOUND_CENTER = 1.5;
+export const PITCHING_MOUND_DIA = 18;
+
+export const PITCHERS_PLATE_GRASS_LINE_RAD = 95;
+
+export const FOUL_LINE_LENGTH = 325;
+export const BASE_LINE_LENGTH = 90;
+export const BASE_SQUARE_SIDE_LENGTH = 1.25;
+export const BASE_DIRT_RAD = 13;

package/src/layers/court/layers/BASEBALL/courtTypes/BASEBALL_HIGH_SCHOOL/layers/{ADirtLayer.js → ADirtLayer.ts}

@@ -1,17 +1,18 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
-const {
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+
+import {
+  BASE_DIRT_RAD,
+  BASE_LINE_LENGTH,
+  COURT_DIRT_COLOR,
   HOME_PLATE_APEX_TO_BACKSTOP,
   HOME_PLATE_APEX_TO_PITCHERS_PLATE_FRONT,
-  COURT_DIRT_COLOR,
-  PITCHERS_PLATE_TO_PITCHING_MOUND_CENTER,
-  PITCHING_MOUND_DIA,
-  PITCHERS_PLATE_GRASS_LINE_RAD,
-  BASE_LINE_LENGTH,
   HOME_PLATE_CIRCLE_DIA,
-  BASE_DIRT_RAD
-} = require('../constants');
+  PITCHERS_PLATE_GRASS_LINE_RAD,
+  PITCHERS_PLATE_TO_PITCHING_MOUND_CENTER,
+  PITCHING_MOUND_DIA
+} from '../constants';
 
-class ADirtLayer extends InternalCourtLayer {
+export default class ADirtLayer extends InternalCourtLayer {
   original() {
     return false;
   }
@@ -121,5 +122,3 @@ class ADirtLayer extends InternalCourtLayer {
 function getArcPointForAngle(c, radius, angle) {
   return { x: c.x + Math.cos(angle) * radius, y: c.y + Math.sin(angle) * radius };
 }
-
-module.exports = ADirtLayer;

package/src/layers/court/layers/BASEBALL/courtTypes/BASEBALL_HIGH_SCHOOL/layers/{BaseLineLayer.js → BaseLineLayer.ts}

@@ -1,12 +1,8 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
-const {
-  HOME_PLATE_APEX_TO_BACKSTOP,
-  BASE_LINE_LENGTH,
-  BASE_SQUARE_SIDE_LENGTH,
-  FOUL_LINE_LENGTH
-} = require('../constants');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
-class BaseLineLayer extends InternalCourtLayer {
+import { BASE_LINE_LENGTH, BASE_SQUARE_SIDE_LENGTH, FOUL_LINE_LENGTH, HOME_PLATE_APEX_TO_BACKSTOP } from '../constants';
+
+export default class BaseLineLayer extends InternalCourtLayer {
   original() {
     return false;
   }
@@ -75,5 +71,3 @@ class BaseLineLayer extends InternalCourtLayer {
     this.ctx.restore();
   }
 }
-
-module.exports = BaseLineLayer;

package/src/layers/court/layers/BASEBALL/courtTypes/BASEBALL_HIGH_SCHOOL/layers/{HomePlateLayer.js → HomePlateLayer.ts}

@@ -1,22 +1,23 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
-const {
-  HOME_PLATE_APEX_TO_BACKSTOP,
-  HOME_PLATE_SIDE,
-  HOME_PLATE_SIDE_TO_BATTERS_BOX,
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+
+import {
+  BASE_LINE_LENGTH,
   BATTERS_BOX_HEIGHT,
+  BATTERS_BOX_TO_CATCHERS_BACK_LINE,
   BATTERS_BOX_WIDTH,
   CATCHERS_BACK_LINE_LENGTH,
-  BATTERS_BOX_TO_CATCHERS_BACK_LINE,
+  COACH_BOX_HEIGHT,
+  COACH_BOX_TO_BASE_LINE,
+  COACH_BOX_WIDTH,
+  HOME_PLATE_APEX_TO_BACKSTOP,
   HOME_PLATE_CIRCLE_DIA,
+  HOME_PLATE_SIDE,
+  HOME_PLATE_SIDE_TO_BATTERS_BOX,
   ON_DECK_CIRCLE_DIA,
-  ON_DECK_CIRCLE_DISTANCE_FROM_CENTER,
-  BASE_LINE_LENGTH,
-  COACH_BOX_TO_BASE_LINE,
-  COACH_BOX_HEIGHT,
-  COACH_BOX_WIDTH
-} = require('../constants');
+  ON_DECK_CIRCLE_DISTANCE_FROM_CENTER
+} from '../constants';
 
-class HomePlateLayer extends InternalCourtLayer {
+export default class HomePlateLayer extends InternalCourtLayer {
   original() {
     return false;
   }
@@ -100,5 +101,3 @@ class HomePlateLayer extends InternalCourtLayer {
     });
   }
 }
-
-module.exports = HomePlateLayer;

package/src/layers/court/layers/BASEBALL/courtTypes/BASEBALL_HIGH_SCHOOL/layers/{PitchingMoundLayer.js → PitchingMoundLayer.ts}

@@ -1,12 +1,13 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
-const {
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+
+import {
   HOME_PLATE_APEX_TO_BACKSTOP,
   HOME_PLATE_APEX_TO_PITCHERS_PLATE_FRONT,
-  PITCHERS_PLATE_WIDTH,
-  PITCHERS_PLATE_HEIGHT
-} = require('../constants');
+  PITCHERS_PLATE_HEIGHT,
+  PITCHERS_PLATE_WIDTH
+} from '../constants';
 
-class PitchingMoundLayer extends InternalCourtLayer {
+export default class PitchingMoundLayer extends InternalCourtLayer {
   original() {
     return false;
   }
@@ -36,5 +37,3 @@ class PitchingMoundLayer extends InternalCourtLayer {
     this.ctx.restore();
   }
 }
-
-module.exports = PitchingMoundLayer;

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

@@ -0,0 +1,6 @@
+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/{BASKETBALL/layers/BorderRectLayer.js → BASEBALL/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/BASEBALL/layers/index.ts

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

package/src/layers/court/layers/BASKETBALL/common/{LaneMarkingNBATrait.js → LaneMarkingNBATrait.ts}

@@ -1,6 +1,6 @@
 const COURT_INNER_MARK_OFFSET = 5;
 
-module.exports = {
+export default {
   drawLogic() {
     const courtMarkingWidth = 0.667;
     const courtOuterRectOffset = this.courtTypeConstants.FREE_THROW_OUTER_WIDTH / 2;

package/src/layers/court/layers/BASKETBALL/common/{LaneMarkingNCAATrait.js → LaneMarkingNCAATrait.ts}

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   drawLogic() {
     const courtMarkingWidth = 0.667;
     const courtOuterRectOffset = this.courtTypeConstants.FREE_THROW_OUTER_WIDTH / 2;

package/src/layers/court/layers/BASKETBALL/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/BASKETBALL/courtTypes/BIG3/constants.ts

@@ -0,0 +1,11 @@
+export const COURT_RECT_WIDTH = 50.0;
+export const COURT_RECT_HEIGHT = 94.0;
+export const HOOP_CORNER_DISTANCE = 22;
+export const THREE_POINT_ARC_RADIUS = 23.6762;
+export const THREE_POINT_ASIN_APPROX = 10.0;
+export const THREE_POINT_OFFSET_ORIGIN_Y_APPROX = 14.0;
+export const FREE_THROW_INNER_WIDTH = 12.0;
+export const FREE_THROW_OUTER_WIDTH = 16.0;
+export const FREE_THROW_INNER_DASHED_CIRCLE = true;
+export const CENTER_INNER_CIRCLE = true;
+export const BENCH_MARKING = true;

package/src/layers/court/layers/BASKETBALL/courtTypes/BIG3/layers/{Big3Layer.js → Big3Layer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
 
-class Big3Layer extends InternalCourtLayer {
+export default class Big3Layer extends InternalCourtLayer {
   drawLogic() {
     const fontSize = 4;
     const textHorizontalOffset = 1.1;
@@ -41,5 +41,3 @@ class Big3Layer extends InternalCourtLayer {
     });
   }
 }
-
-module.exports = Big3Layer;

package/src/layers/court/layers/BASKETBALL/courtTypes/BIG3/layers/LaneMarkingLayer.ts

@@ -0,0 +1,10 @@
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+import LaneMarkingNBATrait from '../../../common/LaneMarkingNBATrait';
+
+export default class LaneMarkingLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+}
+
+Object.assign(LaneMarkingLayer.prototype, LaneMarkingNBATrait);

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

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

package/src/layers/court/layers/BASKETBALL/courtTypes/FIBA/constants.ts

@@ -0,0 +1,11 @@
+export const COURT_RECT_WIDTH = 49.21;
+export const COURT_RECT_HEIGHT = 91.86;
+export const HOOP_CORNER_DISTANCE = 21.65;
+export const THREE_POINT_ARC_RADIUS = 22.15;
+export const THREE_POINT_ASIN_APPROX = 6.0;
+export const THREE_POINT_OFFSET_ORIGIN_Y_APPROX = 8.0;
+export const FREE_THROW_INNER_WIDTH = 12.0;
+export const FREE_THROW_OUTER_WIDTH = 16.08;
+export const FREE_THROW_INNER_DASHED_CIRCLE = false;
+export const CENTER_INNER_CIRCLE = false;
+export const BENCH_MARKING = false;

package/src/layers/court/layers/BASKETBALL/courtTypes/FIBA/layers/{LaneMarkingLayer.js → LaneMarkingLayer.ts}

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

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

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

package/src/layers/court/layers/BASKETBALL/courtTypes/NBA/constants.ts

@@ -0,0 +1,11 @@
+export const COURT_RECT_WIDTH = 50.0;
+export const COURT_RECT_HEIGHT = 94.0;
+export const HOOP_CORNER_DISTANCE = 22;
+export const THREE_POINT_ARC_RADIUS = 23.6762;
+export const THREE_POINT_ASIN_APPROX = 10.0;
+export const THREE_POINT_OFFSET_ORIGIN_Y_APPROX = 14.0;
+export const FREE_THROW_INNER_WIDTH = 12.0;
+export const FREE_THROW_OUTER_WIDTH = 16.0;
+export const FREE_THROW_INNER_DASHED_CIRCLE = true;
+export const CENTER_INNER_CIRCLE = true;
+export const BENCH_MARKING = true;

package/src/layers/court/layers/BASKETBALL/courtTypes/NBA/layers/LaneMarkingLayer.ts

@@ -0,0 +1,10 @@
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+import LaneMarkingNBATrait from '../../../common/LaneMarkingNBATrait';
+
+export default class LaneMarkingLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+}
+
+Object.assign(LaneMarkingLayer.prototype, LaneMarkingNBATrait);

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

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

package/src/layers/court/layers/BASKETBALL/courtTypes/NCAAM/constants.ts

@@ -0,0 +1,11 @@
+export const COURT_RECT_WIDTH = 50.0;
+export const COURT_RECT_HEIGHT = 94.0;
+export const HOOP_CORNER_DISTANCE = 20.75;
+export const THREE_POINT_ARC_RADIUS = 20.75;
+export const THREE_POINT_ASIN_APPROX = 2.0;
+export const THREE_POINT_OFFSET_ORIGIN_Y_APPROX = 6.0;
+export const FREE_THROW_INNER_WIDTH = 12.0;
+export const FREE_THROW_OUTER_WIDTH = 12.0;
+export const FREE_THROW_INNER_DASHED_CIRCLE = false;
+export const CENTER_INNER_CIRCLE = false;
+export const BENCH_MARKING = false;

package/src/layers/court/layers/BASKETBALL/courtTypes/NCAAM/layers/LaneMarkingLayer.ts

@@ -0,0 +1,10 @@
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+import LaneMarkingNCAATrait from '../../../common/LaneMarkingNCAATrait';
+
+export default class LaneMarkingLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+}
+
+Object.assign(LaneMarkingLayer.prototype, LaneMarkingNCAATrait);

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

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

package/src/layers/court/layers/BASKETBALL/courtTypes/NCAAW/constants.ts

@@ -0,0 +1,11 @@
+export const COURT_RECT_WIDTH = 50.0;
+export const COURT_RECT_HEIGHT = 94.0;
+export const HOOP_CORNER_DISTANCE = 20.75;
+export const THREE_POINT_ARC_RADIUS = 20.75;
+export const THREE_POINT_ASIN_APPROX = 2.0;
+export const THREE_POINT_OFFSET_ORIGIN_Y_APPROX = 6.0;
+export const FREE_THROW_INNER_WIDTH = 12.0;
+export const FREE_THROW_OUTER_WIDTH = 12.0;
+export const FREE_THROW_INNER_DASHED_CIRCLE = false;
+export const CENTER_INNER_CIRCLE = false;
+export const BENCH_MARKING = true;

package/src/layers/court/layers/BASKETBALL/courtTypes/NCAAW/layers/LaneMarkingLayer.ts

@@ -0,0 +1,10 @@
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+import LaneMarkingNCAATrait from '../../../common/LaneMarkingNCAATrait';
+
+export default class LaneMarkingLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+}
+
+Object.assign(LaneMarkingLayer.prototype, LaneMarkingNCAATrait);

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

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

package/src/layers/court/layers/BASKETBALL/courtTypes/US_HIGH_SCHOOL/constants.ts

@@ -0,0 +1,11 @@
+export const COURT_RECT_WIDTH = 50.0;
+export const COURT_RECT_HEIGHT = 84.0;
+export const HOOP_CORNER_DISTANCE = 19.75;
+export const THREE_POINT_ARC_RADIUS = 19.75;
+export const THREE_POINT_ASIN_APPROX = 2.0;
+export const THREE_POINT_OFFSET_ORIGIN_Y_APPROX = 6;
+export const FREE_THROW_INNER_WIDTH = 12.0;
+export const FREE_THROW_OUTER_WIDTH = 12.0;
+export const FREE_THROW_INNER_DASHED_CIRCLE = false;
+export const CENTER_INNER_CIRCLE = false;
+export const BENCH_MARKING = false;

package/src/layers/court/layers/BASKETBALL/courtTypes/US_HIGH_SCHOOL/layers/LaneMarkingLayer.ts

@@ -0,0 +1,10 @@
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+import LaneMarkingNCAATrait from '../../../common/LaneMarkingNCAATrait';
+
+export default class LaneMarkingLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+}
+
+Object.assign(LaneMarkingLayer.prototype, LaneMarkingNCAATrait);

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

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

package/src/layers/court/layers/BASKETBALL/courtTypes/US_JUNIOR_HIGH/constants.ts

@@ -0,0 +1,11 @@
+export const COURT_RECT_WIDTH = 42.0;
+export const COURT_RECT_HEIGHT = 74.0;
+export const HOOP_CORNER_DISTANCE = 19.75;
+export const THREE_POINT_ARC_RADIUS = 19.75;
+export const THREE_POINT_ASIN_APPROX = 2.0;
+export const THREE_POINT_OFFSET_ORIGIN_Y_APPROX = 6;
+export const FREE_THROW_INNER_WIDTH = 12.0;
+export const FREE_THROW_OUTER_WIDTH = 12.0;
+export const FREE_THROW_INNER_DASHED_CIRCLE = false;
+export const CENTER_INNER_CIRCLE = false;
+export const BENCH_MARKING = false;

package/src/layers/court/layers/BASKETBALL/courtTypes/US_JUNIOR_HIGH/layers/LaneMarkingLayer.ts

@@ -0,0 +1,10 @@
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+import LaneMarkingNCAATrait from '../../../common/LaneMarkingNCAATrait';
+
+export default class LaneMarkingLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+}
+
+Object.assign(LaneMarkingLayer.prototype, LaneMarkingNCAATrait);

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

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

package/src/layers/court/layers/BASKETBALL/courtTypes/WNBA/constants.ts

@@ -0,0 +1,11 @@
+export const COURT_RECT_WIDTH = 50.0;
+export const COURT_RECT_HEIGHT = 94.0;
+export const HOOP_CORNER_DISTANCE = 21.65;
+export const THREE_POINT_ARC_RADIUS = 22.15;
+export const THREE_POINT_ASIN_APPROX = 6.0;
+export const THREE_POINT_OFFSET_ORIGIN_Y_APPROX = 9.0;
+export const FREE_THROW_INNER_WIDTH = 12.0;
+export const FREE_THROW_OUTER_WIDTH = 16.0;
+export const FREE_THROW_INNER_DASHED_CIRCLE = true;
+export const CENTER_INNER_CIRCLE = true;
+export const BENCH_MARKING = true;

package/src/layers/court/layers/BASKETBALL/courtTypes/WNBA/layers/LaneMarkingLayer.ts

@@ -0,0 +1,10 @@
+import InternalCourtLayer from '../../../../../base/InternalCourtLayer';
+import LaneMarkingNBATrait from '../../../common/LaneMarkingNBATrait';
+
+export default class LaneMarkingLayer extends InternalCourtLayer {
+  reflection() {
+    return true;
+  }
+}
+
+Object.assign(LaneMarkingLayer.prototype, LaneMarkingNBATrait);

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

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

package/src/layers/court/layers/BASKETBALL/layers/{BaseLineMarkingLayer.js → BaseLineMarkingLayer.ts}

@@ -1,7 +1,8 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const COURT_BENCH_OFFSET_X = 11;
-class BaseLineMarkingLayer extends InternalCourtLayer {
+
+export default class BaseLineMarkingLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -24,5 +25,3 @@ class BaseLineMarkingLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = BaseLineMarkingLayer;

package/src/layers/court/layers/BASKETBALL/layers/{BenchAreaLayer.js → BenchAreaLayer.ts}

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

package/src/layers/court/layers/{LACROSSE/layers/BorderRectLayer.js → BASKETBALL/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/BASKETBALL/layers/{CenterCircleLayer.js → CenterCircleLayer.ts}

@@ -1,6 +1,6 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
-class CenterCircleLayer extends InternalCourtLayer {
+export default class CenterCircleLayer extends InternalCourtLayer {
   drawLogic() {
     if (!this.options.showHalfCourtCircle) return;
 
@@ -17,5 +17,3 @@ class CenterCircleLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = CenterCircleLayer;

package/src/layers/court/layers/{FOOTBALL/layers/CenterLineLayer.js → BASKETBALL/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/BASKETBALL/layers/{FreeThrowLayer.js → FreeThrowLayer.ts}

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

package/src/layers/court/layers/BASKETBALL/layers/{HoopLayer.js → HoopLayer.ts}

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

package/src/layers/court/layers/BASKETBALL/layers/{InnerOuterRectLayer.js → InnerOuterRectLayer.ts}

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

package/src/layers/court/layers/BASKETBALL/layers/{RestrictedAreaLayer.js → RestrictedAreaLayer.ts}

@@ -1,7 +1,8 @@
-const InternalCourtLayer = require('../../../base/InternalCourtLayer');
+import InternalCourtLayer from '../../../base/InternalCourtLayer';
 
 const RESTRICTED_AREA_MARK_OFFSET = 4;
-class RestrictedAreaLayer extends InternalCourtLayer {
+
+export default class RestrictedAreaLayer extends InternalCourtLayer {
   reflection() {
     return true;
   }
@@ -28,5 +29,3 @@ class RestrictedAreaLayer extends InternalCourtLayer {
     this.ctx.stroke();
   }
 }
-
-module.exports = RestrictedAreaLayer;

package/src/layers/court/layers/BASKETBALL/layers/{ThreePointLineLayer.js → ThreePointLineLayer.ts}

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