refactor(monkey): separate GM_apis into individual files and update copymanga-enhance

- Extract GM_addStyle, GM_getResourceText, GM_setClipboard, GM_xmlhttpRequest into separate polyfill files.
- Update copymanga-enhance to use resource and GM_getResourceText for vue loading.
- Add name and description to copymanga-enhance banner.json.
- Remove global types/monkey.d.ts in favor of per-file declarations.

Author: Arylo

src/monkey/copymanga-enhance/banner.json

@@ -1,5 +1,8 @@
 {
-  "name": "Enhance the copy manga site",
+  "name": "快乐看拷贝",
+  "name:en": "Enhance the copy manga site",
+  "description": "对开布局、支持带鱼屏、自适应图片高度、快捷翻页、支持键盘操作",
+  "description:en": "support ultra-wide screen, adaptive image height, quick page turning, keyboard operation",
   "match": [
     "https://copymanga.com/comic/*/chapter/*",
     "https://*.copymanga.com/comic/*/chapter/*",
@@ -26,9 +29,10 @@
   ],
   "connect": "unpkg.com",
   "require": "https://unpkg.com/vue@3/dist/vue.global.prod.js",
+  "resource": "vue https://unpkg.com/vue@3/dist/vue.global.prod.js",
   "run-at": "document-end",
   "grant": [
-    "GM_xmlhttpRequest",
+    "GM_getResourceText",
     "GM_addStyle",
     "GM_setValue",
     "GM_getValue"

src/monkey/copymanga-enhance/index.ts

@@ -2,24 +2,19 @@ import html from './template.html'
 import { render } from './scripts/newPage'
 import { getPageInfo, refreshImage, windowScrollTo } from './scripts/old'
 import storage from './scripts/storage'
+import GM_getResourceText from '../polyfill/GM_getResourceText'
 
-const renderNewPage = () => {
+const renderNewPage = async () => {
   console.log('PageInfo:', storage.pageInfo)
   windowScrollTo(0)
   document.body.innerHTML = html
-  GM_xmlhttpRequest({
-    method: 'GET',
-    url: 'https://unpkg.com/vue@3/dist/vue.global.prod.js',
-    onload: (res) => {
-      const script = document.createElement('script')
-      script.textContent = res.responseText
-      document.head.appendChild(script)
-      setTimeout(() => {
-        render()
-      }, 50)
-    },
-  })
-  // render()
+  const textContent = await GM_getResourceText('vue')
+  const script = document.createElement('script')
+  script.textContent = textContent
+  document.head.appendChild(script)
+  setTimeout(() => {
+    render()
+  }, 50)
 }
 
 setTimeout(() => {

src/monkey/copymanga-enhance/scripts/newPage/index.ts

@@ -1,6 +1,7 @@
 import { createApp, h } from './vue'
 import App from './component/App'
 import tailwindCss from './tailwind.css'
+import GM_addStyle from '../../../polyfill/GM_addStyle'
 
 export const render = () => {
   const app = createApp({

src/monkey/copymanga-enhance/scripts/storage.ts

@@ -1,3 +1,5 @@
+import GM_getValue from "../../polyfill/GM_getValue"
+import GM_setValue from "../../polyfill/GM_setValue"
 import { chapter, comic } from "./constant"
 import { DirectionMode } from "./newPage/constant"
 import { PageInfo } from "./types"

src/monkey/gitlab-enhance/merge_requests/template.ts

@@ -2,6 +2,7 @@ import GM_addStyle from '../../polyfill/GM_addStyle'
 import * as templateUtils from '../../../../packages/MdGenerator/index'
 import templateCss from './template.css'
 import { getButtonElement } from '../utils'
+import GM_setClipboard from '../../polyfill/GM_setClipboard'
 
 enum BRANCH_TYPE {
   FEATURE,

src/monkey/polyfill/GM.ts

@@ -1,10 +1,19 @@
-import '../../../types/monkey.d.ts'
 import GM_addStyle from './GM_addStyle'
 
+declare global {
+  interface Window {
+    GM: {
+      addStyle: typeof GM_addStyle,
+    };
+  }
+}
+
 if (typeof window.GM === 'undefined') {
   window.GM = {
     addStyle: GM_addStyle,
   }
 }
 
+window.GM.addStyle ??= GM_addStyle
+
 export default window.GM

src/monkey/polyfill/GM_addStyle.ts

@@ -1,7 +1,12 @@
-import '../../../types/monkey.d.ts'
+declare global {
+  interface Window {
+    GM_addStyle(cssContent: string): any;
+  }
+}
+
 
 if (typeof window.GM_addStyle === 'undefined') {
-  window.GM_addStyle = function GM_addStyle(cssContent: string) {
+  window.GM_addStyle = function GM_addStyle(cssContent) {
     const head = document.getElementsByTagName('head')[0]
     if (head) {
       const styleElement = document.createElement('style')

src/monkey/polyfill/GM_getResourceText.ts

@@ -0,0 +1,7 @@
+declare global {
+  interface Window {
+    GM_getResourceText(name: string): Promise<string>;
+  }
+}
+
+export default window.GM_getResourceText

src/monkey/polyfill/GM_getValue.ts

@@ -0,0 +1,7 @@
+declare global {
+  interface Window {
+    GM_getValue<T>(key: string, defaultValue: T): T;
+  }
+}
+
+export default window.GM_getValue

src/monkey/polyfill/GM_setClipboard.ts

@@ -0,0 +1,7 @@
+declare global {
+  interface Window {
+    GM_setClipboard(content: string, type: 'text' | 'html', callback: () => any): Promise<never>;
+  }
+}
+
+export default window.GM_setClipboard