feat: add menu-item for map id

2 files changed, 6 insertions, 0 deletions

diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs
index eb683ea..7e50991 100644
--- a/src/MenuItem.mjs
+++ b/src/MenuItem.mjs
@@ -92,6 +92,11 @@ if (!window.customElements.get('menu-folder')) {
   window.customElements.define('menu-folder', Folder, { extends: 'div' })
 }
 
+export const simplePlaceholder = (text) => new Item({
+  text,
+  style: 'width: fit-content; margin: 0 auto; color: gray; pointer-events: none; font-size: 0.8rem; line-height: 1; font-weight: bolder;',
+})
+
 /**
  * Creates a menu item for picking a map
  *
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 3792994..aaf0ad7 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -588,6 +588,7 @@ export const generateMaps = (container, {
     if (map) {
       const rect = map.getBoundingClientRect()
       const [x, y] = [e.x - rect.left, e.y - rect.top]
+      menu.appendChild(menuItem.simplePlaceholder(`MAP ID: ${map.id}`))
       menu.appendChild(new menuItem.Folder({
         text: 'Edit Map',
         items: [