From 596af530facaf2ad2d3beb6dbe92890aa5654a4a Mon Sep 17 00:00:00 2001
From: jberg <jberg@users.noreply.github.com>
Date: Mon, 5 Aug 2019 17:52:12 -0700
Subject: [PATCH] add events on GuiObjects (#830)

* add events on GuiObjects

* switch to mouse enter/leave instead of out/over
---
 experiments/modern/src/App.js               | 59 +++++++++++++++++----
 experiments/modern/src/runtime/GuiObject.js |  5 ++
 experiments/modern/src/runtime/System.js    |  7 +++
 3 files changed, 62 insertions(+), 9 deletions(-)

diff --git a/experiments/modern/src/App.js b/experiments/modern/src/App.js
index af1e7e3e..659d78a2 100644
--- a/experiments/modern/src/App.js
+++ b/experiments/modern/src/App.js
@@ -20,6 +20,44 @@ async function getSkin() {
   return await initialize(zip, skinXml);
 }
 
+function GuiObjectEvents({ node, children }) {
+  return (
+    <div
+      onMouseDown={e => {
+        if (e.button === 2) {
+          node.js_trigger("onRightButtonDown", e.clientX, e.clientY);
+        } else {
+          node.js_trigger("onLeftButtonDown", e.clientX, e.clientY);
+        }
+      }}
+      onMouseUp={e => {
+        if (e.button === 2) {
+          node.js_trigger("onRightButtonUp", e.clientX, e.clientY);
+        } else {
+          node.js_trigger("onLeftButtonUp", e.clientX, e.clientY);
+        }
+      }}
+      onDoubleClick={e => {
+        if (e.button === 2) {
+          node.js_trigger("onRightButtonDblClk", e.clientX, e.clientY);
+        } else {
+          node.js_trigger("onLeftButtonDblClk", e.clientX, e.clientY);
+        }
+      }}
+      onMouseMove={e => node.js_trigger("onMouseMove", e.clientX, e.clientY)}
+      onMouseEnter={e => node.js_trigger("onEnterArea", e.clientX, e.clientY)}
+      onMouseLeave={e => node.js_trigger("onLeaveArea", e.clientX, e.clientY)}
+      onDragEnter={e => node.js_trigger("onDragEnter")}
+      onDragLeave={e => node.js_trigger("onDragLeave")}
+      onDragOver={e => node.js_trigger("onDragOver", e.clientX, e.clientY)}
+      onKeyUp={e => node.js_trigger("onKeyUp", e.keyCode)}
+      onKeyDown={e => node.js_trigger("onKeyDown", e.keyCode)}
+    >
+      {children}
+    </div>
+  );
+}
+
 function Container(props) {
   const { id, children, default_x, default_y, default_visible } = props;
   const style = {
@@ -150,11 +188,6 @@ function Button({
     return null;
   }
 
-  const eventHandlers = {};
-  eventHandlers["onClick"] = e => {
-    node.js_trigger("onLeftClick");
-  };
-
   return (
     <div
       data-node-type="button"
@@ -166,7 +199,13 @@ function Button({
           setDown(false);
         });
       }}
-      {...eventHandlers}
+      onClick={e => {
+        if (e.button === 2) {
+          node.js_trigger("onRightClick");
+        } else {
+          node.js_trigger("onLeftClick");
+        }
+      }}
       title={tooltip}
       style={{
         position: "absolute",
@@ -236,9 +275,11 @@ function XmlNode({ node }) {
     return null;
   }
   return (
-    <Component node={node} {...attributes}>
-      {children}
-    </Component>
+    <GuiObjectEvents node={node}>
+      <Component node={node} {...attributes}>
+        {children}
+      </Component>
+    </GuiObjectEvents>
   );
 }
 
diff --git a/experiments/modern/src/runtime/GuiObject.js b/experiments/modern/src/runtime/GuiObject.js
index 3ca250bb..63e08f55 100644
--- a/experiments/modern/src/runtime/GuiObject.js
+++ b/experiments/modern/src/runtime/GuiObject.js
@@ -56,6 +56,11 @@ class GuiObject extends MakiObject {
     return 5;
   }
 
+  getleft() {
+    unimplementedWarning("getleft");
+    return 5;
+  }
+
   getheight() {
     unimplementedWarning("getheight");
     return 100;
diff --git a/experiments/modern/src/runtime/System.js b/experiments/modern/src/runtime/System.js
index e1735282..a58ecbe9 100644
--- a/experiments/modern/src/runtime/System.js
+++ b/experiments/modern/src/runtime/System.js
@@ -69,6 +69,13 @@ class System extends MakiObject {
     unimplementedWarning("getvolume");
     return 1;
   }
+  getplayitemlength() {
+    unimplementedWarning("getplayitemlength");
+    return 100000;
+  }
+  seekto(pos) {
+    unimplementedWarning("seekto");
+  }
 }
 
 export default System;