extension-develop 2.0.0-alpha.9 → 2.0.0-beta.1

package/dist/extensions/gecko-based-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/{chromium-manager-extension → gecko-based-manager-extension}/pages/welcome.html

@@ -28,7 +28,7 @@
   <body>
     <div class="center-middle">
       <h1 style="font-size: 4.2em">
-        Chrome Extension<br />
+        Gecko-based Add-on<br />
         <a href="#"><span id="extensionName"></span></a><br />
         ready.
       </h1>

package/dist/extensions/gecko-based-manager-extension/pages/welcome.js

@@ -0,0 +1,34 @@
+async function getUserAddon() {
+  const allAddons = await browser.management.getAll()
+
+  return allAddons.filter((extension) => {
+    return (
+      // Do not include itself
+      extension.id !== browser.runtime.id &&
+      // Reload extension
+      extension.id !== 'reload@extension-js' &&
+      // Show only unpackaged extensions
+      extension.installType === 'development'
+    )
+  })
+}
+
+async function onStartup() {
+  const userExtension = await getUserAddon()
+  const extensionName = document.getElementById('extensionName')
+  const extensionDescription = document.getElementById('extensionDescription')
+
+  extensionName.innerText = userExtension[0].name
+  extensionName.title = `• Name: ${userExtension[0].name}
+• ID: ${userExtension[0].id}
+• Version: ${userExtension[0].version}`
+
+  extensionDescription.innerText = userExtension[0].description
+
+  const learnMore = document.getElementById('learnMore')
+  learnMore.addEventListener('click', () => {
+    browser.tabs.create({url: 'https://extension.js.org/'})
+  })
+}
+
+onStartup().catch(console.error)

package/dist/extensions/gecko-based-manager-extension/reload-service.js

@@ -0,0 +1,130 @@
+let webSocket = null
+
+export async function connect() {
+  if (webSocket) {
+    // If already connected, do nothing
+    return
+  }
+
+  webSocket = new WebSocket('wss://127.0.0.1:8002')
+
+  webSocket.onerror = (event) => {
+    console.error(`[Reload Service] Connection error: ${JSON.stringify(event)}`)
+    webSocket.close()
+  }
+
+  webSocket.onopen = () => {
+    console.info(`[Reload Service] Connection opened.`)
+  }
+
+  webSocket.onmessage = async (event) => {
+    const message = JSON.parse(event.data)
+
+    if (message.status === 'serverReady') {
+      console.info('[Reload Service] Connection ready.')
+      await requestInitialLoadData()
+    }
+
+    if (message.changedFile) {
+      console.info(
+        `[Reload Service] Changes detected on ${message.changedFile}. Reloading extension...`
+      )
+
+      await messageAllExtensions(message.changedFile)
+    }
+  }
+
+  webSocket.onclose = () => {
+    console.info('[Reload Service] Connection closed.')
+    webSocket = null
+  }
+}
+
+export function disconnect() {
+  if (webSocket) {
+    webSocket.close()
+  }
+}
+
+async function getDevExtensions() {
+  const allExtensions = await browser.management.getAll()
+
+  return allExtensions.filter((extension) => {
+    return (
+      // Do not include itself
+      extension.id !== browser.runtime.id &&
+      // Manager extension
+      extension.name !== 'Add-On Manager' &&
+      // Show only unpackaged extensions
+      extension.installType === 'development'
+    )
+  })
+}
+
+async function messageAllExtensions(changedFile) {
+  // Check if the external extension is ready
+  const isExtensionReady = await checkExtensionReadiness()
+
+  if (isExtensionReady) {
+    const devExtensions = await getDevExtensions()
+    for (const extension of devExtensions) {
+      try {
+        await browser.runtime.sendMessage(extension.id, {changedFile})
+        console.info('[Reload Service] Add-On reloaded and ready.')
+      } catch (error) {
+        console.error(
+          `Error sending message to ${extension.id}: ${error.message}`
+        )
+      }
+    }
+  } else {
+    console.info('[Reload Service] External extension is not ready.')
+  }
+}
+
+async function requestInitialLoadData() {
+  const devExtensions = await getDevExtensions()
+
+  const responses = await Promise.all(
+    devExtensions.map(async (extension) => {
+      try {
+        const result = await browser.runtime.sendMessage(extension.id, {
+          initialLoadData: true
+        })
+
+        return result
+      } catch (error) {
+        console.error(
+          `Error sending message to ${extension.id}: ${error.message}`
+        )
+        return null
+      }
+    })
+  )
+
+  // We received the info from the use extension.
+  // All good, client is ready. Inform the server.
+  if (webSocket && webSocket.readyState === WebSocket.OPEN) {
+    const message = JSON.stringify({
+      status: 'clientReady',
+      data: responses.find((response) => response !== null)
+    })
+
+    webSocket.send(message)
+  }
+}
+
+async function checkExtensionReadiness() {
+  // Delay for 1 second
+  await delay(1000)
+  // Assume the extension is ready
+  return true
+}
+
+async function delay(ms) {
+  return await new Promise((resolve) => setTimeout(resolve, ms)).catch(
+    (error) => {
+      console.error(`Error delaying: ${error.message}`)
+    }
+  )
+}

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 w=Object.getOwnPropertyNames;var x=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 w(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(x(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),u=`
+"use strict";var w=Object.create;var u=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var T=(e,n)=>{for(var t in n)u(e,t,{get:n[t],enumerable:!0})},x=(e,n,t,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of M(n))!O.call(e,r)&&r!==t&&u(e,r,{get:()=>n[r],enumerable:!(i=j(n,r))||i.enumerable});return e};var c=(e,n,t)=>(t=e!=null?w(N(e)):{},x(n||!e||!e.__esModule?u(t,"default",{value:e,enumerable:!0}):t,e)),S=e=>x(u({},"__esModule",{value:!0}),e);var H={};T(H,{default:()=>W});module.exports=S(H);var p=c(require("path")),b=require("loader-utils"),E=require("schema-utils");var C=c(require("path")),P=c(require("fs")),U=require("child_process"),A=require("package-manager-detector");var _=c(require("path")),o=require("@colors/colors/safe");var y=c(require("path")),k=y.default.join(process.cwd(),"node_modules/extension-develop/dist/certs"),m=["chrome","edge"],R=["firefox"],z=[...m,...R];var D=require("console");function v(e,n){return JSON.parse(JSON.stringify(e),function(r,l){let s=r.indexOf(":");if(s===-1)return l;let a=r.substring(0,s);(a===n||a==="chromium"&&m.includes(n))&&(this[r.substring(s+1)]=l)})}var q={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function W(e){let n=this.getOptions(),t=n.manifestPath,i=n.browser,r=p.default.dirname(t),l=require(t),s=v(l,i);(0,E.validate)(q,n,{name:"reload:inject-background-client",baseDataPath:"options"});let a=(0,b.urlToRequest)(this.resourcePath),g=`
   ;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 l=r?.scripts||r?.["chromium:scripts"]||r?.["chrome:scripts"]||r?.["edge:scripts"];if(l){if(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=r?.service_worker||r?.["chromium:service_worker"]||r?.["chrome:service_worker"]||r?.["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}
+  `,f=s.background;if(f){let h=f?.scripts;if(h&&s.manifest_version===2)for(let d of[h[0]]){let F=p.default.resolve(r,d);if(a.includes(F))return`${g}${e}`}let $=f?.service_worker;if($&&s.manifest_version===3){let d=p.default.resolve(r,$);if(a.includes(d))return`${g}${e}`}}return e}

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

@@ -1,10 +1,10 @@
-"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=`/** 
+"use strict";var k=Object.create;var m=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var L=(e,n)=>{for(var r in n)m(e,r,{get:n[r],enumerable:!0})},y=(e,n,r,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of D(n))!C.call(e,t)&&t!==r&&m(e,t,{get:()=>n[t],enumerable:!(i=I(n,t))||i.enumerable});return e};var a=(e,n,r)=>(r=e!=null?k(R(e)):{},y(n||!e||!e.__esModule?m(r,"default",{value:e,enumerable:!0}):r,e)),A=e=>y(m({},"__esModule",{value:!0}),e);var X={};L(X,{default:()=>T});module.exports=A(X);var x=a(require("path")),S=require("loader-utils"),M=require("schema-utils");var g=a(require("path")),z=a(require("fs")),B=require("child_process"),J=require("package-manager-detector");var W=a(require("path")),o=require("@colors/colors/safe");var v=a(require("path")),U=v.default.join(process.cwd(),"node_modules/extension-develop/dist/certs"),b=["chrome","edge"],P=["firefox"],Z=[...b,...P];var H=require("console");function E(e){return e.replace(/\\/g,"/")}function h(e,n={}){if(!n)return!1;let r=g.default.normalize(E(e));return Object.values(n).some(t=>typeof t!="string"?!1:E(t).includes(r))}function F(e,n){let r=g.default.relative(g.default.dirname(e),n);return!r.startsWith(".")&&!r.startsWith("..")&&(r="./"+r),r}var $=a(require("fs")),j=a(require("path"));function w(e,n){return(Array.isArray(e)?e||[]:e?[e]:[]).filter(t=>{let l=$.default.existsSync(t)&&!h(t,n),s=j.default.extname(t);return l&&(s===".js"||s===".mjs"||s===".jsx"||s===".ts"||s===".tsx")})}function N(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 G={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},includeList:{type:"object"},excludeList:{type:"object"}}},K=`/** 
  * 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 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}
+ */`;function T(e){let n=this.getOptions();(0,M.validate)(G,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,d]=s,c=[...w(d,n.excludeList||{})],p=N(d,n.excludeList||{});if(p.length&&!c.length){let f=x.default.resolve(__dirname,"minimum-content-file.mjs");c.push(f)}i.push({feature:u,scriptPath:c[0],cssImports:p.map(f=>F(c[0],f))})}let l=(0,S.urlToRequest)(this.resourcePath);return i.forEach(({feature:s,scriptPath:u,cssImports:d})=>{if(l.includes(u)){let c=d.map(p=>{let[,f]=s.split("/"),O=f.split("-")[1],_=x.default.basename(p);return`import(/* webpackChunkName: "${`web_accessible_resources/resource-${O}/${_.replace(".","_")}`}" */ '${p}').then(css => console.info('content_script.css loaded', css)).catch(err => console.error(err));`}).join(`
+`);this.emitFile(`${s}.css`,K),e=`${c}
 ${e}`}}),e}

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

@@ -1,4 +1,11 @@
-"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=`
+"use strict";var j=Object.create;var u=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var T=(e,n)=>{for(var r in n)u(e,r,{get:n[r],enumerable:!0})},g=(e,n,r,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of N(n))!S.call(e,o)&&o!==r&&u(e,o,{get:()=>n[o],enumerable:!(i=M(n,o))||i.enumerable});return e};var a=(e,n,r)=>(r=e!=null?j(O(e)):{},g(n||!e||!e.__esModule?u(r,"default",{value:e,enumerable:!0}):r,e)),k=e=>g(u({},"__esModule",{value:!0}),e);var B={};T(B,{default:()=>H});module.exports=k(B);var f=a(require("path")),b=require("loader-utils"),v=require("schema-utils");var P=a(require("path")),U=a(require("fs")),A=require("child_process"),L=require("package-manager-detector");var D=a(require("path")),t=require("@colors/colors/safe");var h=a(require("path")),_=h.default.join(process.cwd(),"node_modules/extension-develop/dist/certs"),p=["chrome","edge"],R=["firefox"],J=[...p,...R];var I=require("console");function C(e,n){return n==="error"?`${(0,t.bold)((0,t.red)("ERROR"))} in ${e} ${(0,t.red)("\u2716\uFE0E\u2716\uFE0E\u2716\uFE0E")}`:n==="warn"?`${e} ${(0,t.brightYellow)("\u2716\uFE0E\u2716\uFE0E\u2716\uFE0E")}`:`${n==="info"?(0,t.cyan)("\u25BA\u25BA\u25BA"):(0,t.brightGreen)("\u25BA\u25BA\u25BA")} ${(0,t.cyan)(e)}`}function $(){return`${C("Firefox runner","error")} No Service Worker Support
+
+Firefox does not support the ${(0,t.brightYellow)("background.service_worker")} field yet.
+Update your manifest.json file to use ${(0,t.brightYellow)("background.scripts")} instead.
+If you really need to keep the ${(0,t.brightYellow)("service_worker")} field, prefix it with
+${(0,t.brightYellow)("chromium:")} so it can target only Chromium-based browsers.
+
+Mozilla bug: ${(0,t.underline)("https://bugzilla.mozilla.org/show_bug.cgi?id=1573659")}.`}function y(e,n){return JSON.parse(JSON.stringify(e),function(o,c){let s=o.indexOf(":");if(s===-1)return c;let l=o.substring(0,s);(l===n||l==="chromium"&&p.includes(n))&&(this[o.substring(s+1)]=c)})}var W={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function H(e){let n=this.getOptions(),r=n.manifestPath,i=n.browser,o=f.default.dirname(r),c=require(r),s=y(c,i);(0,v.validate)(W,n,{name:"reload:inject-background-client",baseDataPath:"options"});let l=(0,b.urlToRequest)(this.resourcePath),w=`
 ;browser.runtime.onMessageExternal.addListener(async (request, _sender) => {
   const managementInfo = await browser.management.getSelf()
 
@@ -40,4 +47,4 @@
   }
 
   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}
+});`,d=s.background;if(s.service_worker)return console.log($()),e;if(d){let m=d?.scripts;if(m)for(let E of[m[0]]){let F=f.default.resolve(o,E);if(l.includes(F))return`${w}${e}`}}return e}

package/dist/module.d.ts

@@ -1,7 +1,7 @@
 import { Configuration } from 'webpack';
 
 interface DevOptions {
-    browser: 'chrome' | 'edge' | 'firefox';
+    browser: 'chrome' | 'edge' | 'firefox' | 'chromium-based' | 'gecko-based';
     mode: 'development' | 'production' | 'none' | undefined;
     port?: number;
     noOpen?: boolean;
@@ -11,6 +11,8 @@ interface DevOptions {
     browserFlags?: string[];
     startingUrl?: string;
     polyfill?: boolean;
+    chromiumBinary?: string;
+    geckoBinary?: string;
 }
 declare function extensionDev(pathOrRemoteUrl: string | undefined, devOptions: DevOptions): Promise<void>;
 
@@ -23,9 +25,7 @@ interface BuildOptions {
 }
 declare function extensionBuild(pathOrRemoteUrl: string | undefined, buildOptions?: BuildOptions): Promise<void>;
 
-interface PreviewOptions {
-    browser: DevOptions['browser'];
-    userDataDir?: string;
+interface PreviewOptions extends DevOptions {
 }
 declare function extensionPreview(pathOrRemoteUrl: string | undefined, previewOptions: PreviewOptions): Promise<void>;
 
@@ -36,11 +36,38 @@ interface StartOptions {
     noOpen?: boolean;
     userDataDir?: string;
     polyfill?: boolean;
+    chromiumBinary?: string;
+    geckoBinary?: string;
 }
 declare function extensionStart(pathOrRemoteUrl: string | undefined, startOptions: StartOptions): Promise<void>;
 
+type BrowserConfig = Pick<DevOptions, 'noOpen' | 'profile' | 'preferences' | 'browserFlags' | 'startingUrl' | 'chromiumBinary' | 'geckoBinary'>;
 interface FileConfig {
-    config: (config: Configuration) => Configuration;
+    browser?: {
+        chrome?: BrowserConfig;
+        firefox?: BrowserConfig;
+        edge?: BrowserConfig;
+        'chromium-based'?: BrowserConfig;
+        'gecko-based'?: BrowserConfig;
+    };
+    commands?: {
+        dev?: Pick<DevOptions, 'browser' | 'profile' | 'preferences' | 'polyfill'>;
+        preview?: Pick<PreviewOptions, 'browser' | 'profile' | 'preferences' | 'polyfill'>;
+        build?: Pick<BuildOptions, 'browser' | 'zipFilename' | 'zip' | 'zipSource' | 'polyfill'>;
+    };
+    config?: (config: Configuration) => Configuration;
+}
+
+type ChromeManifest = Partial<chrome.runtime.ManifestV2> & Partial<chrome.runtime.ManifestV3> & {
+    browser_action?: {
+        theme_icons?: ThemeIcon[];
+    };
+};
+type Manifest = ChromeManifest;
+interface ThemeIcon {
+    light: string;
+    dark: string;
+    size?: number;
 }
 
-export { type BuildOptions, type DevOptions, type FileConfig, type PreviewOptions, type StartOptions, extensionBuild, extensionDev, extensionPreview, extensionStart };
+export { type BuildOptions, type DevOptions, type FileConfig, type Manifest, type PreviewOptions, type StartOptions, extensionBuild, extensionDev, extensionPreview, extensionStart };