@folklore/hooks 0.0.56 → 0.0.58

package/dist/cjs.js

@@ -68,55 +68,6 @@ function useCounter(desiredValue, _ref) {
   return currentValue;
 }
 
-function usePlayerCurrentTime(player) {
-  let {
-    id = null,
-    disabled = false,
-    updateInterval = 1000,
-    onUpdate: customOnUpdate = null,
-    getCurrentTime = p => p.currentTime
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const [currentTime, setCurrentTime] = react.useState(0);
-  const realCurrentTime = react.useRef(currentTime);
-  const lastIdRef = react.useRef(id);
-  const idChanged = lastIdRef.current !== id;
-  if (idChanged) {
-    realCurrentTime.current = 0;
-    lastIdRef.current = id;
-  }
-
-  // Check time update
-  react.useEffect(() => {
-    if (disabled || player === null) {
-      return () => {};
-    }
-    let canceled = false;
-    const updateTime = time => {
-      if (canceled) {
-        return;
-      }
-      realCurrentTime.current = time;
-      setCurrentTime(time);
-      if (customOnUpdate !== null) {
-        customOnUpdate(time);
-      }
-    };
-    const interval = setInterval(() => {
-      const time = getCurrentTime(player);
-      if (typeof time.then !== 'undefined') {
-        time.then(updateTime);
-      } else {
-        updateTime(time);
-      }
-    }, updateInterval);
-    return () => {
-      canceled = true;
-      clearInterval(interval);
-    };
-  }, [id, player, setCurrentTime, disabled, updateInterval, getCurrentTime]);
-  return realCurrentTime.current;
-}
-
 const NO_PLAYER_ERROR$3 = new Error('No player');
 function useDailymotionPlayer() {
   let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -125,16 +76,8 @@ function useDailymotionPlayer() {
     width = 0,
     height = 0,
     duration = 0,
-    autoplay = false,
     muted: initialMuted = false,
     start = 0,
-    controls = true,
-    queueAutoplayNext = false,
-    queueEnable = false,
-    sharingEnable = false,
-    uiLogo = false,
-    uiStartScreenInfo = true,
-    timeUpdateInterval = 1000,
     embedPlayerId = null,
     onTimeUpdate: customOnTimeUpdate = null,
     getVideoId = url => {
@@ -218,15 +161,8 @@ function useDailymotionPlayer() {
       return;
     }
     const playerParams = {
-      'autoplay-d': autoplay,
-      // muted,
-      start,
-      controls,
-      'queue-autoplay-next': queueAutoplayNext,
-      'queue-enable': queueEnable,
-      'sharing-enable': sharingEnable,
-      'ui-logo': uiLogo,
-      'ui-start-screen-info': uiStartScreenInfo
+      startTime: start,
+      aspectRatio: 'inherit'
     };
     let player = currentPlayer;
     if (player !== null) {
@@ -249,7 +185,7 @@ function useDailymotionPlayer() {
       debug('Create player [ID: %s]', videoId);
     }
     playerElementRef.current = element;
-  }, [apiLoaded, elementHasChanged, videoId, width, height, autoplay, start, controls, queueAutoplayNext, queueEnable, sharingEnable, uiLogo, uiStartScreenInfo]);
+  }, [apiLoaded, elementHasChanged, videoId, width, height, start]);
   react.useEffect(() => {
     const {
       current: player = null
@@ -439,6 +375,11 @@ function useDailymotionPlayer() {
     } = playerRef;
     return player !== null ? player.seek(time) : Promise.reject(NO_PLAYER_ERROR$3);
   }, []);
+  react.useEffect(() => {
+    if (customOnTimeUpdate !== null) {
+      customOnTimeUpdate(currentTime);
+    }
+  }, [currentTime, customOnTimeUpdate]);
   return {
     ref: elementRef,
     player: playerRef.current,
@@ -940,6 +881,55 @@ const useItemsPaginated = function (loader) {
   };
 };
 
+function usePlayerCurrentTime(player) {
+  let {
+    id = null,
+    disabled = false,
+    updateInterval = 1000,
+    onUpdate: customOnUpdate = null,
+    getCurrentTime = p => p.currentTime
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const [currentTime, setCurrentTime] = react.useState(0);
+  const realCurrentTime = react.useRef(currentTime);
+  const lastIdRef = react.useRef(id);
+  const idChanged = lastIdRef.current !== id;
+  if (idChanged) {
+    realCurrentTime.current = 0;
+    lastIdRef.current = id;
+  }
+
+  // Check time update
+  react.useEffect(() => {
+    if (disabled || player === null) {
+      return () => {};
+    }
+    let canceled = false;
+    const updateTime = time => {
+      if (canceled) {
+        return;
+      }
+      realCurrentTime.current = time;
+      setCurrentTime(time);
+      if (customOnUpdate !== null) {
+        customOnUpdate(time);
+      }
+    };
+    const interval = setInterval(() => {
+      const time = getCurrentTime(player);
+      if (typeof time.then !== 'undefined') {
+        time.then(updateTime);
+      } else {
+        updateTime(time);
+      }
+    }, updateInterval);
+    return () => {
+      canceled = true;
+      clearInterval(interval);
+    };
+  }, [id, player, setCurrentTime, disabled, updateInterval, getCurrentTime]);
+  return realCurrentTime.current;
+}
+
 const NO_PLAYER_ERROR$2 = new Error('No player');
 function useNativeVideoPlayer(url) {
   let {

package/dist/es.js

@@ -1,5 +1,5 @@
 import raf from 'raf';
-import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
+import { useState, useEffect, useMemo, useRef, useCallback } from 'react';
 import { loadDailymotion, loadVimeo, loadYouTube } from '@folklore/services';
 import createDebug from 'debug';
 import EventsManager from '@folklore/events';
@@ -57,55 +57,6 @@ function useCounter(desiredValue, _ref) {
   return currentValue;
 }
 
-function usePlayerCurrentTime(player) {
-  let {
-    id = null,
-    disabled = false,
-    updateInterval = 1000,
-    onUpdate: customOnUpdate = null,
-    getCurrentTime = p => p.currentTime
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const [currentTime, setCurrentTime] = useState(0);
-  const realCurrentTime = useRef(currentTime);
-  const lastIdRef = useRef(id);
-  const idChanged = lastIdRef.current !== id;
-  if (idChanged) {
-    realCurrentTime.current = 0;
-    lastIdRef.current = id;
-  }
-
-  // Check time update
-  useEffect(() => {
-    if (disabled || player === null) {
-      return () => {};
-    }
-    let canceled = false;
-    const updateTime = time => {
-      if (canceled) {
-        return;
-      }
-      realCurrentTime.current = time;
-      setCurrentTime(time);
-      if (customOnUpdate !== null) {
-        customOnUpdate(time);
-      }
-    };
-    const interval = setInterval(() => {
-      const time = getCurrentTime(player);
-      if (typeof time.then !== 'undefined') {
-        time.then(updateTime);
-      } else {
-        updateTime(time);
-      }
-    }, updateInterval);
-    return () => {
-      canceled = true;
-      clearInterval(interval);
-    };
-  }, [id, player, setCurrentTime, disabled, updateInterval, getCurrentTime]);
-  return realCurrentTime.current;
-}
-
 const NO_PLAYER_ERROR$3 = new Error('No player');
 function useDailymotionPlayer() {
   let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -114,16 +65,8 @@ function useDailymotionPlayer() {
     width = 0,
     height = 0,
     duration = 0,
-    autoplay = false,
     muted: initialMuted = false,
     start = 0,
-    controls = true,
-    queueAutoplayNext = false,
-    queueEnable = false,
-    sharingEnable = false,
-    uiLogo = false,
-    uiStartScreenInfo = true,
-    timeUpdateInterval = 1000,
     embedPlayerId = null,
     onTimeUpdate: customOnTimeUpdate = null,
     getVideoId = url => {
@@ -207,15 +150,8 @@ function useDailymotionPlayer() {
       return;
     }
     const playerParams = {
-      'autoplay-d': autoplay,
-      // muted,
-      start,
-      controls,
-      'queue-autoplay-next': queueAutoplayNext,
-      'queue-enable': queueEnable,
-      'sharing-enable': sharingEnable,
-      'ui-logo': uiLogo,
-      'ui-start-screen-info': uiStartScreenInfo
+      startTime: start,
+      aspectRatio: 'inherit'
     };
     let player = currentPlayer;
     if (player !== null) {
@@ -238,7 +174,7 @@ function useDailymotionPlayer() {
       debug('Create player [ID: %s]', videoId);
     }
     playerElementRef.current = element;
-  }, [apiLoaded, elementHasChanged, videoId, width, height, autoplay, start, controls, queueAutoplayNext, queueEnable, sharingEnable, uiLogo, uiStartScreenInfo]);
+  }, [apiLoaded, elementHasChanged, videoId, width, height, start]);
   useEffect(() => {
     const {
       current: player = null
@@ -428,6 +364,11 @@ function useDailymotionPlayer() {
     } = playerRef;
     return player !== null ? player.seek(time) : Promise.reject(NO_PLAYER_ERROR$3);
   }, []);
+  useEffect(() => {
+    if (customOnTimeUpdate !== null) {
+      customOnTimeUpdate(currentTime);
+    }
+  }, [currentTime, customOnTimeUpdate]);
   return {
     ref: elementRef,
     player: playerRef.current,
@@ -929,6 +870,55 @@ const useItemsPaginated = function (loader) {
   };
 };
 
+function usePlayerCurrentTime(player) {
+  let {
+    id = null,
+    disabled = false,
+    updateInterval = 1000,
+    onUpdate: customOnUpdate = null,
+    getCurrentTime = p => p.currentTime
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const [currentTime, setCurrentTime] = useState(0);
+  const realCurrentTime = useRef(currentTime);
+  const lastIdRef = useRef(id);
+  const idChanged = lastIdRef.current !== id;
+  if (idChanged) {
+    realCurrentTime.current = 0;
+    lastIdRef.current = id;
+  }
+
+  // Check time update
+  useEffect(() => {
+    if (disabled || player === null) {
+      return () => {};
+    }
+    let canceled = false;
+    const updateTime = time => {
+      if (canceled) {
+        return;
+      }
+      realCurrentTime.current = time;
+      setCurrentTime(time);
+      if (customOnUpdate !== null) {
+        customOnUpdate(time);
+      }
+    };
+    const interval = setInterval(() => {
+      const time = getCurrentTime(player);
+      if (typeof time.then !== 'undefined') {
+        time.then(updateTime);
+      } else {
+        updateTime(time);
+      }
+    }, updateInterval);
+    return () => {
+      canceled = true;
+      clearInterval(interval);
+    };
+  }, [id, player, setCurrentTime, disabled, updateInterval, getCurrentTime]);
+  return realCurrentTime.current;
+}
+
 const NO_PLAYER_ERROR$2 = new Error('No player');
 function useNativeVideoPlayer(url) {
   let {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.56",
+    "version": "0.0.58",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,7 +49,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "075c1674bbedc9d3a0aea9facf98fdb2391105ce",
+    "gitHead": "eec9d8318fc17f4a40396ee05e15bb93a48c40cc",
     "dependencies": {
         "@folklore/events": "^0.0.5",
         "@folklore/services": "^0.1.40",