@rpgjs/client 4.1.3 → 4.2.1

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.2.1](https://github.com/RSamaium/RPG-JS/compare/v4.2.0...v4.2.1) (2024-01-12)
+
+
+### Bug Fixes
+
+* #community-261 ([8221085](https://github.com/RSamaium/RPG-JS/commit/8221085a962b1555aa20ba154b6790d4522da971)), closes [#community-261](https://github.com/RSamaium/RPG-JS/issues/community-261)
+
+
+
+
+
+# [4.2.0](https://github.com/RSamaium/RPG-JS/compare/v4.1.3...v4.2.0) (2023-12-09)
+
+
+### Features
+
+* inject function ([902e62f](https://github.com/RSamaium/RPG-JS/commit/902e62ff4fdd9b5bd26ee7d5be9ccae2b051f248))
+* propagate event directive ([edbab50](https://github.com/RSamaium/RPG-JS/commit/edbab506a2552ff64d2f638d1e088748cbc8cc86))
+
+
+
+
+
 ## [4.1.3](https://github.com/RSamaium/RPG-JS/compare/v4.1.2...v4.1.3) (2023-11-17)
 
 **Note:** Version bump only for package @rpgjs/client

package/browser/{React-da18564b.js → React-f6f9b1de.js}

@@ -1,6 +1,9 @@
 import require$$0 from "react-dom";
 import { useCallback, useSyncExternalStore, createContext, useState, useContext, useEffect, useRef, createElement } from "react";
+import { i as inject, R as RpgRenderer, E as EVENTS_MAP } from "./index-e74a289f.js";
 import { map, tap, BehaviorSubject } from "rxjs";
+import "@rpgjs/common";
+import "vue";
 var createRoot;
 var m = require$$0;
 if ({}.NODE_ENV === "production") {
@@ -65,6 +68,27 @@ const useCurrentPlayer = () => {
   }, []);
   return useSyncExternalStore(subscribe, () => currentPlayerRef.current);
 };
+const useEventPropagator = () => {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current) {
+      const element = ref.current;
+      const eventListeners = {};
+      const renderer = inject(RpgRenderer);
+      EVENTS_MAP.MouseEvent.forEach((eventType) => {
+        const listener = (event) => renderer.propagateEvent(event);
+        element.addEventListener(eventType, listener);
+        eventListeners[eventType] = listener;
+      });
+      return () => {
+        EVENTS_MAP.MouseEvent.forEach((eventType) => {
+          element.removeEventListener(eventType, eventListeners[eventType]);
+        });
+      };
+    }
+  }, [ref]);
+  return ref;
+};
 class ReactGui {
   //private _tooltips: BehaviorSubject<any[]> = new BehaviorSubject([] as any)
   constructor(rootEl, parentGui) {
@@ -127,6 +151,7 @@ export {
   ReactGui,
   RpgReactContext,
   useCurrentPlayer,
+  useEventPropagator,
   useObjects,
   useStore
 };