extension-develop 0.1.0

package/dist/extensions/manager-extension-firefox/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:__RELOAD_PORT__')
+
+  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

@@ -0,0 +1,52 @@
+"use strict";var f=Object.create;var a=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var v=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},m=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of p(t))!k.call(e,n)&&n!==r&&a(e,n,{get:()=>t[n],enumerable:!(s=g(t,n))||s.enumerable});return e};var q=(e,t,r)=>(r=e!=null?f(b(e)):{},m(t||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),x=e=>m(a({},"__esModule",{value:!0}),e);var y={};v(y,{default:()=>R});module.exports=x(y);var o=q(require("path")),l=require("loader-utils"),u=require("schema-utils"),w={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function R(e){let t=this.getOptions(),r=t.manifestPath,s=o.default.dirname(r),n=require(r);(0,u.validate)(w,t,{name:"Inject Reload (background.scripts and background.service_worker) Script",baseDataPath:"options"});let c=(0,l.urlToRequest)(this.resourcePath),d=`
+  ;chrome.runtime.onMessageExternal.addListener(
+    async (request, _sender, sendResponse) => {
+      const managementInfo = await new Promise((resolve) => {
+        chrome.management.getSelf(resolve);
+      });
+ 
+      // 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) {
+        sendResponse({
+          id: chrome.runtime.id,
+          manifest: chrome.runtime.getManifest(),
+          management: managementInfo,
+        })
+        return true
+      }
+  
+      // Reload the extension runtime if the manifest or
+      // service worker changes. 
+      if (
+        request.changedFile === 'manifest.json' ||
+        request.changedFile === 'service_worker' ||
+        request.changedFile === '_locales'
+      ) {
+        setTimeout(() => {
+          sendResponse({reloaded: true})
+          chrome.runtime.reload()
+        }, 750)
+      }
+
+      // Reload all tabs if the contextMenus code changes.
+      if (request.changedFile === 'contextMenus') {
+        sendResponse({reloaded: true})
+        chrome.tabs.query({}, (tabs) => {
+          if (!tabs) return
+          tabs.forEach((tab) => chrome.tabs.reload(tab.id))
+        })
+      }
+
+      // Reload all tabs if the declarative_net_request code changes.
+      if (request.changedFile === 'declarative_net_request') {
+        sendResponse({reloaded: true})
+        chrome.runtime.reload()
+      }
+  
+      return true
+    }
+  );
+  `;if(n.background){if(n.background.scripts)for(let i of[n.background.scripts[0]]){let h=o.default.resolve(s,i);if(c.includes(h))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}

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

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

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

@@ -0,0 +1,48 @@
+"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);
+      });
+
+      // 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 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();
+      }
+
+      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}

package/dist/minimum-chromium-file.mjs

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

package/dist/minimum-content-file.mjs

@@ -0,0 +1 @@
+import.meta.webpackHot&&import.meta.webpackHot.accept();

package/dist/minimum-firefox-file.mjs

@@ -0,0 +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)});

package/dist/module.d.ts

@@ -0,0 +1,44 @@
+interface DevOptions {
+    browser: 'chrome' | 'edge' | 'firefox';
+    mode: 'development' | 'production' | 'none' | undefined;
+    port?: number;
+    noOpen?: boolean;
+    userDataDir?: string;
+    profile?: string;
+    preferences?: Record<string, any>;
+    browserFlags?: string[];
+    startingUrl?: string;
+    polyfill?: boolean;
+}
+declare function extensionDev(pathOrRemoteUrl: string | undefined, { ...devOptions }?: DevOptions): Promise<void>;
+
+interface BuildOptions {
+    browser?: DevOptions['browser'];
+    zipFilename?: string;
+    zip?: boolean;
+    zipSource?: boolean;
+    polyfill?: boolean;
+}
+declare function extensionBuild(pathOrRemoteUrl: string | undefined, buildOptions: BuildOptions): Promise<void>;
+
+interface PreviewOptions {
+    mode?: 'development' | 'production';
+    browser?: DevOptions['browser'];
+    port?: number;
+    noOpen?: boolean;
+    userDataDir?: string | boolean;
+    polyfill?: boolean;
+}
+declare function extensionPreview(pathOrRemoteUrl: string | undefined, previewOptions?: PreviewOptions): Promise<void>;
+
+interface StartOptions {
+    mode?: 'development' | 'production';
+    browser?: DevOptions['browser'];
+    port?: number;
+    noOpen?: boolean;
+    userDataDir?: string | boolean;
+    polyfill?: boolean;
+}
+declare function extensionStart(pathOrRemoteUrl: string | undefined, startOptions?: StartOptions): Promise<void>;
+
+export { type BuildOptions, type DevOptions, type PreviewOptions, type StartOptions, extensionBuild, extensionDev, extensionPreview, extensionStart };