@clickview/player 0.0.8-dev.1 → 0.0.8-dev.3

package/.storybook/stories/utils/mock-playerapi.ts

@@ -1,361 +0,0 @@
-import { PlaybackObject, Files, Chapters, Subtitles, LocalCacheAddress, Resources } from '../../../src/interfaces/models/PlaybackObject';
-
-import interactive from '../assets/interactive.json';
-
-const basicFiles = <Files> {
-  progressive: [{
-    url: 'https://static.clickview.com.au/testvideos/vpsbenchmark.mp4',
-    mimeType: 'video/mp4',
-    profile: '720'
-  }]
-};
-
-const multipleFiles = <Files> {
-  progressive: [{
-    mimeType: 'video/mp4',
-    profile: '240',
-    url: 'https://static.clickview.com.au/testvideos/vpsbenchmark.mp4?quality=240'
-  },{
-    mimeType: 'video/mp4',
-    profile: '720',
-    url: 'https://static.clickview.com.au/testvideos/vpsbenchmark.mp4?quality=720'
-  }]
-}
-
-const emptyChapters = <Chapters> {
-  list: []
-};
-
-const mockChapters = <Chapters> {
-  list: [{
-    name: 'Waves',
-    timestamp: 0,
-    endTimestamp: 5
-  },
-  {
-    name: 'Some More Waves',
-    timestamp: 5,
-    endTimestamp: 11
-  },
-  {
-    name: 'Waves hitting Rocks',
-    timestamp: 11,
-    endTimestamp: 13
-  },
-  {
-    name: 'Rocky Rocks',
-    timestamp: 13,
-    endTimestamp: 20
-  },
-  {
-    name: 'End of waves',
-    timestamp: 20,
-    endTimestamp: 28
-  },
-  {
-    name: 'Credits',
-    timestamp: 28,
-    endTimestamp: 600
-  }]
-};
-
-const emptySubtitles = <Subtitles> {
-  list: []
-};
-
-const multipleSubtitles = <Subtitles> {
-  list: [{
-    label: 'English',
-    language: 'en',
-    url: './en.vtt',
-    mimeType: 'text/vtt'
-  }, {
-    label: 'Spanish',
-    language: 'es',
-    url: './es.vtt',
-    mimeType: 'text/vtt'
-  },{
-    label: 'French',
-    language: 'fr',
-    url: './fr.vtt',
-    mimeType: 'text/vtt'
-  }]
-};
-
-const mockResources = <Resources> {
-  list: [
-    {
-      name: "Comprehension Questions",
-      url: "https://file.api.stg.cvnet.io/v1/files/d9a638acb5e94845bde68ffcee9f268f",
-      metadata: {
-        type: 'pdf'
-      }
-    },
-    {
-      name: "Ice Cube",
-      url: "https://file.api.stg.cvnet.io/v1/files/cb537b963dd4492dbd46a7616240f704",
-      metadata: {
-        type: 'image'
-      }
-    },
-    {
-      name: "Key Concepts",
-      url: "https://file.api.stg.cvnet.io/v1/files/fee99545827647c5a833eb6d35457684"
-    },
-    {
-      name: "Classroom Activity: Who Is Centred?",
-      url: "https://file.api.stg.cvnet.io/v1/files/dffe3954b85a46019bb7f10653430aee"
-    },
-    {
-      name: "Who Is Centred?: The Geocentric Model vs Heliocentric Model",
-      url: "https://file.api.stg.cvnet.io/v1/files/ff1ac5c29d2b43a6a766e32626fdd55a"
-    },
-    {
-      name: "Endless Story Board Game: Instructions and Questions",
-      url: "https://file.api.stg.cvnet.io/v1/files/464090b8d1bc4ef78e0f3fae9b439f3e"
-    },
-    {
-      name: "Endless Story Board Game: Board Game Pieces",
-      url: "https://file.api.stg.cvnet.io/v1/files/39bbbef9b4274338afbfd5c3f11d4334"
-    },
-    {
-      name: "Outstanding Milestones in Mathematics",
-      url: "https://file.api.stg.cvnet.io/v1/files/21c3a97dbefb4c678c40ea2f302dde09"
-    },
-    {
-      name: "Classroom Experiment Activity: Imitating Galileo",
-      url: "https://file.api.stg.cvnet.io/v1/files/63b0311220514282b34fa389070ea1c1"
-    },
-    {
-      name: "Key Concepts: The Language of Science",
-      url: "https://file.api.stg.cvnet.io/v1/files/c395bb90504f44d7b082cd86178102ae"
-    },
-    {
-      name: "Classroom Activity: Who Is Centred?",
-      url: "https://file.api.stg.cvnet.io/v1/files/3f6453ade0b04ed191b1e4707c1b593c"
-    },
-    {
-      name: "Who Is Centred?: The Geocentric Model vs Heliocentric Model",
-      url: "https://file.api.stg.cvnet.io/v1/files/6b1319fcdb80425d86f7a89bc02c90f1"
-    },
-    {
-      name: "Endless Story Board Game: Instructions and Questions",
-      url: "https://file.api.stg.cvnet.io/v1/files/f8d70f5fd1f1442e9acd85fc23b02700"
-    },
-    {
-      name: "Endless Story Board Game: Board Game Pieces",
-      url: "https://file.api.stg.cvnet.io/v1/files/1c3f60c920534a129744a516c1413cf4"
-    },
-    {
-      name: "Outstanding Milestones in Mathematics",
-      url: "https://file.api.stg.cvnet.io/v1/files/cecb07e558244a39b9f0772c5938d0d7"
-    },
-    {
-      name: "Classroom Experiment Activity: Imitating Galileo",
-      url: "https://file.api.stg.cvnet.io/v1/files/5c179f615a974dccae89f6533fbda4c9"
-    },
-    {
-      name: "Maths, the Language of Science",
-      url: "https://file.api.stg.cvnet.io/v1/files/b58daa1d60d5474ba556e2a3fc4942b7"
-    }
-  ]
-};
-
-const emptyLocalCacheAddresses = <LocalCacheAddress[]> [];
-
-const mockExtraData = {
-  title: 'Paralympics',
-  videoId: '',
-  viewerId: '',
-  viewerCustomerId: '',
-  region: '',
-  mediaId: '',
-  settings: {
-    showSubtitles: false,
-    playbackProfile: '',
-    playbackProfileLocalCache: '',
-    playbackSubtitleSizeDefault: ''
-  },
-  warning: 'Bloody Scenes, Violence, Alcohol Abuse and Death',
-  ratingCode: 'PG',
-  seriesName: 'Global Icons',
-  seasonNumber: 1,
-  episodeNumber: 2
-}
-
-const sources: { [key: string]: PlaybackObject } = {
-  basic: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: {
-      list: [{
-        isDefault: false,
-        label: 'English',
-        language: 'en-au',
-        url: './en.vtt',
-        mimeType: 'text/vtt'
-      }]
-    },
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  chapters: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: mockChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  vertical: {
-    files: {
-      progressive: [{
-        mimeType: 'video/mp4',
-        profile: '720',
-        url: './vertical.mp4'
-      }]
-    },
-    mediaType: 'MasterVideo',
-    chapters: mockChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  error: {
-    files: {
-      progressive: [{
-        mimeType: 'video/mp4',
-        profile: '240',
-
-        // This is intentionally not a video url
-        url: 'https://clickview.com.au'
-      }]
-    },
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  multipleQualities: {
-    files: multipleFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  poster: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    posterUrl: 'https://image.api.stg.cvnet.io/v2/thumbnails/Q229lo',
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  everything: {
-    files: multipleFiles,
-    mediaType: 'MasterVideo',
-    chapters: mockChapters,
-    posterUrl: 'https://image.api.stg.cvnet.io/v2/thumbnails/Q229lo',
-    subtitles: multipleSubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  multipleSubtitles: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: multipleSubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  multipleTracksWithDefault: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: {
-      list: [{
-        label: 'English',
-        language: 'en',
-        url: './en.vtt',
-        mimeType: 'text/vtt'
-      }, {
-        label: 'Spanish',
-        language: 'es',
-        url: './es.vtt',
-        isDefault: true,
-        mimeType: 'text/vtt'
-      },{
-        label: 'French',
-        language: 'fr',
-        url: './fr.vtt',
-        mimeType: 'text/vtt'
-      }]
-    },
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  interactive: {
-    files: basicFiles,
-    mediaType: 'MasterInteractive',
-    chapters: emptyChapters,
-    additionalData: interactive,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  clip: {
-    files: basicFiles,
-    mediaType: 'MasterClip',
-    chapters: emptyChapters,
-    additionalData: {
-      startTime: 60,
-      endTime: 240
-    },
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  localcache: {
-    files: multipleFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: [{
-      httpsAddress: 'https://local.clickviewlocalcache.com:9055',
-      name: 'test',
-      playbackProfile: '1080'
-    }],
-    resources: mockResources,
-    ...mockExtraData
-  }
-};
-
-export function mockplayerApi(viewKey: string): Promise<PlaybackObject> {
-  const playbackObject = sources[viewKey];
-
-  if (!playbackObject)
-    throw Error('Unknown viewKey: ' + viewKey);
-
-  return new Promise<PlaybackObject>(resolve => {
-
-    // 200ms Timeout is just simulating an async api call to fetch tech info
-    window.setTimeout(() => {
-      resolve(playbackObject);
-    }, 200);
-  });
-}

package/.storybook/stories/utils/mock-setup.ts

@@ -1,16 +0,0 @@
-import { VideoJsPlayer } from 'video.js';
-import { BasePlayerOptions } from '../../../src/players/base-player';
-
-export const mockSetups: any = {
-  thumbnails: function(options: BasePlayerOptions, player: VideoJsPlayer): void {
-    player.addRemoteTextTrack({
-      kind: 'metadata',
-      src: './thumbnails.vtt',
-      label: 'thumbnails'
-    }, true);
-  },
-
-  everything: function(options: BasePlayerOptions, player: VideoJsPlayer): void {
-    mockSetups.thumbnails(options, player);
-  }
-};

package/dist/libs/analytics/src/utils/VideoDataFormatHelper.d.ts

@@ -1,42 +0,0 @@
-import { HashObject, Video } from 'libs/analytics/interfaces';
-export interface VideoWatchAnalyticsEvent {
-    model: Video;
-    playbackStatus: PlaybackStatus;
-}
-export interface PlaybackStatus {
-    position: number;
-    chapter: number;
-    totalDuration: number;
-    totalWatched: number;
-    hasStarted?: boolean;
-}
-interface BaseVideoData {
-    id: string;
-    title: string;
-    trackingCode: string;
-    duration: number;
-}
-interface BaseAssocData {
-    id: string;
-    title?: string;
-}
-export interface VideoAnalyticsPayload {
-    video: BaseVideoData;
-    rating?: string;
-    series?: BaseAssocData;
-    folder?: BaseAssocData;
-    owner?: BaseAssocData;
-    playlist?: BaseAssocData;
-    playbackStatus?: PlaybackStatus;
-}
-export declare const VideoDataFormatHelper: {
-    getVideoData(options: VideoWatchAnalyticsEvent): VideoAnalyticsPayload;
-    /**
-     * Map to the same properties recorded in Online.
-     * @see _toLogMasterVideo() in AnalyticsService in Online
-     *
-     * TODO: Video origin and user channel logging - both of these need to be re-worked properly.
-     */
-    getLegacyVideoData(options: VideoWatchAnalyticsEvent): HashObject;
-};
-export {};

package/dist/libs/shared/src/components/thumbnails/base/BaseThumbnail.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { Core } from 'libs/common/core';
-import { Image } from 'libs/shared/interfaces';
-import { ImageOptions } from 'libs/shared/utils/ImageHelper';
-import { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';
-export declare enum AspectRatio {
-    SixteenByNine = 0,
-    OneByOne = 1,
-    TwoByThree = 2,
-    NineBySixteen = 3
-}
-interface ThumbnailProps {
-    data: Image | string;
-    imageOptions?: ImageOptions;
-    appLink?: Core.AppLink;
-    aspectRatio?: AspectRatio;
-    className?: string;
-    imageClassName?: string;
-    imageStyle?: HashObject;
-    preload?: boolean;
-    analyticsData?: HashObject;
-    analyticsOptions?: AnalyticsOptions;
-    onImageLoadError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-}
-export declare function BaseThumbnail(props: React.PropsWithChildren<ThumbnailProps>): React.ReactElement;
-export {};

package/dist/libs/shared/src/images/svg/player/index.d.ts

@@ -1,14 +0,0 @@
-import Quality240 from './quality-240.svg';
-import Quality480 from './quality-480.svg';
-import QualityHD from './quality-hd.svg';
-import CloseCaption from './close-caption.svg';
-import Contract from './contract.svg';
-import FullScreen from './full-screen.svg';
-import Mute from './mute.svg';
-import Next from './next.svg';
-import Play from './play.svg';
-import PlayCircle from './play-circle.svg';
-import Pause from './pause.svg';
-import Previous from './previous.svg';
-import Volume from './volume.svg';
-export { Quality240, Quality480, QualityHD, CloseCaption, Contract, FullScreen, Mute, Next, Play, PlayCircle, Pause, Previous, Volume };

package/dist/libs/shared/src/interfaces/FavouriteVideoFunc.d.ts

@@ -1,2 +0,0 @@
-import { Video } from './models/Video';
-export declare type FavouriteVideoFunc = (video: Video, shouldFavourite: boolean, onSuccess?: () => void, onError?: () => void) => void;

package/dist/libs/shared/src/interfaces/requests/CreateViewKeyRequest.d.ts

@@ -1,3 +0,0 @@
-export interface CreateViewKeyRequest {
-    mediaId: string;
-}

package/dist/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay.d.ts

@@ -1 +0,0 @@
-import './engagement-overlay.scss';

package/dist/projects/player/src/plugins/example-plugin/components/example-button/example-button.d.ts

@@ -1 +0,0 @@
-import './example-button.scss';

package/dist/projects/player/src/plugins/example-plugin/components/example-react-button/example-react-button.d.ts

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

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

@@ -1,2 +0,0 @@
-import './components/example-button/example-button';
-import './components/example-react-button/example-react-button';

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;
-};