@lowentry/react-redux 1.2.4 → 1.4.1

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]);
 	};
 	
@@ -951,6 +978,40 @@ export const LeRed = (() =>
 		};
 	};
 	
+	LeRed.useTriggerable = (event) =>
+	{
+		const [[value, uniqueId], setValue] = LeRed.useState([null, LeUtils.uniqueId()]);
+		
+		LeRed.useEffect(() =>
+		{
+			if(typeof window === 'undefined')
+			{
+				return;
+			}
+			
+			const callback = (e) =>
+			{
+				setValue([e?.detail, LeUtils.uniqueId()]);
+			};
+			
+			const eventName = 'lowentrytriggerable_' + event;
+			window.addEventListener(eventName, callback);
+			return () => window.removeEventListener(eventName, callback);
+		}, []);
+		
+		return value;
+	};
+	
+	LeRed.trigger = (event, value) =>
+	{
+		if(typeof window === 'undefined')
+		{
+			return;
+		}
+		const eventName = 'lowentrytriggerable_' + event;
+		window.dispatchEvent(new CustomEvent(eventName, {detail:value}));
+	};
+	
 	
 	LeRed.Root = LeRed.memo(({store, children}) =>
 	{

package/package.json

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