@folklore/hooks 0.0.15 → 0.0.18

package/dist/cjs.js

@@ -89,7 +89,7 @@ function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var noPlayerError$1 = new Error('No player');
-var debug$3 = createDebug__default["default"]('folklore:video:youtube');
+var debug$3 = createDebug__default["default"]('folklore:video:dailymotion');
 
 var useDailymotionPlayer = function useDailymotionPlayer() {
   var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -125,7 +125,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
       _params$getVideoId = params.getVideoId,
       getVideoId = _params$getVideoId === void 0 ? function (url) {
     if (url === null || url.match(/^https?:/) === null) {
-      return null;
+      return url;
     }
 
     var match = url.match(/\/video\/([^/?]+)/);
@@ -189,7 +189,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
   react.useEffect(function () {
     var canceled = false;
 
-    if (!apiLoaded && id !== null) {
+    if (!apiLoaded && videoId !== null) {
       services.loadDailymotion().then(function (api) {
         if (!canceled) {
           apiRef.current = api;
@@ -202,7 +202,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
     return function () {
       canceled = true;
     };
-  }, [id]); // Create or update player
+  }, [videoId, apiLoaded, setApiLoaded]); // Create or update player
 
   react.useEffect(function () {
     var _apiRef$current = apiRef.current,
@@ -1142,7 +1142,7 @@ function useYouTubePlayer(id) {
     }
 
     playerRef.current = player;
-  }, [apiLoaded, videoId, setPlayState, setReady, setMetadata, destroyPlayer]);
+  }, [apiLoaded, videoId, elementRef.current, setPlayState, setReady, setMetadata, destroyPlayer]);
   var playing = playState.playing;
   var getCurrentTime = react.useCallback(function (p) {
     return p.getCurrentTime();
@@ -1364,7 +1364,7 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
     }
 
     playerRef.current = player;
-  }, [apiLoaded, videoId, setReady, destroyVideo, setLoaded]); // Bind player events
+  }, [apiLoaded, videoId, elementRef.current, setReady, destroyVideo, setLoaded]); // Bind player events
 
   react.useEffect(function () {
     var player = playerRef.current;

package/dist/es.js

@@ -77,7 +77,7 @@ function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var noPlayerError$1 = new Error('No player');
-var debug$3 = createDebug('folklore:video:youtube');
+var debug$3 = createDebug('folklore:video:dailymotion');
 
 var useDailymotionPlayer = function useDailymotionPlayer() {
   var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
@@ -113,7 +113,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
       _params$getVideoId = params.getVideoId,
       getVideoId = _params$getVideoId === void 0 ? function (url) {
     if (url === null || url.match(/^https?:/) === null) {
-      return null;
+      return url;
     }
 
     var match = url.match(/\/video\/([^/?]+)/);
@@ -177,7 +177,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
   useEffect(function () {
     var canceled = false;
 
-    if (!apiLoaded && id !== null) {
+    if (!apiLoaded && videoId !== null) {
       loadDailymotion().then(function (api) {
         if (!canceled) {
           apiRef.current = api;
@@ -190,7 +190,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
     return function () {
       canceled = true;
     };
-  }, [id]); // Create or update player
+  }, [videoId, apiLoaded, setApiLoaded]); // Create or update player
 
   useEffect(function () {
     var _apiRef$current = apiRef.current,
@@ -1130,7 +1130,7 @@ function useYouTubePlayer(id) {
     }
 
     playerRef.current = player;
-  }, [apiLoaded, videoId, setPlayState, setReady, setMetadata, destroyPlayer]);
+  }, [apiLoaded, videoId, elementRef.current, setPlayState, setReady, setMetadata, destroyPlayer]);
   var playing = playState.playing;
   var getCurrentTime = useCallback(function (p) {
     return p.getCurrentTime();
@@ -1352,7 +1352,7 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
     }
 
     playerRef.current = player;
-  }, [apiLoaded, videoId, setReady, destroyVideo, setLoaded]); // Bind player events
+  }, [apiLoaded, videoId, elementRef.current, setReady, destroyVideo, setLoaded]); // Bind player events
 
   useEffect(function () {
     var player = playerRef.current;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.15",
+    "version": "0.0.18",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -48,7 +48,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "e6b0a7bbf461c445da416631fff040f907b70dd3",
+    "gitHead": "f98daae27869fa6aaec9f26a4c2f6fc4310b8ff3",
     "dependencies": {
         "@folklore/events": "^0.0.3",
         "@folklore/services": "^0.1.36",