@clickview/player 1.3.0-rc.0 → 1.3.1-rc.0

package/dist/player.js.LICENSE.txt

@@ -2,11 +2,11 @@
  * Programatically add the following
  */
 
-/*! @name @videojs/http-streaming @version 2.4.2 @license Apache-2.0 */
+/*! @name @videojs/http-streaming @version 2.8.2 @license Apache-2.0 */
 
-/*! @name @videojs/vhs-utils @version 2.3.0 @license MIT */
+/*! @name aes-decrypter @version 3.1.2 @license Apache-2.0 */
 
-/*! @name aes-decrypter @version 3.1.0 @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 */
 

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,18 +1,17 @@
 {
   "name": "@clickview/player",
-  "version": "1.3.0-rc.0",
+  "version": "1.3.1-rc.0",
   "description": "ClickView Player",
   "main": "dist/player-app.js",
   "scripts": {
-    "start": "set NODE_ENV=development&& webpack -w --config ./tooling/webpack.config.js",
-    "build": "set NODE_ENV=production&& webpack --config ./tooling/webpack.config.js",
-    "build-font": "set NODE_ENV=development&& npm run start",
-    "build-docker": "export NODE_ENV=production&& webpack --config ./tooling/webpack.config.js",
+    "start": "cross-env NODE_ENV=development webpack -w --config ./tooling/webpack.config.js",
+    "build": "cross-env NODE_ENV=production webpack --config ./tooling/webpack.config.js",
+    "build-font": "cross-env NODE_ENV=development npm run start",
     "storybook": "start-storybook -s ./.storybook/stories/assets -p 6006",
     "build-storybook": "build-storybook",
     "test": "jest",
     "test-watch": "jest --watch",
-    "webpack-dev-server": "set NODE_ENV=development&& webpack-dev-server --config ./tooling/webpack.config.js"
+    "webpack-dev-server": "cross-env NODE_ENV=development webpack-dev-server --config ./tooling/webpack.config.js"
   },
   "repository": {
     "type": "git",
@@ -26,8 +25,8 @@
   "license": "ISC",
   "devDependencies": {
     "@babel/core": "7.11.6",
-    "@clickview/eslint-config": "1.0.1",
-    "@clickview/player-font": "0.0.12",
+    "@clickview/eslint-config": "1.1.1",
+    "@clickview/player-font": "0.0.13",
     "@storybook/builder-webpack5": "6.4.22",
     "@storybook/manager-webpack5": "6.4.22",
     "@storybook/react": "6.4.22",
@@ -43,7 +42,7 @@
     "webpack-dev-server": "4.8.1"
   },
   "dependencies": {
-    "@clickview/styles": "1.8.1-rc.1",
+    "@clickview/styles": "1.10.1-dev.1",
     "@microsoft/signalr": "5.0.2",
     "cropperjs": "1.5.6",
     "draft-convert": "2.1.10",
@@ -55,7 +54,7 @@
     "react-textarea-autosize": "8.3.2",
     "simplebar": "5.3.0",
     "simplebar-react": "2.3.0",
-    "video.js": "7.11.2",
+    "video.js": "7.12.4",
     "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/cloneDeep.d.ts

@@ -0,0 +1,5 @@
+declare function cloneDeep<T>(obj: T): T;
+
+declare module 'lodash.clonedeep' {
+  export = cloneDeep;
+}

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 var __ENVIRONMENT__: 'development' | 'production';
+declare let __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;
+}