extension-develop 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/extensions/firefox-manager-extension/pages/sakura.css

@@ -0,0 +1,267 @@
+/* Sakura.css v1.5.0
+ * ================
+ * Minimal css theme.
+ * Project: https://github.com/oxalorg/sakura/
+ */
+/* Body */
+html {
+  font-size: 62.5%;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+}
+
+body {
+  font-size: 1.8rem;
+  line-height: 1.618;
+  max-width: 38em;
+  margin: auto;
+  color: #4a4a4a;
+  background-color: #f9f9f9;
+  padding: 13px;
+}
+
+@media (max-width: 684px) {
+  body {
+    font-size: 1.53rem;
+  }
+}
+@media (max-width: 382px) {
+  body {
+    font-size: 1.35rem;
+  }
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  line-height: 1.1;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+  font-weight: 700;
+  margin-top: 3rem;
+  margin-bottom: 1.5rem;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  -ms-word-break: break-all;
+  word-break: break-word;
+}
+
+h1 {
+  font-size: 2.35em;
+}
+
+h2 {
+  font-size: 2em;
+}
+
+h3 {
+  font-size: 1.75em;
+}
+
+h4 {
+  font-size: 1.5em;
+}
+
+h5 {
+  font-size: 1.25em;
+}
+
+h6 {
+  font-size: 1em;
+}
+
+p {
+  margin-top: 0px;
+  margin-bottom: 2.5rem;
+}
+
+small,
+sub,
+sup {
+  font-size: 75%;
+}
+
+hr {
+  border-color: #1d7484;
+}
+
+a {
+  text-decoration: none;
+  color: #1d7484;
+}
+a:visited {
+  color: #144f5a;
+}
+a:hover {
+  color: #982c61;
+  border-bottom: 2px solid #4a4a4a;
+}
+
+ul {
+  padding-left: 1.4em;
+  margin-top: 0px;
+  margin-bottom: 2.5rem;
+}
+
+li {
+  margin-bottom: 0.4em;
+}
+
+blockquote {
+  margin-left: 0px;
+  margin-right: 0px;
+  padding-left: 1em;
+  padding-top: 0.8em;
+  padding-bottom: 0.8em;
+  padding-right: 0.8em;
+  border-left: 5px solid #1d7484;
+  margin-bottom: 2.5rem;
+  background-color: #f1f1f1;
+}
+
+blockquote p {
+  margin-bottom: 0;
+}
+
+img,
+video {
+  height: auto;
+  max-width: 100%;
+  margin-top: 0px;
+  margin-bottom: 2.5rem;
+}
+
+/* Pre and Code */
+pre {
+  background-color: #f1f1f1;
+  display: block;
+  padding: 1em;
+  overflow-x: auto;
+  margin-top: 0px;
+  margin-bottom: 2.5rem;
+  font-size: 0.9em;
+}
+
+code,
+kbd,
+samp {
+  font-size: 0.9em;
+  padding: 0 0.5em;
+  background-color: #f1f1f1;
+  white-space: pre-wrap;
+}
+
+pre > code {
+  padding: 0;
+  background-color: transparent;
+  white-space: pre;
+  font-size: 1em;
+}
+
+/* Tables */
+table {
+  text-align: justify;
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 2rem;
+}
+
+td,
+th {
+  padding: 0.5em;
+  border-bottom: 1px solid #f1f1f1;
+}
+
+/* Buttons, forms and input */
+input,
+textarea {
+  border: 1px solid #4a4a4a;
+}
+input:focus,
+textarea:focus {
+  border: 1px solid #1d7484;
+}
+
+textarea {
+  width: 100%;
+}
+
+.button,
+button,
+input[type='submit'],
+input[type='reset'],
+input[type='button'],
+input[type='file']::file-selector-button {
+  display: inline-block;
+  padding: 5px 10px;
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  background-color: #1d7484;
+  color: #f9f9f9;
+  border-radius: 1px;
+  border: 1px solid #1d7484;
+  cursor: pointer;
+  box-sizing: border-box;
+}
+.button[disabled],
+button[disabled],
+input[type='submit'][disabled],
+input[type='reset'][disabled],
+input[type='button'][disabled],
+input[type='file']::file-selector-button[disabled] {
+  cursor: default;
+  opacity: 0.5;
+}
+.button:hover,
+button:hover,
+input[type='submit']:hover,
+input[type='reset']:hover,
+input[type='button']:hover,
+input[type='file']::file-selector-button:hover {
+  background-color: #982c61;
+  color: #f9f9f9;
+  outline: 0;
+}
+.button:focus-visible,
+button:focus-visible,
+input[type='submit']:focus-visible,
+input[type='reset']:focus-visible,
+input[type='button']:focus-visible,
+input[type='file']::file-selector-button:focus-visible {
+  outline-style: solid;
+  outline-width: 2px;
+}
+
+textarea,
+select,
+input {
+  color: #4a4a4a;
+  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+  margin-bottom: 10px;
+  background-color: #f1f1f1;
+  border: 1px solid #f1f1f1;
+  border-radius: 4px;
+  box-shadow: none;
+  box-sizing: border-box;
+}
+textarea:focus,
+select:focus,
+input:focus {
+  border: 1px solid #1d7484;
+  outline: 0;
+}
+
+input[type='checkbox']:focus {
+  outline: 1px dotted #1d7484;
+}
+
+label,
+legend,
+fieldset {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-weight: 600;
+}

package/dist/extensions/firefox-manager-extension/pages/welcome.html

@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>Welcome!</title>
+    <meta charset="UTF-8" />
+    <link
+      rel="icon"
+      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🧩</text></svg>"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./sakura.css" media="screen" />
+    <link
+      rel="stylesheet"
+      href="./sakura-dark.css"
+      media="screen and (prefers-color-scheme: dark)"
+    />
+    <style>
+      .center-middle {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        height: 100vh;
+        padding: 0;
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="center-middle">
+      <h1 style="font-size: 4.2em">
+        Chrome Extension<br />
+        <a href="#"><span id="extensionName"></span></a><br />
+        ready.
+      </h1>
+      <p id="extensionDescription"></p>
+      <p>
+        <a target="_blank" href="https://github.com/cezaraugusto/extension"
+          >🧩 Extension.js</a
+        >
+        is a development tool for browser extensions with built-in support for
+        TypeScript, WebAssembly, React, and modern JavaScript.
+      </p>
+      <button id="learnMore">
+        🧩 Learn more about developing cross-browser extensions
+      </button>
+    </div>
+    <script src="welcome.js"></script>
+  </body>
+</html>

package/dist/extensions/{manager-extension-firefox → firefox-manager-extension}/reload-service.js

@@ -6,7 +6,7 @@ export async function connect() {
     return
   }
 
-  webSocket = new WebSocket('wss://127.0.0.1:__RELOAD_PORT__')
+  webSocket = new WebSocket('wss://127.0.0.1:8002')
 
   webSocket.onerror = (event) => {
     console.error(`[Reload Service] Connection error: ${JSON.stringify(event)}`)

package/dist/inject-chromium-client-loader.js

@@ -1,4 +1,4 @@
-"use strict";var k=Object.create;var a=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var q=(e,t)=>{for(var n in t)a(e,n,{get:t[n],enumerable:!0})},h=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of x(t))!_.call(e,s)&&s!==n&&a(e,s,{get:()=>t[s],enumerable:!(i=v(t,s))||i.enumerable});return e};var y=(e,t,n)=>(n=e!=null?k(w(e)):{},h(t||!e||!e.__esModule?a(n,"default",{value:e,enumerable:!0}):n,e)),R=e=>h(a({},"__esModule",{value:!0}),e);var S={};q(S,{default:()=>C});module.exports=R(S);var c=y(require("path")),g=require("loader-utils"),p=require("schema-utils"),P={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function C(e){let t=this.getOptions(),n=t.manifestPath,i=t.browser,s=c.default.dirname(n),o=require(n);(0,p.validate)(P,t,{name:"reload:inject-background-client",baseDataPath:"options"});let m=(0,g.urlToRequest)(this.resourcePath),f=`
+"use strict";var v=Object.create;var a=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var q=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},h=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of w(t))!_.call(e,s)&&s!==r&&a(e,s,{get:()=>t[s],enumerable:!(i=k(t,s))||i.enumerable});return e};var y=(e,t,r)=>(r=e!=null?v(x(e)):{},h(t||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),R=e=>h(a({},"__esModule",{value:!0}),e);var S={};q(S,{default:()=>C});module.exports=R(S);var c=y(require("path")),g=require("loader-utils"),p=require("schema-utils"),P={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function C(e){let t=this.getOptions(),r=t.manifestPath,i=t.browser,s=c.default.dirname(r),o=require(r);(0,p.validate)(P,t,{name:"reload:inject-background-client",baseDataPath:"options"});let m=(0,g.urlToRequest)(this.resourcePath),u=`
   ;chrome.runtime.onMessageExternal.addListener(
     async (request, _sender, sendResponse) => {
       const managementInfo = await new Promise((resolve) => {
@@ -49,4 +49,4 @@
       return true
     }
   );
-  `,r=o.background;if(i==="firefox"?r=o["gecko:background"]||o["firefox:background"]||r:r=o["chromium:background"]||o["chrome:background"]||o["edge:background"]||r,r){let u=r?.scripts||r?.["gecko:scripts"]||r?.["firefox:scripts"]||r?.["chromium:scripts"]||r?.["chrome:scripts"]||r?.["edge:scripts"];if(u){if(o.manifest_version===2||i==="firefox")for(let d of[u[0]]){let b=c.default.resolve(s,d);if(m.includes(b))return`${f}${e}`}let l=r?.service_worker||r?.["chromium:service_worker"]||r?.["chrome:service_worker"]||r?.["edge:service_worker"];if(l&&o.manifest_version===3){let d=c.default.resolve(s,l);if(m.includes(d))return`${f}${e}`}}}return e}
+  `,n=o.background;if(i!=="firefox"&&(n=o["chromium:background"]||o["chrome:background"]||o["edge:background"]||n,n)){let l=n?.scripts||n?.["chromium:scripts"]||n?.["chrome:scripts"]||n?.["edge:scripts"];if(l&&o.manifest_version===2)for(let d of[l[0]]){let b=c.default.resolve(s,d);if(m.includes(b))return`${u}${e}`}let f=n?.service_worker||n?.["chromium:service_worker"]||n?.["chrome:service_worker"]||n?.["edge:service_worker"];if(f&&o.manifest_version===3){let d=c.default.resolve(s,f);if(m.includes(d))return`${u}${e}`}}return e}

package/dist/inject-content-css-during-dev.js

@@ -1,10 +1,10 @@
-"use strict";var k=Object.create;var g=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var _=(e,n)=>{for(var r in n)g(e,r,{get:n[r],enumerable:!0})},y=(e,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of D(n))!C.call(e,t)&&t!==r&&g(e,t,{get:()=>n[t],enumerable:!(s=O(n,t))||s.enumerable});return e};var a=(e,n,r)=>(r=e!=null?k(R(e)):{},y(n||!e||!e.__esModule?g(r,"default",{value:e,enumerable:!0}):r,e)),A=e=>y(g({},"__esModule",{value:!0}),e);var B={};_(B,{default:()=>I});module.exports=A(B);var x=a(require("path")),T=require("loader-utils"),N=require("schema-utils");var m=a(require("path")),W=a(require("fs")),q=require("child_process"),H=require("detect-package-manager");var P=a(require("path")),i=require("@colors/colors/safe");var v=a(require("path")),L=v.default.join(process.cwd(),"node_modules/extension-develop/dist/certs");function b(e){return e.replace(/\\/g,"/")}function h(e,n={}){if(!n)return!1;let r=b(e);return Object.values(n).some(s=>{if(typeof s!="string")return!1;let t=b(s);return r.endsWith(t)})}function E(e,n){let r=m.default.relative(m.default.dirname(e),n);return!r.startsWith(".")&&!r.startsWith("..")&&(r="./"+r),r}var $=a(require("fs")),F=a(require("path"));function w(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>{let d=$.default.existsSync(t)&&!h(t,n),o=F.default.extname(t);return d&&t.includes(o)})}function j(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>$.default.existsSync(t)&&!h(t,n)&&(t.endsWith(".css")||t.endsWith(".scss")||t.endsWith(".sass")||t.endsWith(".less")))}var V={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},includeList:{type:"object"},excludeList:{type:"object"}}},J=`/** 
+"use strict";var R=Object.create;var g=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var A=(e,n)=>{for(var r in n)g(e,r,{get:n[r],enumerable:!0})},y=(e,n,r,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of k(n))!C.call(e,t)&&t!==r&&g(e,t,{get:()=>n[t],enumerable:!(i=D(n,t))||i.enumerable});return e};var a=(e,n,r)=>(r=e!=null?R(_(e)):{},y(n||!e||!e.__esModule?g(r,"default",{value:e,enumerable:!0}):r,e)),L=e=>y(g({},"__esModule",{value:!0}),e);var G={};A(G,{default:()=>T});module.exports=L(G);var x=a(require("path")),O=require("loader-utils"),M=require("schema-utils");var m=a(require("path")),H=a(require("fs")),B=require("child_process"),z=require("detect-package-manager");var W=a(require("path")),o=require("@colors/colors/safe");var v=a(require("path")),P=v.default.join(process.cwd(),"node_modules/extension-develop/dist/certs"),b=["chrome","edge"],U=["firefox"],Q=[...b,...U];function E(e){return e.replace(/\\/g,"/")}function h(e,n={}){if(!n)return!1;let r=m.default.normalize(E(e));return Object.values(n).some(t=>typeof t!="string"?!1:E(t).includes(r))}function F(e,n){let r=m.default.relative(m.default.dirname(e),n);return!r.startsWith(".")&&!r.startsWith("..")&&(r="./"+r),r}var $=a(require("fs")),w=a(require("path"));function j(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>{let l=$.default.existsSync(t)&&!h(t,n),s=w.default.extname(t);return l&&(s===".js"||s===".mjs"||s===".jsx"||s===".ts"||s===".tsx")})}function S(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>$.default.existsSync(t)&&!h(t,n)&&(t.endsWith(".css")||t.endsWith(".scss")||t.endsWith(".sass")||t.endsWith(".less")))}var V={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},includeList:{type:"object"},excludeList:{type:"object"}}},Y=`/** 
  * Welcome to to your content_scripts CSS file during development!
  * To speed up the development process, your styles
  * are being injected directly into the head of the webpage,
  * and will be removed when you build your application, along
  * with this file. If you are seeing this file in a production build,
  * it means that something is wrong with your build configuration.
- */`;function I(e){let n=this.getOptions();(0,N.validate)(V,n,{name:"scripts:inject-content-css-during-dev",baseDataPath:"options"});let r=n.includeList||{},s=[],t=Object.entries(r).filter(([o,l])=>o.startsWith("content")&&l);if(!t.length)return e;for(let o of t){let[l,f]=o,c=[...w(f,n.excludeList||{})],u=j(f,n.excludeList||{});if(u.length&&!c.length){let p=x.default.resolve(__dirname,"minimum-content-file.mjs");c.push(p)}s.push({feature:l,scriptPath:c[0],cssImports:u.map(p=>E(c[0],p))})}let d=(0,T.urlToRequest)(this.resourcePath);return s.forEach(({feature:o,scriptPath:l,cssImports:f})=>{if(d.includes(l)){let c=f.map(u=>{let[,p]=o.split("/"),S=p.split("-")[1],M=x.default.basename(u);return`import(/* webpackChunkName: "${`web_accessible_resources/resource-${S}/${M.replace(".","_")}`}" */ '${u}').then(css => console.info('content_script.css loaded', css)).catch(err => console.error(err));`}).join(`
-`);this.emitFile(`${o}.css`,J),e=`${c}
+ */`;function T(e){let n=this.getOptions();(0,M.validate)(V,n,{name:"scripts:inject-content-css-during-dev",baseDataPath:"options"});let r=n.includeList||{},i=[],t=Object.entries(r).filter(([s,u])=>s.startsWith("content")&&u);if(!t.length)return e;for(let s of t){let[u,f]=s,c=[...j(f,n.excludeList||{})],p=S(f,n.excludeList||{});if(p.length&&!c.length){let d=x.default.resolve(__dirname,"minimum-content-file.mjs");c.push(d)}i.push({feature:u,scriptPath:c[0],cssImports:p.map(d=>F(c[0],d))})}let l=(0,O.urlToRequest)(this.resourcePath);return i.forEach(({feature:s,scriptPath:u,cssImports:f})=>{if(l.includes(u)){let c=f.map(p=>{let[,d]=s.split("/"),N=d.split("-")[1],I=x.default.basename(p);return`import(/* webpackChunkName: "${`web_accessible_resources/resource-${N}/${I.replace(".","_")}`}" */ '${p}').then(css => console.info('content_script.css loaded', css)).catch(err => console.error(err));`}).join(`
+`);this.emitFile(`${s}.css`,Y),e=`${c}
 ${e}`}}),e}

package/dist/inject-firefox-client-loader.js

@@ -1,48 +1,43 @@
-"use strict";var g=Object.create;var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var k=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},l=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of b(t))!w.call(e,n)&&n!==r&&a(e,n,{get:()=>t[n],enumerable:!(s=h(t,n))||s.enumerable});return e};var v=(e,t,r)=>(r=e!=null?g(p(e)):{},l(t||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),q=e=>l(a({},"__esModule",{value:!0}),e);var _={};k(_,{default:()=>y});module.exports=q(_);var o=v(require("path")),u=require("loader-utils"),m=require("schema-utils"),x={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function y(e){let t=this.getOptions(),r=t.manifestPath,s=o.default.dirname(r),n=require(r);(0,m.validate)(x,t,{name:"Inject Reload (background.scripts and background.service_worker) Script",baseDataPath:"options"});let c=(0,u.urlToRequest)(this.resourcePath),d=`
-  ;browser.runtime.onMessageExternal.addListener(
-    async (request, _sender) => {
-      const managementInfo = await new Promise((resolve) => {
-        browser.management.getSelf(resolve);
-      });
+"use strict";var b=Object.create;var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var q=(e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})},d=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of w(t))!k.call(e,n)&&n!==r&&o(e,n,{get:()=>t[n],enumerable:!(s=p(t,n))||s.enumerable});return e};var y=(e,t,r)=>(r=e!=null?b(x(e)):{},d(t||!e||!e.__esModule?o(r,"default",{value:e,enumerable:!0}):r,e)),v=e=>d(o({},"__esModule",{value:!0}),e);var S={};q(S,{default:()=>C});module.exports=v(S);var i=y(require("path")),f=require("loader-utils"),l=require("schema-utils"),P={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function C(e){let t=this.getOptions(),r=t.manifestPath,s=i.default.dirname(r),n=require(r);(0,l.validate)(P,t,{name:"reload:inject-background-client",baseDataPath:"options"});let m=(0,f.urlToRequest)(this.resourcePath),u=`
+;browser.runtime.onMessageExternal.addListener(async (request, _sender) => {
+  const managementInfo = await browser.management.getSelf()
 
-      // Ping-pong between the user extension background page(this)
-      // and the middleware socket client (reloadService.ts),
-      // which will then send a message to the server
-      // (startServer.ts) so it can display the extension info.
-      if (request.initialLoadData) {
-        return {
-          id: browser.runtime.id,
-          manifest: browser.runtime.getManifest(),
-          management: managementInfo,
-        };
-      }
+  // Ping-pong between the user extension background page(this)
+  // and the middleware socket client (reloadService.ts),
+  // which will then send a message to the server
+  // (startServer.ts) so it can display the extension info.
+  if (request.initialLoadData) {
+    return {
+      id: browser.runtime.id,
+      manifest: browser.runtime.getManifest(),
+      management: managementInfo
+    }
+  }
 
-      // Reload the extension runtime if the manifest or
-      // service worker changes.
-      if (
-        request.changedFile === "manifest.json" ||
-        request.changedFile === "service_worker" ||
-        request.changedFile === "_locales"
-      ) {
-        setTimeout(() => {
-          browser.runtime.reload();
-        }, 750);
-      }
+  // Reload the extension runtime if the manifest or
+  // service worker changes.
+  if (
+    request.changedFile === 'manifest.json' ||
+    request.changedFile === 'service_worker' ||
+    request.changedFile === '_locales'
+  ) {
+    setTimeout(() => {
+      browser.runtime.reload()
+    }, 750)
+  }
 
-      // Reload all tabs if the contextMenus code changes.
-      if (request.changedFile === "contextMenus") {
-        browser.tabs.query({}, (tabs) => {
-          if (!tabs) return;
-          tabs.forEach((tab) => browser.tabs.reload(tab.id));
-        });
-      }
+  // Reload all tabs if the contextMenus code changes.
+  if (request.changedFile === "contextMenus") {
+    browser.tabs.query({}, (tabs) => {
+      if (!tabs) return;
+      tabs.forEach((tab) => browser.tabs.reload(tab.id));
+    });
+  }
 
-      // Reload all tabs if the declarative_net_request code changes.
-      if (request.changedFile === "declarative_net_request") {
-        browser.runtime.reload();
-      }
+  // Reload all tabs if the declarative_net_request code changes.
+  if (request.changedFile === 'declarative_net_request') {
+    browser.runtime.reload()
+  }
 
-      return { reloaded: true };
-    }
-  );
-  `;if(n.background){if(n.background.scripts)for(let i of[n.background.scripts[0]]){let f=o.default.resolve(s,i);if(c.includes(f))return`${d}${e}`}if(n.background.service_worker){let i=o.default.resolve(s,n.background.service_worker);if(c.includes(i))return`${d}${e}`}}return e}
+  return {reloaded: true}
+});`,a=n["gecko:background"]||n["firefox:background"]||n.background;if(a){let c=a?.scripts||a?.["gecko:scripts"]||a?.["firefox:scripts"];if(c)for(let g of[c[0]]){let h=i.default.resolve(s,g);if(m.includes(h))return`${u}${e}`}}return e}

package/dist/minimum-firefox-file.mjs

@@ -1 +1 @@
-browser.runtime.onMessageExternal.addListener(async(e,n)=>{let r=await browser.management.getSelf();return e.initialLoadData?{id:browser.runtime.id,manifest:browser.runtime.getManifest(),management:r}:((e.changedFile==="manifest.json"||e.changedFile==="service_worker"||e.changedFile==="_locales")&&setTimeout(()=>(browser.runtime.reload(),{reloaded:!0}),750),e.changedFile==="declarative_net_request"?(browser.runtime.reload(),{reloaded:!0}):!0)});
+browser.runtime.onMessageExternal.addListener(async(e,a)=>{let n=await browser.management.getSelf();return e.initialLoadData?{id:browser.runtime.id,manifest:browser.runtime.getManifest(),management:n}:((e.changedFile==="manifest.json"||e.changedFile==="service_worker"||e.changedFile==="_locales")&&setTimeout(()=>{browser.runtime.reload()},750),e.changedFile==="declarative_net_request"&&browser.runtime.reload(),{reloaded:!0})});

package/dist/module.d.ts

@@ -12,7 +12,7 @@ interface DevOptions {
     startingUrl?: string;
     polyfill?: boolean;
 }
-declare function extensionDev(pathOrRemoteUrl: string | undefined, devOptions?: DevOptions): Promise<void>;
+declare function extensionDev(pathOrRemoteUrl: string | undefined, devOptions: DevOptions): Promise<void>;
 
 interface BuildOptions {
     browser?: DevOptions['browser'];