Enable right-click menu on monster pages

haste · Jan 20, 2025 · 0b688a4 · 0b688a4
1 parent b8ec074
commit 0b688a4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## Unreleased
+
+### Enhancements
+
+ * Enabled right-click menu on monster pages.
+
 ## 0.17.0 (2024-12-19)
 
 ### Bug fixes

diff --git a/src/clients/browser/manifest.shared.json b/src/clients/browser/manifest.shared.json
@@ -18,7 +18,7 @@
       "matches": ["*://*.dndbeyond.com/monsters*"],
       "run_at": "document_end",
       "js": ["monsters.js"],
-      "css": ["css/styles.css"]
+      "css": ["css/styles.css", "css/contextmenu.css"]
     }
   ]
 }
diff --git a/src/monsters.js b/src/monsters.js
@@ -1,3 +1,4 @@
+import { injectContextMenu } from "~/contextmenu";
 import { processBlockAbilities, processBlockTidbits } from "~/utils/dndbeyond";
 import { namedObserver } from "~/utils/observer";
 import { talespireLink } from "~/utils/talespire";
@@ -44,15 +45,19 @@ export const monsterWatcher = () => {
   updateMonsters(document.querySelector(".detail-content"));
 
   // Search list
-  const callback = (mutationList, observer) => {
+  const callback = async (mutationList, observer) => {
     observer.disconnect();
+
+    await injectContextMenu();
+
     for (const mutation of mutationList) {
       for (const node of mutation.addedNodes) {
         if (node.nodeType === 1 && node.classList.contains("more-info")) {
           updateMonsters(node);
         }
       }
     }
+
     observer.observe(document.querySelector("section.primary-content"), {
       childList: true,
       subtree: true,