extension-develop 2.0.0-rc.22 → 2.0.0-rc.24

package/dist/webpack/webpack-config.d.ts

@@ -0,0 +1,10 @@
+import { type Configuration } from '@rspack/core';
+import { DevOptions } from '../commands/commands-lib/config-types';
+export default function webpackConfig(projectPath: string, devOptions: DevOptions & {
+    preferences?: Record<string, string>;
+    browserFlags?: string[];
+} & {
+    output: {
+        clean: boolean;
+    };
+}): Configuration;

package/dist/webpack/webpack-types.d.ts

@@ -0,0 +1,49 @@
+import { type RspackPluginInstance, type LoaderContext as RspackLoaderContext } from '@rspack/core';
+import { type DevOptions } from '../commands/commands-lib/config-types';
+export type ChromeManifest = Partial<chrome.runtime.ManifestV2> & Partial<chrome.runtime.ManifestV3> & {
+    browser_action?: {
+        theme_icons?: ThemeIcon[];
+    };
+};
+export type Manifest = ChromeManifest;
+export interface ThemeIcon {
+    light: string;
+    dark: string;
+    size?: number;
+}
+export type PluginInterface = {
+    manifestPath: string;
+    browser?: DevOptions['browser'];
+    includeList?: FilepathList;
+    excludeList?: FilepathList;
+};
+export interface LoaderInterface extends RspackLoaderContext<LoaderInterface> {
+    manifestPath: string;
+    includeList?: FilepathList;
+    excludeList?: FilepathList;
+}
+export type FilepathList = Record<string, string | string[] | undefined>;
+export type ResourceType = 'script' | 'css' | 'html' | 'static' | 'staticSrc' | 'staticHref' | 'empty';
+export type HtmlFilepathList = Record<string, {
+    html: string;
+    js: string[];
+    css: string[];
+    static: string[];
+} | undefined>;
+export interface LoaderContext {
+    resourcePath: string;
+    emitFile: (name: string, content: string) => void;
+    getOptions: () => {
+        test: string;
+        manifestPath: string;
+        browser?: DevOptions['browser'];
+        includeList?: FilepathList;
+        excludeList?: FilepathList;
+        mode: string;
+    };
+}
+export interface JsFramework {
+    plugins: RspackPluginInstance[] | undefined;
+    loaders: Record<string, any>[] | undefined;
+    alias: Record<string, string> | undefined;
+}

package/package.json

@@ -8,40 +8,48 @@
   "engines": {
     "node": ">=18"
   },
-  "name": "extension-develop",
-  "version": "2.0.0-rc.22",
-  "description": "The develop step of Extension.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/module.d.ts",
+      "import": "./dist/module.js"
+    }
+  },
   "main": "./dist/module.js",
   "types": "./dist/module.d.ts",
   "files": [
     "dist"
   ],
+  "name": "extension-develop",
+  "version": "2.0.0-rc.24",
+  "description": "The develop step of Extension.js",
   "author": {
     "name": "Cezar Augusto",
     "email": "boss@cezaraugusto.net",
     "url": "https://cezaraugusto.com"
   },
   "dependencies": {
-    "@colors/colors": "^1.6.0",
-    "@rspack/core": "^1.3.1",
-    "@rspack/dev-server": "^1.1.0",
+    "@rspack/core": "^1.3.8",
+    "@rspack/dev-server": "^1.1.1",
     "@swc/helpers": "^0.5.15",
     "@types/firefox-webext-browser": "^120.0.4",
     "@vue/compiler-sfc": "^3.5.13",
     "adm-zip": "^0.5.16",
-    "axios": "^1.7.9",
+    "axios": "^1.8.4",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "chalk": "^5.3.0",
     "chokidar": "^4.0.1",
-    "chrome-location": "^1.2.1",
+    "chrome-location2": "2.0.0",
     "content-security-policy-parser": "^0.6.0",
     "cross-spawn": "^7.0.6",
     "csv-loader": "^3.0.5",
     "dotenv": "^16.4.7",
     "dotenv-webpack": "^8.1.0",
-    "edge-location": "^1.0.0",
+    "edge-location": "^1.1.1",
+    "firefox-location2": "1.0.0",
     "firefox-profile": "^4.7.0",
     "fx-runner": "^1.4.0",
-    "go-git-it": "2.0.4",
+    "go-git-it": "4.0.0-1",
     "ignore": "^6.0.2",
     "loader-utils": "^3.3.1",
     "micromatch": "^4.0.8",
@@ -54,7 +62,6 @@
     "schema-utils": "^4.2.0",
     "slugify": "^1.6.6",
     "tiny-glob": "^0.2.9",
-    "vue-template-compiler": "^2.7.16",
     "webextension-polyfill": "^0.12.0",
     "webpack-merge": "^6.0.1",
     "webpack-target-webextension": "^2.1.3",
@@ -62,6 +69,7 @@
     "ws": "^8.18.0"
   },
   "devDependencies": {
+    "@rslib/core": "^0.6.9",
     "@types/adm-zip": "^0.5.7",
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.9",
     "@types/chrome": "^0.0.287",
@@ -70,10 +78,11 @@
     "@types/jest": "^29.5.14",
     "@types/loader-utils": "^2.0.6",
     "@types/node": "^22.10.1",
+    "@types/sass-loader": "8.0.9",
     "@types/webextension-polyfill": "^0.12.1",
     "@types/ws": "^8.5.13",
     "jest": "^29.7.0",
-    "ts-jest": "^29.2.5",
+    "ts-jest": "^29.3.1",
     "tsup": "^8.3.5",
     "typescript": "5.7.2"
   },
@@ -90,17 +99,16 @@
     "react-refresh": "^0.14.2",
     "sass-loader": "^16.0.4",
     "svelte-loader": "^3.2.4",
-    "svelte-preprocess": "^6.0.3",
     "vue-loader": "^17.4.2",
     "vue-style-loader": "^4.1.3",
     "vue-template-compiler": "^2.7.16"
   },
   "scripts": {
     "clean": "rm -rf dist",
-    "watch": "tsup-node ./module.ts --format cjs --dts --target=node18 --watch",
-    "compile": "tsup-node ./module.ts --format cjs --dts --target=node18 --minify && bash install_scripts.sh",
-    "test": "jest --no-cache --testPathPattern='webpack/.*/__spec__/.*\\.spec\\.*'",
-    "test:coverage": "jest --no-cache --testPathPattern='webpack/.*/__spec__/.*\\.spec\\.ts' --coverage",
-    "test:build": "jest ./build.spec.ts --no-cache --detectOpenHandles --forceExit"
+    "watch": "rslib build --watch",
+    "compile": "rslib build && bash install_scripts.sh",
+    "test": "vitest run",
+    "test:build": "vitest run build.spec.ts",
+    "test:coverage": "vitest run --coverage"
   }
 }

package/dist/depreacated-shadow-root.js

@@ -1,34 +0,0 @@
-"use strict";var y=Object.create;var i=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var T=(e,n)=>{for(var r in n)i(e,r,{get:n[r],enumerable:!0})},l=(e,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of b(n))!v.call(e,o)&&o!==r&&i(e,o,{get:()=>n[o],enumerable:!(s=E(n,o))||s.enumerable});return e};var a=(e,n,r)=>(r=e!=null?y(w(e)):{},l(n||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),S=e=>l(i({},"__esModule",{value:!0}),e);var k={};T(k,{default:()=>I});module.exports=S(k);var c=a(require("path")),f=require("loader-utils"),m=require("schema-utils");var F=a(require("path")),t=require("@colors/colors/safe");var d=a(require("path")),O=d.default.join(process.cwd(),"node_modules/extension-develop/dist/certs"),N=["chrome","edge"],R=["firefox"],U=[...N,...R];var M=require("console");function j(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 p(){return`${j("DEPRECATION","warn")} Using ${(0,t.brightYellow)("window.__EXTENSION_SHADOW_ROOT__")} in content_scripts is deprecated
-and will be removed in a future version of Extension.js. To use content_scripts with
-the shadow DOM, see one of the many examples at:
-https://github.com/extension-js/extension.js/tree/main/examples
-
-If you really need to use the shadow DOM as-is, the latest version of Extension.js
-to support it is extension@2.0.0-beta.9.
-`}var D={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"}}};function I(e){let n=this.getOptions(),r=n.manifestPath,s=c.default.dirname(r),o=require(r);(0,m.validate)(D,n,{name:"scripts:deprecated-shadow-root",baseDataPath:"options"});let $=(0,f.urlToRequest)(this.resourcePath),h=`
-  ;const appendStyleElementForLegacyShadowRoot = (legacyShadowRoot, stylesheets) => {
-  const styleElement = document.createElement('link')
-  styleElement.rel = 'stylesheet'
-  styleElement.href = (typeof chrome !== 'undefined' ? chrome : browser).runtime.getURL('content_scripts/content-0.css')
-  legacyShadowRoot.appendChild(styleElement)
-}
-
-function injectStyles() {
-  const legacyShadowRoot = window.__EXTENSION_SHADOW_ROOT__
-
-  if (legacyShadowRoot) {
-    appendStyleElementForLegacyShadowRoot(legacyShadowRoot)
-  } else {
-    // Use MutationObserver to wait for shadow root to be available
-    const observer = new MutationObserver(() => {
-      const shadowRoot = window.__EXTENSION_SHADOW_ROOT__
-
-      if (shadowRoot) {
-        appendStyleElementForLegacyShadowRoot(shadowRoot)
-        observer.disconnect()
-      }
-    })
-
-    observer.observe(document.body, { childList: true, subtree: true })
-  }
-};injectStyles();`;if(o.content_scripts){for(let u of o.content_scripts)if(u.js)for(let g of u.js){let x=c.default.resolve(s,g);if($.includes(x))return e.includes("__EXTENSION_SHADOW_ROOT__")?(console.warn(p()),`${h}${e}`):`${e}`}}return e}

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

@@ -1,10 +0,0 @@
-"use strict";var _=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?_(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 N(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 w(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)(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=[...N(d,n.excludeList||{})],p=w(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],k=x.default.basename(p);return`import(/* webpackChunkName: "${`web_accessible_resources/resource-${O}/${k.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/minimum-chromium-file.mjs

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

package/dist/minimum-content-file.mjs

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

package/dist/minimum-firefox-file.mjs

@@ -1 +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==="declarative_net_request"||e.changedFile==="manifest.json"||e.changedFile==="service_worker"||e.changedFile==="_locales")&&browser.runtime.reload(),{reloaded:!0})});