@luceosports/play-rendering 2.0.4 → 2.0.6

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.4",
+  "version": "2.0.6",
   "main": "dist/play-rendering.js",
   "types": "dist/play-rendering.d.ts",
   "scripts": {

package/src/layers/PlayerLayer.ts

@@ -105,7 +105,13 @@ export default class PlayerLayer extends BaseLayer {
     if (this.staticData.playerHeadshots && this.options.labelsOverrideType === 'Headshot') {
       const playerMapItem = this.options.playersMap.find(item => item.position === player.position);
       const headshotImage = this.staticData.playerHeadshots.find(item => item.id === playerMapItem?.teamPlayerId);
+
+      this.ctx.save();
+
+      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;
 
@@ -123,8 +129,6 @@ export default class PlayerLayer extends BaseLayer {
         const topLeftX = 0 - (imageHorizontal ? dw / 2 : this.radius);
         const topLeftY = 0 - (imageVertical ? dh / 2 : this.radius);
 
-        this.ctx.save();
-        this.ctx.translate(x, y);
         if (this.options.flipPlayerLabels) {
           this.ctx.rotate(Math.PI);
         }
@@ -132,8 +136,16 @@ export default class PlayerLayer extends BaseLayer {
         this.ctx.clip();
         this.ctx.drawImage(headshotImage.image, topLeftX, topLeftY, dw, dh);
         this.ctx.restore();
-        return;
       }
+
+      this.ctx.beginPath();
+      this.ctx.lineWidth = this.courtTypeConstants.LINE_WIDTH;
+      this.ctx.arc(0, 0, this.radius, 0, Math.PI * 2, true);
+      this.ctx.stroke();
+
+      this.ctx.restore();
+
+      if (headshotImage) return;
     }
 
     const { alpha } = player.color;

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 };

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

@@ -1,19 +1,19 @@
-import BorderRectLayer from './BorderRectLayer';
-import CenterCircleLayer from './CenterCircleLayer';
-import CenterLineLayer from './CenterLineLayer';
-import CenterSpotLayer from './CenterSpotLayer';
-import CornerLayer from './CornerLayer';
-import PenaltyArcLayer from './PenaltyArcLayer';
-import PenaltyAreaLayer from './PenaltyAreaLayer';
-import PenaltySpotLayer from './PenaltySpotLayer';
-
-export {
-  BorderRectLayer,
-  CenterCircleLayer,
-  CenterLineLayer,
-  CenterSpotLayer,
-  CornerLayer,
-  PenaltyArcLayer,
-  PenaltyAreaLayer,
-  PenaltySpotLayer
-};
+import BorderRectLayer from './BorderRectLayer';
+import CenterCircleLayer from './CenterCircleLayer';
+import CenterLineLayer from './CenterLineLayer';
+import CenterSpotLayer from './CenterSpotLayer';
+import CornerLayer from './CornerLayer';
+import PenaltyArcLayer from './PenaltyArcLayer';
+import PenaltyAreaLayer from './PenaltyAreaLayer';
+import PenaltySpotLayer from './PenaltySpotLayer';
+
+export {
+  BorderRectLayer,
+  CenterCircleLayer,
+  CenterLineLayer,
+  CenterSpotLayer,
+  CornerLayer,
+  PenaltyArcLayer,
+  PenaltyAreaLayer,
+  PenaltySpotLayer
+};

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

@@ -1,6 +1,6 @@
-import AttackLineLayer from './AttackLineLayer';
-import BorderRectLayer from './BorderRectLayer';
-import CenterLineLayer from './CenterLineLayer';
-import HashMarkLayer from './HashMarkLayer';
-
-export { AttackLineLayer, BorderRectLayer, CenterLineLayer, HashMarkLayer };
+import AttackLineLayer from './AttackLineLayer';
+import BorderRectLayer from './BorderRectLayer';
+import CenterLineLayer from './CenterLineLayer';
+import HashMarkLayer from './HashMarkLayer';
+
+export { AttackLineLayer, BorderRectLayer, CenterLineLayer, HashMarkLayer };

package/src/layers/line/index.ts

@@ -1,8 +1,8 @@
-import CutLineLayer from './layers/CutLineLayer';
-import DribbleLineLayer from './layers/DribbleLineLayer';
-import HandoffLineLayer from './layers/HandoffLineLayer';
-import PassLineLayer from './layers/PassLineLayer';
-import ScreenLineLayer from './layers/ScreenLineLayer';
-import ShotLineLayer from './layers/ShotLineLayer';
-
-export { CutLineLayer, DribbleLineLayer, HandoffLineLayer, PassLineLayer, ScreenLineLayer, ShotLineLayer };
+import CutLineLayer from './layers/CutLineLayer';
+import DribbleLineLayer from './layers/DribbleLineLayer';
+import HandoffLineLayer from './layers/HandoffLineLayer';
+import PassLineLayer from './layers/PassLineLayer';
+import ScreenLineLayer from './layers/ScreenLineLayer';
+import ShotLineLayer from './layers/ShotLineLayer';
+
+export { CutLineLayer, DribbleLineLayer, HandoffLineLayer, PassLineLayer, ScreenLineLayer, ShotLineLayer };