From 063d8ef9eaf874a941f4459e831057dd0a1b7ddd Mon Sep 17 00:00:00 2001
From: Joris
Date: Tue, 5 Jul 2022 21:55:41 +0200
Subject: Rewrite in TS

---
 src/lib/contextMenu.ts | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 src/lib/contextMenu.ts

(limited to 'src/lib/contextMenu.ts')

diff --git a/src/lib/contextMenu.ts b/src/lib/contextMenu.ts
new file mode 100644
index 0000000..6edd567
--- /dev/null
+++ b/src/lib/contextMenu.ts
@@ -0,0 +1,35 @@
+import { h } from 'lib/h'
+
+interface Action {
+  label: string,
+  action: () => void
+}
+
+export function show(event: MouseEvent, actions: Action[]) {
+  const menu = h('div',
+    { id: 'g-ContextMenu',
+      style: `left: ${event.pageX.toString()}px; top: ${event.pageY.toString()}px`
+    },
+    ...actions.map(({ label, action }) =>
+      h('div',
+        { className: 'g-ContextMenu__Entry',
+          onclick: () => action()
+        },
+        label
+      )
+    )
+  )
+
+  document.body.appendChild(menu)
+
+  // Remove on click or context menu
+  setTimeout(() => {
+    const f = () => {
+      document.body.removeChild(menu)
+      document.body.removeEventListener('click', f)
+      document.body.removeEventListener('contextmenu', f)
+    }
+    document.body.addEventListener('click', f)
+    document.body.addEventListener('contextmenu', f)
+  }, 0)
+}
-- 
cgit v1.2.3