5ededb45-5949-4255-ab9f-c3b5afd2e1a6

Committed 04 Dec 2023 01:54PM UTC coverage: 94.795% (-1.5%) from 96.257%

Build # 5ededb45-5949-4255-ab9f-c3b5afd2e1a6

Build Type

push

circleci

Committed by

web-flow

Commit Message

Merge pull request #292 from Rise-Vision/chore/rise-video-source

Migrate source code for rise-video component

Run Details

1044 of 1115 branches covered (0.0%)

Branch coverage included in aggregate %.

278 of 478 new or added lines in 3 files covered. (58.16%)

1 existing line in 1 file now uncovered.

10866 of 11449 relevant lines covered (94.91%)

1.77 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

66.01

/src/rise-video/rise-video.js

/* eslint-disable class-methods-use-this, no-console */

import { html, css } from 'lit';
import { RiseElement } from '../common/rise-element.js';
import { WatchStorageMixin } from '../common/watch-storage-mixin.js';
import { version } from '../version.js';
import {} from '../common/rise-lit-video-player.js';

const MAXIMUM_TIME_FOR_FIRST_DOWNLOAD = 15 * 1000;
const NO_FILES_DONE_DELAY = 10 * 1000;
const DONE_PREVIEW_DELAY = 10 * 1000;

export default class RiseVideo extends WatchStorageMixin(RiseElement) {
  render() {
    return html`${this._template()}`;
  }

  static get properties() {
    return {
      files: {
        type: String,
      },
      metadata: {
        type: Array,
      },
      volume: {
        type: Number,
      },
      playUntilDone: {
        type: Boolean,
        attribute: 'play-until-done',
      },
    };
  }

  static get styles() {
    return css`
      :host {
        display: inline-block;
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 100%;
      }

      #previewPlaceholder {
        display: none;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #f2f2f2;
      }
      #previewPlaceholder svg {
        height: 120px;
        width: 100%;
      }
      #previewPlaceholder h1 {
        color: #020620;
        font-size: 48px;
        text-transform: initial;
        font-family: Helvetica, Arial, sans-serif;
      }

      .show-placeholder {
        display: flex !important;
      }

      .hide-placeholder {
        display: none !important;
      }
    `;
  }

  constructor() {
    super();

    this.files = '';
    this.metadata = null;
    this.volume = 0;
    this.playUntilDone = false;
    this.version = version;

    this._initialStart = true;
    this._filesToRenderList = [];
    this._validFiles = [];
    this._noFilesDoneTimer = null;
    this._firstDownloadTimer = null;
    this._maximumTimeForFirstDownload = MAXIMUM_TIME_FOR_FIRST_DOWNLOAD;
    this._noFilesDoneDelay = NO_FILES_DONE_DELAY;
    this._placeholderClass = 'hide-placeholder';
    this._donePreviewTimer = null;

    // Preserve bindings to this in external callbacks
    this._handleFirstDownloadTimer = this._handleFirstDownloadTimer.bind(this);
    this._handleNoFilesTimer = this._handleNoFilesTimer.bind(this);
    this._childLog = this._childLog.bind(this);
    this._childSetUptime = this._childSetUptime.bind(this);
    this._done = this._done.bind(this);
  }

  disconnectedCallback() {
    super.disconnectedCallback();
  }

  _template() {
    return html`
      <div id="previewPlaceholder" class=${this._placeholderClass}>
        <svg
          viewBox="0 0 64 60"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
        >
          <g
            id="1.-Atoms"
            stroke="none"
            stroke-width="1"
            fill="none"
            fill-rule="evenodd"
          >
            <g
              id="Desktop/Icons"
              transform="translate(-423.000000, -1232.000000)"
              fill="#020620"
              fill-rule="nonzero"
            >
              <g
                id="icon-rise-video"
                transform="translate(423.000000, 1232.000000)"
              >
                <path
                  d="M64,19.7727273 C64,19.0196117 63.4030463,18.4090909 62.6666667,18.4090909 L1.33333333,18.4090909 C0.596953667,18.4090909 9.01805001e-17,19.0196117 0,19.7727273 L0,52.5 C4.50902501e-16,56.2655778 2.98476833,59.3181818 6.66666667,59.3181818 L57.3333333,59.3181818 C59.1014433,59.3181818 60.797136,58.5998397 62.0473785,57.3211826 C63.2976211,56.0425255 64,54.3082942 64,52.5 L64,19.7727273 Z M43.2933333,35.7763636 C44.5236453,36.2850319 45.3290106,37.5064348 45.3290106,38.8636364 C45.3290106,40.2208379 44.5236453,41.4422408 43.2933333,41.9509091 L25.624,49.5218182 C24.6842732,49.9373961 23.603872,49.8468676 22.7428158,49.2803992 C21.8817596,48.7139309 21.3532247,47.7459787 21.3333333,46.6990909 L21.3333333,31.0281818 C21.3519076,29.9807367 21.8801734,29.0118031 22.741667,28.445047 C23.6031606,27.8782909 24.6843234,27.7884198 25.624,28.2054545 L43.2933333,35.7763636 Z"
                  id="Shape"
                ></path>
                <path
                  d="M52.168,1.84636364 C52.3588259,1.65169491 52.4162661,1.35866279 52.3135557,1.10380982 C52.2108452,0.848956855 51.9681931,0.68242737 51.6986667,0.681818182 L41.6,0.681818182 C41.5272325,0.682447068 41.4575055,0.711753263 41.4053333,0.763636364 L29.2986667,13.1536364 C29.1074975,13.3486557 29.0502265,13.6423492 29.1536209,13.8974499 C29.2570154,14.1525506 29.5006548,14.3186759 29.7706667,14.3181818 L39.8586667,14.3181818 C39.9323031,14.3179727 40.0030094,14.2886565 40.056,14.2363636 L52.168,1.84636364 Z"
                  id="Path"
                ></path>
                <path
                  d="M58.8666667,0.867272727 C58.8233477,0.856411955 58.777649,0.86991386 58.7466667,0.902727273 L46.768,13.1536364 C46.5768309,13.3486557 46.5195598,13.6423492 46.6229543,13.8974499 C46.7263487,14.1525506 46.9699882,14.3186759 47.24,14.3181818 L62.6666667,14.3181818 C63.4030463,14.3181818 64,13.707661 64,12.9545455 L64,7.5 C63.9987928,4.33952254 61.8740641,1.59418236 58.8666667,0.867272727 Z"
                  id="Path"
                ></path>
                <path
                  d="M34.7013333,1.84636364 C34.8925025,1.65134428 34.9497735,1.35765076 34.8463791,1.10255007 C34.7429846,0.847449373 34.4993452,0.681324104 34.2293333,0.681818182 L24.2666667,0.681818182 C24.1938992,0.682447068 24.1241722,0.711753263 24.072,0.763636364 L11.9653333,13.1536364 C11.7741642,13.3486557 11.7168931,13.6423492 11.8202876,13.8974499 C11.923682,14.1525506 12.1673215,14.3186759 12.4373333,14.3181818 L22.4,14.3181818 C22.4727675,14.3175529 22.5424945,14.2882467 22.5946667,14.2363636 L34.7013333,1.84636364 Z"
                  id="Path"
                ></path>
                <path
                  d="M17.368,1.84636364 C17.5591691,1.65134428 17.6164402,1.35765076 17.5130457,1.10255007 C17.4096513,0.847449373 17.1660118,0.681324104 16.896,0.681818182 L6.66666667,0.681818182 C2.98476833,0.681818182 4.50902501e-16,3.73442216 0,7.5 L0,12.9545455 C9.01805001e-17,13.707661 0.596953667,14.3181818 1.33333333,14.3181818 L5.06666667,14.3181818 C5.13943413,14.3175529 5.20916117,14.2882467 5.26133333,14.2363636 L17.368,1.84636364 Z"
                  id="Path"
                ></path>
              </g>
            </g>
          </g>
        </svg>
        <h1>Video</h1>
      </div>
      <rise-lit-video-player id="videoPlayer"></rise-lit-video-player>
    `;
  }

  updated(changedProperties) {
    if (changedProperties.has('files') || changedProperties.has('metadata')) {
      this._reset();
    }
  }

  _handleRisePresentationPlay() {
    super._handleRisePresentationPlay();

    this._reset();
  }

  _handleRisePresentationStop() {
    super._handleRisePresentationStop();

    this._stop();
  }

  _handleStart(event) {
    super._handleStart(event);

    if (this._initialStart) {
      const videoPlayer = this.renderRoot.querySelector('#videoPlayer');

      this._placeholderClass = this._isPreview()
        ? 'show-placeholder'
        : 'hide-placeholder';

      videoPlayer.addEventListener('log', this._childLog);
      videoPlayer.addEventListener('set-uptime', this._childSetUptime);
      videoPlayer.addEventListener('playlist-done', () => this._done());
      videoPlayer.addEventListener('playlist-stuck', () =>
        this._playlistStuck()
      );

      this.log(RiseVideo.LOG_TYPE_INFO, RiseVideo.EVENT_START, null, {
        files: this.files,
      });

      this._start();
    }
  }

  _start() {
    if (this._isPreview()) {
      if (this.playUntilDone) {
        this._startDonePreviewTimer();
      }

      return;
    }

    this.stopWatch();
    this._clearFirstDownloadTimer();
    this._clearHandleNoFilesTimer();

    const filesList = this._hasMetadata()
      ? this._getFilesFromMetadata()
      : this._getDefaultFiles();
    const validFiles = filesList.filter(file => this.isVideoFile(file));

    if (validFiles && validFiles.length > 0) {
      this._validFiles = validFiles;

      this.startWatchWithList(validFiles)
        .then(() => {
          const watchedFilesReady = this.getWatchedFiles();

          if (!watchedFilesReady.length) {
            this._waitForFirstDownload();
          }
        })
        .catch(() => this._startWithoutValidFiles());
    } else {
      super._setUptimeError(true);
      this._startWithoutValidFiles();
    }
  }

  _stop() {
    this._validFiles = [];
    this._filesToRenderList = [];
    this._updateVideoPlayer(this.volume, []);
    this.stopWatch();
    this._clearFirstDownloadTimer();
    this._clearHandleNoFilesTimer();
  }

  _startWithoutValidFiles() {
    this._validFiles = [];
    this._handleNoFiles();
    this._configureShowingVideos();
  }

  _configureShowingVideos() {
    if (!this.isPlaying()) {
      return;
    }

    const watchedFiles = this.getWatchedFiles();

    let filesToRender = watchedFiles
      .slice(0)
      .filter(f => this._validFiles.includes(f.filePath));

    // fix for issue https://github.com/Rise-Vision/rise-video/issues/99
    // use cache buster to force VideoJS load the latest version of the file
    if (this._getWatchType() === RiseVideo.WATCH_TYPE_SENTINEL) {
      filesToRender = filesToRender.map(f => {
        const file = {
          filePath: f.filePath,
          fileUrl: `${f.fileUrl}#${Date.now()}`,
        };

        return file;
      });
    }

    this._filesToRenderList = filesToRender;
    this._updateVideoPlayer(this.volume, [...this._filesToRenderList]);
  }

  watchedFileErrorCallback() {
    this._configureShowingVideos();

    if (!this._filesToRenderList.length) {
      this._done();
    }
  }

  watchedFileAddedCallback() {
    this._configureShowingVideos();

    if (this._filesToRenderList.length) {
      this._clearHandleNoFilesTimer();
      this._clearFirstDownloadTimer();
    }
  }

  watchedFileDeletedCallback(details) {
    const { filePath } = details;

    if (
      this._filesToRenderList.length === 1 &&
      this._filePathIsRendered(filePath)
    ) {
      this._filesToRenderList = [];
      this._updateVideoPlayer(this.volume, []);
    } else {
      this._configureShowingVideos();
    }
  }

  _updateVideoPlayer(volume, files) {
    const videoPlayer = this.renderRoot.querySelector('#videoPlayer');

    videoPlayer.volume = volume;
    videoPlayer.files = files;
  }

  _filePathIsRendered(filePath) {
    return this._filesToRenderList.find(file => file.filePath === filePath);
  }

  _reset() {
    this._setUptimeError(false);
    this._start();
  }

  _getFilesFromMetadata() {
    return !this.metadata ? [] : this.metadata.map(entry => entry.file);
  }

  _getDefaultFiles() {
    return this.files
      .split('|')
      .map(f => f.trim())
      .filter(f => f.length > 0);
  }

  _hasMetadata() {
    return !!this.metadata;
  }

  _childLog(e) {
    const { type, event, details, additionalFields } = e.detail;

    this.log(type, event, details, additionalFields);
  }

  _childSetUptime(e) {
    const { enabled } = e.detail;

    this._setUptimeError(enabled);
  }

  _isPreview() {
    return (
      RisePlayerConfiguration.Helpers.isEditorPreview() ||
      !RisePlayerConfiguration.Helpers.isInViewer()
    );
  }

  _done() {
    if (this.playUntilDone) {
      this._sendDoneEvent(true);
    }
  }

  _playlistStuck() {
    this._stop();
    // force reset in case video instance is the only item in playlist and/or schedule
    this._reset();

    if (this.playUntilDone) {
      this._sendDoneEvent(true);
    }
  }

  _clearHandleNoFilesTimer() {
    clearTimeout(this._noFilesDoneTimer);
    this._noFilesDoneTimer = null;
  }

  _handleNoFiles() {
    this._clearHandleNoFilesTimer();

    this._noFilesDoneTimer = setTimeout(
      this._handleNoFilesTimer,
      this._noFilesDoneDelay
    );
  }

  _handleNoFilesTimer() {
    this._done();
  }

  _clearFirstDownloadTimer() {
    clearTimeout(this._firstDownloadTimer);
    this._firstDownloadTimer = null;
  }

  _startDonePreviewTimer() {
    if (this._donePreviewTimer) {
      clearTimeout(this._donePreviewTimer);
    }
    this._donePreviewTimer = setTimeout(() => this._done(), DONE_PREVIEW_DELAY);
  }

  _waitForFirstDownload() {
    this._clearFirstDownloadTimer();

    this._firstDownloadTimer = setTimeout(
      this._handleFirstDownloadTimer,
      this._maximumTimeForFirstDownload
    );
  }

  _handleFirstDownloadTimer() {
    const watchedFilesReady = this.getWatchedFiles();

    if (!watchedFilesReady.length) {
      this._done();
    }
  }
}

customElements.define('rise-video', RiseVideo);

1	/* eslint-disable class-methods-use-this, no-console */	1✔
2		1✔
3	import { html, css } from 'lit';	1✔
4	import { RiseElement } from '../common/rise-element.js';	1✔
5	import { WatchStorageMixin } from '../common/watch-storage-mixin.js';	1✔
6	import { version } from '../version.js';	1✔
7	import {} from '../common/rise-lit-video-player.js';	1✔
8		1✔
9	const MAXIMUM_TIME_FOR_FIRST_DOWNLOAD = 15 * 1000;	1✔
10	const NO_FILES_DONE_DELAY = 10 * 1000;	1✔
11	const DONE_PREVIEW_DELAY = 10 * 1000;	1✔
12		1✔
13	export default class RiseVideo extends WatchStorageMixin(RiseElement) {	1✔
14	render() {	1✔
15	return html`${this._template()}`;	1✔
16	}	1✔
17		1✔
18	static get properties() {	1✔
19	return {	1✔
20	files: {	1✔
21	type: String,	1✔
22	},	1✔
23	metadata: {	1✔
24	type: Array,	1✔
25	},	1✔
26	volume: {	1✔
27	type: Number,	1✔
28	},	1✔
29	playUntilDone: {	1✔
30	type: Boolean,	1✔
31	attribute: 'play-until-done',	1✔
32	},	1✔
33	};	1✔
34	}	1✔
35		1✔
36	static get styles() {	1✔
37	return css`	1✔
38	:host {	1✔
39	display: inline-block;	1✔
40	overflow: hidden;	1✔
41	position: relative;	1✔
42	width: 100%;	1✔
43	height: 100%;	1✔
44	}	1✔
45		1✔
46	#previewPlaceholder {	1✔
47	display: none;	1✔
48	align-items: center;	1✔
49	justify-content: center;	1✔
50	flex-direction: column;	1✔
51	text-align: center;	1✔
52	position: absolute;	1✔
53	left: 0;	1✔
54	top: 0;	1✔
55	width: 100%;	1✔
56	height: 100%;	1✔
57	background-color: #f2f2f2;	1✔
58	}	1✔
59	#previewPlaceholder svg {	1✔
60	height: 120px;	1✔
61	width: 100%;	1✔
62	}	1✔
63	#previewPlaceholder h1 {	1✔
64	color: #020620;	1✔
65	font-size: 48px;	1✔
66	text-transform: initial;	1✔
67	font-family: Helvetica, Arial, sans-serif;	1✔
68	}	1✔
69		1✔
70	.show-placeholder {	1✔
71	display: flex !important;	1✔
72	}	1✔
73		1✔
74	.hide-placeholder {	1✔
75	display: none !important;	1✔
76	}	1✔
77	`;	1✔
78	}	1✔
79		1✔
80	constructor() {	1✔
81	super();	1✔
82		1✔
83	this.files = '';	1✔
84	this.metadata = null;	1✔
85	this.volume = 0;	1✔
86	this.playUntilDone = false;	1✔
87	this.version = version;	1✔
88		1✔
89	this._initialStart = true;	1✔
90	this._filesToRenderList = [];	1✔
91	this._validFiles = [];	1✔
92	this._noFilesDoneTimer = null;	1✔
93	this._firstDownloadTimer = null;	1✔
94	this._maximumTimeForFirstDownload = MAXIMUM_TIME_FOR_FIRST_DOWNLOAD;	1✔
95	this._noFilesDoneDelay = NO_FILES_DONE_DELAY;	1✔
96	this._placeholderClass = 'hide-placeholder';	1✔
97	this._donePreviewTimer = null;	1✔
98		1✔
99	// Preserve bindings to this in external callbacks	1✔
100	this._handleFirstDownloadTimer = this._handleFirstDownloadTimer.bind(this);	1✔
101	this._handleNoFilesTimer = this._handleNoFilesTimer.bind(this);	1✔
102	this._childLog = this._childLog.bind(this);	1✔
103	this._childSetUptime = this._childSetUptime.bind(this);	1✔
104	this._done = this._done.bind(this);	1✔
105	}	1✔
106		1✔
107	disconnectedCallback() {	1✔
108	super.disconnectedCallback();	1✔
109	}	1✔
110		1✔
111	_template() {	1✔
112	return html`	1✔
113	<div id="previewPlaceholder" class=${this._placeholderClass}>	1✔
114	<svg	1✔
115	viewBox="0 0 64 60"	1✔
116	version="1.1"	1✔
117	xmlns="http://www.w3.org/2000/svg"	1✔
118	xmlns:xlink="http://www.w3.org/1999/xlink"	1✔
119	>	1✔
120	<g	1✔
121	id="1.-Atoms"	1✔
122	stroke="none"	1✔
123	stroke-width="1"	1✔
124	fill="none"	1✔
125	fill-rule="evenodd"	1✔
126	>	1✔
127	<g	1✔
128	id="Desktop/Icons"	1✔
129	transform="translate(-423.000000, -1232.000000)"	1✔
130	fill="#020620"	1✔
131	fill-rule="nonzero"	1✔
132	>	1✔
133	<g	1✔
134	id="icon-rise-video"	1✔
135	transform="translate(423.000000, 1232.000000)"	1✔
136	>	1✔
137	<path	1✔
138	d="M64,19.7727273 C64,19.0196117 63.4030463,18.4090909 62.6666667,18.4090909 L1.33333333,18.4090909 C0.596953667,18.4090909 9.01805001e-17,19.0196117 0,19.7727273 L0,52.5 C4.50902501e-16,56.2655778 2.98476833,59.3181818 6.66666667,59.3181818 L57.3333333,59.3181818 C59.1014433,59.3181818 60.797136,58.5998397 62.0473785,57.3211826 C63.2976211,56.0425255 64,54.3082942 64,52.5 L64,19.7727273 Z M43.2933333,35.7763636 C44.5236453,36.2850319 45.3290106,37.5064348 45.3290106,38.8636364 C45.3290106,40.2208379 44.5236453,41.4422408 43.2933333,41.9509091 L25.624,49.5218182 C24.6842732,49.9373961 23.603872,49.8468676 22.7428158,49.2803992 C21.8817596,48.7139309 21.3532247,47.7459787 21.3333333,46.6990909 L21.3333333,31.0281818 C21.3519076,29.9807367 21.8801734,29.0118031 22.741667,28.445047 C23.6031606,27.8782909 24.6843234,27.7884198 25.624,28.2054545 L43.2933333,35.7763636 Z"	1✔
139	id="Shape"	1✔
140	></path>	1✔
141	<path	1✔
142	d="M52.168,1.84636364 C52.3588259,1.65169491 52.4162661,1.35866279 52.3135557,1.10380982 C52.2108452,0.848956855 51.9681931,0.68242737 51.6986667,0.681818182 L41.6,0.681818182 C41.5272325,0.682447068 41.4575055,0.711753263 41.4053333,0.763636364 L29.2986667,13.1536364 C29.1074975,13.3486557 29.0502265,13.6423492 29.1536209,13.8974499 C29.2570154,14.1525506 29.5006548,14.3186759 29.7706667,14.3181818 L39.8586667,14.3181818 C39.9323031,14.3179727 40.0030094,14.2886565 40.056,14.2363636 L52.168,1.84636364 Z"	1✔
143	id="Path"	1✔
144	></path>	1✔
145	<path	1✔
146	d="M58.8666667,0.867272727 C58.8233477,0.856411955 58.777649,0.86991386 58.7466667,0.902727273 L46.768,13.1536364 C46.5768309,13.3486557 46.5195598,13.6423492 46.6229543,13.8974499 C46.7263487,14.1525506 46.9699882,14.3186759 47.24,14.3181818 L62.6666667,14.3181818 C63.4030463,14.3181818 64,13.707661 64,12.9545455 L64,7.5 C63.9987928,4.33952254 61.8740641,1.59418236 58.8666667,0.867272727 Z"	1✔
147	id="Path"	1✔
148	></path>	1✔
149	<path	1✔
150	d="M34.7013333,1.84636364 C34.8925025,1.65134428 34.9497735,1.35765076 34.8463791,1.10255007 C34.7429846,0.847449373 34.4993452,0.681324104 34.2293333,0.681818182 L24.2666667,0.681818182 C24.1938992,0.682447068 24.1241722,0.711753263 24.072,0.763636364 L11.9653333,13.1536364 C11.7741642,13.3486557 11.7168931,13.6423492 11.8202876,13.8974499 C11.923682,14.1525506 12.1673215,14.3186759 12.4373333,14.3181818 L22.4,14.3181818 C22.4727675,14.3175529 22.5424945,14.2882467 22.5946667,14.2363636 L34.7013333,1.84636364 Z"	1✔
151	id="Path"	1✔
152	></path>	1✔
153	<path	1✔
154	d="M17.368,1.84636364 C17.5591691,1.65134428 17.6164402,1.35765076 17.5130457,1.10255007 C17.4096513,0.847449373 17.1660118,0.681324104 16.896,0.681818182 L6.66666667,0.681818182 C2.98476833,0.681818182 4.50902501e-16,3.73442216 0,7.5 L0,12.9545455 C9.01805001e-17,13.707661 0.596953667,14.3181818 1.33333333,14.3181818 L5.06666667,14.3181818 C5.13943413,14.3175529 5.20916117,14.2882467 5.26133333,14.2363636 L17.368,1.84636364 Z"	1✔
155	id="Path"	1✔
156	></path>	1✔
157	</g>	1✔
158	</g>	1✔
159	</g>	1✔
160	</svg>	1✔
161	<h1>Video</h1>	1✔
162	</div>	1✔
163	<rise-lit-video-player id="videoPlayer"></rise-lit-video-player>	1✔
164	`;	1✔
165	}	1✔
166		1✔
167	updated(changedProperties) {	1✔
168	if (changedProperties.has('files') \|\| changedProperties.has('metadata')) {	1!
169	this._reset();	1✔
170	}	1✔
171	}	1✔
172		1✔
173	_handleRisePresentationPlay() {	1✔
174	super._handleRisePresentationPlay();	×
175		×
NEW 176	this._reset();	×
177	}	×
178		1✔
179	_handleRisePresentationStop() {	1✔
180	super._handleRisePresentationStop();	×
181		×
NEW 182	this._stop();	×
183	}	×
184		1✔
185	_handleStart(event) {	1✔
186	super._handleStart(event);	×
187		×
NEW 188	if (this._initialStart) {	×
NEW 189	const videoPlayer = this.renderRoot.querySelector('#videoPlayer');	×
NEW 190		×
NEW 191	this._placeholderClass = this._isPreview()	×
NEW 192	? 'show-placeholder'	×
NEW 193	: 'hide-placeholder';	×
NEW 194		×
NEW 195	videoPlayer.addEventListener('log', this._childLog);	×
NEW 196	videoPlayer.addEventListener('set-uptime', this._childSetUptime);	×
NEW 197	videoPlayer.addEventListener('playlist-done', () => this._done());	×
NEW 198	videoPlayer.addEventListener('playlist-stuck', () =>	×
NEW 199	this._playlistStuck()	×
NEW 200	);	×
NEW 201		×
NEW 202	this.log(RiseVideo.LOG_TYPE_INFO, RiseVideo.EVENT_START, null, {	×
NEW 203	files: this.files,	×
NEW 204	});	×
NEW 205		×
NEW 206	this._start();	×
NEW 207	}	×
NEW 208	}	×
209		1✔
210	_start() {	1✔
211	if (this._isPreview()) {	1!
NEW 212	if (this.playUntilDone) {	×
NEW 213	this._startDonePreviewTimer();	×
NEW 214	}	×
NEW 215		×
NEW 216	return;	×
NEW 217	}	×
218		1✔
219	this.stopWatch();	1✔
220	this._clearFirstDownloadTimer();	1✔
221	this._clearHandleNoFilesTimer();	1✔
222		1✔
223	const filesList = this._hasMetadata()	1✔
224	? this._getFilesFromMetadata()	1!
225	: this._getDefaultFiles();	1✔
226	const validFiles = filesList.filter(file => this.isVideoFile(file));	1✔
227		1✔
228	if (validFiles && validFiles.length > 0) {	1!
NEW 229	this._validFiles = validFiles;	×
NEW 230		×
NEW 231	this.startWatchWithList(validFiles)	×
NEW 232	.then(() => {	×
NEW 233	const watchedFilesReady = this.getWatchedFiles();	×
NEW 234		×
NEW 235	if (!watchedFilesReady.length) {	×
NEW 236	this._waitForFirstDownload();	×
NEW 237	}	×
NEW 238	})	×
NEW 239	.catch(() => this._startWithoutValidFiles());	×
240	} else {	1✔
241	super._setUptimeError(true);	1✔
242	this._startWithoutValidFiles();	1✔
243	}	1✔
244	}	1✔
245		1✔
246	_stop() {	1✔
NEW 247	this._validFiles = [];	×
NEW 248	this._filesToRenderList = [];	×
NEW 249	this._updateVideoPlayer(this.volume, []);	×
NEW 250	this.stopWatch();	×
NEW 251	this._clearFirstDownloadTimer();	×
NEW 252	this._clearHandleNoFilesTimer();	×
NEW 253	}	×
254		1✔
255	_startWithoutValidFiles() {	1✔
256	this._validFiles = [];	1✔
257	this._handleNoFiles();	1✔
258	this._configureShowingVideos();	1✔
259	}	1✔
260		1✔
261	_configureShowingVideos() {	1✔
262	if (!this.isPlaying()) {	1✔
263	return;	1✔
264	}	1✔
NEW 265		×
NEW 266	const watchedFiles = this.getWatchedFiles();	×
NEW 267		×
NEW 268	let filesToRender = watchedFiles	×
NEW 269	.slice(0)	×
NEW 270	.filter(f => this._validFiles.includes(f.filePath));	×
NEW 271		×
NEW 272	// fix for issue https://github.com/Rise-Vision/rise-video/issues/99	×
NEW 273	// use cache buster to force VideoJS load the latest version of the file	×
NEW 274	if (this._getWatchType() === RiseVideo.WATCH_TYPE_SENTINEL) {	×
NEW 275	filesToRender = filesToRender.map(f => {	×
NEW 276	const file = {	×
NEW 277	filePath: f.filePath,	×
NEW 278	fileUrl: `${f.fileUrl}#${Date.now()}`,	×
NEW 279	};	×
NEW 280		×
NEW 281	return file;	×
NEW 282	});	×
NEW 283	}	×
NEW 284		×
NEW 285	this._filesToRenderList = filesToRender;	×
NEW 286	this._updateVideoPlayer(this.volume, [...this._filesToRenderList]);	×
287	}	1✔
288		1✔
289	watchedFileErrorCallback() {	1✔
NEW 290	this._configureShowingVideos();	×
NEW 291		×
NEW 292	if (!this._filesToRenderList.length) {	×
NEW 293	this._done();	×
NEW 294	}	×
NEW 295	}	×
296		1✔
297	watchedFileAddedCallback() {	1✔
NEW 298	this._configureShowingVideos();	×
NEW 299		×
NEW 300	if (this._filesToRenderList.length) {	×
NEW 301	this._clearHandleNoFilesTimer();	×
NEW 302	this._clearFirstDownloadTimer();	×
NEW 303	}	×
NEW 304	}	×
305		1✔
306	watchedFileDeletedCallback(details) {	1✔
NEW 307	const { filePath } = details;	×
NEW 308		×
NEW 309	if (	×
NEW 310	this._filesToRenderList.length === 1 &&	×
NEW 311	this._filePathIsRendered(filePath)	×
NEW 312	) {	×
NEW 313	this._filesToRenderList = [];	×
NEW 314	this._updateVideoPlayer(this.volume, []);	×
NEW 315	} else {	×
NEW 316	this._configureShowingVideos();	×
NEW 317	}	×
NEW 318	}	×
319		1✔
320	_updateVideoPlayer(volume, files) {	1✔
NEW 321	const videoPlayer = this.renderRoot.querySelector('#videoPlayer');	×
NEW 322		×
NEW 323	videoPlayer.volume = volume;	×
NEW 324	videoPlayer.files = files;	×
NEW 325	}	×
326		1✔
327	_filePathIsRendered(filePath) {	1✔
NEW 328	return this._filesToRenderList.find(file => file.filePath === filePath);	×
NEW 329	}	×
330		1✔
331	_reset() {	1✔
332	this._setUptimeError(false);	1✔
333	this._start();	1✔
334	}	1✔
335		1✔
336	_getFilesFromMetadata() {	1✔
NEW 337	return !this.metadata ? [] : this.metadata.map(entry => entry.file);	×
NEW 338	}	×
339		1✔
340	_getDefaultFiles() {	1✔
341	return this.files	1✔
342	.split('\|')	1✔
343	.map(f => f.trim())	1✔
344	.filter(f => f.length > 0);	1✔
345	}	1✔
346		1✔
347	_hasMetadata() {	1✔
348	return !!this.metadata;	1✔
349	}	1✔
350		1✔
351	_childLog(e) {	1✔
NEW 352	const { type, event, details, additionalFields } = e.detail;	×
NEW 353		×
NEW 354	this.log(type, event, details, additionalFields);	×
NEW 355	}	×
356		1✔
357	_childSetUptime(e) {	1✔
NEW 358	const { enabled } = e.detail;	×
NEW 359		×
NEW 360	this._setUptimeError(enabled);	×
NEW 361	}	×
362		1✔
363	_isPreview() {	1✔
364	return (	1✔
365	RisePlayerConfiguration.Helpers.isEditorPreview() \|\|	1✔
366	!RisePlayerConfiguration.Helpers.isInViewer()	1✔
367	);	1✔
368	}	1✔
369		1✔
370	_done() {	1✔
NEW 371	if (this.playUntilDone) {	×
NEW 372	this._sendDoneEvent(true);	×
NEW 373	}	×
NEW 374	}	×
375		1✔
376	_playlistStuck() {	1✔
NEW 377	this._stop();	×
NEW 378	// force reset in case video instance is the only item in playlist and/or schedule	×
NEW 379	this._reset();	×
NEW 380		×
NEW 381	if (this.playUntilDone) {	×
NEW 382	this._sendDoneEvent(true);	×
NEW 383	}	×
NEW 384	}	×
385		1✔
386	_clearHandleNoFilesTimer() {	1✔
387	clearTimeout(this._noFilesDoneTimer);	1✔
388	this._noFilesDoneTimer = null;	1✔
389	}	1✔
390		1✔
391	_handleNoFiles() {	1✔
392	this._clearHandleNoFilesTimer();	1✔
393		1✔
394	this._noFilesDoneTimer = setTimeout(	1✔
395	this._handleNoFilesTimer,	1✔
396	this._noFilesDoneDelay	1✔
397	);	1✔
398	}	1✔
399		1✔
400	_handleNoFilesTimer() {	1✔
NEW 401	this._done();	×
NEW 402	}	×
403		1✔
404	_clearFirstDownloadTimer() {	1✔
405	clearTimeout(this._firstDownloadTimer);	1✔
406	this._firstDownloadTimer = null;	1✔
407	}	1✔
408		1✔
409	_startDonePreviewTimer() {	1✔
NEW 410	if (this._donePreviewTimer) {	×
NEW 411	clearTimeout(this._donePreviewTimer);	×
NEW 412	}	×
NEW 413	this._donePreviewTimer = setTimeout(() => this._done(), DONE_PREVIEW_DELAY);	×
NEW 414	}	×
415		1✔
416	_waitForFirstDownload() {	1✔
NEW 417	this._clearFirstDownloadTimer();	×
NEW 418		×
NEW 419	this._firstDownloadTimer = setTimeout(	×
NEW 420	this._handleFirstDownloadTimer,	×
NEW 421	this._maximumTimeForFirstDownload	×
NEW 422	);	×
NEW 423	}	×
424		1✔
425	_handleFirstDownloadTimer() {	1✔
NEW 426	const watchedFilesReady = this.getWatchedFiles();	×
NEW 427		×
NEW 428	if (!watchedFilesReady.length) {	×
NEW 429	this._done();	×
NEW 430	}	×
UNCOV 431	}	×
432	}	1✔
433		1✔
434	customElements.define('rise-video', RiseVideo);	1✔

Rise-Vision / rise-lit-components / 5ededb45-5949-4255-ab9f-c3b5afd2e1a6

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous