extension-develop 3.0.0 → 3.1.0-next.10

package/dist/warn-no-default-export.js

@@ -22,7 +22,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -39,6 +39,7 @@ const external_fs_namespaceObject = require("fs");
 var external_fs_default = /*#__PURE__*/ __webpack_require__.n(external_fs_namespaceObject);
 const external_path_namespaceObject = require("path");
 var external_path_default = /*#__PURE__*/ __webpack_require__.n(external_path_namespaceObject);
+const core_namespaceObject = require("@swc/core");
 const external_schema_utils_namespaceObject = require("schema-utils");
 const schema = {
     type: 'object',
@@ -54,6 +55,136 @@ const schema = {
         }
     }
 };
+function getSourceSignature(source) {
+    const head = source.slice(0, 64);
+    const tail = source.slice(-64);
+    return `${source.length}:${head}:${tail}`;
+}
+function analyzeDefaultExport(source, resourcePath, compilation) {
+    const abs = external_path_default().normalize(resourcePath);
+    const sig = getSourceSignature(source);
+    const cacheKey = `${abs}|${sig}`;
+    try {
+        const compilationAny = compilation;
+        if (compilationAny) {
+            compilationAny.__extjsDefaultExportAnalysisCache ??= new Map();
+            const cached = compilationAny.__extjsDefaultExportAnalysisCache.get(cacheKey);
+            if (cached) return cached;
+        }
+        const ext = external_path_default().extname(resourcePath).toLowerCase();
+        const isTS = '.ts' === ext || '.tsx' === ext || '.mts' === ext || '.mtsx' === ext;
+        const isJSX = '.jsx' === ext || '.tsx' === ext || '.mjsx' === ext || '.mtsx' === ext;
+        const ast = (0, core_namespaceObject.parseSync)(source, {
+            syntax: isTS ? "typescript" : "ecmascript",
+            tsx: isTS && isJSX,
+            jsx: !isTS && isJSX,
+            decorators: true,
+            dynamicImport: true,
+            importAssertions: true,
+            topLevelAwait: true
+        });
+        const body = Array.isArray(ast?.body) ? ast.body : [];
+        const bindings = new Map();
+        const recordBinding = (name, kind)=>{
+            if ('string' == typeof name && name) bindings.set(name, kind);
+        };
+        const inspectDecl = (node)=>{
+            if ('FunctionDeclaration' === node.type) {
+                const id = node.identifier;
+                recordBinding(id?.value, 'function');
+            } else if ('ClassDeclaration' === node.type) {
+                const id = node.identifier;
+                recordBinding(id?.value, 'class');
+            } else if ('VariableDeclaration' === node.type) {
+                const decls = node.declarations;
+                if (!Array.isArray(decls)) return;
+                for (const d of decls){
+                    if (!d || 'object' != typeof d) continue;
+                    const dd = d;
+                    const id = dd.id;
+                    const init = dd.init;
+                    if (id?.type !== 'Identifier') continue;
+                    const name = id.value;
+                    const initType = init?.type;
+                    if ('FunctionExpression' === initType || 'ArrowFunctionExpression' === initType) recordBinding(name, 'function');
+                    else if ('ClassExpression' === initType) recordBinding(name, 'class');
+                    else if (initType) recordBinding(name, 'other');
+                }
+            }
+        };
+        for (const item of body){
+            if (!item || 'object' != typeof item) continue;
+            const it = item;
+            if ('FunctionDeclaration' === it.type || 'ClassDeclaration' === it.type || 'VariableDeclaration' === it.type) inspectDecl(it);
+            if ('ExportNamedDeclaration' === it.type) {
+                const decl = it.declaration;
+                if (decl && 'object' == typeof decl) inspectDecl(decl);
+            }
+        }
+        const resolveIdentifierKind = (name)=>bindings.get(name) ?? 'unknown';
+        const analysis = {
+            hasDefaultExport: false,
+            kind: 'none'
+        };
+        for (const item of body){
+            if (!item || 'object' != typeof item) continue;
+            const it = item;
+            if ('ExportDefaultDeclaration' === it.type) {
+                analysis.hasDefaultExport = true;
+                const decl = it.decl;
+                const declType = decl?.type;
+                if ('FunctionDeclaration' === declType || 'FunctionExpression' === declType) analysis.kind = 'function';
+                else if ('ClassDeclaration' === declType || 'ClassExpression' === declType) analysis.kind = 'class';
+                else analysis.kind = 'other';
+                break;
+            }
+            if ('ExportDefaultExpression' === it.type) {
+                analysis.hasDefaultExport = true;
+                const expr = it.expression;
+                const exprType = expr?.type;
+                if ('FunctionExpression' === exprType || 'ArrowFunctionExpression' === exprType) analysis.kind = 'function';
+                else if ('ClassExpression' === exprType) analysis.kind = 'class';
+                else if ('Identifier' === exprType && 'string' == typeof expr?.value) analysis.kind = resolveIdentifierKind(expr.value);
+                else analysis.kind = 'other';
+                break;
+            }
+            if ('ExportNamedDeclaration' === it.type && Array.isArray(it.specifiers)) {
+                for (const specifier of it.specifiers){
+                    if (!specifier || 'object' != typeof specifier) continue;
+                    const spec = specifier;
+                    if ('ExportSpecifier' !== spec.type) continue;
+                    const exported = spec.exported;
+                    const orig = spec.orig;
+                    const exportedType = exported?.type;
+                    const exportedValue = exported?.value;
+                    const isDefault = 'Identifier' === exportedType ? 'default' === exportedValue : 'Ident' === exportedType ? 'default' === exportedValue : 'Str' === exportedType ? 'default' === exportedValue : false;
+                    if (isDefault) {
+                        analysis.hasDefaultExport = true;
+                        if (orig?.type === 'Identifier' && 'string' == typeof orig?.value) analysis.kind = resolveIdentifierKind(orig.value);
+                        else analysis.kind = 'unknown';
+                        break;
+                    }
+                }
+                if (analysis.hasDefaultExport) break;
+            }
+        }
+        if (compilationAny) compilationAny.__extjsDefaultExportAnalysisCache.set(cacheKey, analysis);
+        return analysis;
+    } catch  {
+        const fallback = source.includes('export default') ? {
+            hasDefaultExport: true,
+            kind: 'unknown'
+        } : {
+            hasDefaultExport: false,
+            kind: 'none'
+        };
+        try {
+            const compilationAny = compilation;
+            if (compilationAny?.__extjsDefaultExportAnalysisCache) compilationAny.__extjsDefaultExportAnalysisCache.set(cacheKey, fallback);
+        } catch  {}
+        return fallback;
+    }
+}
 function warn_no_default_export(source) {
     const options = this.getOptions();
     const manifestPath = options.manifestPath;
@@ -76,7 +207,7 @@ function warn_no_default_export(source) {
         const declaredContentJsAbsPaths = [];
         const contentScripts = Array.isArray(manifest.content_scripts) ? manifest.content_scripts : [];
         for (const contentScript of contentScripts){
-            const contentScriptJsList = Array.isArray(null == contentScript ? void 0 : contentScript.js) ? contentScript.js : [];
+            const contentScriptJsList = Array.isArray(contentScript?.js) ? contentScript.js : [];
             for (const contentScriptJs of contentScriptJsList)declaredContentJsAbsPaths.push(external_path_default().resolve(projectPath, contentScriptJs));
         }
         const isDeclaredContentScript = declaredContentJsAbsPaths.some((abs)=>resourceAbsPath === external_path_default().normalize(abs));
@@ -85,9 +216,37 @@ function warn_no_default_export(source) {
         const isScriptsFolderScript = relToScripts && !relToScripts.startsWith('..') && !external_path_default().isAbsolute(relToScripts);
         const isContentScriptLike = isDeclaredContentScript || isScriptsFolderScript;
         if (isContentScriptLike) {
-            const hasDefault = /export\s+default\s+/m.test(source);
-            if (!hasDefault) {
-                var _compilation___extjsWarnedDefaultExport;
+            const analysis = analyzeDefaultExport(source, this.resourcePath, compilation);
+            if (analysis.hasDefaultExport) {
+                if ('class' === analysis.kind || 'other' === analysis.kind) {
+                    const dedupeKindKey = `default-not-callable:${resourceAbsPath}`;
+                    if (compilation) {
+                        compilation.__extjsWarnedDefaultExportKinds ??= new Set();
+                        if (compilation.__extjsWarnedDefaultExportKinds.has(dedupeKindKey)) return source;
+                    }
+                    const relativeFile = external_path_default().relative(projectPath, resourceAbsPath);
+                    const found = 'class' === analysis.kind ? 'class' : 'non-callable value';
+                    const message = [
+                        "Content script default export must be a function.",
+                        `File: ${relativeFile}`,
+                        "",
+                        `Found: ${found}`,
+                        "",
+                        "Fix:",
+                        "  - Export a default function that sets up your script and returns optional cleanup.",
+                        "  - If you want to use a class, instantiate it inside the default function and call its methods.",
+                        "",
+                        "Example:",
+                        "  class App { start(){} stop(){} }",
+                        "  export default function main(){",
+                        "    const app = new App(); app.start();",
+                        "    return () => app.stop();",
+                        "  }"
+                    ].join('\n');
+                    compilation?.warnings.push(message);
+                    compilation?.__extjsWarnedDefaultExportKinds?.add(dedupeKindKey);
+                }
+            } else {
                 const relativeFile = external_path_default().relative(projectPath, resourceAbsPath);
                 const message = [
                     "Content script requires a default export.",
@@ -109,17 +268,17 @@ function warn_no_default_export(source) {
                     "Side effects if omitted:",
                     "  - Duplicate UI mounts, memory leaks, and inconsistent state during development."
                 ].join('\n');
-                null == compilation || compilation.warnings.push(message);
-                null == compilation || null == (_compilation___extjsWarnedDefaultExport = compilation.__extjsWarnedDefaultExport) || _compilation___extjsWarnedDefaultExport.add(dedupeKey);
+                compilation?.warnings.push(message);
+                compilation?.__extjsWarnedDefaultExport?.add(dedupeKey);
             }
         }
     } catch  {}
     return source;
 }
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/package.json

@@ -10,6 +10,7 @@
   },
   "exports": {
     ".": {
+      "development": "./module.ts",
       "types": "./dist/module.d.ts",
       "import": "./dist/module.js",
       "require": "./dist/module.js"
@@ -21,7 +22,7 @@
     "dist"
   ],
   "name": "extension-develop",
-  "version": "3.0.0",
+  "version": "3.1.0-next.10",
   "description": "Develop, build, preview, and package Extension.js projects.",
   "author": {
     "name": "Cezar Augusto",
@@ -37,7 +38,8 @@
     "registry": "https://registry.npmjs.org"
   },
   "scripts": {
-    "prepublishOnly": "rslib build && node ../../scripts/build-extensions.cjs",
+    "prepublishOnly": "node scripts/sync-build-dependencies.mjs && rslib build && node ../../scripts/build-extensions.cjs",
+    "sync-build-deps": "node scripts/sync-build-dependencies.mjs",
     "compile": "rslib build",
     "watch": "rslib build --watch",
     "test": "vitest run"
@@ -68,67 +70,67 @@
     "edge-extension"
   ],
   "dependencies": {
-    "@rspack/core": "^1.6.3",
-    "@rspack/dev-server": "^1.1.4",
-    "@swc/core": "^1.13.2",
-    "@swc/helpers": "^0.5.15",
+    "@rspack/core": "^1.7.2",
+    "@rspack/dev-server": "^1.1.5",
+    "@swc/core": "^1.15.8",
+    "@swc/helpers": "^0.5.18",
     "adm-zip": "^0.5.16",
     "browser-extension-manifest-fields": "^2.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "chokidar": "^4.0.1",
+    "chokidar": "^5.0.0",
     "chrome-location2": "4.0.0",
     "chromium-location": "2.0.0",
     "content-security-policy-parser": "^0.6.0",
     "cross-spawn": "^7.0.6",
-    "dotenv": "^16.4.7",
+    "dotenv": "^17.2.3",
     "edge-location": "2.2.0",
     "firefox-location2": "3.0.0",
-    "go-git-it": "^5.0.0",
-    "ignore": "^6.0.2",
+    "go-git-it": "^5.0.3",
+    "ignore": "^7.0.5",
     "loader-utils": "^3.3.1",
-    "magic-string": "^0.30.10",
-    "package-manager-detector": "^0.2.7",
-    "parse5": "^7.2.1",
+    "magic-string": "^0.30.21",
+    "package-manager-detector": "^1.6.0",
+    "parse5": "^8.0.0",
     "parse5-utilities": "^1.0.0",
     "pintor": "0.3.0",
-    "schema-utils": "^4.2.0",
+    "schema-utils": "^4.3.3",
     "tiny-glob": "^0.2.9",
     "unique-names-generator": "^4.7.1",
     "webextension-polyfill": "^0.12.0",
     "webpack-merge": "^6.0.1",
     "webpack-target-webextension": "^2.1.3",
-    "ws": "^8.18.0"
+    "ws": "^8.19.0"
   },
   "devDependencies": {
-    "@rslib/core": "^0.6.9",
+    "@prefresh/core": "1.5.9",
+    "@prefresh/utils": "1.2.1",
+    "@prefresh/webpack": "4.0.6",
+    "@rslib/core": "^0.19.2",
+    "@rspack/plugin-preact-refresh": "1.1.4",
+    "@rspack/plugin-react-refresh": "1.6.0",
     "@types/adm-zip": "^0.5.7",
     "@types/case-sensitive-paths-webpack-plugin": "^2.1.9",
-    "@types/chrome": "^0.0.287",
+    "@types/chrome": "^0.1.33",
     "@types/cross-spawn": "^6.0.6",
-    "@types/loader-utils": "^2.0.6",
-    "@types/node": "^22.10.1",
-    "@types/sass-loader": "8.0.9",
-    "@types/webextension-polyfill": "0.12.3",
-    "@types/ws": "^8.5.13",
-    "tsup": "^8.3.5",
-    "typescript": "5.7.2",
-    "vitest": "^3.2.4"
-  },
-  "peerDependencies": {
-    "@prefresh/core": "^1.5.2",
-    "@prefresh/utils": "^1.2.0",
-    "@prefresh/webpack": "^4.0.1",
-    "@rspack/plugin-preact-refresh": "^1.1.2",
-    "@rspack/plugin-react-refresh": "^1.0.1",
-    "@vue/compiler-sfc": "^3.5.13",
-    "babel-loader": "^9.2.1",
-    "less-loader": "^12.2.0",
-    "postcss-loader": "^8.1.1",
-    "postcss-preset-env": "^10.1.1",
-    "react-refresh": "^0.14.2",
-    "sass-loader": "^16.0.4",
-    "svelte-loader": "^3.2.4",
-    "vue-loader": "^17.4.2",
-    "vue-style-loader": "^4.1.3"
+    "@types/loader-utils": "^3.0.0",
+    "@types/node": "^25.0.9",
+    "@types/sass-loader": "8.0.10",
+    "@types/webextension-polyfill": "0.12.4",
+    "@types/ws": "^8.18.1",
+    "@vue/compiler-sfc": "3.5.26",
+    "less": "4.5.1",
+    "less-loader": "12.3.0",
+    "postcss": "^8.5.6",
+    "postcss-loader": "8.2.0",
+    "postcss-preset-env": "11.1.1",
+    "postcss-scss": "4.0.9",
+    "react-refresh": "0.18.0",
+    "sass-loader": "16.0.6",
+    "svelte-loader": "3.2.4",
+    "tsup": "^8.5.1",
+    "typescript": "5.9.3",
+    "vitest": "^4.0.17",
+    "vue-loader": "17.4.2",
+    "vue-style-loader": "4.1.3"
   }
 }

package/dist/930.js

@@ -1,44 +0,0 @@
-"use strict";
-exports.ids = [
-    "930"
-];
-exports.modules = {
-    "./webpack/webpack-lib/zip.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            downloadAndExtractZip: ()=>downloadAndExtractZip
-        });
-        var path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("path");
-        var adm_zip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("adm-zip");
-        var adm_zip__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(adm_zip__WEBPACK_IMPORTED_MODULE_1__);
-        var _messages__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./webpack/webpack-lib/messages.ts");
-        async function downloadAndExtractZip(url, targetPath) {
-            const urlNoSearchParams = url.split('?')[0];
-            try {
-                console.log(_messages__WEBPACK_IMPORTED_MODULE_2__.cq(urlNoSearchParams));
-                const res = await fetch(url, {
-                    redirect: 'follow'
-                });
-                if (!res.ok || !res.body) throw new Error(`HTTP ${res.status} ${res.statusText}`);
-                const contentType = String(res.headers.get('content-type') || '');
-                const isZipExt = '.zip' === path__WEBPACK_IMPORTED_MODULE_0__.extname(urlNoSearchParams).toLowerCase();
-                const isZipType = /zip|octet-stream/i.test(contentType);
-                if (!isZipExt && !isZipType) throw new Error(`${_messages__WEBPACK_IMPORTED_MODULE_2__.wX(urlNoSearchParams, contentType)}`);
-                const extname = path__WEBPACK_IMPORTED_MODULE_0__.extname(urlNoSearchParams);
-                const basename = path__WEBPACK_IMPORTED_MODULE_0__.basename(urlNoSearchParams, extname);
-                const destinationPath = path__WEBPACK_IMPORTED_MODULE_0__.join(targetPath, basename);
-                console.log(_messages__WEBPACK_IMPORTED_MODULE_2__.WF(destinationPath));
-                const arrayBuffer = await res.arrayBuffer();
-                const zipBuffer = Buffer.from(arrayBuffer);
-                const zip = new (adm_zip__WEBPACK_IMPORTED_MODULE_1___default())(zipBuffer);
-                zip.extractAllTo(destinationPath, true);
-                console.log(_messages__WEBPACK_IMPORTED_MODULE_2__.aP());
-                return destinationPath;
-            } catch (error) {
-                console.error(_messages__WEBPACK_IMPORTED_MODULE_2__.QC(error));
-                const err = new Error(`${_messages__WEBPACK_IMPORTED_MODULE_2__.QC(error)}`);
-                err.code = 'EZIP';
-                throw err;
-            }
-        }
-    }
-};

package/dist/extension-js-theme/chrome/manifest.json

@@ -1,65 +0,0 @@
-{
-  "name": "Extension.js Theme",
-  "version": "0.2.0",
-  "description": "Browser theme for Extension.js",
-  "manifest_version": 3,
-  "theme": {
-    "colors": {
-      "frame": [
-        37,
-        37,
-        39
-      ],
-      "frame_inactive": [
-        49,
-        49,
-        53
-      ],
-      "toolbar": [
-        25,
-        25,
-        26
-      ],
-      "tab_background_text": [
-        255,
-        255,
-        255
-      ],
-      "tab_text": [
-        255,
-        255,
-        255
-      ],
-      "tab_background_text_inactive": [
-        62,
-        62,
-        66
-      ],
-      "tab_text_inactive": [
-        255,
-        255,
-        255
-      ],
-      "bookmark_text": [
-        153,
-        153,
-        159
-      ],
-      "ntp_background": [
-        179,
-        179,
-        183
-      ],
-      "ntp_text": [
-        37,
-        37,
-        39
-      ],
-      "button_background": [
-        28,
-        28,
-        30
-      ]
-    }
-  }
-}

package/dist/extension-js-theme/chromium/manifest.json

@@ -1,65 +0,0 @@
-{
-  "name": "Extension.js Theme",
-  "version": "0.2.0",
-  "description": "Browser theme for Extension.js",
-  "manifest_version": 3,
-  "theme": {
-    "colors": {
-      "frame": [
-        37,
-        37,
-        39
-      ],
-      "frame_inactive": [
-        49,
-        49,
-        53
-      ],
-      "toolbar": [
-        25,
-        25,
-        26
-      ],
-      "tab_background_text": [
-        255,
-        255,
-        255
-      ],
-      "tab_text": [
-        255,
-        255,
-        255
-      ],
-      "tab_background_text_inactive": [
-        62,
-        62,
-        66
-      ],
-      "tab_text_inactive": [
-        255,
-        255,
-        255
-      ],
-      "bookmark_text": [
-        153,
-        153,
-        159
-      ],
-      "ntp_background": [
-        179,
-        179,
-        183
-      ],
-      "ntp_text": [
-        37,
-        37,
-        39
-      ],
-      "button_background": [
-        28,
-        28,
-        30
-      ]
-    }
-  }
-}

package/dist/extension-js-theme/edge/manifest.json

@@ -1,65 +0,0 @@
-{
-  "name": "Extension.js Theme",
-  "version": "0.2.0",
-  "description": "Browser theme for Extension.js",
-  "manifest_version": 3,
-  "theme": {
-    "colors": {
-      "frame": [
-        37,
-        37,
-        39
-      ],
-      "frame_inactive": [
-        49,
-        49,
-        53
-      ],
-      "toolbar": [
-        25,
-        25,
-        26
-      ],
-      "tab_background_text": [
-        255,
-        255,
-        255
-      ],
-      "tab_text": [
-        255,
-        255,
-        255
-      ],
-      "tab_background_text_inactive": [
-        62,
-        62,
-        66
-      ],
-      "tab_text_inactive": [
-        255,
-        255,
-        255
-      ],
-      "bookmark_text": [
-        153,
-        153,
-        159
-      ],
-      "ntp_background": [
-        179,
-        179,
-        183
-      ],
-      "ntp_text": [
-        37,
-        37,
-        39
-      ],
-      "button_background": [
-        28,
-        28,
-        30
-      ]
-    }
-  }
-}

package/dist/extension-js-theme/firefox/manifest.json

@@ -1,6 +0,0 @@
-{
-  "name": "Extension.js Theme",
-  "version": "0.2.0",
-  "description": "Browser theme for Extension.js",
-  "manifest_version": 2
-}