@luceosports/play-rendering 1.12.4 → 1.13.0

package/index.js

@@ -8,4 +8,5 @@ module.exports.Shape = require('./src/models/Shape');
 module.exports.ShapeModels = require('./src/models/ShapeModels');
 module.exports.LineDrawingMath = require('./src/math/LineDrawingMath');
 module.exports.Bezier = require('./src/math/Bezier').Bezier;
-module.exports.CourtTypeConstants = require('./src/constants');
+module.exports.CourtTypeConstants = require('./src/layers/court').courtTypeConstants;
+module.exports.Constants = require('./src/constants');

package/package.json

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

package/src/constants.js

@@ -1,21 +1,21 @@
 module.exports = Object.freeze({
-  NBA: {
-    COURT_LINE_WIDTH: 0.1667,
-    COURT_RECT_WIDTH: 50.0,
-    COURT_RECT_HEIGHT: 94.0,
-    PLAYER_TOKEN_RADIUS: 1.5,
-    PLAYER_TOKEN_SCALE: 1,
-    LINE_WIDTH: 0.33,
-    LINE_MASKING: true
-  },
-  FOOTBALL: {
-    COURT_LINE_WIDTH: 0.32,
-    COURT_RECT_WIDTH: 160.0,
-    COURT_RECT_HEIGHT: 360.0,
-    END_ZONE_HEIGHT: 30,
-    PLAYER_TOKEN_RADIUS: 1.5,
-    PLAYER_TOKEN_SCALE: 2,
-    LINE_WIDTH: 0.55,
-    LINE_MASKING: false
-  }
+  SPORT_TYPE_BASKETBALL: 'BASKETBALL',
+  SPORT_TYPE_FOOTBALL: 'FOOTBALL',
+
+  COURT_TYPE_NBA: 'NBA',
+  COURT_TYPE_HIGH_SCHOOL_FOOTBALL: 'HIGH_SCHOOL_FOOTBALL',
+  COURT_TYPE_HIGH_SCHOOL_FOOTBALL_LEGACY: 'FOOTBALL',
+
+  SHAPE_TYPE_CIRCLE: 'CIRCLE',
+  SHAPE_TYPE_SQUARE: 'SQUARE',
+  SHAPE_TYPE_TRIANGLE: 'TRIANGLE',
+  SHAPE_TYPE_FOV: 'FOV',
+  SHAPE_TYPE_XMARK: 'XMARK',
+  SHAPE_TYPE_STRAIGHT: 'STRAIGHT',
+  SHAPE_TYPE_CONE: 'CONE',
+  SHAPE_TYPE_LINE_CUT: 'LINE.CUT',
+  SHAPE_TYPE_LINE_SCREEN: 'LINE.SCREEN',
+  SHAPE_TYPE_LINE_DRIBBLE: 'LINE.DRIBBLE',
+  SHAPE_TYPE_LINE_PASS: 'LINE.PASS',
+  SHAPE_TYPE_LINE_HANDOFF: 'LINE.HANDOFF'
 });

package/src/layers/CourtLayer.js

@@ -1,5 +1,5 @@
 const BaseLayer = require('./base/BaseLayer');
-const courtLayers = require('./court');
+const { layers: courtLayers } = require('./court');
 
 class CourtLayer extends BaseLayer {
   get frameWidth() {
@@ -15,12 +15,12 @@ class CourtLayer extends BaseLayer {
   }
 
   get courtTypeLayers() {
-    if (!courtLayers[this.playData.court.type]) throw new Error('unknown court type');
-    return courtLayers[this.playData.court.type];
+    if (!(courtLayers[this.playData.sport] || {})[this.playData.court.type]) throw new Error('unknown court type');
+    return courtLayers[this.playData.sport][this.playData.court.type];
   }
 
   get background() {
-    return this.options.background || this.playData.court.type;
+    return this.options.background || this.playData.sport;
   }
 
   apply() {

package/src/layers/PlayerLayer.js

@@ -101,11 +101,13 @@ class PlayerLayer extends BaseLayer {
     const { x, y } = player.location;
     const { alpha } = player.color;
 
+    const fontSizeLength = 3 - player.textLabel.length * 0.5;
     const fontSizeMultiplier = this.options.legacyPrintStyle ? 1.3 : 1;
-    const fontSize = (player.textLabel.length > 1 ? 2.0 : 2.5) * fontSizeMultiplier * this.playerScale;
+    const fontSize = fontSizeLength * fontSizeMultiplier * this.playerScale;
 
+    const textVOffsetLength = 1 - player.textLabel.length * 0.15;
     const textVOffsetMultiplier = this.options.legacyPrintStyle ? 1.4 : 1;
-    const textVerticalOffset = (player.textLabel.length > 1 ? 0.7 : 0.85) * textVOffsetMultiplier * this.playerScale;
+    const textVerticalOffset = textVOffsetLength * textVOffsetMultiplier * this.playerScale;
 
     if (!alpha) return;
 

package/src/layers/base/BaseLayer.js

@@ -1,4 +1,4 @@
-const constants = require('../../constants');
+const { courtTypeConstants } = require('../court');
 
 class BaseLayer {
   constructor(ctx, playData) {
@@ -8,7 +8,7 @@ class BaseLayer {
   }
 
   get courtTypeConstants() {
-    return constants[this.playData.court.type];
+    return courtTypeConstants[this.playData.court.type];
   }
 }
 

package/src/layers/court/index.js

@@ -1,13 +1,40 @@
 // require all modules on the path and with the pattern defined
 const req = require.context('./layers/', true, /.js$/);
 
-const modules = {};
+const layers = {};
+const sportConstants = {};
+const courtTypeConstants = {};
 
 req.keys().forEach(key => {
-  const mPath = key.replace('./', '').replace('.js', '');
-  const [mType, mName] = mPath.split('/');
-  if (!modules[mType]) modules[mType] = {};
-  modules[mType][mName] = req(key);
+  if (key.match(/\/layers\//)) {
+    return processLayers(key);
+  }
+  processConstants(key);
 });
 
-module.exports = modules;
+function processLayers(key) {
+  const mPath = key
+    .replace('./', '')
+    .replace('/layers', '')
+    .replace('.js', '');
+  const [sportName, courtType, mName] = mPath.split('/');
+  if (!layers[sportName]) layers[sportName] = {};
+  if (!layers[sportName][courtType]) layers[sportName][courtType] = {};
+  layers[sportName][courtType][mName] = req(key);
+}
+
+function processConstants(key) {
+  if (key.match(/\/constants\/index.js$/)) {
+    const mPath = key.replace('./', '').replace('/constants/index.js', '');
+    const [, courtType] = mPath.split('/');
+    courtTypeConstants[courtType] = req(key);
+    return;
+  }
+  const mPath = key.replace('./', '').replace('/constants.js', '');
+  const [sportName, courtType] = mPath.split('/');
+  if (!courtType) {
+    sportConstants[sportName] = req(key);
+  }
+}
+
+module.exports = { layers, sportConstants, courtTypeConstants };

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

@@ -0,0 +1 @@
+module.exports = Object.freeze({});

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

@@ -0,0 +1,4 @@
+const parentConstants = require('../../constants');
+const localConstants = require('./constants');
+
+module.exports = { ...parentConstants, ...localConstants };

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

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
 
 class BaseLineMarkingLayer extends InternalCourtLayer {
   reflection() {

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

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
 
 class BenchAreaLayer extends InternalCourtLayer {
   reflection() {

package/src/layers/court/layers/{NBA → BASKETBALL/NBA/layers}/Big3Layer.js

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

package/src/layers/court/layers/{NBA → BASKETBALL/NBA/layers}/BorderRectLayer.js

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

package/src/layers/court/layers/{NBA → BASKETBALL/NBA/layers}/CenterCircleLayer.js

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

package/src/layers/court/layers/{NBA → BASKETBALL/NBA/layers}/CenterLineLayer.js

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

package/src/layers/court/layers/{NBA → BASKETBALL/NBA/layers}/FreeThrowLayer.js

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
 
 class FreeThrowLayer extends InternalCourtLayer {
   reflection() {

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

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
 
 class HoopLayer extends InternalCourtLayer {
   reflection() {

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

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
 
 class InnerOuterRectLayer extends InternalCourtLayer {
   reflection() {

package/src/layers/court/layers/{NBA → BASKETBALL/NBA/layers}/LaneMarkingLayer.js

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
 
 class LaneMarkingLayer extends InternalCourtLayer {
   reflection() {

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

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
 
 class RestrictedAreaLayer extends InternalCourtLayer {
   reflection() {

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

@@ -1,4 +1,4 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
 
 class ThreePointLineLayer extends InternalCourtLayer {
   reflection() {

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

@@ -0,0 +1,9 @@
+module.exports = Object.freeze({
+  COURT_LINE_WIDTH: 0.1667,
+  COURT_RECT_WIDTH: 50.0,
+  COURT_RECT_HEIGHT: 94.0,
+  PLAYER_TOKEN_RADIUS: 1.5,
+  PLAYER_TOKEN_SCALE: 1,
+  LINE_WIDTH: 0.33,
+  LINE_MASKING: true
+});

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

@@ -0,0 +1,3 @@
+module.exports = Object.freeze({
+  END_ZONE_HEIGHT: 30
+});

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

@@ -0,0 +1,4 @@
+const parentConstants = require('../../constants');
+const localConstants = require('./constants');
+
+module.exports = { ...parentConstants, ...localConstants };

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,5 @@
-const InternalCourtLayer = require('../../base/InternalCourtLayer');
-const {
-  FOOTBALL: { COURT_RECT_WIDTH, COURT_RECT_HEIGHT, COURT_LINE_WIDTH, END_ZONE_HEIGHT }
-} = require('../../../../constants');
+const InternalCourtLayer = require('../../../../base/InternalCourtLayer');
+const { 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 → HIGH_SCHOOL_FOOTBALL/layers/YardLineLayer.js}

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

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

@@ -0,0 +1,9 @@
+module.exports = Object.freeze({
+  COURT_LINE_WIDTH: 0.32,
+  COURT_RECT_WIDTH: 160.0,
+  COURT_RECT_HEIGHT: 360.0,
+  PLAYER_TOKEN_RADIUS: 1.5,
+  PLAYER_TOKEN_SCALE: 2,
+  LINE_WIDTH: 0.55,
+  LINE_MASKING: false
+});

package/src/models/Frame.js

@@ -13,6 +13,12 @@ const Line = require('./Line');
 const Player = require('./Player');
 const Note = require('./Note');
 const ShapeModels = require('./ShapeModels');
+const {
+  COURT_TYPE_HIGH_SCHOOL_FOOTBALL,
+  COURT_TYPE_HIGH_SCHOOL_FOOTBALL_LEGACY,
+  SPORT_TYPE_FOOTBALL,
+  SPORT_TYPE_BASKETBALL
+} = require('../constants');
 
 class Frame {
   constructor(play, phase = 1, animationGlobalProgress = false) {
@@ -22,8 +28,20 @@ class Frame {
     this.animationGlobalProgressPrev = animationGlobalProgress;
   }
 
+  get sport() {
+    const { court, sport } = this.play.playData;
+    if (sport) return sport;
+    return [COURT_TYPE_HIGH_SCHOOL_FOOTBALL_LEGACY, COURT_TYPE_HIGH_SCHOOL_FOOTBALL].includes(court.type)
+      ? SPORT_TYPE_FOOTBALL
+      : SPORT_TYPE_BASKETBALL;
+  }
+
   get court() {
-    return this.play.playData.court;
+    const { court } = this.play.playData;
+    return {
+      ...court,
+      type: court.type === COURT_TYPE_HIGH_SCHOOL_FOOTBALL_LEGACY ? COURT_TYPE_HIGH_SCHOOL_FOOTBALL : court.type
+    };
   }
 
   get frameWidth() {
@@ -36,7 +54,8 @@ class Frame {
 
   get frameData() {
     return {
-      court: this.play.playData.court,
+      sport: this.sport,
+      court: this.court,
       lines: this.lines,
       players: this.players,
       shapes: this.shapes,

package/src/models/Play.js

@@ -3,6 +3,7 @@ const { loadImage } = require('canvas');
 const playerHatsConfig = require('../playerHatsConfig');
 const shapesConfig = require('../shapesConfig');
 const { useDefaults } = require('./Play/Options');
+const { SPORT_TYPE_BASKETBALL, SPORT_TYPE_FOOTBALL } = require('../constants');
 
 const STORAGE_URL = 'https://playbooksstore.blob.core.windows.net/public';
 const LUCEOSPORTS_WATERMARK_PATH = 'partners/LuceoSports/luceo-sports-logo-powered-by-sm.png';
@@ -25,9 +26,8 @@ class Play {
 
     Play.backgroundOptions = {
       Hardwood: hardwoodImage,
-      NBA: hardwoodImage,
-      NCAA: hardwoodImage,
-      FOOTBALL: grassImage
+      [SPORT_TYPE_BASKETBALL]: hardwoodImage,
+      [SPORT_TYPE_FOOTBALL]: grassImage
     };
 
     const luceoSportsWatermark = await loadImage(`${STORAGE_URL}/${LUCEOSPORTS_WATERMARK_PATH}`);