@folklore/hooks 0.0.46 → 0.0.47

package/dist/cjs.js

@@ -152,15 +152,18 @@ function useDailymotionPlayer() {
     }
   } = params;
   const debug = react.useMemo(() => createDebug__default["default"]('folklore:video:dailymotion'), []);
-  const [apiLoaded, setApiLoaded] = react.useState(typeof window !== 'undefined' && typeof window.DM !== 'undefined');
+  const [apiLoaded, setApiLoaded] = react.useState(typeof window !== 'undefined' && typeof window.dailymotion !== 'undefined');
   const [playerReady, setPlayerReady] = react.useState(false);
   const [loaded, setLoaded] = react.useState(false);
-  const apiRef = react.useRef(typeof window !== 'undefined' && typeof window.DM !== 'undefined' ? window.DM : null);
+  const apiRef = react.useRef(typeof window !== 'undefined' && typeof window.dailymotion !== 'undefined' ? window.dailymotion : null);
   const ready = apiLoaded && playerReady;
   const videoId = react.useMemo(() => getVideoId(id), [id]);
   const elementRef = react.useRef(null);
   const playerRef = react.useRef(null);
   const playerElementRef = react.useRef(elementRef.current);
+  if (elementRef.current !== null && playerElementRef.current === null) {
+    playerElementRef.current = elementRef.current;
+  }
   const elementHasChanged = elementRef.current !== playerElementRef.current;
   const [muted, setMuted] = react.useState(initialMuted);
   const [volume, setVolumeState] = react.useState(initialMuted ? 0 : 1);
@@ -182,7 +185,10 @@ function useDailymotionPlayer() {
     let canceled = false;
     if (!apiLoaded && videoId !== null) {
       debug('Load API');
-      services.loadDailymotion().then(api => {
+      services.loadDailymotion({
+        url: 'https://geo.dailymotion.com/libs/player.js',
+        callback: null
+      }).then(api => {
         if (!canceled) {
           apiRef.current = api;
           setApiLoaded(true);
@@ -198,7 +204,7 @@ function useDailymotionPlayer() {
   // Create or update player
   react.useEffect(() => {
     const {
-      current: DM = null
+      current: dailymotion = null
     } = apiRef;
     const {
       current: currentPlayer = null
@@ -227,7 +233,7 @@ function useDailymotionPlayer() {
       });
       debug('Load video [ID: %s]', videoId);
     } else {
-      player = DM.player(element, {
+      player = dailymotion.createPlayer(element, {
         video: videoId,
         width,
         height,

package/dist/es.js

@@ -141,15 +141,18 @@ function useDailymotionPlayer() {
     }
   } = params;
   const debug = useMemo(() => createDebug('folklore:video:dailymotion'), []);
-  const [apiLoaded, setApiLoaded] = useState(typeof window !== 'undefined' && typeof window.DM !== 'undefined');
+  const [apiLoaded, setApiLoaded] = useState(typeof window !== 'undefined' && typeof window.dailymotion !== 'undefined');
   const [playerReady, setPlayerReady] = useState(false);
   const [loaded, setLoaded] = useState(false);
-  const apiRef = useRef(typeof window !== 'undefined' && typeof window.DM !== 'undefined' ? window.DM : null);
+  const apiRef = useRef(typeof window !== 'undefined' && typeof window.dailymotion !== 'undefined' ? window.dailymotion : null);
   const ready = apiLoaded && playerReady;
   const videoId = useMemo(() => getVideoId(id), [id]);
   const elementRef = useRef(null);
   const playerRef = useRef(null);
   const playerElementRef = useRef(elementRef.current);
+  if (elementRef.current !== null && playerElementRef.current === null) {
+    playerElementRef.current = elementRef.current;
+  }
   const elementHasChanged = elementRef.current !== playerElementRef.current;
   const [muted, setMuted] = useState(initialMuted);
   const [volume, setVolumeState] = useState(initialMuted ? 0 : 1);
@@ -171,7 +174,10 @@ function useDailymotionPlayer() {
     let canceled = false;
     if (!apiLoaded && videoId !== null) {
       debug('Load API');
-      loadDailymotion().then(api => {
+      loadDailymotion({
+        url: 'https://geo.dailymotion.com/libs/player.js',
+        callback: null
+      }).then(api => {
         if (!canceled) {
           apiRef.current = api;
           setApiLoaded(true);
@@ -187,7 +193,7 @@ function useDailymotionPlayer() {
   // Create or update player
   useEffect(() => {
     const {
-      current: DM = null
+      current: dailymotion = null
     } = apiRef;
     const {
       current: currentPlayer = null
@@ -216,7 +222,7 @@ function useDailymotionPlayer() {
       });
       debug('Load video [ID: %s]', videoId);
     } else {
-      player = DM.player(element, {
+      player = dailymotion.createPlayer(element, {
         video: videoId,
         width,
         height,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.46",
+    "version": "0.0.47",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,10 +49,10 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2cb2ae40aad19ca97c701d72c53e995c2f0870af",
+    "gitHead": "c1626b0db8d1a530bb7f79ac37fa6efdd13e49b3",
     "dependencies": {
         "@folklore/events": "^0.0.5",
-        "@folklore/services": "^0.1.38",
+        "@folklore/services": "^0.1.39",
         "cancelable-promise": "^4.3.1",
         "debug": "^4.3.4",
         "lodash": "^4.17.21",