@clickview/player 0.0.0-dev.0 → 0.0.0-rc.0

package/dist/projects/player/src/plugins/open-externally-plugin/open-externally-plugin.d.ts

@@ -1 +0,0 @@
-import "./components/open-externally-button";

package/dist/projects/player/src/plugins/persist-volume-plugin/persist-volume-plugin.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/projects/player/src/plugins/persist-volume-plugin/persist-volume-plugin.test.d.ts

@@ -1 +0,0 @@
-import '../../plugins/persist-volume-plugin/persist-volume-plugin';

package/dist/projects/player/src/plugins/progress-reporter-plugin/progress-reporter-plugin.d.ts

@@ -1,9 +0,0 @@
-interface Event {
-    time: number;
-    type: string;
-}
-export interface ProgressEvent {
-    start: Event;
-    end: Event;
-}
-export {};

package/dist/projects/player/src/plugins/progressive-files-plugin/ProgressiveFilesPluginOptions.d.ts

@@ -1,4 +0,0 @@
-import { Source } from "./interfaces/Source";
-export interface ProgressiveFilesPluginOptions {
-    sources: Source[];
-}

package/dist/projects/player/src/plugins/progressive-files-plugin/ProgressiveRepresentation.d.ts

@@ -1,10 +0,0 @@
-import { Representation } from 'videojs-contrib-quality-levels';
-import { Source } from "./interfaces/Source";
-import { ProgressiveFilesPlugin } from "./progressive-files-plugin";
-export declare class ProgressiveRepresentation implements Representation {
-    id: string;
-    private plugin;
-    private source;
-    constructor(plugin: ProgressiveFilesPlugin, source: Source);
-    enabled(enabled: boolean): boolean;
-}

package/dist/projects/player/src/plugins/progressive-files-plugin/interfaces/Source.d.ts

@@ -1,6 +0,0 @@
-export interface Source {
-    id: string;
-    url: string;
-    mimeType: string;
-    default: boolean;
-}

package/dist/projects/player/src/plugins/progressive-files-plugin/progressive-files-plugin.d.ts

@@ -1,38 +0,0 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import { Source } from "./interfaces/Source";
-import { ProgressiveFilesPluginOptions } from "./ProgressiveFilesPluginOptions";
-declare const Plugin: {
-    new (player: VideoJsPlayer, options?: any): videojs.Plugin;
-    prototype: videojs.Plugin;
-    BASE_PLUGIN_NAME: string;
-    deregisterPlugin(name: string): void;
-    getPlugin(name: string): any;
-    getPluginVersion(name: string): string;
-    getPlugins(names?: string[]): {
-        [name: string]: videojs.Plugin;
-    };
-    isBasic(plugin: string | (() => any)): boolean;
-    registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
-    registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
-};
-export declare class ProgressiveFilesPlugin extends Plugin {
-    private sources;
-    private _currentSource;
-    private qualityLevels;
-    constructor(player: VideoJsPlayer, options: ProgressiveFilesPluginOptions);
-    get currentSource(): Source;
-    /**
-     * Sets the current player source. If the id cannot be found, the current source is returned
-     * @param id the id of the source to set
-     */
-    setSource(id: string): Source;
-    getSourceById(id: string): Source;
-    private populateSources;
-    private sourceChangeUpdateQualityLevels;
-}
-declare module 'video.js' {
-    interface VideoJsPlayer {
-        progressiveFiles(options: ProgressiveFilesPluginOptions): void;
-    }
-}
-export {};

package/dist/projects/player/src/plugins/touch-controls-plugin/components/touch-controls/touch-controls.d.ts

@@ -1,59 +0,0 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import './touch-controls.scss';
-declare const Component: {
-    new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
-    prototype: videojs.Component;
-    getComponent(name: "button" | "Button"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
-        prototype: videojs.Button;
-    };
-    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
-        prototype: videojs.ClickableComponent;
-    };
-    getComponent(name: "ModalDialog" | "modaldialog"): {
-        new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
-        prototype: videojs.ModalDialog;
-    };
-    getComponent(name: "menu" | "Menu"): {
-        new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
-        prototype: videojs.Menu;
-    };
-    getComponent(name: "MenuButton" | "menubutton"): {
-        new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
-        prototype: videojs.MenuButton;
-    };
-    getComponent(name: "menuitem" | "MenuItem"): {
-        new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
-        prototype: videojs.MenuItem;
-    };
-    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
-        prototype: videojs.MouseTimeDisplay;
-    };
-    getComponent(name: "Spacer" | "spacer"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
-        prototype: videojs.Spacer;
-    };
-    getComponent(name: "Player" | "player"): {
-        new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
-        prototype: VideoJsPlayer;
-        getTagSettings(tag: Element): any;
-    };
-    getComponent(name: "timeTooltip" | "TimeTooltip"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
-        prototype: videojs.TimeToolTip;
-    };
-    getComponent(name: string): any;
-    registerComponent(name: string, ComponentToRegister: any): any;
-};
-export declare class TouchControls extends Component {
-    private el_;
-    private timeoutId;
-    constructor(player: VideoJsPlayer, options?: videojs.ComponentOptions);
-    buildCSSClass(): string;
-    createEl(tagName?: string, properties?: any, attributes?: any): Element;
-    setUi(amount: number, timeout: number): void;
-    removeText(): void;
-}
-export {};

package/dist/projects/player/src/plugins/touch-controls-plugin/touch-controls-plugin.d.ts

@@ -1 +0,0 @@
-import './components/touch-controls/touch-controls';

package/dist/projects/player/src/react/CreateClipPlayer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CreateClipPlayerOptions } from "../players/create-clip-player";
-export declare function ClickViewCreateClipPlayer(props: CreateClipPlayerOptions): React.ReactElement;

package/dist/projects/player/src/react/EmbeddedPlayer.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ClickViewPlayerProps } from "./Player";
-import './embedded-player.scss';
-interface EmbeddedPlayerProps extends Omit<ClickViewPlayerProps, 'embed'> {
-}
-export declare function EmbeddedPlayer(props: EmbeddedPlayerProps): JSX.Element;
-export {};

package/dist/projects/player/src/react/InteractivePlayer.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { InteractiveMode } from "../plugins/interactive-plugin/interfaces";
-import { InteractivePlayer, InteractivePlayerOptions } from "../players/interactive-player";
-interface ClickViewInteractivePlayerProps {
-    onReady?: (player: InteractivePlayer) => void;
-    mode?: InteractiveMode;
-}
-export declare function ClickViewInteractivePlayer(props: InteractivePlayerOptions & ClickViewInteractivePlayerProps): React.ReactElement;
-export {};

package/dist/projects/player/src/react/Player.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PlayerOptions } from "../players/player";
-export interface ClickViewPlayerProps extends Omit<PlayerOptions, 'playerApi'> {
-    playerApi?: string;
-    className?: string;
-    innerRef?: React.MutableRefObject<HTMLDivElement>;
-}
-export declare function ClickViewPlayer(props: ClickViewPlayerProps): React.ReactElement;

package/dist/projects/player/src/react/react-component.d.ts

@@ -1,56 +0,0 @@
-import React from 'react';
-import videojs, { VideoJsPlayer } from 'video.js';
-declare const Component: {
-    new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
-    prototype: videojs.Component;
-    getComponent(name: "button" | "Button"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
-        prototype: videojs.Button;
-    };
-    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
-        prototype: videojs.ClickableComponent;
-    };
-    getComponent(name: "ModalDialog" | "modaldialog"): {
-        new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
-        prototype: videojs.ModalDialog;
-    };
-    getComponent(name: "menu" | "Menu"): {
-        new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
-        prototype: videojs.Menu;
-    };
-    getComponent(name: "MenuButton" | "menubutton"): {
-        new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
-        prototype: videojs.MenuButton;
-    };
-    getComponent(name: "menuitem" | "MenuItem"): {
-        new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
-        prototype: videojs.MenuItem;
-    };
-    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
-        prototype: videojs.MouseTimeDisplay;
-    };
-    getComponent(name: "Spacer" | "spacer"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
-        prototype: videojs.Spacer;
-    };
-    getComponent(name: "Player" | "player"): {
-        new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
-        prototype: VideoJsPlayer;
-        getTagSettings(tag: Element): any;
-    };
-    getComponent(name: "timeTooltip" | "TimeTooltip"): {
-        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
-        prototype: videojs.TimeToolTip;
-    };
-    getComponent(name: string): any;
-    registerComponent(name: string, ComponentToRegister: any): any;
-};
-interface RootNodeOptions {
-    tagName?: string;
-    properties?: any;
-    attributes?: any;
-}
-export declare function getReactComponent(componentCtor: (player: VideoJsPlayer, options?: any) => React.ReactElement, options?: RootNodeOptions): typeof Component;
-export {};

package/dist/projects/player/src/services/analytics-service.d.ts

@@ -1,15 +0,0 @@
-import { ProgressEvent } from "../plugins/progress-reporter-plugin/progress-reporter-plugin";
-declare class StaticAnalyticsService {
-    private static instance;
-    private collectionApiClient;
-    constructor();
-    static get Instance(): StaticAnalyticsService;
-    logStream(): void;
-    logVideoProgress(events: ProgressEvent[]): void;
-    private initialize;
-    private setupCollectionApiClient;
-    private getCurrentUser;
-    private getActionContext;
-}
-export declare const AnalyticsService: StaticAnalyticsService;
-export {};

package/dist/projects/player/src/utils/ajax-helper.d.ts

@@ -1,6 +0,0 @@
-declare class StaticAjaxHelper {
-    get<T>(url: string): Promise<T>;
-    private parseResponse;
-}
-export declare const AjaxHelper: StaticAjaxHelper;
-export {};

package/dist/projects/player/src/utils/fn.d.ts

@@ -1,14 +0,0 @@
-/**
- * Wraps the given function, `fn`, with a new function that only invokes `fn`
- * at most once per every `wait` milliseconds.
- *
- * @function
- * @param    {Function} fn
- *           The function to be throttled.
- *
- * @param    {number}   wait
- *           The number of milliseconds by which to throttle.
- *
- * @return   {Function}
- */
-export declare const throttle: (fn: any, wait: any) => any;

package/dist/projects/player/src/utils/formatTime.d.ts

@@ -1,5 +0,0 @@
-/**
- * Direct copy from format-time.js within video.js
- * Unfortunately video.js doesn't expose this
- */
-export declare function formatTime(seconds: number, guide?: number): string;

package/dist/projects/player/src/utils/hotkeys.d.ts

@@ -1,5 +0,0 @@
-/**
- * handleHotKeys is to be used as userActions.hotkeys in VideoJsPlayerOptions.
- * `this` will be a reference to the player.
- */
-export declare function handleHotKeys(event: KeyboardEvent): void;

package/dist/projects/player/src/utils/scrollbar-helper.d.ts

@@ -1,6 +0,0 @@
-import videojs from 'video.js';
-export declare const ScrollbarHelper: {
-    initMenuScrollbar(component: videojs.MenuButton): void;
-    unMountScrollbar(component: videojs.MenuButton): void;
-    getMenuEl(component: videojs.MenuButton): HTMLElement;
-};

package/dist/projects/player/src/utils/track-helper.d.ts

@@ -1,7 +0,0 @@
-import { VideoJsPlayer } from 'video.js';
-declare type TrackKind = 'metadata' | 'chapters';
-declare type TrackLabel = 'interactive' | 'thumbnails' | false;
-export declare const TrackHelper: {
-    useTrack(player: VideoJsPlayer, kind: TrackKind, label: TrackLabel, callback: (track: TextTrack) => void): void;
-};
-export {};

package/dist/projects/player/test/players/test-player.d.ts

@@ -1,17 +0,0 @@
-import { VideoJsPlayer } from 'video.js';
-import { BasePlayer, BasePlayerOptions } from '../../src/players/base-player';
-export interface TestPlayerOptions extends BasePlayerOptions {
-    configurePlugins?: (player: VideoJsPlayer) => void;
-}
-export declare class TestPlayer extends BasePlayer {
-    protected options: TestPlayerOptions;
-    player: VideoJsPlayer;
-    constructor(id: string | Element, options: TestPlayerOptions);
-    /**
-     * 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 fetch(): Promise<void>;
-    protected configurePlugins(): void;
-}

package/dist/projects/player/test/utils/test-helpers.d.ts

@@ -1,8 +0,0 @@
-import { TestPlayer, TestPlayerOptions } from '../players/test-player';
-interface PlayerOptions extends Omit<TestPlayerOptions, 'viewKey'> {
-}
-export declare const TestHelpers: {
-    makeEl(): HTMLElement;
-    makePlayer(playerOptions?: PlayerOptions, containerEl?: HTMLElement): TestPlayer;
-};
-export {};

package/jest.config.js

@@ -1,13 +0,0 @@
-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/test/players/test-player.ts

@@ -1,31 +0,0 @@
-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 +0,0 @@
-/**
- * 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 +0,0 @@
-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/tooling/font-webpack.config.js

@@ -1,44 +0,0 @@
-const path = require('path');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const iconMap = require('../src/font/icon-map');
-
-const assetsRoot = path.resolve(__dirname, '..');
-const srcRoot = path.resolve(assetsRoot, 'src');
-const outputRoot = path.resolve(assetsRoot, 'dist');
-
-module.exports = {
-  entry: path.resolve(srcRoot, 'font/index.js'),
-  mode: process.env.NODE_ENV,
-  output: {
-    filename: 'bundle.js',
-    path: outputRoot
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: 'font.scss',
-    })
-  ],
-  module: {
-    rules: [{
-      test: /\.font\.js/,
-      use: [
-        MiniCssExtractPlugin.loader,
-        {
-          loader: 'css-loader',
-          options: {
-            url: false
-          }
-        },
-        {
-          loader: 'webfonts-loader',
-          options: {
-            embed: true,
-            css: true,
-            scssFile: true,
-            codepoints: iconMap
-          }
-        }
-      ]
-    }]
-  }
-};

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

@@ -1,29 +0,0 @@
-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;
-  }
-}