@lowentry/react-redux 1.3.1 → 1.4.2

package/LeRed.js

@@ -781,27 +781,54 @@ export const LeRed = (() =>
 	{
 		return LeRed.useEffect(() =>
 		{
-			let stop = false;
+			const run = () =>
+			{
+				callable();
+			};
+			
+			if(typeof window !== 'undefined')
+			{
+				window.addEventListener('beforeunload', run, {capture:true});
+			}
+			return () =>
+			{
+				if(typeof window !== 'undefined')
+				{
+					window.removeEventListener('beforeunload', run, {capture:true});
+				}
+				run();
+			};
+		}, [comparingValues, equalsComparator]);
+	};
+	
+	LeRed.useEffectPageFocusLost = (callable, comparingValues, equalsComparator) =>
+	{
+		const events = ['pagehide', 'freeze', 'blur', 'visibilitychange'];
+		return LeRed.useEffect(() =>
+		{
+			if((typeof window === 'undefined'))
+			{
+				return;
+			}
 			
 			const run = () =>
 			{
-				if(stop)
+				if(typeof document === 'undefined')
 				{
 					return;
 				}
-				stop = true;
-				if(typeof window !== 'undefined')
+				if((document.visibilityState !== 'hidden') && document.hasFocus())
 				{
-					window.removeEventListener('beforeunload', run);
+					return;
 				}
 				callable();
 			};
 			
-			if(typeof window !== 'undefined')
+			events.forEach(type => window.addEventListener(type, run, {capture:true}));
+			return () =>
 			{
-				window.addEventListener('beforeunload', run);
-			}
-			return run;
+				events.forEach(type => window.removeEventListener(type, run, {capture:true}));
+			};
 		}, [comparingValues, equalsComparator]);
 	};
 	

package/README.md

@@ -5,7 +5,7 @@ Simplifies the use of Redux in your React project.
 
 ## Description
 
-This plugin will add utility functions to make it easier to use Redux in your React project.
+This plugin adds utility functions to make it easier to use React and Redux in your project.
 
 For example, some of the things it does is:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowentry/react-redux",
-  "version": "1.3.1",
+  "version": "1.4.2",
   "private": false,
   "type": "module",
   "description": "Provides utilities for React and Redux.",