@hopecloud/jetstream-player 0.2.7 → 0.2.8

package/dist/useEmbedPlayerMethods.d.ts

@@ -1,24 +1,17 @@
-export declare let embedVideosSrc: string[];
-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 declare const initPlayerMethods: () => {
-    new (selector: string): {
-        iframe: HTMLIFrameElement;
-        play(): void;
-        pause(): void;
-        playNext(): void;
-        playPrevious(): void;
+type CallbackType = () => void;
+export declare class JetstreamPlayer {
+    iframe: HTMLIFrameElement;
+    callbacks: {
+        [key: string]: CallbackType;
     };
-};
-export declare const JetstreamPlayer: {
-    new (selector: string): {
-        iframe: HTMLIFrameElement;
-        play(): void;
-        pause(): void;
-        playNext(): void;
-        playPrevious(): void;
-    };
-};
+    constructor(selector: string);
+    play(): void;
+    pause(): void;
+    playNext(): void;
+    playPrevious(): void;
+    seekTo(seconds: number): void;
+    onEnded: (callback: CallbackType) => void;
+    playVideo: (callback: CallbackType) => void;
+    pauseVideo: (callback: CallbackType) => void;
+}
 export {};

package/dist/useEmbedPlayerMethods.js

@@ -1,60 +1,38 @@
-let iframesWithEmbedVideo = [];
-let allIframes = [];
-let eventListenerAdded = false;
-export let embedVideosSrc = [];
-const callbacks = {};
-export const onEnded = (callback) => {
-    callbacks.onEnded = callback;
-};
-export const playVideo = (callback) => {
-    callbacks.playVideo = callback;
-};
-export const pauseVideo = (callback) => {
-    callbacks.pauseVideo = callback;
-};
-export const initPlayerMethods = () => {
-    ({ 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);
-            acc.embedVideosSrc.push(src);
-        }
-        acc.allIframes.push(iframe);
-        return acc;
-    }, { iframesWithEmbedVideo: [], allIframes: [], embedVideosSrc: [] }));
-    if (!eventListenerAdded) {
+export class JetstreamPlayer {
+    iframe;
+    callbacks = {};
+    constructor(selector) {
+        this.iframe = document.querySelector(selector);
         window.addEventListener('message', (event) => {
-            if (event.data.src) {
-                const index = embedVideosSrc.findIndex(elem => elem.includes(event.data.src.split('/')
-                    .find(substr => (substr.startsWith('jsv:') || substr.startsWith('jspl:')))));
-                if (event.data.msg in callbacks) {
-                    callbacks[event.data.msg](index);
+            if (event.data.src && this.iframe.src.includes(event.data.src.split('/').find(substr => (substr.startsWith('jsv:') || substr.startsWith('jspl:'))))) {
+                if (event.data.msg in this.callbacks) {
+                    this.callbacks[event.data.msg]();
                 }
             }
         });
-        eventListenerAdded = true;
     }
-    class JetstreamPlayer {
-        iframe;
-        constructor(selector) {
-            this.iframe = document.querySelector(selector);
-        }
-        play() {
-            this.iframe.contentWindow?.postMessage('play', '*');
-        }
-        pause() {
-            this.iframe.contentWindow?.postMessage('pause', '*');
-        }
-        playNext() {
-            this.iframe.contentWindow?.postMessage('playNext', '*');
-        }
-        playPrevious() {
-            this.iframe.contentWindow?.postMessage('playPrevious', '*');
-        }
+    play() {
+        this.iframe.contentWindow?.postMessage('play', '*');
     }
-    return JetstreamPlayer;
-};
-export const JetstreamPlayer = initPlayerMethods();
-document.addEventListener('DOMContentLoaded', initPlayerMethods);
+    pause() {
+        this.iframe.contentWindow?.postMessage('pause', '*');
+    }
+    playNext() {
+        this.iframe.contentWindow?.postMessage('playNext', '*');
+    }
+    playPrevious() {
+        this.iframe.contentWindow?.postMessage('playPrevious', '*');
+    }
+    seekTo(seconds) {
+        this.iframe.contentWindow?.postMessage({ method: 'seekTo', param: seconds }, '*');
+    }
+    onEnded = (callback) => {
+        this.callbacks.onEnded = callback;
+    };
+    playVideo = (callback) => {
+        this.callbacks.playVideo = callback;
+    };
+    pauseVideo = (callback) => {
+        this.callbacks.pauseVideo = callback;
+    };
+}

package/docs/index.md

@@ -3,8 +3,8 @@
 layout: home
 
 hero:
-  name: "Jetstrem player API"
-  text: "Documentation of embed jetstream player"
+  name: "Jetstrem Player API"
+  text: "Documentation of embed Jetstream Player"
   tagline: 
   actions:
     - theme: brand

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hopecloud/jetstream-player",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Embeddable player for Jetstream videos",
   "scripts": {
     "build": "tsc",
@@ -10,7 +10,7 @@
   },
   "main": "dist/index.js",
   "devDependencies": {
-    "typescript": "^5.0.2",
+    "typescript": "^5.0.4",
     "vitepress": "^1.0.0-alpha.65"
   }
-}
+}