Merge pull request #6 from WindLeaf233/main

feat: add keyed resource header support

Author: pboymt

package.json

@@ -50,7 +50,8 @@
       "GM.xmlHttpRequest"
     ],
     "exclude": [],
-    "resources": []
+    "resources": [],
+    "keyedResources": {}
   },
   "dependencies": {
     "@trim21/gm-fetch": "^0.1.13",

plugins/userscript.plugin.ts

@@ -36,6 +36,7 @@ interface UserScriptOptions {
     exclude: string[];
     require: string[];
     resources: string[];
+    keyedResources: { [key: string]: string };
     connect: string[];
     'run-at': string;
     grant: string[];
@@ -209,6 +210,15 @@ export function generateHeader() {
             headers.push(`// @resource ${resource}`);
         }
     }
+    // Add userscript header's resources.
+    // Some of the resources should contain a specified name, for which userscripts can get value from it
+    // eg. // @resource mycss http://link.to/some.css
+    // Userscripts have the ability to apply css with `GM_addStyle(GM_getResourceText('mycss'))`
+    if (userscript.keyedResources) {
+        for (const dependencyName in userscript.keyedResources) {
+            headers.push(`// @resource ${dependencyName} ${userscript.keyedResources[dependencyName]}`);
+        }
+    }
     // Add userscript header's connects.
     if (userscript.connect && userscript.connect instanceof Array) {
         for (const connect of userscript.connect) {