fix: improve menu injection

closes #24

Author: pionxzh

package.json

@@ -10,7 +10,9 @@
     "node": ">=16.0.0"
   },
   "commitlint": {
-    "extends": ["@commitlint/config-conventional"]
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
   },
   "scripts": {
     "build": "turbo run build",
@@ -36,6 +38,11 @@
     "turbo": "^1.6.3",
     "typescript": "^4.9.4"
   },
+  "pnpm": {
+    "patchedDependencies": {
+      "[email protected]": "patches/[email protected]"
+    }
+  },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": "pnpm exec eslint"
   }

packages/userscript/patches/[email protected]

@@ -0,0 +1,13 @@
+diff --git a/dist/sentinel.umd.js b/dist/sentinel.umd.js
+index 08dcbff40b764a4eabf7990e751c364c4724c885..d5ce9732e2726d9497dc14bcbbcdd155247c3b52 100644
+--- a/dist/sentinel.umd.js
++++ b/dist/sentinel.umd.js
+@@ -46,7 +46,7 @@ return {
+       
+       // add stylesheet to document
+       styleEl = doc.createElement('style');
+-      head.insertBefore(styleEl, head.firstChild);
++      head.append(styleEl);
+       styleSheet = styleEl.sheet;
+       cssRules = styleSheet.cssRules;
+     }

packages/userscript/src/main.ts

@@ -62,7 +62,7 @@ function createMenuContainer() {
     container.id = 'exporter-menu'
     container.className = 'pt-1'
 
-    const chatList = document.querySelector('nav > div')
+    const chatList = document.querySelector('nav > div.overflow-y-auto')
     if (chatList) {
         chatList.after(container)
         sentinel.on('nav > div.overflow-y-auto', (el) => {

patches/[email protected]

@@ -0,0 +1,13 @@
+diff --git a/dist/sentinel.umd.js b/dist/sentinel.umd.js
+index 08dcbff40b764a4eabf7990e751c364c4724c885..d5ce9732e2726d9497dc14bcbbcdd155247c3b52 100644
+--- a/dist/sentinel.umd.js
++++ b/dist/sentinel.umd.js
+@@ -46,7 +46,7 @@ return {
+       
+       // add stylesheet to document
+       styleEl = doc.createElement('style');
+-      head.insertBefore(styleEl, head.firstChild);
++      head.append(styleEl);
+       styleSheet = styleEl.sheet;
+       cssRules = styleSheet.cssRules;
+     }