@luceosports/play-rendering 1.9.31 → 1.9.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luceosports/play-rendering",
-  "version": "1.9.31",
+  "version": "1.9.32",
   "description": "",
   "main": "dist/play-rendering.js",
   "scripts": {

package/src/constants.js

@@ -0,0 +1,17 @@
+module.exports = Object.freeze({
+  NBA: {
+    COURT_LINE_WIDTH: 0.1667,
+    COURT_RECT_WIDTH: 50.0,
+    COURT_RECT_HEIGHT: 94.0,
+    PLAYER_TOKEN_SCALE: 1,
+    LINE_SCALE: 1
+  },
+  FOOTBALL: {
+    COURT_LINE_WIDTH: 0.32,
+    COURT_RECT_WIDTH: 160.0,
+    COURT_RECT_HEIGHT: 360.0,
+    END_ZONE_HEIGHT: 30,
+    PLAYER_TOKEN_SCALE: 2,
+    LINE_SCALE: 1.65
+  }
+});

package/src/layers/CourtLayer.js

@@ -1,15 +1,7 @@
+const BaseLayer = require('./base/BaseLayer');
 const courtLayers = require('./court');
-const constants = require('./court/constants');
-
-class CourtLayer {
-  constructor(ctx, { court, options }) {
-    this.ctx = ctx;
-    this.options = {
-      court: JSON.parse(JSON.stringify(court)),
-      ...options
-    };
-  }
 
+class CourtLayer extends BaseLayer {
   get frameWidth() {
     return this.options.width;
   }
@@ -23,16 +15,12 @@ class CourtLayer {
   }
 
   get courtTypeLayers() {
-    if (!courtLayers[this.options.court.type]) throw new Error('unknown court type');
-    return courtLayers[this.options.court.type];
-  }
-
-  get courtTypeConstants() {
-    return constants[this.options.court.type];
+    if (!courtLayers[this.playData.court.type]) throw new Error('unknown court type');
+    return courtLayers[this.playData.court.type];
   }
 
   get background() {
-    return this.options.background || this.options.court.type;
+    return this.options.background || this.playData.court.type;
   }
 
   apply() {
@@ -92,12 +80,12 @@ class CourtLayer {
       }
 
       const fullCourtIndentY =
-        this.options.court.courtRect.size.height > this.courtTypeConstants.COURT_RECT_HEIGHT
-          ? Math.abs(this.options.court.courtRect.origin.y)
+        this.playData.court.courtRect.size.height > this.courtTypeConstants.COURT_RECT_HEIGHT
+          ? Math.abs(this.playData.court.courtRect.origin.y)
           : 0;
 
-      const dx = (1 + Math.abs(this.options.court.courtRect.origin.x)) * this.scale;
-      const dy = (this.options.court.courtRect.size.height - fullCourtIndentY - 1) * this.scale - destination.height;
+      const dx = (1 + Math.abs(this.playData.court.courtRect.origin.x)) * this.scale;
+      const dy = (this.playData.court.courtRect.size.height - fullCourtIndentY - 1) * this.scale - destination.height;
 
       this.ctx.drawImage(
         this.staticData.watermark[this.options.watermark],

package/src/layers/LineControlPointLayer.js

@@ -1,12 +1,6 @@
-class LineControlPointLayer {
-  constructor(ctx, playData) {
-    this.ctx = ctx;
-    this.playData = playData;
-    this.options = {
-      ...playData.options
-    };
-  }
+const BaseLayer = require('./base/BaseLayer');
 
+class LineControlPointLayer extends BaseLayer {
   apply() {
     if (!this.options.linesDisplay) return;
 

package/src/layers/LineLayer.js

@@ -1,14 +1,10 @@
 const _ = require('lodash');
+const BaseLayer = require('./base/BaseLayer');
 const lineLayers = require('./line');
 
-class LineLayer {
-  constructor(ctx, playData) {
-    this.ctx = ctx;
-    this.playData = playData;
-    this.options = {
-      ...playData.options,
-      lineWidth: 0.33
-    };
+class LineLayer extends BaseLayer {
+  get lineWidth() {
+    return 0.33 * this.courtTypeConstants.LINE_SCALE;
   }
 
   apply() {
@@ -16,7 +12,7 @@ class LineLayer {
 
     this.ctx.save();
 
-    this.ctx.lineWidth = this.options.lineWidth;
+    this.ctx.lineWidth = this.lineWidth;
     this.playData.lines.forEach(line => {
       if (this.options.linesHiddenIds.indexOf(line.id) >= 0) return;
       const layerKey = `${_.capitalize(line.type)}LineLayer`;

package/src/layers/PlayerLayer.js

@@ -1,25 +1,23 @@
-class PlayerLayer {
-  constructor(ctx, { players, options, court }) {
-    this.ctx = ctx;
-    this.players = players;
-    this.options = { ...options, ...court };
-  }
+const BaseLayer = require('./base/BaseLayer');
 
+class PlayerLayer extends BaseLayer {
   get staticData() {
     return this.options.staticData;
   }
 
   apply() {
-    if (!this.players.length) return;
-    const radius = 1.5;
+    if (!this.playData.players.length) return;
+
+    const playerScale = this.courtTypeConstants.PLAYER_TOKEN_SCALE;
+    const radius = 1.5 * playerScale;
 
     this.ctx.save();
 
-    this.players.forEach(player => {
+    this.playData.players.forEach(player => {
       if (this.options.playersHiddenPositions.findIndex(p => parseInt(p) === parseInt(player.position)) >= 0) return;
 
-      const fontSize = player.textLabel.length > 1 ? 2.0 : 2.5;
-      const textVerticalOffset = player.textLabel.length > 1 ? 0.7 : 0.85;
+      const fontSize = (player.textLabel.length > 1 ? 2.0 : 2.5) * playerScale;
+      const textVerticalOffset = (player.textLabel.length > 1 ? 0.7 : 0.85) * playerScale;
 
       const { x, y } = player.location;
 

package/src/layers/base/BaseLayer.js

@@ -1,19 +1,14 @@
-class BaseLayer {
-  constructor(parentLayer) {
-    this.ctx = parentLayer.ctx;
-    this.options = parentLayer.options ? parentLayer.options : {};
-  }
-
-  apply() {
-    this.ctx.save();
+const constants = require('../../constants');
 
-    this.drawLogic();
-
-    this.ctx.restore();
+class BaseLayer {
+  constructor(ctx, playData) {
+    this.ctx = ctx;
+    this.playData = playData;
+    this.options = { ...playData.options };
   }
 
-  drawLogic() {
-    // Override this
+  get courtTypeConstants() {
+    return constants[this.playData.court.type];
   }
 }
 

package/src/layers/base/InternalBaseLayer.js

@@ -0,0 +1,20 @@
+class InternalBaseLayer {
+  constructor(parentLayer) {
+    this.ctx = parentLayer.ctx;
+    this.options = parentLayer.options ? parentLayer.options : {};
+  }
+
+  apply() {
+    this.ctx.save();
+
+    this.drawLogic();
+
+    this.ctx.restore();
+  }
+
+  drawLogic() {
+    // Override this
+  }
+}
+
+module.exports = InternalBaseLayer;

package/src/layers/court/base/InternalCourtLayer.js

@@ -1,6 +1,6 @@
-const BaseLayer = require('../../base/BaseLayer');
+const InternalBaseLayer = require('../../base/InternalBaseLayer');
 
-class InternalCourtLayer extends BaseLayer {
+class InternalCourtLayer extends InternalBaseLayer {
   constructor(parentLayer) {
     super(parentLayer);
     this.courtTypeConstants = parentLayer.courtTypeConstants;

package/src/layers/court/layers/FOOTBALL/BorderRectLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH } = require('../../constants/FOOTBALL');
+const {
+  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH }
+} = require('../../../../constants');
 
 class BorderRectLayer extends InternalCourtLayer {
   drawLogic() {

package/src/layers/court/layers/FOOTBALL/CenterLineLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH } = require('../../constants/FOOTBALL');
+const {
+  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH }
+} = require('../../../../constants');
 
 class CenterLineLayer extends InternalCourtLayer {
   drawLogic() {

package/src/layers/court/layers/FOOTBALL/EndZoneLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_RECT_WIDTH, COURT_LINE_WIDTH } = require('../../constants/FOOTBALL');
+const {
+  FOOTBALL: { COURT_RECT_WIDTH, COURT_LINE_WIDTH }
+} = require('../../../../constants');
 
 class EndZoneLayer extends InternalCourtLayer {
   reflection() {

package/src/layers/court/layers/FOOTBALL/FieldNumberLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { END_ZONE_HEIGHT, COURT_RECT_WIDTH } = require('../../constants/FOOTBALL');
+const {
+  FOOTBALL: { COURT_RECT_WIDTH, END_ZONE_HEIGHT }
+} = require('../../../../constants');
 
 const NUMBER_VERTICAL_OFFSET = -6;
 

package/src/layers/court/layers/FOOTBALL/HashMarkLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_RECT_HEIGHT, COURT_LINE_WIDTH, END_ZONE_HEIGHT, COURT_RECT_WIDTH } = require('../../constants/FOOTBALL');
+const {
+  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH, END_ZONE_HEIGHT }
+} = require('../../../../constants');
 
 const HASH_MARK_OFFSET_X = 3;
 const HASH_MARK_LENGTH = 3;

package/src/layers/court/layers/FOOTBALL/YardLineLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH, END_ZONE_HEIGHT } = require('../../constants/FOOTBALL');
+const {
+  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH, END_ZONE_HEIGHT }
+} = require('../../../../constants');
 
 class YardLineLayer extends InternalCourtLayer {
   reflection() {

package/src/layers/court/layers/NBA/Big3Layer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_LINE_WIDTH, COURT_RECT_WIDTH } = require('../../constants/NBA');
+const {
+  NBA: { COURT_RECT_WIDTH, COURT_LINE_WIDTH }
+} = require('../../../../constants');
 
 class Big3Layer extends InternalCourtLayer {
   drawLogic() {

package/src/layers/court/layers/NBA/BorderRectLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH } = require('../../constants/NBA');
+const {
+  NBA: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH }
+} = require('../../../../constants');
 
 class BorderRectLayer extends InternalCourtLayer {
   drawLogic() {

package/src/layers/court/layers/NBA/CenterCircleLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_RECT_WIDTH, COURT_RECT_HEIGHT } = require('../../constants/NBA');
+const {
+  NBA: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT }
+} = require('../../../../constants');
 
 class CenterCircleLayer extends InternalCourtLayer {
   drawLogic() {

package/src/layers/court/layers/NBA/CenterLineLayer.js

@@ -1,5 +1,7 @@
 const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH } = require('../../constants/NBA');
+const {
+  NBA: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH }
+} = require('../../../../constants');
 
 class CenterLineLayer extends InternalCourtLayer {
   drawLogic() {

package/src/layers/line/base/InternalLineLayer.js

@@ -1,7 +1,7 @@
-const BaseLayer = require('../../base/BaseLayer');
+const InternalBaseLayer = require('../../base/InternalBaseLayer');
 const LineDrawingMath = require('../../../math/LineDrawingMath');
 
-class InternalLineLayer extends BaseLayer {
+class InternalLineLayer extends InternalBaseLayer {
   constructor(parentLineLayer, line) {
     super(parentLineLayer);
     this.line = line;

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

@@ -1,7 +0,0 @@
-module.exports = Object.freeze({
-  COURT_LINE_WIDTH: 0.32,
-  COURT_RECT_WIDTH: 160.0,
-  COURT_RECT_HEIGHT: 360.0,
-  END_ZONE_HEIGHT: 30,
-  TEN_YARDS_HEIGHT: 30
-});

package/src/layers/court/constants/NBA.js

@@ -1,5 +0,0 @@
-module.exports = Object.freeze({
-  COURT_LINE_WIDTH: 0.1667,
-  COURT_RECT_WIDTH: 50.0,
-  COURT_RECT_HEIGHT: 94.0
-});

package/src/layers/court/constants/index.js

@@ -1,11 +0,0 @@
-// require all modules on the path and with the pattern defined
-const req = require.context('./', true, /.js$/);
-
-const modules = {};
-
-req.keys().forEach(key => {
-  const mName = key.replace('./', '').replace('.js', '');
-  modules[mName] = req(key);
-});
-
-module.exports = modules;