extension-develop 3.9.0-next.3 → 3.9.0

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

@@ -1,4 +1,7 @@
 "use strict";
+const __rslib_import_meta_url__ = /*#__PURE__*/ function() {
+    return "u" < typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
+}();
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.n = (module)=>{
@@ -64,6 +67,38 @@ function findNearestPackageJsonSync(manifestPath) {
         return null;
     }
 }
+require("os");
+require("pintor");
+const external_module_namespaceObject = require("module");
+(0, external_module_namespaceObject.createRequire)(__rslib_import_meta_url__);
+require("crypto");
+require("child_process");
+(0, external_module_namespaceObject.createRequire)(__rslib_import_meta_url__);
+function parseJsonSafe(text) {
+    const s = text && 0xfeff === text.charCodeAt(0) ? text.slice(1) : text;
+    return JSON.parse(s || '{}');
+}
+function hasDependency(projectPath, dependency) {
+    const findNearestPackageJsonDirectory = (startPath)=>{
+        let currentDirectory = startPath;
+        const maxDepth = 4;
+        for(let i = 0; i < maxDepth; i++){
+            const candidate = external_path_namespaceObject.join(currentDirectory, 'package.json');
+            if (external_fs_namespaceObject.existsSync(candidate)) return currentDirectory;
+            const parentDirectory = external_path_namespaceObject.dirname(currentDirectory);
+            if (parentDirectory === currentDirectory) break;
+            currentDirectory = parentDirectory;
+        }
+    };
+    const packageJsonDirectory = findNearestPackageJsonDirectory(projectPath);
+    if (!packageJsonDirectory) return false;
+    const packageJsonPath = external_path_namespaceObject.join(packageJsonDirectory, 'package.json');
+    if (!external_fs_namespaceObject.existsSync(packageJsonPath)) return false;
+    const packageJson = parseJsonSafe(external_fs_namespaceObject.readFileSync(packageJsonPath, 'utf8'));
+    const dependencies = packageJson.dependencies || {};
+    const devDependencies = packageJson.devDependencies || {};
+    return !!dependencies[dependency] || !!devDependencies[dependency];
+}
 const core_namespaceObject = require("@swc/core");
 const external_schema_utils_namespaceObject = require("schema-utils");
 const schema = {
@@ -80,6 +115,34 @@ const schema = {
         }
     }
 };
+const EXAMPLES_BASE = 'https://github.com/extension-js/examples/blob/main';
+function getContentScriptSampleInfo(packageJsonDir, resourcePath) {
+    if (hasDependency(packageJsonDir, 'react')) return {
+        phrase: 'See React sample',
+        url: `${EXAMPLES_BASE}/react/src/content/scripts.tsx`
+    };
+    if (hasDependency(packageJsonDir, 'preact')) return {
+        phrase: 'See Preact sample',
+        url: `${EXAMPLES_BASE}/preact/src/content/scripts.tsx`
+    };
+    if (hasDependency(packageJsonDir, 'vue')) return {
+        phrase: 'See Vue sample',
+        url: `${EXAMPLES_BASE}/vue/src/content/scripts.ts`
+    };
+    if (hasDependency(packageJsonDir, 'svelte')) return {
+        phrase: 'See Svelte sample',
+        url: `${EXAMPLES_BASE}/svelte/src/content/scripts.ts`
+    };
+    const ext = external_path_default().extname(resourcePath).toLowerCase();
+    if ('.ts' === ext || '.tsx' === ext || '.mts' === ext || '.mtsx' === ext) return {
+        phrase: 'See TypeScript sample',
+        url: `${EXAMPLES_BASE}/typescript/src/content/scripts.ts`
+    };
+    return {
+        phrase: 'See vanilla JS sample',
+        url: `${EXAMPLES_BASE}/content/src/content/scripts.js`
+    };
+}
 function getSourceSignature(source) {
     const head = source.slice(0, 64);
     const tail = source.slice(-64);
@@ -253,47 +316,28 @@ function warn_no_default_export(source) {
                     }
                     const relativeFile = external_path_default().relative(packageJsonDir, resourceAbsPath);
                     const found = 'class' === analysis.kind ? 'class' : 'non-callable value';
+                    const sample = getContentScriptSampleInfo(packageJsonDir, this.resourcePath);
                     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();",
-                        "  }"
+                        `  │ File: ${relativeFile}`,
+                        "  │",
+                        `  │ Found: ${found}. Export a default function that sets up your script and returns optional cleanup.`,
+                        "  │ Without it: duplicate UI mounts, memory leaks, and inconsistent state during HMR.",
+                        `  │ ${sample.phrase} ${sample.url}`
                     ].join('\n');
                     compilation?.warnings.push(message);
                     compilation?.__extjsWarnedDefaultExportKinds?.add(dedupeKindKey);
                 }
             } else {
                 const relativeFile = external_path_default().relative(packageJsonDir, resourceAbsPath);
+                const sample = getContentScriptSampleInfo(packageJsonDir, this.resourcePath);
                 const message = [
                     "Content script requires a default export.",
-                    `File: ${relativeFile}`,
-                    "",
-                    "Why:",
-                    "  - During development, Extension.js uses your default export to start and stop your content script safely.",
-                    "  - Without it, automatic reloads and cleanup might not work reliably.",
-                    "",
-                    "Required:",
-                    "  - Export a default function (it can optionally return a cleanup callback).",
-                    "",
-                    "Example:",
-                    "  export default function main() {",
-                    "    // setup...",
-                    "    return () => { /* cleanup */ }",
-                    "  }",
+                    ` File: ${relativeFile}`,
                     "",
-                    "Side effects if omitted:",
-                    "  - Duplicate UI mounts, memory leaks, and inconsistent state during development."
+                    " Export a default function so Extension.js can mount and cleanup safely.",
+                    " Without it: duplicate UI mounts and inconsistent state during HMR.",
+                    ` ${sample.phrase}: ${sample.url}`
                 ].join('\n');
                 compilation?.warnings.push(message);
                 compilation?.__extjsWarnedDefaultExport?.add(dedupeKey);

package/package.json

@@ -25,7 +25,7 @@
     "webpack/webpack-lib/optional-dependencies.json"
   ],
   "name": "extension-develop",
-  "version": "3.9.0-next.3",
+  "version": "3.9.0",
   "description": "Develop, build, preview, and package Extension.js projects.",
   "author": {
     "name": "Cezar Augusto",