Added useEvent hook

README.md

@@ -78,6 +78,16 @@ useSceneUpdate(
 )
 ```
 
+#### Subscribe to event
+```ts
+useEvent(
+  emitter: Phaser.Scene | Phaser.GameObject, 
+  event: string,
+  callback: () => void, 
+  depends: any[]
+)
+```
+
 #### Position relative to camera
 ```ts
 useRelativePosition(position: { 

dist/hooks/index.d.ts

@@ -9,4 +9,5 @@ export * from './use-match-media';
 export * from './use-mobile-platform';
 export * from './use-click';
 export * from './use-click-outside';
+export * from './use-event';
 export * from './use-interaction';

dist/hooks/use-event.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="node" />
+import EventEmitter from 'events';
+/**
+ * Subscribe to event.
+ *
+ * @param emitter - Events emitter
+ * @param event - Event
+ * @param callback - Event callback
+ * @param depends - Callback dependencies
+ */
+export declare function useEvent(emitter: EventEmitter, event: string, callback: () => void, depends: any[]): void;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "phaser-react-ui",
   "description": "React interface render for Phaser engine",
-  "version": "1.12.1",
+  "version": "1.13.0",
   "keywords": [
     "phaser",
     "interface",

src/hooks/index.ts

@@ -9,4 +9,5 @@ export * from './use-match-media';
 export * from './use-mobile-platform';
 export * from './use-click';
 export * from './use-click-outside';
+export * from './use-event';
 export * from './use-interaction';

src/hooks/use-event.ts

@@ -0,0 +1,25 @@
+import EventEmitter from 'events';
+import { useEffect } from 'react';
+
+/**
+ * Subscribe to event.
+ *
+ * @param emitter - Events emitter
+ * @param event - Event
+ * @param callback - Event callback
+ * @param depends - Callback dependencies
+ */
+export function useEvent(
+  emitter: EventEmitter,
+  event: string,
+  callback: () => void,
+  depends: any[],
+) {
+  useEffect(() => {
+    emitter.on(event, callback);
+
+    return () => {
+      emitter.off(event, callback);
+    };
+  }, [event, ...depends]);
+}