@playkit-js/kaltura-player-js/src/common/cuepoint/cuepoint-manager.ts

[](https://github.com/kaltura/kaltura-player-js/actions/workflows/run_canary.yaml) [![code style: prettier](https://img.shields.io/badge/code_style-pr

import { FakeEvent, PKTextTrack, EventType, TimedMetadata, createTextTrackCue, createTimedMetadata } from '@playkit-js/playkit-js';
import { KalturaPlayer } from '../../kaltura-player';
import { CuePoint } from '../../types';
import { PKTextTrackCue } from '@playkit-js/playkit-js';
const CUE_POINTS_TEXT_TRACK = 'CuePoints';

export class CuePointManager {
  private _player: KalturaPlayer;
  private _textTrack: TextTrack | null | undefined;

  constructor(player: KalturaPlayer) {
    this._player = player;
  }

  private _addTextTrack(): void {
    this._textTrack = this._player.addTextTrack(PKTextTrack.KIND.METADATA, CUE_POINTS_TEXT_TRACK);
  }

  private _getMetadataTracks(): Array<TextTrack> {
    return this._player.getNativeTextTracks().filter((track) => track.kind === PKTextTrack.KIND.METADATA && track.cues);
  }

  private _createTextTrackCue(data: CuePoint): PKTextTrackCue | null {
    const { startTime, endTime, id, metadata } = data;
    return createTextTrackCue({
      startTime,
      endTime,
      id,
      type: TimedMetadata.TYPE.CUE_POINT,
      metadata
    });
  }

  private _cuesSorter(a: TimedMetadata, b: TimedMetadata): number {
    return a.startTime - b.startTime;
  }

  public getAllCuePoints(): Array<TimedMetadata> {
    const metadataTracks = this._getMetadataTracks();
    return metadataTracks
      .reduce(
        (cues, track) => cues.concat(Array.from(track.cues!).map<TimedMetadata>((cue) => createTimedMetadata(cue) as TimedMetadata)),
        [] as TimedMetadata[]
      )
      .sort(this._cuesSorter);
  }

  public getActiveCuePoints(): Array<TimedMetadata> {
    const metadataTracks = this._getMetadataTracks();
    return metadataTracks
      .reduce(
        (cues, track) => cues.concat(Array.from(track.activeCues!).map<TimedMetadata>((cue) => createTimedMetadata(cue) as TimedMetadata)),
        [] as TimedMetadata[]
      )
      .sort(this._cuesSorter);
  }

  private _getTextTrackCueById(id: string): TextTrackCue | null {
    let cue: TextTrackCue | null = null;
    const metadataTracks = this._getMetadataTracks();
    metadataTracks.some((track) => {
      cue = track.cues!.getCueById(id);
      return cue;
    });
    return cue;
  }

  private _removeTextTrackCue(cue: TextTrackCue): void {
    try {
      cue.track?.removeCue(cue);
    } catch {
      // do nothing
    }
  }

  private _shouldAddTextTrack(): boolean {
    if (!this._textTrack) {
      return true;
    } else if (this._player.shouldAddTextTrack()) {
      return true;
    } else if (!(this._textTrack instanceof TextTrack)) {
      return true;
    }
    return false;
  }

  public addCuePoints(data: CuePoint[]): void {
    this._player.ready().then(() => {
      if (this._shouldAddTextTrack()) {
        this._addTextTrack();
      }
      const timedMetadataArr: Array<TimedMetadata> = [];
      data.forEach((cuePoint: CuePoint) => {
        const textTrackCue = this._createTextTrackCue(cuePoint);
        const exisedCue = this._getTextTrackCueById(cuePoint.id);
        if (exisedCue) {
          this._removeTextTrackCue(exisedCue);
        }
        this._textTrack?.addCue(textTrackCue!);
        timedMetadataArr.push(createTimedMetadata(textTrackCue!)!);
      });

      this._player.dispatchEvent(
        new FakeEvent(EventType.TIMED_METADATA_ADDED, {
          cues: timedMetadataArr
        })
      );
    });
  }

  private _clearAllTextTrackCues(): void {
    const metadataTracks = this._getMetadataTracks();
    metadataTracks.forEach((track) => {
      while (track.cues!.length) {
        this._removeTextTrackCue(track.cues![0]);
      }
    });
  }

  public reset(): void {
    this._clearAllTextTrackCues();
  }

  public destroy(): void {
    this.reset();
  }
}