chore: disable use_dynamic_url as Chrome 130 is obviously not ready f…

…or it (#22)

Crxjs enable
[use_dynamic_url](https://developer.chrome.com/docs/extensions/reference/manifest/web-accessible-resources)
by default on development for no reason and it actually did nothing
before Chrome 130.

Chrome 130 enable the ability of
[use_dynamic_url](https://developer.chrome.com/docs/extensions/reference/manifest/web-accessible-resources)
but things below are broken:

1. `import()` in a content script will fail due to [CSP
reason](crxjs/chrome-extension-tools#918)
2. `chrome.runtime.action.setPopup` will fail for a dynamic url.

Ref:

- https://developer.chrome.com/blog/extension-news-october-2024
-
https://groups.google.com/a/chromium.org/g/chromium-extensions/c/Nr3QNKFv74c/m/PYLvA7dOAAAJ

package.json

@@ -64,6 +64,9 @@
     "overrides": {
       "@webcomponents/custom-elements": "link:./empty",
       "[email protected]": "^2.79.2"
+    },
+    "patchedDependencies": {
+      "@crxjs/vite-plugin": "patches/@crxjs__vite-plugin.patch"
     }
   }
 }

patches/@crxjs__vite-plugin.patch

@@ -0,0 +1,21 @@
+diff --git a/dist/index.mjs b/dist/index.mjs
+index c543f3e83ffb5210495ac735f9a906e59b9da491..d40cc9536ff6491702a7ae40b85a024f88a1adef 100644
+--- a/dist/index.mjs
++++ b/dist/index.mjs
+@@ -1838,8 +1838,6 @@ const pluginWebAccessibleResources = () => {
+           matches: ["<all_urls>"],
+           // all resources are web accessible
+           resources: ["**/*", "*"],
+-          // change the extension origin on every reload
+-          use_dynamic_url: true
+         };
+         if (browser === "firefox") {
+           delete war.use_dynamic_url;
+@@ -1921,7 +1919,6 @@ const pluginWebAccessibleResources = () => {
+                   const resource = {
+                     matches: isDynamicScript ? [...dynamicScriptMatches] : matches,
+                     resources: [...assets, ...imports],
+-                    use_dynamic_url: isDynamicScript ? dynamicScriptDynamicUrl : true
+                   };
+                   if (isDynamicScript || !injectCss) {
+                     resource.resources.push(...css);