@ldelia/react-media 0.4.5 → 0.4.6

package/dist/components/reproduction-widget/inner-players/YouTubeInnerPlayer.d.ts

@@ -6,5 +6,5 @@ interface Props {
         target: InnerYouTubePlayer;
     }) => void;
 }
-export declare const YouTubeInnerPlayer: ({ videoId, onReady }: Props) => React.JSX.Element;
+export declare const YouTubeInnerPlayer: ({ videoId, onReady }: Props) => React.JSX.Element | null;
 export {};

package/dist/components/reproduction-widget/inner-players/YouTubeInnerPlayer.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import YouTube from 'react-youtube';
 export const YouTubeInnerPlayer = ({ videoId, onReady }) => {
-    const [origin, setOrigin] = useState('');
+    const [origin, setOrigin] = useState(null);
     useEffect(() => {
         if (typeof window !== 'undefined') {
             setOrigin(window.location.href);
@@ -17,5 +17,11 @@ export const YouTubeInnerPlayer = ({ videoId, onReady }) => {
             origin: origin,
         },
     };
-    return (React.createElement(YouTube, { id: 'YT-' + videoId, className: 'youtube-player', videoId: videoId, opts: opts, onReady: onReady }));
+    if (origin === null) {
+        return null;
+    }
+    return (React.createElement(YouTube, { id: 'YT-' + videoId, className: 'youtube-player', videoId: videoId, opts: opts, onReady: (event) => {
+            console.log("on ready");
+            onReady(event);
+        } }));
 };

package/dist/components/reproduction-widget/models/Reproduction.d.ts

@@ -2,6 +2,7 @@ import { ReproductionBuilder } from './ReproductionBuilder';
 import { PlayAlongPlayer } from './Player/PlayAlongPlayer';
 import { YouTubePlayer } from './Player/YouTubePlayer';
 type Player = PlayAlongPlayer | YouTubePlayer;
+type Handler = (args: object) => void;
 declare const dispatchOnReadyHandlers: unique symbol;
 declare const dispatchOnSongStartHandlers: unique symbol;
 declare const dispatchOnCountingInHandlers: unique symbol;
@@ -40,8 +41,8 @@ export declare class Reproduction {
         PAUSED: number;
     };
     constructor(player: Player, requiresCountingIn: boolean, songTempo: number);
-    on(eventName: keyof typeof Reproduction.EVENTS, handler: () => void): number | undefined;
-    dispatch(eventName: keyof typeof Reproduction.EVENTS): void;
+    on(eventName: keyof typeof Reproduction.EVENTS, handler: Handler): number | undefined;
+    dispatch(eventName: keyof typeof Reproduction.EVENTS, args?: {}): void;
     private countIn;
     start(): void;
     play(): void;

package/dist/components/reproduction-widget/models/Reproduction.js

@@ -74,7 +74,7 @@ export class Reproduction {
                 break;
         }
     }
-    dispatch(eventName) {
+    dispatch(eventName, args = {}) {
         let handler, i, len;
         let ref = [];
         switch (eventName) {
@@ -104,14 +104,14 @@ export class Reproduction {
         }
         for (i = 0, len = ref.length; i < len; i++) {
             handler = ref[i];
-            handler();
+            handler(args);
             // setTimeout(handler, 0);
         }
     }
     countIn(timeout, limit) {
-        // the initial count starts instantly, no waiting
+        // the initial count starts instantly, no need to wait
         this.countingInCounter++;
-        this.dispatch(Reproduction.EVENTS.COUNTING_IN);
+        this.dispatch(Reproduction.EVENTS.COUNTING_IN, { countingInCounter: this.countingInCounter });
         const interval = setInterval(() => {
             this.countingInCounter++;
             if (this.countingInCounter === limit) {
@@ -125,7 +125,7 @@ export class Reproduction {
                 }
             }
             else {
-                this.dispatch(Reproduction.EVENTS.COUNTING_IN);
+                this.dispatch(Reproduction.EVENTS.COUNTING_IN, { countingInCounter: this.countingInCounter });
             }
         }, timeout);
     }

package/dist/stories/reproduction-widget.stories.js

@@ -12,5 +12,9 @@ export const Default = Template.bind({});
 Default.args = {
     trainingMode: true,
     videoId: 'jFI-RBqXzhU',
-    onInit: (reproduction) => { reproduction.start(); }
+    onInit: (reproduction) => {
+        console.log("on init");
+        reproduction.on('COUNTING_IN', (args) => { console.log("counting in", args); });
+        reproduction.start();
+    }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldelia/react-media",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "A React components collection for media-related features.",
   "private": false,
   "keywords": [