@micromag/viewer 0.4.70 → 0.4.71

package/es/index.js

@@ -6,7 +6,7 @@ import isEmpty from 'lodash/isEmpty';
 import uniq from 'lodash/uniq';
 import { useEffect, useState, useCallback, useMemo, useRef } from 'react';
 import { Link, useLocation, Switch, Route, Router } from 'wouter';
-import { useViewerSize, usePlaybackContext, useViewerWebView, useViewerInteraction, useStory, StoryProvider, ScreenSizeProvider, ViewerProvider, SettingsProvider, GoogleKeysProvider, GoogleMapsClientProvider, ComponentsProvider, SCREENS_NAMESPACE, VisitorProvider, PlaybackProvider, TrackingProvider } from '@micromag/core/contexts';
+import { useViewerSize, usePlaybackContext, useViewerWebView, useViewerInteraction, useStory, mediaElementIsPlaying, StoryProvider, ScreenSizeProvider, ViewerProvider, SettingsProvider, GoogleKeysProvider, GoogleMapsClientProvider, ComponentsProvider, SCREENS_NAMESPACE, VisitorProvider, PlaybackProvider, TrackingProvider } from '@micromag/core/contexts';
 import { useIsVisible, useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaCurrentTime, useMediaDuration, useMediaReady, useMediaState, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen, useActivityDetector, useSupportsWebp } from '@micromag/core/hooks';
 import { IntlProvider } from '@micromag/intl';
 import { ScreensProvider } from '@micromag/screens';
@@ -2788,18 +2788,39 @@ function Viewer(_ref) {
   /**
    * Screen Navigation
    */
+  var lastScreenMediaRef = useRef(null);
   var changeIndex = useCallback(function (index) {
     if (index === screenIndex) {
       return;
     }
     setPreloadNeighbors(false);
+    var lastScreenMedia = lastScreenMediaRef.current;
+    var screenMedia = screensMediasRef.current[index] || null;
     if (currentScreenMedia !== null) {
-      currentScreenMedia.current = screensMediasRef.current[index] || null;
+      currentScreenMedia.current = screenMedia;
     }
+    if (screenMedia !== null && playing && screenMedia.dataset.forcePlaying !== 'true' && !mediaElementIsPlaying(screenMedia)) {
+      if (lastScreenMedia !== null) {
+        lastScreenMedia.dataset.forcePlaying = 'false';
+        lastScreenMedia.pause();
+      }
+      screenMedia.play()["catch"](function () {});
+      screenMedia.dataset.forcePlaying = 'true';
+    }
+    lastScreenMediaRef.current = screenMedia;
     if (onScreenChange !== null) {
       onScreenChange(screens[index], index);
     }
-  }, [screenIndex, screens, onScreenChange]);
+  }, [screenIndex, screens, onScreenChange, playing]);
+  useEffect(function () {
+    var screenMedia = screensMediasRef.current[screenIndex] || null;
+    if (currentScreenMedia !== null && currentScreenMedia.current === null) {
+      currentScreenMedia.current = screenMedia;
+    }
+    if (lastScreenMediaRef.current === null) {
+      lastScreenMediaRef.current = screenMedia;
+    }
+  }, [screenIndex, currentScreenMedia, playing]);
   var onScreenNavigate = useCallback(function (_ref0) {
     var index = _ref0.index,
       newIndex = _ref0.newIndex,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.4.70",
+    "version": "0.4.71",
     "private": false,
     "description": "",
     "keywords": [
@@ -63,14 +63,14 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.4.69",
-        "@micromag/element-badge": "^0.4.69",
-        "@micromag/element-scroll": "^0.4.69",
-        "@micromag/element-share-options": "^0.4.69",
-        "@micromag/element-webview": "^0.4.70",
-        "@micromag/elements": "^0.4.70",
-        "@micromag/intl": "^0.4.69",
-        "@micromag/screens": "^0.4.70",
+        "@micromag/core": "^0.4.71",
+        "@micromag/element-badge": "^0.4.71",
+        "@micromag/element-scroll": "^0.4.71",
+        "@micromag/element-share-options": "^0.4.71",
+        "@micromag/element-webview": "^0.4.71",
+        "@micromag/elements": "^0.4.71",
+        "@micromag/intl": "^0.4.71",
+        "@micromag/screens": "^0.4.71",
         "@react-spring/core": "^10.0.3",
         "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.0",
@@ -89,6 +89,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4f76a8f1ad594be2aadb4a593da5455da8afc8b6",
+    "gitHead": "9101554bc5761e32b4a002a10d26800608c69773",
     "types": "es/index.d.ts"
 }