@luceosports/play-rendering 2.1.0 → 2.1.1

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

@@ -8,6 +8,7 @@ export class NoteModel {
     get color(): Color;
     get showBorder(): boolean;
     get animations(): Animation[];
+    get hideForStatic(): boolean | undefined;
     get font(): NoteFont;
     get fontSize(): number;
     get lineHeight(): number;

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

@@ -31,6 +31,7 @@ export type PlayModelOptions = {
     showHalfCourtCircle: boolean;
     playersMap: PlayersMapItem[];
     labelsOverrideType: 'Headshot' | null;
+    inDrawingState: boolean;
 }
 
 export class PlayModel {

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

@@ -13,6 +13,7 @@ export class ShapeModel {
     get outerCircleRadius(): number;
     get linePart(): LinePart;
     get animations(): Animation[];
+    get hideForStatic(): boolean | undefined;
     get rectWrapPointsPure(): {
         x: number;
         y: number;

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

@@ -101,6 +101,7 @@ export interface Shape {
     showBorder?: boolean;
     linePart?: LinePart;
     animations: Animation[];
+    hideForStatic?: boolean;
 }
 export interface Note {
     id: string;
@@ -111,6 +112,7 @@ export interface Note {
     font: NoteFont;
     color: Color;
     showBorder: boolean;
+    hideForStatic?: boolean;
 }
 export interface NoteFont {
     bold: boolean;

package/package.json

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

package/src/helpers/animation.ts

@@ -4,7 +4,7 @@ import _ from 'lodash';
 import { FrameDataOptions } from '../models/FrameModel';
 
 export function computeAnimationAlpha(model: NoteModel | ShapeModel, options: FrameDataOptions) {
-  let alpha = 1;
+  let alpha = model.hideForStatic && !options.inDrawingState ? 0 : 1;
   if (options.animationGlobalProgress) {
     alpha = 0;
     const animationKeyTimeChunks = model.animations.map(a => {

package/src/models/NoteModel.ts

@@ -47,6 +47,10 @@ export default class NoteModel extends Model<NoteData, NoteData> {
     return this._getAttr('animations') || [];
   }
 
+  get hideForStatic() {
+    return this._getAttr('hideForStatic');
+  }
+
   get font() {
     return (
       this._getAttr('font') || {

package/src/models/Play/Options.ts

@@ -24,7 +24,8 @@ export function useDefaults(options?: Partial<PlayModelOptions>): PlayModelOptio
     // TODO: refactor NBA court type constants below
     showHalfCourtCircle: true,
     playersMap: [],
-    labelsOverrideType: null
+    labelsOverrideType: null,
+    inDrawingState: false
   };
   return {
     ...defaults,

package/src/models/PlayModel.ts

@@ -74,6 +74,7 @@ export type PlayModelOptions = {
   showHalfCourtCircle: boolean;
   playersMap: PlayersMapItem[];
   labelsOverrideType: 'Headshot' | null;
+  inDrawingState: boolean;
 };
 
 export default class PlayModel {

package/src/models/ShapeModel.ts

@@ -53,6 +53,10 @@ export default abstract class ShapeModel extends Model<ShapeData, ShapeData> {
     return this._getAttr('animations') || [];
   }
 
+  get hideForStatic() {
+    return this._getAttr('hideForStatic');
+  }
+
   get rectWrapPointsPure() {
     const topLeft = { x: -this.outerCircleRadius / 2, y: -this.outerCircleRadius / 2 };
     const topRight = { x: this.outerCircleRadius / 2, y: -this.outerCircleRadius / 2 };

package/src/types/index.ts

@@ -164,6 +164,7 @@ export interface Shape {
   showBorder?: boolean;
   linePart?: LinePart;
   animations: Animation[];
+  hideForStatic?: boolean;
 }
 
 export interface Note {
@@ -175,6 +176,7 @@ export interface Note {
   font: NoteFont;
   color: Color;
   showBorder: boolean;
+  hideForStatic?: boolean;
 }
 
 export interface NoteFont {