@clickview/player 1.2.1-dev.3 → 1.2.1-rc.0

package/jest.config.js

@@ -1,13 +1,13 @@
-const getBaseConfig = require('../../libs/testing/jest.base.config');
-const { compilerOptions } = require('./tsconfig');
-
-const paths = { ...compilerOptions.paths };
-
-delete paths['*'];
-
-const baseConfig = getBaseConfig(paths);
-
-module.exports = {
-  ...baseConfig,
-  setupFilesAfterEnv: [...baseConfig.setupFilesAfterEnv, './test/setupTests.ts'],
+const getBaseConfig = require('../../libs/testing/jest.base.config');
+const { compilerOptions } = require('./tsconfig');
+
+const paths = { ...compilerOptions.paths };
+
+delete paths['*'];
+
+const baseConfig = getBaseConfig(paths);
+
+module.exports = {
+  ...baseConfig,
+  setupFilesAfterEnv: [...baseConfig.setupFilesAfterEnv, './test/setupTests.ts'],
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/player",
-  "version": "1.2.1-dev.3",
+  "version": "1.2.1-rc.0",
   "description": "ClickView Player",
   "main": "dist/player-app.js",
   "scripts": {
@@ -26,11 +26,9 @@
   "license": "ISC",
   "devDependencies": {
     "@babel/core": "7.11.6",
-    "@clickview/eslint-config": "1.1.1",
+    "@clickview/eslint-config": "1.0.1",
     "@clickview/player-font": "0.0.12",
-    "@storybook/builder-webpack5": "6.4.22",
-    "@storybook/manager-webpack5": "6.4.22",
-    "@storybook/react": "6.4.22",
+    "@storybook/react": "6.0.26",
     "@types/chromecast-caf-sender": "1.0.3",
     "@types/cropperjs": "1.3.0",
     "@types/draft-js": "0.10.44",
@@ -40,10 +38,10 @@
     "@types/video.js": "7.3.11",
     "jest": "26.1.0",
     "ts-jest": "26.1.4",
-    "webpack-dev-server": "4.8.1"
+    "webpack-dev-server": "3.11.0"
   },
   "dependencies": {
-    "@clickview/styles": "1.10.1-dev.1",
+    "@clickview/styles": "1.3.1-rc.0",
     "@microsoft/signalr": "5.0.2",
     "cropperjs": "1.5.6",
     "draft-convert": "2.1.10",
@@ -55,7 +53,7 @@
     "react-textarea-autosize": "8.3.2",
     "simplebar": "5.3.0",
     "simplebar-react": "2.3.0",
-    "video.js": "7.12.4",
+    "video.js": "7.11.2",
     "videojs-contrib-quality-levels": "2.0.9"
   },
   "babel": {

package/test/players/test-player.ts

@@ -1,31 +1,31 @@
-import { VideoJsPlayer } from 'video.js';
-import { BasePlayer, BasePlayerOptions } from '../../src/players/base-player';
-
-export interface TestPlayerOptions extends BasePlayerOptions {
-  configurePlugins?: (player: VideoJsPlayer) => void;
-}
-
-export class TestPlayer extends BasePlayer {
-  protected options: TestPlayerOptions;
-
-  public player: VideoJsPlayer;
-
-  constructor(id: string | Element, options: TestPlayerOptions) {
-    super(id, options);
-  }
-
-  /**
-   * TODO: Look at reimplementing this. At the moment it's causing
-   * problems because the test will dispose of the player before the
-   * fetch has completed.
-   */
-  protected async fetch(): Promise<void> {
-  }
-
-  protected configurePlugins(): void {
-    if (!(typeof this.options.configurePlugins === 'function'))
-      return;
-
-    this.options.configurePlugins(this.player);
-  }
-}
+import { VideoJsPlayer } from 'video.js';
+import { BasePlayer, BasePlayerOptions } from '../../src/players/base-player';
+
+export interface TestPlayerOptions extends BasePlayerOptions {
+  configurePlugins?: (player: VideoJsPlayer) => void;
+}
+
+export class TestPlayer extends BasePlayer {
+  protected options: TestPlayerOptions;
+
+  public player: VideoJsPlayer;
+
+  constructor(id: string | Element, options: TestPlayerOptions) {
+    super(id, options);
+  }
+
+  /**
+   * TODO: Look at reimplementing this. At the moment it's causing
+   * problems because the test will dispose of the player before the
+   * fetch has completed.
+   */
+  protected async fetch(): Promise<void> {
+  }
+
+  protected configurePlugins(): void {
+    if (!(typeof this.options.configurePlugins === 'function'))
+      return;
+
+    this.options.configurePlugins(this.player);
+  }
+}

package/test/setupTests.ts

@@ -1,8 +1,8 @@
-/**
- * Media playback isn't supported by the DOM provided by Jest
- * so we mock the following functions.
- */
-window.HTMLMediaElement.prototype.load = () => { };
-window.HTMLMediaElement.prototype.play = (() => { }) as any;
-window.HTMLMediaElement.prototype.pause = () => { };
+/**
+ * Media playback isn't supported by the DOM provided by Jest
+ * so we mock the following functions.
+ */
+window.HTMLMediaElement.prototype.load = () => { };
+window.HTMLMediaElement.prototype.play = (() => { }) as any;
+window.HTMLMediaElement.prototype.pause = () => { };
 window.HTMLMediaElement.prototype.addTextTrack = (() => { }) as any;

package/test/utils/test-helpers.ts

@@ -1,22 +1,22 @@
-import { TestPlayer, TestPlayerOptions } from '../players/test-player';
-
-interface PlayerOptions extends Omit<TestPlayerOptions, 'viewKey'> { }
-
-export const TestHelpers = {
-  makeEl(): HTMLElement {
-    const el = document.createElement('div');
-    el.id = 'test-player';
-    return el;
-  },
-
-  makePlayer(playerOptions?: PlayerOptions, containerEl?: HTMLElement): TestPlayer {
-    containerEl = containerEl || TestHelpers.makeEl();
-
-    document.body.innerHTML = '';
-    document.body.appendChild(containerEl);
-
-    playerOptions = playerOptions || {};
-
-    return new TestPlayer(containerEl, playerOptions as TestPlayerOptions);
-  }
+import { TestPlayer, TestPlayerOptions } from '../players/test-player';
+
+interface PlayerOptions extends Omit<TestPlayerOptions, 'viewKey'> { }
+
+export const TestHelpers = {
+  makeEl(): HTMLElement {
+    const el = document.createElement('div');
+    el.id = 'test-player';
+    return el;
+  },
+
+  makePlayer(playerOptions?: PlayerOptions, containerEl?: HTMLElement): TestPlayer {
+    containerEl = containerEl || TestHelpers.makeEl();
+
+    document.body.innerHTML = '';
+    document.body.appendChild(containerEl);
+
+    playerOptions = playerOptions || {};
+
+    return new TestPlayer(containerEl, playerOptions as TestPlayerOptions);
+  }
 };

package/typings/libs/draft-convert.d.ts

@@ -1,4 +1,4 @@
-declare module 'draft-convert' {
-  export const convertFromHTML: (options: any) => (html: string) => any;
-  export const convertToHTML: (options: any) => (draftJsContent: any) => string;
+declare module 'draft-convert' {
+  export const convertFromHTML: (options: any) => (html: string) => any;
+  export const convertToHTML: (options: any) => (draftJsContent: any) => string;
 }

package/typings/libs/videojs-contrib-quality-levels.d.ts

@@ -1,29 +1,29 @@
-import videojs from 'video.js';
-
-declare module 'video.js' {
-  export interface VideoJsPlayer {
-    qualityLevels(): QualityLevelList;
-  }
-}
-
-declare module 'videojs-contrib-quality-levels' {
-  export interface QualityLevelList extends videojs.EventTarget {
-    [id: string]: QualityLevel;
-    selectedIndex: number;
-    length: number;
-    addQualityLevel(representation: Representation): QualityLevel;
-    removeQualityLevel(qualityLevel: QualityLevel): QualityLevel;
-    getQualityLevelById(id: string): QualityLevel;
-  }
-
-  export interface QualityLevel {
-    id: string;
-    label: string;
-    enabled: boolean;
-  }
-
-  export interface Representation {
-    id: string;
-    enabled(enabled: boolean): boolean;
-  }
+import videojs from 'video.js';
+
+declare module 'video.js' {
+  export interface VideoJsPlayer {
+    qualityLevels(): QualityLevelList;
+  }
+}
+
+declare module 'videojs-contrib-quality-levels' {
+  export interface QualityLevelList extends videojs.EventTarget {
+    [id: string]: QualityLevel;
+    selectedIndex: number;
+    length: number;
+    addQualityLevel(representation: Representation): QualityLevel;
+    removeQualityLevel(qualityLevel: QualityLevel): QualityLevel;
+    getQualityLevelById(id: string): QualityLevel;
+  }
+
+  export interface QualityLevel {
+    id: string;
+    label: string;
+    enabled: boolean;
+  }
+
+  export interface Representation {
+    id: string;
+    enabled(enabled: boolean): boolean;
+  }
 }

package/typings/utils/globals.d.ts

@@ -1 +1 @@
-declare let __ENVIRONMENT__: 'development' | 'production';
+declare var __ENVIRONMENT__: 'development' | 'production';

package/typings/utils/imports.d.ts

@@ -1,12 +1,12 @@
-/**
- * Define our templates as a module so that we can use
- * import statements just the same as we do for other
- * ts/js code.
- */
-declare module '*.scss';
-declare module '*.svg';
-
-declare module '*.json' {
-  export const value: any;
-  export default value;
-}
+/**
+ * Define our templates as a module so that we can use
+ * import statements just the same as we do for other
+ * ts/js code.
+ */
+declare module '*.scss';
+declare module '*.svg';
+
+declare module '*.json' {
+  export const value: any;
+  export default value;
+}

package/dist/interactive-player.js.LICENSE.txt

@@ -1,157 +0,0 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-/*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-
-/*!
- * Cropper.js v1.5.6
- * https://fengyuanchen.github.io/cropperjs
- *
- * Copyright 2015-present Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2019-10-04T04:33:48.372Z
- */
-
-/*!
- * Programatically add the following
- */
-
-/*!
- * Sizzle CSS Selector Engine v2.3.4
- * https://sizzlejs.com/
- *
- * Copyright JS Foundation and other contributors
- * Released under the MIT license
- * https://js.foundation/
- *
- * Date: 2019-04-08
- */
-
-/*!
- * jQuery JavaScript Library v3.4.1
- * https://jquery.com/
- *
- * Includes Sizzle.js
- * https://sizzlejs.com/
- *
- * Copyright JS Foundation and other contributors
- * Released under the MIT license
- * https://jquery.org/license
- *
- * Date: 2019-05-01T21:04Z
- */
-
-/*! @name @videojs/http-streaming @version 2.8.2 @license Apache-2.0 */
-
-/*! @name aes-decrypter @version 3.1.2 @license Apache-2.0 */
-
-/*! @name m3u8-parser @version 4.7.0 @license Apache-2.0 */
-
-/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
-
-/*! @name videojs-contrib-quality-levels @version 2.0.9 @license Apache-2.0 */
-
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
-/**
- * @license React
- * react-dom-server-legacy.browser.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-dom-server.browser.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-dom.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */

package/dist/player.js.LICENSE.txt

@@ -1,15 +0,0 @@
-/*!
- * Programatically add the following
- */
-
-/*! @name @videojs/http-streaming @version 2.8.2 @license Apache-2.0 */
-
-/*! @name aes-decrypter @version 3.1.2 @license Apache-2.0 */
-
-/*! @name m3u8-parser @version 4.7.0 @license Apache-2.0 */
-
-/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
-
-/*! @name videojs-contrib-quality-levels @version 2.0.9 @license Apache-2.0 */
-
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */