@luceosports/play-rendering 2.6.2 → 2.7.0

package/dist/types/helpers/animation.d.ts

@@ -9,9 +9,7 @@ export declare const getEffectiveTimeline: (anim: HasKeyTimes, timeline: Timelin
 export declare const keyTimesToChunks: (keyTimes: number[]) => [number, number][];
 export declare const deriveLineChunksWithFallback: (params: {
     timeline: TimelineKey;
-    playerAnimation: HasKeyTimes;
     lineAnimation: HasKeyTimes;
     lineType: LineType;
     lineParts: LinePart[];
-    legacySupport?: boolean;
 }) => [number, number][];

package/dist/types/models/PlayerModel.d.ts

@@ -1,4 +1,4 @@
-import { Color, CourtPoint, Line, Player, PlayerAnimation, Position, AnimationMode } from "../../play-rendering";
+import { Color, CourtPoint, Line, Player, Position, AnimationMode } from "../../play-rendering";
 
 export class PlayerModel {
     constructor(data: Player);
@@ -12,10 +12,5 @@ export class PlayerModel {
     get position(): Position;
     get location(): CourtPoint;
     get color(): Color;
-    get animations(): PlayerAnimation[];
-    animationsByEndTime(mode: AnimationMode): number[];
-    lastAnimEndTime(mode: AnimationMode): number;
-    get lastAnimation(): PlayerAnimation;
-    get lastAnimationLastLinePartControlPoint(): CourtPoint;
     setPossession(prevPassLines: Line[]): void;
 }

package/dist/types/types/index.d.ts

@@ -59,16 +59,6 @@ export interface Court {
     type: CourtType;
     courtRect: CourtRect;
 }
-export type PlayerAnimationType = 'POSITION';
-export interface Animation {
-    id: string;
-    keyTimes: number[];
-    keyTimesSeq?: number[];
-}
-export interface PlayerAnimation extends Animation {
-    type: PlayerAnimationType;
-    lineParts: LinePart[];
-}
 export interface Player {
     id: string;
     possession: boolean;
@@ -76,10 +66,16 @@ export interface Player {
     position: Position;
     location: CourtPoint;
     textOverride?: string;
-    animations: PlayerAnimation[];
+}
+export interface Animation {
+    id: string;
+    keyTimes: number[];
 }
 export type LineAnimationType = 'LINESTROKE';
-export interface LineAnimation extends Animation {
+export interface LineAnimation {
+    id: string;
+    keyTimes: number[];
+    keyTimesSeq?: number[];
     type: LineAnimationType;
     strokeStartValues: [number, number, number];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luceosports/play-rendering",
-  "version": "2.6.2",
+  "version": "2.7.0",
   "main": "dist/play-rendering.js",
   "types": "dist/play-rendering.d.ts",
   "scripts": {

package/src/assets/balls/baseball.svg

@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg fill="#000000" width="800px" height="800px" viewBox="-8 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M368.5 363.9l28.8-13.9c11.1 22.9 26 43.2 44.1 60.9 34-42.5 54.5-96.3 54.5-154.9 0-58.5-20.4-112.2-54.2-154.6-17.8 17.3-32.6 37.1-43.6 59.5l-28.7-14.1c12.8-26 30-49 50.8-69C375.6 34.7 315 8 248 8 181.1 8 120.5 34.6 75.9 77.7c20.7 19.9 37.9 42.9 50.7 68.8l-28.7 14.1c-11-22.3-25.7-42.1-43.5-59.4C20.4 143.7 0 197.4 0 256c0 58.6 20.4 112.3 54.4 154.7 18.2-17.7 33.2-38 44.3-61l28.8 13.9c-12.9 26.7-30.3 50.3-51.5 70.7 44.5 43.1 105.1 69.7 172 69.7 66.8 0 127.3-26.5 171.9-69.5-21.1-20.4-38.5-43.9-51.4-70.6zm-228.3-32l-30.5-9.8c14.9-46.4 12.7-93.8-.6-134l30.4-10c15 45.6 18 99.9.7 153.8zm216.3-153.4l30.4 10c-13.2 40.1-15.5 87.5-.6 134l-30.5 9.8c-17.3-54-14.3-108.3.7-153.8z"/></svg>
+<svg fill="#FFFFFF" width="800px" height="800px" viewBox="-8 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M368.5 363.9l28.8-13.9c11.1 22.9 26 43.2 44.1 60.9 34-42.5 54.5-96.3 54.5-154.9 0-58.5-20.4-112.2-54.2-154.6-17.8 17.3-32.6 37.1-43.6 59.5l-28.7-14.1c12.8-26 30-49 50.8-69C375.6 34.7 315 8 248 8 181.1 8 120.5 34.6 75.9 77.7c20.7 19.9 37.9 42.9 50.7 68.8l-28.7 14.1c-11-22.3-25.7-42.1-43.5-59.4C20.4 143.7 0 197.4 0 256c0 58.6 20.4 112.3 54.4 154.7 18.2-17.7 33.2-38 44.3-61l28.8 13.9c-12.9 26.7-30.3 50.3-51.5 70.7 44.5 43.1 105.1 69.7 172 69.7 66.8 0 127.3-26.5 171.9-69.5-21.1-20.4-38.5-43.9-51.4-70.6zm-228.3-32l-30.5-9.8c14.9-46.4 12.7-93.8-.6-134l30.4-10c15 45.6 18 99.9.7 153.8zm216.3-153.4l30.4 10c-13.2 40.1-15.5 87.5-.6 134l-30.5 9.8c-17.3-54-14.3-108.3.7-153.8z"/></svg>

package/src/assets/balls/basketball.svg

@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg width="800px" height="800px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="#000000" d="M248.37 41.094c-49.643 1.754-98.788 20.64-137.89 56.656L210.53 197.8c31.283-35.635 45.59-88.686 37.84-156.706zm18.126.107c7.646 71.205-7.793 129.56-43.223 169.345L256 243.27 401.52 97.75c-38.35-35.324-86.358-54.18-135.024-56.55zM97.75 110.48c-36.017 39.102-54.902 88.247-56.656 137.89 68.02 7.75 121.07-6.557 156.707-37.84L97.75 110.48zm316.5 0L268.73 256l32.71 32.71c33.815-30.112 81.05-45.78 138.183-45.11 10.088.118 20.49.753 31.176 1.9-2.37-48.665-21.227-96.672-56.55-135.02zM210.545 223.272c-39.785 35.43-98.14 50.87-169.344 43.223 2.37 48.666 21.226 96.675 56.55 135.025L243.27 256l-32.725-32.727zm225.002 38.27c-51.25.042-92.143 14.29-121.348 39.928l100.05 100.05c36.017-39.102 54.902-88.247 56.656-137.89-12.275-1.4-24.074-2.096-35.36-2.087zM256 268.73L110.48 414.25c38.35 35.324 86.358 54.18 135.024 56.55-7.646-71.205 7.793-129.56 43.223-169.345L256 268.73zm45.47 45.47c-31.283 35.635-45.59 88.686-37.84 156.706 49.643-1.754 98.788-20.64 137.89-56.656L301.47 314.2z"/></svg>
+<svg width="512px" height="512px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="#FF7A00" d="M248.37 41.094c-49.643 1.754-98.788 20.64-137.89 56.656L210.53 197.8c31.283-35.635 45.59-88.686 37.84-156.706zm18.126.107c7.646 71.205-7.793 129.56-43.223 169.345L256 243.27 401.52 97.75c-38.35-35.324-86.358-54.18-135.024-56.55zM97.75 110.48c-36.017 39.102-54.902 88.247-56.656 137.89 68.02 7.75 121.07-6.557 156.707-37.84L97.75 110.48zm316.5 0L268.73 256l32.71 32.71c33.815-30.112 81.05-45.78 138.183-45.11 10.088.118 20.49.753 31.176 1.9-2.37-48.665-21.227-96.672-56.55-135.02zM210.545 223.272c-39.785 35.43-98.14 50.87-169.344 43.223 2.37 48.666 21.226 96.675 56.55 135.025L243.27 256l-32.725-32.727zm225.002 38.27c-51.25.042-92.143 14.29-121.348 39.928l100.05 100.05c36.017-39.102 54.902-88.247 56.656-137.89-12.275-1.4-24.074-2.096-35.36-2.087zM256 268.73L110.48 414.25c38.35 35.324 86.358 54.18 135.024 56.55-7.646-71.205 7.793-129.56 43.223-169.345L256 268.73zm45.47 45.47c-31.283 35.635-45.59 88.686-37.84 156.706 49.643-1.754 98.788-20.64 137.89-56.656L301.47 314.2z"/></svg>

package/src/assets/balls/football.svg

@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg fill="#000000" width="800px" height="800px" viewBox="-8 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M481.5 60.3c-4.8-18.2-19.1-32.5-37.3-37.4C420.3 16.5 383 8.9 339.4 8L496 164.8c-.8-43.5-8.2-80.6-14.5-104.5zm-467 391.4c4.8 18.2 19.1 32.5 37.3 37.4 23.9 6.4 61.2 14 104.8 14.9L0 347.2c.8 43.5 8.2 80.6 14.5 104.5zM4.2 283.4L220.4 500c132.5-19.4 248.8-118.7 271.5-271.4L275.6 12C143.1 31.4 26.8 130.7 4.2 283.4zm317.3-123.6c3.1-3.1 8.2-3.1 11.3 0l11.3 11.3c3.1 3.1 3.1 8.2 0 11.3l-28.3 28.3 28.3 28.3c3.1 3.1 3.1 8.2 0 11.3l-11.3 11.3c-3.1 3.1-8.2 3.1-11.3 0l-28.3-28.3-22.6 22.7 28.3 28.3c3.1 3.1 3.1 8.2 0 11.3l-11.3 11.3c-3.1 3.1-8.2 3.1-11.3 0L248 278.6l-22.6 22.6 28.3 28.3c3.1 3.1 3.1 8.2 0 11.3l-11.3 11.3c-3.1 3.1-8.2 3.1-11.3 0l-28.3-28.3-28.3 28.3c-3.1 3.1-8.2 3.1-11.3 0l-11.3-11.3c-3.1-3.1-3.1-8.2 0-11.3l28.3-28.3-28.3-28.2c-3.1-3.1-3.1-8.2 0-11.3l11.3-11.3c3.1-3.1 8.2-3.1 11.3 0l28.3 28.3 22.6-22.6-28.3-28.3c-3.1-3.1-3.1-8.2 0-11.3l11.3-11.3c3.1-3.1 8.2-3.1 11.3 0l28.3 28.3 22.6-22.6-28.3-28.3c-3.1-3.1-3.1-8.2 0-11.3l11.3-11.3c3.1-3.1 8.2-3.1 11.3 0l28.3 28.3 28.3-28.5z"/></svg>
+<svg fill="#8B4513" width="800px" height="800px" viewBox="-8 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M481.5 60.3c-4.8-18.2-19.1-32.5-37.3-37.4C420.3 16.5 383 8.9 339.4 8L496 164.8c-.8-43.5-8.2-80.6-14.5-104.5zm-467 391.4c4.8 18.2 19.1 32.5 37.3 37.4 23.9 6.4 61.2 14 104.8 14.9L0 347.2c.8 43.5 8.2 80.6 14.5 104.5zM4.2 283.4L220.4 500c132.5-19.4 248.8-118.7 271.5-271.4L275.6 12C143.1 31.4 26.8 130.7 4.2 283.4zm317.3-123.6c3.1-3.1 8.2-3.1 11.3 0l11.3 11.3c3.1 3.1 3.1 8.2 0 11.3l-28.3 28.3 28.3 28.3c3.1 3.1 3.1 8.2 0 11.3l-11.3 11.3c-3.1 3.1-8.2 3.1-11.3 0l-28.3-28.3-22.6 22.7 28.3 28.3c3.1 3.1 3.1 8.2 0 11.3l-11.3 11.3c-3.1 3.1-8.2 3.1-11.3 0L248 278.6l-22.6 22.6 28.3 28.3c3.1 3.1 3.1 8.2 0 11.3l-11.3 11.3c-3.1 3.1-8.2 3.1-11.3 0l-28.3-28.3-28.3 28.3c-3.1 3.1-8.2 3.1-11.3 0l-11.3-11.3c-3.1-3.1-3.1-8.2 0-11.3l28.3-28.3-28.3-28.2c-3.1-3.1-3.1-8.2 0-11.3l11.3-11.3c3.1-3.1 8.2-3.1 11.3 0l28.3 28.3 22.6-22.6-28.3-28.3c-3.1-3.1-3.1-8.2 0-11.3l11.3-11.3c3.1-3.1 8.2-3.1 11.3 0l28.3 28.3 22.6-22.6-28.3-28.3c-3.1-3.1-3.1-8.2 0-11.3l11.3-11.3c3.1-3.1 8.2-3.1 11.3 0l28.3 28.3 28.3-28.5z"/></svg>

package/src/assets/balls/lacrosse.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
 <svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
      viewBox="0 0 512 512" xml:space="preserve">
-<path style="fill:#A0A0A0;" d="M512,256c0,141.384-114.616,256-256,256S0,397.384,0,256S114.616,0,256,0S512,114.616,512,256z"/>
-    <path style="fill:#868686;" d="M512,256c0,141.384-114.615,256-256,256C132.098,512,28.761,423.976,5.098,307.054
+<path style="fill:#FFFFFF;" d="M512,256c0,141.384-114.616,256-256,256S0,397.384,0,256S114.616,0,256,0S512,114.616,512,256z"/>
+    <path style="fill:#FFFFFF;" d="M512,256c0,141.384-114.615,256-256,256C132.098,512,28.761,423.976,5.098,307.054
 	c39.175,56.575,104.53,93.641,178.554,93.641c119.87,0,217.043-97.174,217.043-217.043c0-74.024-37.067-139.38-93.641-178.554
 	C423.976,28.761,512,132.098,512,256z"/>
     <path style="fill:#FFFFFF;" d="M464.696,256v0.493c-0.017,4.6-3.751,8.319-8.348,8.319c-0.01,0-0.02,0-0.03,0
@@ -10,7 +10,7 @@
 	c-4.548-0.767-8.854,2.292-9.623,6.837C429.629,380.833,350.019,448,256,448c-4.61,0-8.348,3.738-8.348,8.348
 	s3.738,8.348,8.348,8.348c49.603,0,97.675-17.703,135.363-49.849c37.264-31.784,62.264-75.739,70.396-123.767
 	C462.529,286.534,459.468,282.226,454.922,281.456z"/>
-    <path style="fill:#AAAAAA;" d="M244.87,161.391c0,52.251-42.358,94.609-94.609,94.609s-94.609-42.358-94.609-94.609
+    <path style="fill:#FFFFFF;" d="M244.87,161.391c0,52.251-42.358,94.609-94.609,94.609s-94.609-42.358-94.609-94.609
 	s42.358-94.609,94.609-94.609S244.87,109.141,244.87,161.391z"/>
     <path style="fill:#757575;" d="M166.957,244.862c0-10.725,7.637-19.959,18.187-21.889c20.537-3.757,44.826-5.929,70.856-5.929
 	s50.32,2.173,70.856,5.93c10.551,1.93,18.187,11.163,18.187,21.889v22.275c0,10.725-7.637,19.959-18.187,21.889

package/src/assets/balls/soccer.svg

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg fill="#FFFFFF" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
      width="800px" height="800px" viewBox="0 0 72.371 72.372"
      xml:space="preserve">
 <g>

package/src/assets/balls/volleyball.svg

@@ -4,7 +4,7 @@
 <svg height="800px" width="800px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
      viewBox="0 0 512 512"  xml:space="preserve">
 <style type="text/css">
-	.st0{fill:#000000;}
+	.st0{fill:#FFFFFF;}
 </style>
     <g>
 	<path class="st0" d="M383.301,168.546c-6.107,8.825-12.711,17.27-19.676,25.413c-25.851,30.156-57.049,55.51-92.144,74.679

package/src/helpers/animation.ts

@@ -66,13 +66,11 @@ const splitChunkByPartDurations = (params: {
 
 export const deriveLineChunksWithFallback = (params: {
   timeline: TimelineKey;
-  playerAnimation: HasKeyTimes;
   lineAnimation: HasKeyTimes;
   lineType: LineType;
   lineParts: LinePart[];
-  legacySupport?: boolean;
 }): [number, number][] => {
-  const { timeline, playerAnimation, lineAnimation, lineType, lineParts, legacySupport = true } = params;
+  const { timeline, lineAnimation, lineType, lineParts } = params;
   const linePartsCount = lineParts.length ?? 0;
 
   const chunks = keyTimesToChunks(getEffectiveTimeline(lineAnimation, timeline));
@@ -81,32 +79,15 @@ export const deriveLineChunksWithFallback = (params: {
   // If there are no chunks (bad/partial data), just return as-is.
   if (!chunks.length) return chunks;
 
-  // Prefer geometry-based splitting over player animation fallback.
+  // Geometry-based splitting fallback.
   // Typical legacy case: multi-part line stored as a single [start,end] chunk.
   if (chunks.length === 1 && lineParts?.length) {
     const [[start, end]] = chunks;
     const split = splitChunkByPartDurations({ start, end, lineParts, lineType });
-    console.log('geometry based', { chunks, split, linePartsCount });
     if (split.length === linePartsCount) return split;
   }
 
-  console.warn('PLAYER FALLBACK ATTEMPT!!!', { chunks, linePartsCount });
-
-  // If legacy support is disabled, do not attempt reconstruction from player timeline.
-  if (!legacySupport) return chunks;
-
-  // Backward compatibility:
-  // legacy multi-part lines stored only [start,end] in the line animation timeline,
-  // so reconstruct per-part timings from the player animation timeline slice.
-  const [[start, end]] = chunks;
-  const playerTimeline = getEffectiveTimeline(playerAnimation, timeline);
-
-  const startIndex = playerTimeline.indexOf(start);
-  const endIndex = playerTimeline.indexOf(end);
-  if (startIndex < 0 || endIndex < 0) return chunks;
-
-  const sliced = playerTimeline.slice(startIndex, endIndex + 1);
-  return keyTimesToChunks(sliced);
+  return chunks;
 };
 
 export const getLineAnimationChunks = (params: {
@@ -121,22 +102,12 @@ export const getLineAnimationChunks = (params: {
   const lineAnimation = line.animations?.[0] as unknown as HasKeyTimes | undefined;
   if (!lineAnimation) return [];
 
-  const linePlayer = players.find(p => p.position === line.playerPositionOrigin);
-  const playerAnimation = (linePlayer?.animations?.[0] as unknown as HasKeyTimes | undefined) ?? undefined;
-
-  // Fast path: no player timeline available, just chunk the line timeline as-is.
-  if (!playerAnimation) {
-    return keyTimesToChunks(getEffectiveTimeline(lineAnimation, timeline));
-  }
-
   // Full path: handle chunking + legacy reconstruction.
   return deriveLineChunksWithFallback({
     timeline,
-    playerAnimation,
     lineAnimation,
     lineType: line.type,
-    lineParts: line.lineParts,
-    legacySupport: false
+    lineParts: line.lineParts
   });
 };
 

package/src/helpers/draw.ts

@@ -1,4 +1,3 @@
-import { SPORT_TYPE_BASKETBALL } from '../constants';
 import { SportType } from '../types';
 
 type StaticDataWithBalls = {
@@ -26,7 +25,7 @@ export function drawBallObject(params: DrawBallObjectParams): boolean {
   const ball = staticData?.balls?.find(b => b.key === sport);
   if (!ball) return false;
 
-  const BALL_DIAMETER_TO_PUCK_DIAMETER_RATIO = 0.4;
+  const BALL_DIAMETER_TO_PUCK_DIAMETER_RATIO = 0.5;
   const puckDiameter = puckRadius * 2;
   const ballSize = puckDiameter * BALL_DIAMETER_TO_PUCK_DIAMETER_RATIO;
 

package/src/models/PlayerModel.ts

@@ -1,6 +1,5 @@
-import _ from 'lodash';
 import Model from './Base/InternalFrameModel';
-import { AnimationMode, Line, Player as PlayerData, PlayerAnimation } from '../types';
+import { Line, Player as PlayerData } from '../types';
 
 export default class PlayerModel extends Model<PlayerData, PlayerData> {
   get id() {
@@ -47,30 +46,6 @@ export default class PlayerModel extends Model<PlayerData, PlayerData> {
     return this._getAttr('color');
   }
 
-  get animations() {
-    return this._getAttr('animations');
-  }
-
-  private getAnimationKeyTimes(animation: PlayerAnimation, mode: AnimationMode) {
-    return mode === AnimationMode.SEQUENTIAL ? animation.keyTimesSeq || animation.keyTimes : animation.keyTimes;
-  }
-
-  animationsByEndTime(mode: AnimationMode) {
-    return this._getAttr('animations').map(a => _.last(this.getAnimationKeyTimes(a, mode)));
-  }
-
-  lastAnimEndTime(mode: AnimationMode) {
-    return _.max(this.animationsByEndTime(mode));
-  }
-
-  get lastAnimation() {
-    return [...this.animations].pop();
-  }
-
-  get lastAnimationLastLinePartControlPoint() {
-    return [...[...this.lastAnimation!.lineParts].pop()!.controlPoints].pop();
-  }
-
   setPossession(prevPassLines: Line[]) {
     if (!prevPassLines.length) return;
     let possessionCount = this.possession ? 1 : 0;

package/src/types/index.ts

@@ -133,19 +133,6 @@ export interface Court {
   courtRect: CourtRect;
 }
 
-export type PlayerAnimationType = 'POSITION';
-
-export interface Animation {
-  id: string;
-  keyTimes: number[];
-  keyTimesSeq?: number[];
-}
-
-export interface PlayerAnimation extends Animation {
-  type: PlayerAnimationType;
-  lineParts: LinePart[];
-}
-
 export interface Player {
   id: string;
   possession: boolean;
@@ -153,12 +140,19 @@ export interface Player {
   position: Position;
   location: CourtPoint;
   textOverride?: string;
-  animations: PlayerAnimation[];
+}
+
+export interface Animation {
+  id: string;
+  keyTimes: number[];
 }
 
 export type LineAnimationType = 'LINESTROKE';
 
-export interface LineAnimation extends Animation {
+export interface LineAnimation {
+  id: string;
+  keyTimes: number[];
+  keyTimesSeq?: number[];
   type: LineAnimationType;
   strokeStartValues: [number, number, number];
 }