Add sessionStorage to persist input type across pages ref #72

README.md

@@ -180,22 +180,16 @@ whatInput.unRegisterOnChange(myFunction)
 
 ## Compatibility
 
-What Input works in all modern browsers. For compatibility with IE8, polyfills are required for:
+What Input works in all modern browsers.
 
-* addEventListener
-* IndexOf
+## Changelog
 
-Add your own, or grab the bundle included here.
+### v5.1.0
 
-```html
-<!--[if lte IE 8]>
-  <script src="lte-IE8.js"></script>
-<![endif]-->
-```
-
-## Changelog
+* **Added:** Session variable stores last used input and intent so subsiquent page loads don't have to wait for interactions to set the correct input and intent state.
+* **Removed:** IE8 support.
 
-### v5.0.6
+### v5.0.7
 
 * **Fixed:** `unRegisterOnChange` failed to unregister items at index 0.
 

dist/what-input.js

@@ -1,6 +1,6 @@
 /**
  * what-input - A global utility for tracking the current input method (mouse, keyboard or touch).
- * @version v5.0.7
+ * @version v5.1.0
  * @link https://github.com/ten1seven/what-input
  * @license MIT
  */
@@ -108,6 +108,18 @@ return /******/ (function(modules) { // webpackBootstrap
 	  // last used input intent
 	  var currentIntent = currentInput;
 
+	  // check for sessionStorage support
+	  // then check for session variables and use if available
+	  if (window.sessionStorage) {
+	    if (window.sessionStorage.getItem('what-input')) {
+	      currentInput = window.sessionStorage.getItem('what-input');
+	    }
+
+	    if (window.sessionStorage.getItem('what-intent')) {
+	      currentIntent = window.sessionStorage.getItem('what-intent');
+	    }
+	  }
+
 	  // event buffer timer
 	  var eventTimer = null;
 
@@ -237,6 +249,11 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	      if (currentInput !== value && shouldUpdate) {
 	        currentInput = value;
+
+	        if (window.sessionStorage) {
+	          window.sessionStorage.setItem('what-input', currentInput);
+	        }
+
 	        doUpdate('input');
 	      }
 
@@ -247,6 +264,11 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	        if (notFormInput) {
 	          currentIntent = value;
+
+	          if (window.sessionStorage) {
+	            window.sessionStorage.setItem('what-intent', currentIntent);
+	          }
+
 	          doUpdate('intent');
 	        }
 	      }
@@ -275,6 +297,11 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	      if (currentIntent !== value) {
 	        currentIntent = value;
+
+	        if (window.sessionStorage) {
+	          window.sessionStorage.setItem('what-intent', currentIntent);
+	        }
+
 	        doUpdate('intent');
 	      }
 	    }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "what-input",
-  "version": "5.0.7",
+  "version": "5.1.0",
   "description":
     "A global utility for tracking the current input method (mouse, keyboard or touch).",
   "main": "dist/what-input.js",

src/scripts/what-input.js

@@ -40,6 +40,18 @@ module.exports = (() => {
   // last used input intent
   let currentIntent = currentInput
 
+  // check for sessionStorage support
+  // then check for session variables and use if available
+  if (window.sessionStorage) {
+    if (window.sessionStorage.getItem('what-input')) {
+      currentInput = window.sessionStorage.getItem('what-input')
+    }
+
+    if (window.sessionStorage.getItem('what-intent')) {
+      currentIntent = window.sessionStorage.getItem('what-intent')
+    }
+  }
+
   // event buffer timer
   let eventTimer = null
 
@@ -178,6 +190,11 @@ module.exports = (() => {
 
       if (currentInput !== value && shouldUpdate) {
         currentInput = value
+
+        if (window.sessionStorage) {
+          window.sessionStorage.setItem('what-input', currentInput)
+        }
+
         doUpdate('input')
       }
 
@@ -191,6 +208,11 @@ module.exports = (() => {
 
         if (notFormInput) {
           currentIntent = value
+
+          if (window.sessionStorage) {
+            window.sessionStorage.setItem('what-intent', currentIntent)
+          }
+
           doUpdate('intent')
         }
       }
@@ -222,6 +244,11 @@ module.exports = (() => {
 
       if (currentIntent !== value) {
         currentIntent = value
+
+        if (window.sessionStorage) {
+          window.sessionStorage.setItem('what-intent', currentIntent)
+        }
+
         doUpdate('intent')
       }
     }