@micromag/viewer 0.3.812 → 0.3.814

package/es/index.js

@@ -9,6 +9,7 @@ import React, { useEffect, useState, useCallback, useMemo, useRef } from 'react'
 import { Link, useLocation, Switch, Route, Router } from 'wouter';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { useViewerSize, usePlaybackContext, useViewerWebView, useViewerInteraction, useStory, 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';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -19,7 +20,6 @@ import { Helmet } from 'react-helmet';
 import { useIntl, FormattedMessage } from 'react-intl';
 import EventEmitter from 'wolfy87-eventemitter';
 import { Label, CloseIcon, ScreenPreview, Screen, ArrowIcon, Button as Button$1, PlayIcon, Spinner, UnmuteIcon, MuteIcon, PauseIcon, Meta, FontFaces } from '@micromag/core/components';
-import { useIsVisible, useDimensionObserver, useTrackEvent, useDragProgress, useMediaProgress, useMediaCurrentTime, useMediaDuration, useMediaReady, useMediaState, useParsedStory, useLoadedFonts, useTrackScreenView, useScreenSizeFromElement, useFullscreen, useActivityDetector } from '@micromag/core/hooks';
 import { getStyleFromColor, easings, getStyleFromText, getColorAsString, getDeviceScreens } from '@micromag/core/utils';
 import { ShareIncentive } from '@micromag/elements/all';
 import FocusLock from 'react-focus-lock';
@@ -1727,7 +1727,8 @@ var ViewerMenu = function ViewerMenu(_ref) {
       my = _ref9$movement[1],
       _ref9$velocity = _slicedToArray(_ref9.velocity, 2),
       vy = _ref9$velocity[1];
-    var progress = Math.max(0, my) / (window.innerHeight * 0.8);
+    var windowHeight = typeof window !== 'undefined' ? window.innerHeight : 0;
+    var progress = windowHeight > 0 ? Math.max(0, my) / (windowHeight * 0.8) : 0;
     var reachedThreshold = (vy > 0.3 || Math.abs(progress) > 0.3) && dy !== -1;
     if (!active) {
       if (reachedThreshold) onOpenMenu();
@@ -1743,7 +1744,8 @@ var ViewerMenu = function ViewerMenu(_ref) {
       my = _ref0$movement[1],
       _ref0$velocity = _slicedToArray(_ref0.velocity, 2),
       vy = _ref0$velocity[1];
-    var progress = Math.max(0, my) / (window.innerHeight * 0.8);
+    var windowHeight = typeof window !== 'undefined' ? window.innerHeight : 0;
+    var progress = windowHeight > 0 ? Math.max(0, my) / (windowHeight * 0.8) : 0;
     var reachedThreshold = (vy > 0.3 || Math.abs(progress) > 0.3) && dy !== -1;
     if (!active) {
       if (reachedThreshold) onCloseMenu();
@@ -2779,6 +2781,7 @@ var propTypes$2 = {
   beforeScreensMenuButton: PropTypes.node,
   backToFirstScreenTimeout: PropTypes.number,
   closeable: PropTypes.bool,
+  readyWithoutSize: PropTypes.bool,
   withMetadata: PropTypes.bool,
   withMicromagBranding: PropTypes.bool,
   withoutGestures: PropTypes.bool,
@@ -2842,6 +2845,7 @@ var defaultProps$2 = {
   backToFirstScreenTimeout: null,
   menuDotsButtons: null,
   closeable: false,
+  readyWithoutSize: false,
   withMetadata: false,
   withMicromagBranding: false,
   withNeighborScreens: false,
@@ -2900,6 +2904,7 @@ var Viewer = function Viewer(_ref) {
     backToFirstScreenTimeout = _ref.backToFirstScreenTimeout,
     menuDotsButtons = _ref.menuDotsButtons,
     closeable = _ref.closeable,
+    readyWithoutSize = _ref.readyWithoutSize,
     withMetadata = _ref.withMetadata,
     withMicromagBranding = _ref.withMicromagBranding,
     withoutGestures = _ref.withoutGestures,
@@ -3053,7 +3058,7 @@ var Viewer = function Viewer(_ref) {
   var screenContainerWidth = screenScale !== null ? screenWidth * screenScale : screenWidth;
   var screenContainerHeight = screenScale !== null ? screenHeight * screenScale : screenHeight;
   var hasSize = screenWidth > 0 && screenHeight > 0;
-  var ready = hasSize;
+  var ready = hasSize || readyWithoutSize;
   var trackingEnabled = isView;
   useEffect(function () {
     if (trackingEnabled && currentScreen !== null) {
@@ -3911,8 +3916,14 @@ var ViewerContainer = function ViewerContainer(_ref) {
   var _ref0 = metadata || {},
     _ref0$language = _ref0.language,
     finalLocale = _ref0$language === void 0 ? locale : _ref0$language;
+  var supportsWebp = useSupportsWebp();
+  var finalSettings = useMemo(function () {
+    return _objectSpread({
+      supportsWebp: supportsWebp
+    }, settings);
+  }, [settings, supportsWebp]);
   var content = /*#__PURE__*/React.createElement(SettingsProvider, {
-    settings: settings
+    settings: finalSettings
   }, /*#__PURE__*/React.createElement(IntlProvider, {
     locale: finalLocale,
     locales: locales,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.812",
+    "version": "0.3.814",
     "private": false,
     "description": "",
     "keywords": [
@@ -64,14 +64,14 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.3.812",
-        "@micromag/element-badge": "^0.3.812",
-        "@micromag/element-scroll": "^0.3.812",
-        "@micromag/element-share-options": "^0.3.812",
-        "@micromag/element-webview": "^0.3.812",
-        "@micromag/elements": "^0.3.812",
-        "@micromag/intl": "^0.3.812",
-        "@micromag/screens": "^0.3.812",
+        "@micromag/core": "^0.3.814",
+        "@micromag/element-badge": "^0.3.814",
+        "@micromag/element-scroll": "^0.3.814",
+        "@micromag/element-share-options": "^0.3.814",
+        "@micromag/element-webview": "^0.3.814",
+        "@micromag/elements": "^0.3.814",
+        "@micromag/intl": "^0.3.814",
+        "@micromag/screens": "^0.3.814",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.3.0",
@@ -91,5 +91,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "34ea72adfaffec7c33e328b9c46301cd18cbde83"
+    "gitHead": "96d19c8ede8dc2e8c051ba118975258e061a8da2"
 }