@hopecloud/jetstream-player 0.1.0 → 0.1.1

package/{src/index.ts → dist/index.d.ts}

@@ -1,2 +1,2 @@
 export * from './useEmbedPlayerMethods';
-export * from './useEmbedPlayerEvents';
+export * from './useEmbedPlayerEvents';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './useEmbedPlayerMethods';
+export * from './useEmbedPlayerEvents';

package/dist/useEmbedPlayerEvents.d.ts

@@ -0,0 +1 @@
+export declare const setEmbedPlayerEvents: (player: any, link: string) => void;

package/{src/useEmbedPlayerEvents.ts → dist/useEmbedPlayerEvents.js}

@@ -1,33 +1,22 @@
-type VideoMethod = 'play' | 'pause';
-
-interface VideoMessage {
-    msg: string;
-    src: string;
-}
-
-const videoMethods: { [key: string]: string } = {
+const videoMethods = {
     play: 'play',
     pause: 'pause',
 };
-
-let playerInstance: any;
+let playerInstance;
 let linkHref = '';
-
-export const setEmbedPlayerEvents = (player: any, link: string): void => {
+export const setEmbedPlayerEvents = (player, link) => {
     playerInstance = player;
     linkHref = link;
-
     playerInstance?.videoJsPlayer?.on('ended', () => {
-        const message: VideoMessage = {
+        const message = {
             msg: 'onEnded',
             src: linkHref,
         };
         window.parent.postMessage(message, '*');
     });
-
     for (const event of ['pause', 'play']) {
         playerInstance?.videoJsPlayer?.on(event, () => {
-            const message: VideoMessage = {
+            const message = {
                 msg: `${event}Video`,
                 src: linkHref,
             };
@@ -35,13 +24,12 @@ export const setEmbedPlayerEvents = (player: any, link: string): void => {
         });
     }
 };
-
-window.addEventListener('message', ({ data }: MessageEvent<VideoMethod>) => {
+window.addEventListener('message', ({ data }) => {
     const method = videoMethods[data];
-
     if (method) {
-        (playerInstance?.videoJsPlayer as any)?.[method]();
-    } else {
+        playerInstance?.videoJsPlayer?.[method]();
+    }
+    else {
         console.warn(`Non-available video method: ${data}`);
     }
-});
+});

package/dist/useEmbedPlayerMethods.d.ts

@@ -0,0 +1,9 @@
+export declare const embedPlayer: {
+    play: (index: number) => void;
+    pause: (index: number) => void;
+};
+type CallbackType = (index: number) => void;
+export declare const onEnded: (callback: CallbackType) => void;
+export declare const playVideo: (callback: CallbackType) => void;
+export declare const pauseVideo: (callback: CallbackType) => void;
+export {};

package/{src/useEmbedPlayerMethods.ts → dist/useEmbedPlayerMethods.js}

@@ -1,23 +1,10 @@
-interface IAccumulator {
-    iframesWithEmbedVideo: HTMLIFrameElement[];
-    allIframes: HTMLIFrameElement[];
-    embedVideosSrc: string[];
-}
-
-interface IFrameMessage {
-    msg: string;
-    src: string;
-}
-
-let iframesWithEmbedVideo: HTMLIFrameElement[] = [];
-let allIframes: HTMLIFrameElement[] = [];
-let embedVideosSrc: string[] = [];
-
+let iframesWithEmbedVideo = [];
+let allIframes = [];
+let embedVideosSrc = [];
 document.addEventListener('DOMContentLoaded', () => {
-    ({ iframesWithEmbedVideo, allIframes, embedVideosSrc } = Array.from(document.querySelectorAll('iframe')).reduce<IAccumulator>((acc, iframe) => {
+    ({ iframesWithEmbedVideo, allIframes, embedVideosSrc } = Array.from(document.querySelectorAll('iframe')).reduce((acc, iframe) => {
         const { src } = iframe;
         const iframeOrigin = new URL(src).origin;
-
         // Check if iframe has embed player origin
         if (iframeOrigin.includes('jstre')) {
             acc.iframesWithEmbedVideo.push(iframe);
@@ -27,36 +14,30 @@ document.addEventListener('DOMContentLoaded', () => {
         return acc;
     }, { iframesWithEmbedVideo: [], allIframes: [], embedVideosSrc: [] }));
 });
-
 export const embedPlayer = new Proxy({
-    play: (index: number) => {},
-    pause: (index: number) => {}
+    play: (index) => { },
+    pause: (index) => { }
 }, {
     get(target, prop) {
-        return (index: number) => {
+        return (index) => {
             const method = prop.toString();
             iframesWithEmbedVideo[index].contentWindow?.postMessage(method, '*');
         };
     }
 });
-
-type CallbackType = (index: number) => void;
-
-const callbacks: { [key: string]: CallbackType } = {};
-
-export const onEnded = (callback: CallbackType) => {
+const callbacks = {};
+export const onEnded = (callback) => {
     callbacks.onEnded = callback;
 };
-export const playVideo = (callback: CallbackType) => {
+export const playVideo = (callback) => {
     callbacks.playVideo = callback;
 };
-export const pauseVideo = (callback: CallbackType) => {
+export const pauseVideo = (callback) => {
     callbacks.pauseVideo = callback;
 };
-
-window.addEventListener('message', (event: MessageEvent<IFrameMessage>) => {
+window.addEventListener('message', (event) => {
     const index = embedVideosSrc.findIndex((e) => e === event.data.src);
     if (event.data.msg in callbacks) {
         callbacks[event.data.msg](index);
     }
-});
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hopecloud/jetstream-player",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Embeddable player for Jetstream videos",
   "scripts": {
     "build": "tsc"

package/.idea/hcc-jetstream-player.iml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/misc.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectRootManager">
-    <output url="file://$PROJECT_DIR$/out" />
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/hcc-jetstream-player.iml" filepath="$PROJECT_DIR$/.idea/hcc-jetstream-player.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>