@shower/core 3.2.0 → 3.3.0

package/README.md

@@ -1,4 +1,4 @@
-# Core of Shower [![Build Status](https://travis-ci.org/shower/core.svg?branch=master)](https://travis-ci.org/shower/core)
+# Core of Shower [![Build Status](https://travis-ci.org/shower/core.svg?branch=main)](https://travis-ci.org/shower/core)
 
 Core of the [Shower](https://github.com/shower/shower) presentation engine. Doesn’t include themes. [See it in action](https://shwr.me). Follow [@shower_me](https://twitter.com/shower_me) for support and updates, [file an issue] if you have any.
 

package/dist/shower.js

@@ -1,6 +1,6 @@
 /**
  * Core for Shower HTML presentation engine
- * @shower/core v3.1.0, https://github.com/shower/core
+ * @shower/core v3.2.0, https://github.com/shower/core
  * @copyright 2010–2021 Vadim Makeev, https://pepelsbey.net
  * @license MIT
  */
@@ -36,6 +36,8 @@
         stepSelector: '.next',
         fullModeClass: 'full',
         listModeClass: 'list',
+        mouseHiddenClass: 'pointless',
+        mouseInactivityTimeout: 5000,
 
         slideSelector: '.slide',
         slideTitleSelector: 'h2',
@@ -596,6 +598,48 @@
         });
     };
 
+    var mouse = (shower) => {
+        const { mouseHiddenClass, mouseInactivityTimeout } = shower.options;
+
+        let hideMouseTimeoutId = null;
+
+        const cleanUp = () => {
+            shower.container.classList.remove(mouseHiddenClass);
+            clearTimeout(hideMouseTimeoutId);
+            hideMouseTimeoutId = null;
+        };
+
+        const hideMouseIfInactive = () => {
+            if (hideMouseTimeoutId !== null) {
+                cleanUp();
+            }
+
+            hideMouseTimeoutId = setTimeout(() => {
+                shower.container.classList.add(mouseHiddenClass);
+            }, mouseInactivityTimeout);
+        };
+
+        const initHideMouseIfInactiveModule = () => {
+            shower.container.addEventListener('mousemove', hideMouseIfInactive);
+        };
+
+        const destroyHideMouseIfInactiveModule = () => {
+            shower.container.removeEventListener('mousemove', hideMouseIfInactive);
+            cleanUp();
+        };
+
+        const handleModeChange = () => {
+            if (shower.isFullMode) {
+                initHideMouseIfInactiveModule();
+            } else {
+                destroyHideMouseIfInactiveModule();
+            }
+        };
+
+        shower.addEventListener('start', handleModeChange);
+        shower.addEventListener('modechange', handleModeChange);
+    };
+
     var installModules = (shower) => {
         a11y(shower);
         progress(shower);
@@ -606,6 +650,7 @@
         location$1(shower); // should come after `title`
         view(shower);
         touch(shower);
+        mouse(shower);
 
         // maintains invariant: active slide always exists in `full` mode
         if (shower.isFullMode && !shower.activeSlide) {
@@ -788,4 +833,4 @@
         shower.start();
     });
 
-}());
+})();

package/lib/default-options.js

@@ -4,6 +4,8 @@ export default {
     stepSelector: '.next',
     fullModeClass: 'full',
     listModeClass: 'list',
+    mouseHiddenClass: 'pointless',
+    mouseInactivityTimeout: 5000,
 
     slideSelector: '.slide',
     slideTitleSelector: 'h2',

package/lib/modules/install.js

@@ -7,6 +7,7 @@ import timer from './timer';
 import title from './title';
 import view from './view';
 import touch from './touch';
+import mouse from './mouse';
 
 export default (shower) => {
     a11y(shower);
@@ -18,6 +19,7 @@ export default (shower) => {
     location(shower); // should come after `title`
     view(shower);
     touch(shower);
+    mouse(shower);
 
     // maintains invariant: active slide always exists in `full` mode
     if (shower.isFullMode && !shower.activeSlide) {

package/lib/modules/mouse.js

@@ -0,0 +1,41 @@
+export default (shower) => {
+    const { mouseHiddenClass, mouseInactivityTimeout } = shower.options;
+
+    let hideMouseTimeoutId = null;
+
+    const cleanUp = () => {
+        shower.container.classList.remove(mouseHiddenClass);
+        clearTimeout(hideMouseTimeoutId);
+        hideMouseTimeoutId = null;
+    };
+
+    const hideMouseIfInactive = () => {
+        if (hideMouseTimeoutId !== null) {
+            cleanUp();
+        }
+
+        hideMouseTimeoutId = setTimeout(() => {
+            shower.container.classList.add(mouseHiddenClass);
+        }, mouseInactivityTimeout);
+    };
+
+    const initHideMouseIfInactiveModule = () => {
+        shower.container.addEventListener('mousemove', hideMouseIfInactive);
+    };
+
+    const destroyHideMouseIfInactiveModule = () => {
+        shower.container.removeEventListener('mousemove', hideMouseIfInactive);
+        cleanUp();
+    };
+
+    const handleModeChange = () => {
+        if (shower.isFullMode) {
+            initHideMouseIfInactiveModule();
+        } else {
+            destroyHideMouseIfInactiveModule();
+        }
+    };
+
+    shower.addEventListener('start', handleModeChange);
+    shower.addEventListener('modechange', handleModeChange);
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shower/core",
   "description": "Core for Shower HTML presentation engine",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -30,15 +30,15 @@
     "eslint": "^7.29.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-prettier": "^3.4.1",
     "husky": "^4.3.8",
     "lint-staged": "^10.5.4",
     "mocha": "^7.2.0",
     "nightwatch": "^1.7.6",
     "prettier": "^2.3.1",
     "puppeteer": "^3.3.0",
-    "rollup": "^2.52.2",
+    "rollup": "^2.58.0",
     "sauce-connect-launcher": "^1.3.2",
     "serve": "^11.3.2",
     "serve-handler": "^6.1.3"