npm - @clickview/player - Versions diffs - 0.0.0-rc.15 → 0.0.0-rc.2 - Mend

@clickview/player 0.0.0-rc.15 → 0.0.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (380) hide show

package/dist/index.html ADDED Viewed

@@ -0,0 +1,19 @@
+<html>
+<head>
+  <script src="./player-app.js"></script>
+  <link rel="stylesheet" href="player-app.css" />
+</head>
+<body>
+  <video id="my-player" class="video-js" data-setup='{"controls": true, "autoplay": true, "inactivityTimeout": 10000 }' width="600">
+    <source src="https://file-examples-com.github.io/uploads/2017/04/file_example_MP4_480_1_5MG.mp4" type="video/mp4" />
+  </video>
+  <script>
+    const CVPlayer = window['@clickview/player'];
+    CVPlayer.CVPlayer.start('my-player');
+  </script>
+</body>
+</html>

package/package.json CHANGED Viewed

@@ -1,18 +1,13 @@
 {
   "name": "@clickview/player",
-  "version": "0.0.0-rc.15",
+  "version": "0.0.0-rc.2",
   "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": "set NODE_ENV=production&& webpack --config ./tooling/webpack.config.js",
     "dev-build": "set NODE_ENV=development&& webpack --config ./tooling/webpack.config.js",
-    "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"
+    "dev-server": "set NODE_ENV=development&& webpack-dev-server --config ./tooling/webpack.config.js"
   },
   "repository": {
     "type": "git",
@@ -25,24 +20,13 @@
   "author": "Matt Trengrove, Cameron Hill, Shale Kuzmanovski",
   "license": "ISC",
   "devDependencies": {
-    "@babel/core": "7.11.6",
-    "@clickview/eslint-config": "1.0.0",
-    "@clickview/player-font": "0.0.1",
-    "@clickview/tooling": "0.0.19-rc.4",
-    "@storybook/react": "6.0.26",
-    "@types/simplebar": "5.1.1",
+    "@clickview/tooling": "0.0.18",
     "@types/video.js": "7.3.11",
-    "jest": "26.1.0",
-    "ts-jest": "26.1.4",
     "webpack-dev-server": "3.11.0"
   },
   "dependencies": {
-    "@clickview/styles": "1.0.12-rc.4",
-    "keycode": "2.2.0",
-    "simplebar": "5.3.0",
-    "simplebar-react": "2.3.0",
-    "video.js": "7.8.4",
-    "videojs-contrib-quality-levels": "2.0.9"
+    "@clickview/styles": "1.0.9-rc.1",
+    "video.js": "7.8.4"
   },
   "babel": {
     "presets": [

package/.eslintrc.json DELETED Viewed

@@ -1,3 +0,0 @@
-{
-  "extends": ["@clickview/eslint-config"]
-}

package/.storybook/main.js DELETED Viewed

@@ -1,22 +0,0 @@
-const custom = require('../tooling/webpack.config');
-module.exports = {
-  stories: [
-    './**/*.stories.@(js|jsx|ts|tsx)'
-  ],
-  webpackFinal: (config) => {
-    return {
-      ...config,
-      context: custom.context,
-      module: {
-        ...config.module,
-        rules: custom.module.rules
-      },
-      resolve: custom.resolve,
-      plugins: [
-        ...config.plugins,
-        ...custom.plugins
-      ]
-    };
-  },
-};

package/.storybook/preview-head.html DELETED Viewed

@@ -1,3 +0,0 @@
-<!-- TODO: Link to stylesheet -->
-<!-- <link rel="stylesheet" href="player-app.css"> -->
-<link rel="stylesheet" href="https://online.clickview.com.au/Assets/css/compiled/modules/styles/cv-styles.css?v=7.35.0">

package/.storybook/stories/Base.stories.tsx DELETED Viewed

@@ -1,132 +0,0 @@
-import React from 'react';
-import { ClickViewPlayer, Player } from '../../src/index';
-import { mockplayerApi } from './utils/mock-playerapi';
-import { mockSetups } from './utils/mock-setup';
-export default {
-  title: 'Base'
-};
-export const Default = () =>
-  <ClickViewPlayer viewKey='basic' fetch={mockplayerApi} />;
-Default.storyName = 'Default';
-export const Chapters = () =>
-  <ClickViewPlayer viewKey='chapters' fetch={mockplayerApi} />;
-Chapters.storyName = 'Chapters';
-export const Thumbnails = () =>
-  <ClickViewPlayer viewKey='chapters' fetch={mockplayerApi} setup={mockSetups.thumbnails} />;
-Thumbnails.storyName = 'Thumbnails';
-export const Vertical = () => (
-  <div style={{ width: '300px' }}>
-    <ClickViewPlayer viewKey='vertical' fetch={mockplayerApi} />
-  </div>
-);
-Vertical.storyName = 'Vertical';
-export const NoControls = () =>
-  <ClickViewPlayer viewKey='basic' fetch={mockplayerApi} controls={false} />;
-NoControls.storyName = 'No Controls';
-export const OpenExternally = () =>
-  <ClickViewPlayer
-    viewKey='basic'
-    fetch={mockplayerApi}
-    getExternalLink={(options: any) => `https://online.clickview.com.au/share?sharecode=1ef15209&t=${options.currentTime}`}
-  />;
-OpenExternally.storyName = 'Open Externally';
-export const Error = () =>
-  <ClickViewPlayer viewKey='error' fetch={mockplayerApi} />;
-export const PlayerApi = () =>
-  <ClickViewPlayer viewKey='camwashere' />;
-PlayerApi.storyName = 'Player API';
-/**
- * This story uses an intentionally invalid viewKey.
- */
-export const PlayerApiError = () =>
-  <ClickViewPlayer viewKey='camwashere_error' />;
-PlayerApiError.storyName = 'Player API Error';
-export const MultipleQualities = () =>
-  <ClickViewPlayer viewKey='multipleQualities' fetch={mockplayerApi} />;
-export const Poster = () =>
-  <ClickViewPlayer viewKey='poster' fetch={mockplayerApi} />;
-export const Everything = () =>
-  <ClickViewPlayer
-      viewKey='everything'
-      fetch={mockplayerApi}
-      setup={mockSetups.everything}
-      getExternalLink={(options: any) => `https://online.clickview.com.au/share?sharecode=1ef15209&t=${options.currentTime}`}
-    />;
-export const LocalCache = () => <ClickViewPlayer viewKey='localcache' fetch={mockplayerApi} />;
-export const StyleGuideline = () => {
-  const [ hidden, setHidden ] = React.useState(false);
-  function onClick(): void {
-    setHidden(!hidden);
-  }
-  return (
-    <div
-      style={{
-        width: '1100px',
-        height: '619px',
-        position: 'relative'
-      }}
-    >
-      <div
-        style={{
-          position: 'absolute',
-          top: '0px',
-          left: '0px',
-          right: '0px',
-          bottom: '0px',
-          backgroundImage: 'url(https://i.imgur.com/nqKupnk.png)',
-          zIndex: 2,
-          display: hidden ? 'none' : 'block'
-        }}
-      ></div>
-      <div style={{ position: 'relative', zIndex: 1 }}>
-        <ClickViewPlayer
-          viewKey='everything'
-          fetch={mockplayerApi}
-          setup={mockSetups.everything}
-        />
-      </div>
-    <button onClick={onClick}>Toggle</button>
-    </div>
-  )
-}
-export const PlayNextVideo = () => {
-  return <ClickViewPlayer
-    // viewKey='basic'
-    viewKey='chapters'
-    fetch={mockplayerApi}
-    onReady={(player: Player) => {
-      player.setNextVideo({
-        name: 'The Equalizer',
-        thumbnailUrl: 'https://image.api.stg.cvnet.io/v2/thumbnails/Q229lo'
-      }, () => {
-        console.log('playNextVideo')
-      });
-    }} />;
-}

package/.storybook/stories/Clips.stories.tsx DELETED Viewed

@@ -1,63 +0,0 @@
-import React from 'react';
-import { ClickViewPlayer, ClickViewCreateClipPlayer } from '../../src/index';
-import { mockplayerApi } from './utils/mock-playerapi';
-interface ClipFormProps {
-  startTime?: number;
-  endTime?: number;
-  minDuration?: number;
-}
-function ClipForm(props: ClipFormProps): JSX.Element {
-  const [ startTime, setStartTime ] = React.useState(props.startTime);
-  const [ endTime, setEndTime ] = React.useState(props.endTime);
-  const getInputValue = (time?: number) => {
-    return isNaN(time)
-      ? ''
-      : time;
-  };
-  return (
-    <>
-      <ClickViewCreateClipPlayer
-        viewKey='basic'
-        fetch={mockplayerApi}
-        startTime={startTime}
-        onChangeStartTime={setStartTime}
-        endTime={endTime}
-        onChangeEndTime={setEndTime}
-        minDuration={props.minDuration}
-      />
-      <div style={{ marginTop: '15px' }}>
-        <label>Start Time (s)</label>
-        <input type='number' value={getInputValue(startTime)} onChange={e => setStartTime(+e.target.value)} />
-        <label>End Time (s)</label>
-        <input type='number' value={getInputValue(endTime)} onChange={e => setEndTime(+e.target.value)} />
-        <label>Duration (s)</label>
-        <input type='number' value={getInputValue(endTime - startTime)} readOnly />
-      </div>
-    </>
-  );
-}
-export default {
-  title: 'Clips'
-};
-export const ClipPlayback = () =>
-  <ClickViewPlayer viewKey='clip' fetch={mockplayerApi} />;
-ClipPlayback.storyName = 'Clip Playback';
-export const CreateClip = () => <ClipForm />;
-CreateClip.storyName = 'Create Clip';
-export const EditClip = () => <ClipForm startTime={100} endTime={200} />;
-EditClip.storyName = 'Edit Clip';
-export const MinDurationClip = () => <ClipForm minDuration={30} />;
-MinDurationClip.storyName = 'Create Clip with 30s min duration';

package/.storybook/stories/Interactives.stories.tsx DELETED Viewed

@@ -1,65 +0,0 @@
-import React from 'react';
-import { ClickViewInteractivePlayer, InteractivePlayer } from '../../src/index';
-import { InteractiveMode } from '../../src/plugins/interactive-plugin/interfaces';
-import { mockplayerApi } from './utils/mock-playerapi';
-export default {
-  title: 'Interactives'
-};
-export const Default = () =>
-  <ClickViewInteractivePlayer viewKey='interactive' fetch={mockplayerApi} />;
-export const Create = () =>
-  <ClickViewInteractivePlayer
-    viewKey='basic'
-    fetch={mockplayerApi}
-    mode={InteractiveMode.Create} />;
-export const Annotation = () => {
-  function onReady(player: InteractivePlayer): void {
-    player.currentTime(15);
-  }
-  return <ClickViewInteractivePlayer onReady={onReady} viewKey='interactive' fetch={mockplayerApi} autoplay={true} />;
-};
-export const ShortAnswer = () => {
-  function onReady(player: InteractivePlayer): void {
-    player.currentTime(13);
-  }
-  return <ClickViewInteractivePlayer onReady={onReady} viewKey='interactive' fetch={mockplayerApi} autoplay={true} />;
-};
-export const Image = () => {
-  function onReady(player: InteractivePlayer): void {
-    player.currentTime(17);
-  }
-  return <ClickViewInteractivePlayer onReady={onReady} viewKey='interactive' fetch={mockplayerApi} autoplay={true} />;
-};
-export const TrueOrFalse = () => {
-  function onReady(player: InteractivePlayer): void {
-    player.currentTime(5);
-  }
-  return <ClickViewInteractivePlayer onReady={onReady} viewKey='interactive' fetch={mockplayerApi} autoplay={true} />;
-};
-export const MultipleChoice = () => {
-  function onReady(player: InteractivePlayer): void {
-    player.currentTime(7);
-  }
-  return <ClickViewInteractivePlayer onReady={onReady} viewKey='interactive' fetch={mockplayerApi} autoplay={true} />;
-};
-export const MissingWord = () => {
-  function onReady(player: InteractivePlayer): void {
-    player.currentTime(9);
-  }
-  return <ClickViewInteractivePlayer onReady={onReady} viewKey='interactive' fetch={mockplayerApi} autoplay={true} />;
-};

package/.storybook/stories/Subtitles.stories.tsx DELETED Viewed

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ClickViewPlayer } from '../../src/index';
-import { mockplayerApi } from './utils/mock-playerapi';
-export default {
-  title: 'Subtitles'
-};
-export const SingleTrack = () =>
-  <ClickViewPlayer viewKey='basic' fetch={mockplayerApi} />;
-SingleTrack.storyName = 'Single Track';
-export const MultipleTracksWithDefault = () =>
-  <ClickViewPlayer viewKey='multipleTracksWithDefault' fetch={mockplayerApi} />;
-MultipleTracksWithDefault.storyName = 'Multiple Tracks with default';
-export const MultipleTracks = () =>
-  <ClickViewPlayer viewKey='multipleSubtitles' fetch={mockplayerApi} />;
-MultipleTracks.storyName = 'Multiple Tracks';

package/.storybook/stories/assets/chapters.vtt DELETED Viewed

@@ -1,19 +0,0 @@
-WEBVTT
-00:00.000 --> 00:05.000
-Waves
-00:05.000 --> 00:11.000
-Some More Waves
-00:11.000 --> 00:13.000
-Waves hitting Rocks
-00:13.000 --> 00:20.000
-Rocky Rocks
-00:20.000 --> 00:26.000
-More Rocks
-00:26.000 --> 00:28.000
-End of waves

package/.storybook/stories/assets/en.vtt DELETED Viewed

@@ -1,8 +0,0 @@
-WEBVTT
-00:01.000 --> 00:15.000
-- Never drink liquid nitrogen.
-00:17.000 --> 00:25.000
-- It will perforate your stomach.
-- You could die.

package/.storybook/stories/assets/es.vtt DELETED Viewed

@@ -1,8 +0,0 @@
-WEBVTT
-00:01.000 --> 00:15.000
-- Nunca beba nitrógeno líquido.
-00:17.000 --> 00:25.000
-- Perforará tu estómago.
-- Podrías morir.

package/.storybook/stories/assets/fr.vtt DELETED Viewed

@@ -1,8 +0,0 @@
-WEBVTT
-00:01.000 --> 00:15.000
-- Ne buvez jamais d'azote liquide.
-00:17.000 --> 00:25.000
-- Il perforera votre estomac.
-- Tu pourrais mourir.