extension-develop 2.1.0 → 2.1.2

package/dist/add-content-script-wrapper.js

@@ -125,13 +125,17 @@ class ReactContentScriptWrapper {
     // Create shadow root for style isolation
     this.shadowRoot = this.rootElement.attachShadow({ mode: 'open' })
 
+    // Create a host element inside the shadow root for rendering
+    const host = document.createElement('div')
+    this.shadowRoot.appendChild(host)
+
     // Inject styles FIRST
     console.log('[Extension.js] About to inject styles')
     await this.injectStyles()
 
     // Render React content
     console.log('[Extension.js] About to render React content')
-    const result = this.renderFunction(this.shadowRoot as any)
+    const result = this.renderFunction(host)
     if (typeof result === 'function') {
       this.unmountFunction = result
     }
@@ -198,8 +202,8 @@ class ReactContentScriptWrapper {
         // Check if we have hardcoded content for this stylesheet
         if (cssContentMap[stylesheet]) {
           const cssContent = cssContentMap[stylesheet]
-          allCSS += cssContent + '\\n'
-          console.log(\`[Extension.js] Successfully injected React \${stylesheet} content\`)
+          allCSS += cssContent + '\n'
+          console.log('[Extension.js] Successfully injected React', stylesheet, 'content')
           continue
         }
         
@@ -208,7 +212,7 @@ class ReactContentScriptWrapper {
         const response = await fetch(cssUrl)
         const text = await response.text()
         if (response.ok) {
-          allCSS += text + '\\n'
+          allCSS += text + '\n'
           console.log('[Extension.js] Successfully fetched stylesheet:', stylesheet)
         } else {
           console.warn('[Extension.js] Failed to fetch CSS:', stylesheet)
@@ -405,13 +409,17 @@ class VueContentScriptWrapper {
     // Create shadow root for style isolation
     this.shadowRoot = this.rootElement.attachShadow({ mode: 'open' })
 
+    // Create a host element inside the shadow root for rendering
+    const host = document.createElement('div')
+    this.shadowRoot.appendChild(host)
+
     // Inject styles FIRST
     console.log('[Extension.js] About to inject styles')
     await this.injectStyles()
 
     // Render Vue content
     console.log('[Extension.js] About to render Vue content')
-    const result = this.renderFunction(this.shadowRoot as any)
+    const result = this.renderFunction(host)
     if (typeof result === 'function') {
       this.unmountFunction = result
     }
@@ -478,8 +486,8 @@ class VueContentScriptWrapper {
         // Check if we have hardcoded content for this stylesheet
         if (cssContentMap[stylesheet]) {
           const cssContent = cssContentMap[stylesheet]
-          allCSS += cssContent + '\\n'
-          console.log(\`[Extension.js] Successfully injected Vue \${stylesheet} content\`)
+          allCSS += cssContent + '\n'
+          console.log('[Extension.js] Successfully injected Vue', stylesheet, 'content')
           continue
         }
         
@@ -488,7 +496,7 @@ class VueContentScriptWrapper {
         const response = await fetch(cssUrl)
         const text = await response.text()
         if (response.ok) {
-          allCSS += text + '\\n'
+          allCSS += text + '\n'
           console.log('[Extension.js] Successfully fetched stylesheet:', stylesheet)
         } else {
           console.warn('[Extension.js] Failed to fetch CSS:', stylesheet)
@@ -683,13 +691,17 @@ class SvelteContentScriptWrapper {
     // Create shadow root for style isolation
     this.shadowRoot = this.rootElement.attachShadow({ mode: 'open' })
 
+    // Create a host element inside the shadow root for rendering
+    const host = document.createElement('div')
+    this.shadowRoot.appendChild(host)
+
     // Inject styles FIRST
     console.log('[Extension.js] About to inject styles')
     await this.injectStyles()
 
     // Render Svelte content
     console.log('[Extension.js] About to render Svelte content')
-    const result = this.renderFunction(this.shadowRoot as any)
+    const result = this.renderFunction(host)
     if (typeof result === 'function') {
       this.unmountFunction = result
     }
@@ -756,8 +768,8 @@ class SvelteContentScriptWrapper {
         // Check if we have hardcoded content for this stylesheet
         if (cssContentMap[stylesheet]) {
           const cssContent = cssContentMap[stylesheet]
-          allCSS += cssContent + '\\n'
-          console.log(\`[Extension.js] Successfully injected Svelte \${stylesheet} content\`)
+          allCSS += cssContent + '\n'
+          console.log('[Extension.js] Successfully injected Svelte', stylesheet, 'content')
           continue
         }
         
@@ -766,7 +778,7 @@ class SvelteContentScriptWrapper {
         const response = await fetch(cssUrl)
         const text = await response.text()
         if (response.ok) {
-          allCSS += text + '\\n'
+          allCSS += text + '\n'
           console.log('[Extension.js] Successfully fetched stylesheet:', stylesheet)
         } else {
           console.warn('[Extension.js] Failed to fetch CSS:', stylesheet)

package/dist/add-hmr-accept-code.js

@@ -64,6 +64,7 @@ function add_hmr_accept_code(source) {
         name: "scripts:add-hmr-accept-code",
         baseDataPath: 'options'
     });
+    if (source.includes('import.meta.webpackHot')) return source;
     const url = (0, external_loader_utils_namespaceObject.urlToRequest)(this.resourcePath);
     const reloadCode = `
 // TODO: cezaraugusto re-visit this

package/dist/develop-lib/config-types.d.ts

@@ -34,6 +34,7 @@ export interface BuildOptions {
     zipSource?: boolean;
     polyfill?: boolean;
     silent?: boolean;
+    exitOnError?: boolean;
 }
 export interface PreviewOptions extends BrowserOptionsBase {
     mode: 'production';

package/dist/develop-lib/get-project-path.d.ts

@@ -1,6 +1,6 @@
 export interface ProjectStructure {
     manifestPath: string;
-    packageJsonPath: string;
+    packageJsonPath?: string;
 }
 export declare function getProjectPath(pathOrRemoteUrl: string | undefined): Promise<string>;
 export declare function getProjectStructure(pathOrRemoteUrl: string | undefined): Promise<ProjectStructure>;

package/dist/develop-lib/messages.d.ts

@@ -25,6 +25,7 @@ export declare function downloadingText(url: string): string;
 export declare function unpackagingExtension(zipFilePath: string): string;
 export declare function unpackagedSuccessfully(): string;
 export declare function failedToDownloadOrExtractZIPFileError(error: any): string;
+export declare function invalidRemoteZip(url: string, contentType: string): string;
 export declare function isUsingExperimentalConfig(integration: any): string;
 export declare function installingDependencies(): string;
 export declare function installingDependenciesFailed(gitCommand: string, gitArgs: string[], code: number | null): string;

package/dist/extensions/chrome-manager-extension/background.js

@@ -4,9 +4,14 @@ import {connect, disconnect, keepAlive} from './reload-service.js'
 function bgGreen(str) {
   return `background: transparent; color: #0971fe; ${str}`
 }
-chrome.tabs.query({active: true}, async ([initialTab]) => {
-  console.log(
-    `%c
+
+async function initManagerUI() {
+  try {
+    chrome.tabs.query({active: true, currentWindow: true}, async (tabs) => {
+      const initialTab = Array.isArray(tabs) ? tabs[0] : undefined
+
+      console.log(
+        `%c
 ██████████████████████████████████████████████████████████
 ██████████████████████████████████████████████████████████
 ████████████████████████████    ██████████████████████████
@@ -32,22 +37,43 @@ chrome.tabs.query({active: true}, async ([initialTab]) => {
 ██████████████████████████████████████████████████████████
 MIT (c) ${new Date().getFullYear()} - Cezar Augusto and the Extension.js Authors.
 `,
-    bgGreen('')
-  )
-
-  if (
-    initialTab.url === 'chrome://newtab/' ||
-    initialTab.url === 'chrome://welcome/'
-  ) {
-    await handleFirstRun()
-  } else {
-    createExtensionsPageTab(initialTab, 'chrome://extensions/')
-  }
+        bgGreen('')
+      )
+
+      if (!initialTab) {
+        try {
+          await handleFirstRun()
+        } catch {
+          try {
+            chrome.tabs.create({url: 'chrome://extensions/'})
+          } catch {}
+        }
+        return
+      }
+
+      if (
+        initialTab.url === 'chrome://newtab/' ||
+        initialTab.url === 'chrome://welcome/'
+      ) {
+        await handleFirstRun()
+      } else {
+        createExtensionsPageTab(initialTab, 'chrome://extensions/')
+      }
+    })
+  } catch {}
+}
+
+// Guard tab access and run after startup
+chrome.runtime.onStartup.addListener(async () => {
+  await initManagerUI()
 })
 
 chrome.runtime.onInstalled.addListener(async () => {
   let isConnected = false
 
+  // Ensure UI setup also runs on install (first run)
+  await initManagerUI()
+
   if (isConnected) {
     disconnect()
   } else {

package/dist/extensions/chrome-manager-extension/reload-service.js

@@ -20,7 +20,12 @@ export async function connect() {
   const maxBackoffMs = 5000
 
   const establish = () => {
-    webSocket = new WebSocket(`ws://127.0.0.1:${port}`)
+    try {
+      webSocket = new WebSocket(`ws://127.0.0.1:${port}`)
+    } catch (err) {
+      webSocket = null
+      return
+    }
 
     webSocket.onerror = (_event) => {
       try {
@@ -37,7 +42,12 @@ export async function connect() {
 
     let reloadDebounce
     webSocket.onmessage = async (event) => {
-      const message = JSON.parse(event.data)
+      let message = null
+      try {
+        message = JSON.parse(event.data)
+      } catch {
+        return
+      }
 
       // Only process messages for this instance
       if (message.instanceId && message.instanceId !== instanceId) {
@@ -77,6 +87,18 @@ export function disconnect() {
   }
 }
 
+// Ensure sockets are closed when the worker is suspended
+try {
+  chrome.runtime.onSuspend.addListener(() => {
+    if (webSocket) {
+      try {
+        webSocket.close()
+      } catch {}
+      webSocket = null
+    }
+  })
+} catch {}
+
 async function requestInitialLoadData() {
   const devExtensions = await getDevExtensions()
 

package/dist/extensions/chromium-based-manager-extension/background.js

@@ -4,9 +4,14 @@ import {connect, disconnect, keepAlive} from './reload-service.js'
 function bgGreen(str) {
   return `background: transparent; color: #0971fe; ${str}`
 }
-chrome.tabs.query({active: true}, async ([initialTab]) => {
-  console.log(
-    `%c
+
+async function initManagerUI() {
+  try {
+    chrome.tabs.query({active: true, currentWindow: true}, async (tabs) => {
+      const initialTab = Array.isArray(tabs) ? tabs[0] : undefined
+
+      console.log(
+        `%c
 ██████████████████████████████████████████████████████████
 ██████████████████████████████████████████████████████████
 ████████████████████████████    ██████████████████████████
@@ -32,22 +37,43 @@ chrome.tabs.query({active: true}, async ([initialTab]) => {
 ██████████████████████████████████████████████████████████
 MIT (c) ${new Date().getFullYear()} - Cezar Augusto and the Extension.js Authors.
 `,
-    bgGreen('')
-  )
-
-  if (
-    initialTab.url === 'chrome://newtab/' ||
-    initialTab.url === 'chrome://welcome/'
-  ) {
-    await handleFirstRun()
-  } else {
-    createExtensionsPageTab(initialTab, 'chrome://extensions/')
-  }
+        bgGreen('')
+      )
+
+      if (!initialTab) {
+        try {
+          await handleFirstRun()
+        } catch {
+          try {
+            chrome.tabs.create({url: 'chrome://extensions/'})
+          } catch {}
+        }
+        return
+      }
+
+      if (
+        initialTab.url === 'chrome://newtab/' ||
+        initialTab.url === 'chrome://welcome/'
+      ) {
+        await handleFirstRun()
+      } else {
+        createExtensionsPageTab(initialTab, 'chrome://extensions/')
+      }
+    })
+  } catch {}
+}
+
+// Guard tab access and run after startup
+chrome.runtime.onStartup.addListener(async () => {
+  await initManagerUI()
 })
 
 chrome.runtime.onInstalled.addListener(async () => {
   let isConnected = false
 
+  // Ensure UI setup also runs on install (first run)
+  await initManagerUI()
+
   if (isConnected) {
     disconnect()
   } else {

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

@@ -17,7 +17,12 @@ export async function connect() {
   const maxBackoffMs = 5000
 
   const establish = () => {
-    webSocket = new WebSocket(`ws://127.0.0.1:${port}`)
+    try {
+      webSocket = new WebSocket(`ws://127.0.0.1:${port}`)
+    } catch (err) {
+      webSocket = null
+      return
+    }
 
     webSocket.onerror = (_event) => {
       try {
@@ -34,7 +39,12 @@ export async function connect() {
 
     let reloadDebounce
     webSocket.onmessage = async (event) => {
-      const message = JSON.parse(event.data)
+      let message = null
+      try {
+        message = JSON.parse(event.data)
+      } catch {
+        return
+      }
 
       if (message.status === 'serverReady') {
         await requestInitialLoadData()
@@ -69,6 +79,18 @@ export function disconnect() {
   }
 }
 
+// Ensure sockets are closed when the worker is suspended
+try {
+  chrome.runtime.onSuspend.addListener(() => {
+    if (webSocket) {
+      try {
+        webSocket.close()
+      } catch {}
+      webSocket = null
+    }
+  })
+} catch {}
+
 async function getDevExtensions() {
   const allExtensions = await new Promise((resolve) => {
     chrome.management.getAll(resolve)

package/dist/extensions/edge-manager-extension/background.js

@@ -4,9 +4,14 @@ import {connect, disconnect, keepAlive} from './reload-service.js'
 function bgGreen(str) {
   return `background: transparent; color: #0971fe; ${str}`
 }
-chrome.tabs.query({active: true}, async ([initialTab]) => {
-  console.log(
-    `%c
+
+async function initManagerUI() {
+  try {
+    chrome.tabs.query({active: true, currentWindow: true}, async (tabs) => {
+      const initialTab = Array.isArray(tabs) ? tabs[0] : undefined
+
+      console.log(
+        `%c
 ██████████████████████████████████████████████████████████
 ██████████████████████████████████████████████████████████
 ████████████████████████████    ██████████████████████████
@@ -32,22 +37,41 @@ chrome.tabs.query({active: true}, async ([initialTab]) => {
 ██████████████████████████████████████████████████████████
 MIT (c) ${new Date().getFullYear()} - Cezar Augusto and the Extension.js Authors.
 `,
-    bgGreen('')
-  )
-
-  if (
-    initialTab.url === 'chrome://newtab/' ||
-    initialTab.url === 'chrome://welcome/'
-  ) {
-    await handleFirstRun()
-  } else {
-    createExtensionsPageTab(initialTab, 'chrome://extensions/')
-  }
+        bgGreen('')
+      )
+
+      if (!initialTab) {
+        try {
+          await handleFirstRun()
+        } catch {
+          try {
+            chrome.tabs.create({url: 'chrome://extensions/'})
+          } catch {}
+        }
+        return
+      }
+
+      if (
+        initialTab.url === 'chrome://newtab/' ||
+        initialTab.url === 'chrome://welcome/'
+      ) {
+        await handleFirstRun()
+      } else {
+        createExtensionsPageTab(initialTab, 'chrome://extensions/')
+      }
+    })
+  } catch {}
+}
+
+chrome.runtime.onStartup.addListener(async () => {
+  await initManagerUI()
 })
 
 chrome.runtime.onInstalled.addListener(async () => {
   let isConnected = false
 
+  await initManagerUI()
+
   if (isConnected) {
     disconnect()
   } else {

package/dist/extensions/edge-manager-extension/reload-service.js

@@ -20,7 +20,12 @@ export async function connect() {
   const maxBackoffMs = 5000
 
   const establish = () => {
-    webSocket = new WebSocket(`ws://127.0.0.1:${port}`)
+    try {
+      webSocket = new WebSocket(`ws://127.0.0.1:${port}`)
+    } catch (err) {
+      webSocket = null
+      return
+    }
 
     webSocket.onerror = (_event) => {
       try {
@@ -37,7 +42,12 @@ export async function connect() {
 
     let reloadDebounce
     webSocket.onmessage = async (event) => {
-      const message = JSON.parse(event.data)
+      let message = null
+      try {
+        message = JSON.parse(event.data)
+      } catch {
+        return
+      }
 
       // Only process messages for this instance
       if (message.instanceId && message.instanceId !== instanceId) {
@@ -77,6 +87,18 @@ export function disconnect() {
   }
 }
 
+// Ensure sockets are closed when the worker is suspended
+try {
+  chrome.runtime.onSuspend.addListener(() => {
+    if (webSocket) {
+      try {
+        webSocket.close()
+      } catch {}
+      webSocket = null
+    }
+  })
+} catch {}
+
 async function requestInitialLoadData() {
   const devExtensions = await getDevExtensions()
 

package/dist/extensions/firefox-manager-extension/reload-service.js

@@ -17,7 +17,12 @@ async function connect() {
   const maxBackoffMs = 5000
 
   const connectTo = (url) => {
-    webSocket = new WebSocket(url)
+    try {
+      webSocket = new WebSocket(url)
+    } catch (err) {
+      webSocket = null
+      return
+    }
 
     webSocket.onerror = (_event) => {
       try {
@@ -38,7 +43,12 @@ async function connect() {
 
     let reloadDebounce
     webSocket.onmessage = async (event) => {
-      const message = JSON.parse(event.data)
+      let message = null
+      try {
+        message = JSON.parse(event.data)
+      } catch {
+        return
+      }
 
       // Only process messages for this instance
       if (message.instanceId && message.instanceId !== instanceId) {

package/dist/extensions/gecko-based-manager-extension/background.js

@@ -55,3 +55,13 @@ browser.runtime.onInstalled.addListener(async () => {
     isConnected = true
   }
 })
+
+// Also initialize on browser startup for parity with Chromium behavior
+browser.runtime.onStartup.addListener(async () => {
+  try {
+    await handleTabOnExtensionLoad()
+  } catch {}
+  try {
+    await connect()
+  } catch {}
+})

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

@@ -15,7 +15,12 @@ export async function connect() {
   const maxBackoffMs = 5000
 
   const connectTo = (url) => {
-    webSocket = new WebSocket(url)
+    try {
+      webSocket = new WebSocket(url)
+    } catch (err) {
+      webSocket = null
+      return
+    }
 
     webSocket.onerror = (_event) => {
       try {
@@ -36,12 +41,20 @@ export async function connect() {
 
     let reloadDebounce
     webSocket.onmessage = async (event) => {
-      const message = JSON.parse(event.data)
+      let message = null
+      try {
+        message = JSON.parse(event.data)
+      } catch {
+        return
+      }
 
       if (message.status === 'serverReady') {
         console.info(
           `[Extension.js] Server ready. Requesting initial load data...`
         )
+        try {
+          await requestInitialLoadData()
+        } catch {}
       }
 
       if (message.changedFile) {

package/dist/module.js

@@ -77,7 +77,7 @@ var __webpack_modules__ = {
                 const extensionId = instance.managerExtensionId;
                 const instanceId = instance.instanceId;
                 const extensionName = "Extension.js DevTools";
-                const extensionDescription = `Extension.js built-in developer tools for instance ${instanceId.slice(0, 8)}`;
+                const extensionDescription = `Extension.js built-in developer tools for instance ${instanceId.slice(0, 8)}.`;
                 const baseManifest = await this.readBaseManifest(instance.browser);
                 const baseServiceWorker = await this.readBaseServiceWorker(instance.browser);
                 const manifest = {
@@ -86,7 +86,7 @@ var __webpack_modules__ = {
                     description: extensionDescription,
                     key: this.generateExtensionKey()
                 };
-                const serviceWorkerContent = baseServiceWorker.replace(/const\s+port\s*=\s*['"](__RELOAD_PORT__|\d+)['"]/, `const port = '${instance.webSocketPort}'`).replace(/const\s+instanceId\s*=\s*['"](__INSTANCE_ID__|\w+)['"]/, `const instanceId = '${instance.instanceId}'`);
+                const serviceWorkerContent = baseServiceWorker.replace(/const\s+port\s*=\s*['"][^'"]+['"]/, `const port = '${instance.webSocketPort}'`).replace(/const\s+instanceId\s*=\s*['"][^'"]+['"]/, `const instanceId = '${instance.instanceId}'`);
                 const enhancedServiceWorker = `// Instance: ${instanceId}\n// Generated: ${new Date().toISOString()}\n// Cache-buster: ${Date.now()}\n\n${serviceWorkerContent}\n\n// Instance-specific logging\n${'development' === process.env.EXTENSION_ENV ? `console.log('[Extension.js DevTools] Instance ${instanceId} initialized on port ${instance.webSocketPort}');` : ''}\n`;
                 const extensionPath = path__WEBPACK_IMPORTED_MODULE_2__.join(this.userExtensionsPath, `${instance.browser}-manager-${instance.port}`);
                 await fs_promises__WEBPACK_IMPORTED_MODULE_0__.mkdir(extensionPath, {
@@ -1517,11 +1517,8 @@ var __webpack_modules__ = {
                 '--disable-renderer-backgrounding',
                 '--disable-backgrounding-occluded-windows',
                 '--disable-features=TranslateUI',
-                '--disable-ipc-flooding-protection',
                 '--disable-hang-monitor',
                 '--disable-prompt-on-repost',
-                '--disable-web-security',
-                '--disable-features=VizDisplayCompositor',
                 '--memory-pressure-off',
                 '--max_old_space_size=4096',
                 '--disable-dev-shm-usage'
@@ -3171,7 +3168,7 @@ var __webpack_modules__ = {
         function boring(manifestName, duration, stats) {
             let didShow = false;
             if (!didShow) {
-                const arrow = stats.hasErrors() ? pintor__WEBPACK_IMPORTED_MODULE_1___default().red("\u25BA\u25BA\u25BA") : pintor__WEBPACK_IMPORTED_MODULE_1___default().blue("\u25BA\u25BA\u25BA");
+                const arrow = stats.hasErrors() ? pintor__WEBPACK_IMPORTED_MODULE_1___default().red("\u25BA\u25BA\u25BA") : pintor__WEBPACK_IMPORTED_MODULE_1___default().green("\u25BA\u25BA\u25BA");
                 return `${arrow} ${manifestName} compiled ${stats.hasErrors() ? pintor__WEBPACK_IMPORTED_MODULE_1___default().red('with errors') : pintor__WEBPACK_IMPORTED_MODULE_1___default().green('successfully')} in ${duration} ms.`;
             }
         }
@@ -3428,7 +3425,7 @@ var __webpack_modules__ = {
         module.exports = require("util");
     },
     "./package.json": function(module) {
-        module.exports = JSON.parse('{"i8":"2.1.0","HO":{"@rspack/core":"^1.4.8","@rspack/dev-server":"^1.1.3","@swc/helpers":"^0.5.15","@types/webextension-polyfill":"0.12.3","@vue/compiler-sfc":"^3.5.13","adm-zip":"^0.5.16","axios":"^1.9.0","case-sensitive-paths-webpack-plugin":"^2.4.0","chokidar":"^4.0.1","chrome-location2":"2.0.0","content-security-policy-parser":"^0.6.0","cross-spawn":"^7.0.6","dotenv":"^16.4.7","dotenv-webpack":"^8.1.0","edge-location":"^1.1.1","firefox-location2":"1.0.0","firefox-profile":"^4.7.0","go-git-it":"^5.0.0","ignore":"^6.0.2","loader-utils":"^3.3.1","locate-path":"^7.2.0","micromatch":"^4.0.8","package-manager-detector":"^0.2.7","parse5":"^7.2.1","parse5-utilities":"^1.0.0","pintor":"0.3.0","postcss":"^8.4.49","preact":"^10.22.0","progress":"^2.0.3","schema-utils":"^4.2.0","slugify":"^1.6.6","tiny-glob":"^0.2.9","webextension-polyfill":"^0.12.0","webpack-merge":"^6.0.1","webpack-target-webextension":"^2.1.3","ws":"^8.18.0"},"Lq":{"@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","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"}}');
+        module.exports = JSON.parse('{"i8":"2.1.2","HO":{"@rspack/core":"^1.4.8","@rspack/dev-server":"^1.1.3","@swc/helpers":"^0.5.15","@types/webextension-polyfill":"0.12.3","@vue/compiler-sfc":"^3.5.13","adm-zip":"^0.5.16","axios":"^1.9.0","case-sensitive-paths-webpack-plugin":"^2.4.0","chokidar":"^4.0.1","chrome-location2":"2.0.0","content-security-policy-parser":"^0.6.0","cross-spawn":"^7.0.6","dotenv":"^16.4.7","dotenv-webpack":"^8.1.0","edge-location":"^1.1.1","firefox-location2":"1.0.0","firefox-profile":"^4.7.0","go-git-it":"^5.0.0","ignore":"^6.0.2","loader-utils":"^3.3.1","locate-path":"^7.2.0","micromatch":"^4.0.8","package-manager-detector":"^0.2.7","parse5":"^7.2.1","parse5-utilities":"^1.0.0","pintor":"0.3.0","postcss":"^8.4.49","preact":"^10.22.0","progress":"^2.0.3","schema-utils":"^4.2.0","slugify":"^1.6.6","tiny-glob":"^0.2.9","webextension-polyfill":"^0.12.0","webpack-merge":"^6.0.1","webpack-target-webextension":"^2.1.3","ws":"^8.18.0"},"Lq":{"@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","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"}}');
     }
 };
 var __webpack_module_cache__ = {};
@@ -3719,13 +3716,18 @@ var __webpack_exports__ = {};
             const matchedKey = null == matched ? void 0 : matched[0];
             if (matchedKey && 'string' == typeof matchedKey) {
                 const unixKey = unixify(matchedKey);
-                fileOutputpath = /^(?:\.\/)?public\//i.test(unixKey) ? unixKey.replace(/^(?:\.\/)?public\//i, '') : /^\/public\//i.test(unixKey) ? unixKey.replace(/^\/public\//i, '') : external_path_.normalize(filePath);
+                fileOutputpath = /^(?:\.\/)?public\//i.test(unixKey) ? unixKey.replace(/^(?:\.\/)?public\//i, '') : /^\/public\//i.test(unixKey) ? unixKey.replace(/^\/public\//i, '') : /^\//.test(unixKey) ? unixKey.replace(/^\//, '') : external_path_.normalize(filePath);
             }
         }
         if (!skipPathResolve && excludeList) {
             const keys = Object.keys(excludeList);
             const unixInput = unixify(filePath);
-            const matchKey = keys.find((k)=>unixify(k) === unixInput);
+            let matchKey = keys.find((k)=>unixify(k) === unixInput);
+            if (!matchKey) {
+                const stripPublicPrefix = (p)=>unixify(p).replace(/^\/(?:public\/)?/i, '').replace(/^(?:\.\/)?public\//i, '');
+                const inputStripped = stripPublicPrefix(unixInput);
+                matchKey = keys.find((k)=>stripPublicPrefix(k) === inputStripped);
+            }
             if (matchKey) {
                 const unixKey = unixify(matchKey);
                 fileOutputpath = /^(?:\.\/)?public\//i.test(unixKey) ? unixKey.replace(/^(?:\.\/)?public\//i, '') : /^\/public\//i.test(unixKey) ? unixKey.replace(/^\/public\//i, '') : unixKey;
@@ -5822,7 +5824,7 @@ var __webpack_exports__ = {};
         return getLoggingPrefix(WS, 'error') + ` Failed to update instance with extension ID.\n${external_pintor_default().red(error)}`;
     }
     function webSocketServerForInstanceClosed(instanceId) {
-        return getLoggingPrefix(WS, 'success') + ` for instance ${external_pintor_default().gray(instanceId.slice(0, 8))} closed`;
+        return getLoggingPrefix(WS, 'success') + ` for instance ${external_pintor_default().yellow(instanceId.slice(0, 8))} closed`;
     }
     function webSocketError(error) {
         return getLoggingPrefix(WS, 'error') + ` WebSocket error.\n${external_pintor_default().red(String(error))}`;
@@ -6440,8 +6442,9 @@ var __webpack_exports__ = {};
     }
     class AddAssetsToCompilation {
         normalizePublicPath(assetPath) {
-            if (!assetPath.startsWith('public/')) return assetPath;
-            return assetPath.replace(/^Public\//, 'public/').replace(/^PUBLIC\//, 'public/').replace(/^public\//, 'public/');
+            if (assetPath.startsWith('Public/')) return assetPath.replace(/^Public\//, 'public/');
+            if (assetPath.startsWith('PUBLIC/')) return assetPath.replace(/^PUBLIC\//, 'public/');
+            return assetPath;
         }
         apply(compiler) {
             compiler.hooks.thisCompilation.tap('html:add-assets-to-compilation', (compilation)=>{
@@ -7046,13 +7049,13 @@ var __webpack_exports__ = {};
                 includeList: this.includeList || {},
                 excludeList: this.excludeList || {}
             }).apply(compiler);
-            if ('production' !== (compiler.options.mode || 'development')) compiler.options.module.rules.push({
+            compiler.options.module.rules.push({
                 test: /(\.m?[jt]sx?)$/,
                 include: [
                     external_path_.dirname(this.manifestPath)
                 ],
                 exclude: [
-                    /[\\/]node_modules[\\/]/
+                    /[/\\]node_modules[/\\]/
                 ],
                 use: [
                     {
@@ -7072,7 +7075,7 @@ var __webpack_exports__ = {};
                     external_path_.dirname(this.manifestPath)
                 ],
                 exclude: [
-                    /[\\/]node_modules[\\/]/
+                    /[/\\]node_modules[/\\]/
                 ],
                 use: [
                     {
@@ -7099,7 +7102,7 @@ var __webpack_exports__ = {};
                     external_path_.dirname(this.manifestPath)
                 ],
                 exclude: [
-                    /[\\/]node_modules[\\/]/
+                    /[/\\]node_modules[/\\]/
                 ],
                 use: [
                     {
@@ -8037,7 +8040,7 @@ var __webpack_exports__ = {};
                 console.error(webSocketConnectionCloseError(error));
             }
             webSocketServer.close(()=>{
-                console.log(webSocketServerForInstanceClosed(instanceId.slice(0, 8)));
+                if ('development' === process.env.EXTENSION_ENV) console.log(webSocketServerForInstanceClosed(instanceId.slice(0, 8)));
             });
         };
         process.on('SIGINT', cleanup);
@@ -9611,7 +9614,7 @@ var __webpack_exports__ = {};
         var _devOptions_output, _devOptions_output1;
         const { manifestPath, packageJsonPath } = projectStructure;
         const manifestDir = external_path_.dirname(manifestPath);
-        const packageJsonDir = external_path_.dirname(packageJsonPath);
+        const packageJsonDir = packageJsonPath ? external_path_.dirname(packageJsonPath) : manifestDir;
         const manifest = filterKeysForThisBrowser(JSON.parse(external_fs_.readFileSync(manifestPath, 'utf-8')), devOptions.browser);
         const userExtensionOutputPath = devOptions.output.path;
         const managerExtensionOutputPath = external_path_.join(manifestDir, 'dist', 'extension-js', 'extensions', `${devOptions.browser}-manager`);
@@ -9639,10 +9642,13 @@ var __webpack_exports__ = {};
                 }
             },
             resolve: {
-                modules: [
+                modules: packageJsonPath ? [
                     'node_modules',
                     external_path_.join(packageJsonDir, 'node_modules'),
                     external_path_.join(process.cwd(), 'node_modules')
+                ] : [
+                    'node_modules',
+                    external_path_.join(process.cwd(), 'node_modules')
                 ],
                 extensions: [
                     '.js',
@@ -9768,9 +9774,6 @@ var __webpack_exports__ = {};
     function manifestNotFoundError(manifestPath) {
         return `${messages_getLoggingPrefix('error')} Manifest file not found.\n${external_pintor_default().red('Ensure the path to your extension exists and try again.')}\n${external_pintor_default().red('NOT FOUND')}\n${external_pintor_default().gray('PATH')} ${external_pintor_default().underline(manifestPath)}`;
     }
-    function packageJsonNotFoundError(manifestPath) {
-        return `${messages_getLoggingPrefix('error')} No valid package.json found for manifest.\n${external_pintor_default().red('Ensure there is a valid package.json file in the project or its parent directories.')}\n${external_pintor_default().red('MANIFEST')}\n${external_pintor_default().gray('PATH')} ${external_pintor_default().underline(manifestPath)}`;
-    }
     function runningInProduction(outputPath) {
         const manifestPath = external_path_.join(outputPath, 'manifest.json');
         const manifest = JSON.parse(external_fs_.readFileSync(manifestPath, 'utf-8'));
@@ -9860,6 +9863,9 @@ var __webpack_exports__ = {};
     function failedToDownloadOrExtractZIPFileError(error) {
         return `${messages_getLoggingPrefix('error')} Failed to download or extract ZIP file.\n${external_pintor_default().red(error)}`;
     }
+    function invalidRemoteZip(url, contentType) {
+        return `${messages_getLoggingPrefix('error')} Remote URL does not appear to be a ZIP archive.\n${external_pintor_default().gray('URL')} ${external_pintor_default().underline(url)}\n${external_pintor_default().gray('Content-Type')} ${external_pintor_default().underline(contentType || 'unknown')}`;
+    }
     function capitalizedBrowserName(browser) {
         const b = String(browser || '');
         const cap = b.charAt(0).toUpperCase() + b.slice(1);
@@ -9908,7 +9914,7 @@ var __webpack_exports__ = {};
         return `.\n${printTree(assetTree)}`;
     }
     function isUsingExperimentalConfig(integration) {
-        return `${messages_getLoggingPrefix('info')} Using ${integration}.`;
+        return `${messages_getLoggingPrefix('info')} Using ${external_pintor_default().yellow(integration)}.`;
     }
     function installingDependencies() {
         return `${messages_getLoggingPrefix('info')} Installing project dependencies...`;
@@ -9937,10 +9943,16 @@ var __webpack_exports__ = {};
     async function downloadAndExtractZip(url, targetPath) {
         const urlNoSearchParams = url.split('?')[0];
         try {
+            var _response_headers;
             console.log(downloadingText(urlNoSearchParams));
             const response = await external_axios_default().get(url, {
-                responseType: 'stream'
+                responseType: 'stream',
+                maxRedirects: 5
             });
+            const contentType = String((null == (_response_headers = response.headers) ? void 0 : _response_headers['content-type']) || '');
+            const isZipExt = '.zip' === external_path_.extname(urlNoSearchParams).toLowerCase();
+            const isZipType = /zip|octet-stream/i.test(contentType);
+            if (!isZipExt && !isZipType) throw new Error(`${invalidRemoteZip(urlNoSearchParams, contentType)}`);
             const extname = external_path_.extname(urlNoSearchParams);
             const basename = external_path_.basename(urlNoSearchParams, extname);
             const destinationPath = external_path_.join(targetPath, basename);
@@ -10007,15 +10019,22 @@ var __webpack_exports__ = {};
         }
     };
     async function importUrlSourceFromGithub(pathOrRemoteUrl, text) {
-        await external_go_git_it_default()(pathOrRemoteUrl, process.cwd(), text);
+        const tempRoot = external_fs_.mkdtempSync(external_path_.join(external_os_.tmpdir(), 'extension-js-'));
+        await external_go_git_it_default()(pathOrRemoteUrl, tempRoot, text);
         const url = new URL(pathOrRemoteUrl);
-        const urlData = url.pathname.split('/');
-        const repoName = urlData[urlData.length - 1];
-        return external_path_.resolve(process.cwd(), repoName);
+        const segments = url.pathname.split('/').filter(Boolean);
+        const repoName = segments.length >= 2 ? segments[1] : segments[segments.length - 1];
+        const candidates = external_fs_.readdirSync(tempRoot, {
+            withFileTypes: true
+        }).filter((d)=>d.isDirectory()).map((d)=>d.name);
+        const chosen = candidates.includes(repoName) ? repoName : candidates[0];
+        const resolved = chosen ? external_path_.resolve(tempRoot, chosen) : tempRoot;
+        return resolved;
     }
     async function importUrlSourceFromZip(pathOrRemoteUrl) {
-        const zipFilePath = await downloadAndExtractZip(pathOrRemoteUrl, process.cwd());
-        return zipFilePath;
+        const tempRoot = external_fs_.mkdtempSync(external_path_.join(external_os_.tmpdir(), 'extension-js-'));
+        const extractedPath = await downloadAndExtractZip(pathOrRemoteUrl, tempRoot);
+        return extractedPath;
     }
     async function getProjectPath(pathOrRemoteUrl) {
         if (!pathOrRemoteUrl) return process.cwd();
@@ -10060,7 +10079,9 @@ var __webpack_exports__ = {};
             else throw new Error(manifestNotFoundError(manifestPath));
         }
         const packageJsonPath = await findNearestPackageJson(manifestPath);
-        if (!packageJsonPath || !validatePackageJson(packageJsonPath)) throw new Error(packageJsonNotFoundError(manifestPath));
+        if (!packageJsonPath || !validatePackageJson(packageJsonPath)) return {
+            manifestPath
+        };
         return {
             manifestPath,
             packageJsonPath
@@ -10314,7 +10335,7 @@ var __webpack_exports__ = {};
         const configPath = candidates.find((p)=>external_fs_.existsSync(p));
         if (configPath) {
             if (!get_extension_config_userMessageDelivered) {
-                console.log(isUsingExperimentalConfig('extension.config.js'));
+                if ('development' === process.env.EXTENSION_ENV) console.log(isUsingExperimentalConfig('extension.config.js'));
                 get_extension_config_userMessageDelivered = true;
             }
             return true;
@@ -10408,8 +10429,8 @@ var __webpack_exports__ = {};
             var _baseConfig_plugins;
             const browser = (null == buildOptions ? void 0 : buildOptions.browser) || 'chrome';
             const manifestDir = external_path_.dirname(projectStructure.manifestPath);
-            const packageJsonDir = external_path_.dirname(projectStructure.packageJsonPath);
-            assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
+            const packageJsonDir = projectStructure.packageJsonPath ? external_path_.dirname(projectStructure.packageJsonPath) : manifestDir;
+            if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
             const baseConfig = webpackConfig(projectStructure, {
                 ...buildOptions,
                 browser,
@@ -10431,10 +10452,12 @@ var __webpack_exports__ = {};
             });
             const compilerConfig = (0, external_webpack_merge_namespaceObject.merge)(userConfig);
             const compiler = (0, core_namespaceObject.rspack)(compilerConfig);
-            const nodeModulesPath = external_path_.join(packageJsonDir, 'node_modules');
-            if (!external_fs_.existsSync(nodeModulesPath)) {
-                console.log(installingDependencies());
-                if ('true' !== process.env.VITEST) await installDependencies(packageJsonDir);
+            if (projectStructure.packageJsonPath) {
+                const nodeModulesPath = external_path_.join(packageJsonDir, 'node_modules');
+                if (!external_fs_.existsSync(nodeModulesPath)) {
+                    console.log(installingDependencies());
+                    if ('true' !== process.env.VITEST) await installDependencies(packageJsonDir);
+                }
             }
             await new Promise((resolve, reject)=>{
                 compiler.run(async (err, stats)=>{
@@ -10451,6 +10474,7 @@ var __webpack_exports__ = {};
                         console.log(stats.toString({
                             colors: true
                         }));
+                        if ((null == buildOptions ? void 0 : buildOptions.exitOnError) === false) return reject(new Error('Build failed with errors'));
                         process.exit(1);
                     } else {
                         console.log(buildSuccess());
@@ -10460,6 +10484,7 @@ var __webpack_exports__ = {};
             });
         } catch (error) {
             if ('development' === process.env.EXTENSION_ENV) console.error(error);
+            if ((null == buildOptions ? void 0 : buildOptions.exitOnError) === false) throw error;
             process.exit(1);
         }
     }
@@ -10586,7 +10611,7 @@ var __webpack_exports__ = {};
         var _process_removeAllListeners, _process, _process_removeAllListeners1, _process1, _process_removeAllListeners2, _process2, _process_removeAllListeners3, _process3;
         const { manifestPath, packageJsonPath } = projectStructure;
         const manifestDir = external_path_.dirname(manifestPath);
-        const packageJsonDir = external_path_.dirname(packageJsonPath);
+        const packageJsonDir = packageJsonPath ? external_path_.dirname(packageJsonPath) : manifestDir;
         const commandConfig = await loadCommandConfig(manifestDir, 'dev');
         const browserConfig = await loadBrowserConfig(manifestDir, devOptions.browser);
         const portManager = new PortManager(devOptions.browser, packageJsonDir, 8080);
@@ -10640,11 +10665,7 @@ var __webpack_exports__ = {};
                     interval: 1000
                 }
             },
-            client: {
-                logging: 'none',
-                progress: false,
-                overlay: false
-            },
+            client: false,
             headers: {
                 'Access-Control-Allow-Origin': '*'
             },
@@ -10731,13 +10752,15 @@ var __webpack_exports__ = {};
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
         try {
             const manifestDir = external_path_.dirname(projectStructure.manifestPath);
-            const packageJsonDir = external_path_.dirname(projectStructure.packageJsonPath);
+            const packageJsonDir = projectStructure.packageJsonPath ? external_path_.dirname(projectStructure.packageJsonPath) : manifestDir;
             if (isUsingTypeScript(manifestDir)) await generateExtensionTypes(manifestDir);
-            assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
-            const nodeModulesPath = external_path_.join(packageJsonDir, 'node_modules');
-            if (!external_fs_.existsSync(nodeModulesPath)) {
-                console.log(installingDependencies());
-                await installDependencies(packageJsonDir);
+            if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
+            if (projectStructure.packageJsonPath) {
+                const nodeModulesPath = external_path_.join(packageJsonDir, 'node_modules');
+                if (!external_fs_.existsSync(nodeModulesPath)) {
+                    console.log(installingDependencies());
+                    await installDependencies(packageJsonDir);
+                }
             }
             await dev_server_devServer(projectStructure, {
                 ...devOptions,
@@ -10751,7 +10774,7 @@ var __webpack_exports__ = {};
     }
     async function extensionPreview(pathOrRemoteUrl, previewOptions) {
         const projectStructure = await getProjectStructure(pathOrRemoteUrl);
-        assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
+        if (projectStructure.packageJsonPath) assertNoManagedDependencyConflicts(projectStructure.packageJsonPath, external_path_.dirname(projectStructure.manifestPath));
         const manifestDir = external_path_.dirname(projectStructure.manifestPath);
         const distPath = external_path_.join(manifestDir, 'dist', previewOptions.browser);
         const outputPath = previewOptions.outputPath ? previewOptions.outputPath : external_fs_.existsSync(distPath) ? distPath : manifestDir;

package/package.json

@@ -21,7 +21,7 @@
     "dist"
   ],
   "name": "extension-develop",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "The develop step of Extension.js",
   "author": {
     "name": "Cezar Augusto",
@@ -30,7 +30,8 @@
   },
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org"
+    "registry": "https://registry.npmjs.org",
+    "tag": "latest"
   },
   "keywords": [
     "webextension",