extension-develop 2.0.0 → 2.0.3

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

@@ -1,4 +1,96 @@
-"use strict";var b=Object.create;var f=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var r in e)f(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of v(e))!j.call(t,s)&&s!==r&&f(t,s,{get:()=>e[s],enumerable:!(o=k(e,s))||o.enumerable});return t};var d=(t,e,r)=>(r=t!=null?b(S(t)):{},m(e||!t||!t.__esModule?f(r,"default",{value:t,enumerable:!0}):r,t)),P=t=>m(f({},"__esModule",{value:!0}),t);var D={};y(D,{default:()=>x});module.exports=P(D);var u=d(require("fs")),c=d(require("path")),l=require("loader-utils"),g=require("schema-utils");function $(t){let e=c.default.join(t,"package.json");if(!u.default.existsSync(e))return!1;let r=JSON.parse(u.default.readFileSync(e,"utf-8")),o=["react","vue","@angular/core","svelte","solid-js","preact"],s=r.dependencies||{},a=r.devDependencies||{};for(let n of o)if(s[n]||a[n])return!0;return!1}var w={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},mode:{type:"string"}}};function x(t){let e=this.getOptions(),r=e.manifestPath,o=c.default.dirname(r),s=require(r);(0,g.validate)(w,e,{name:"scripts:add-hmr-accept-code",baseDataPath:"options"});let a=(0,l.urlToRequest)(this.resourcePath),n=`
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>add_hmr_accept_code
+});
+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 external_loader_utils_namespaceObject = require("loader-utils");
+const external_schema_utils_namespaceObject = require("schema-utils");
+const schema = {
+    type: 'object',
+    properties: {
+        test: {
+            type: 'string'
+        },
+        manifestPath: {
+            type: 'string'
+        },
+        mode: {
+            type: 'string'
+        }
+    }
+};
+function add_hmr_accept_code(source) {
+    const options = this.getOptions();
+    const manifestPath = options.manifestPath;
+    const projectPath = external_path_default().dirname(manifestPath);
+    const manifest = JSON.parse(external_fs_default().readFileSync(manifestPath, 'utf-8'));
+    (0, external_schema_utils_namespaceObject.validate)(schema, options, {
+        name: "scripts:add-hmr-accept-code",
+        baseDataPath: 'options'
+    });
+    const url = (0, external_loader_utils_namespaceObject.urlToRequest)(this.resourcePath);
+    const reloadCode = `
 // TODO: cezaraugusto re-visit this
-// if (import.meta.webpackHot) { import.meta.webpackHot.accept() };
-  `;if(s.background&&s.background.scripts)for(let i of s.background.scripts){let p=c.default.resolve(o,i);if(a.includes(p))return`${n}${t}`}if(s.content_scripts&&!$(o)){for(let i of s.content_scripts)if(i.js)for(let p of i.js){let h=c.default.resolve(o,p);if(a.includes(h))return`${n}${t}`}}if(s.user_scripts)for(let i of s.user_scripts){let p=c.default.resolve(o,i);if(a.includes(p))return`${n}${t}`}return t}
+if (import.meta.webpackHot) { import.meta.webpackHot.accept() };
+  `;
+    if (manifest.background) {
+        if (manifest.background.scripts) for (const bgScript of manifest.background.scripts){
+            const absoluteUrl = external_path_default().resolve(projectPath, bgScript);
+            if (url.includes(absoluteUrl)) return `${reloadCode}${source}`;
+        }
+    }
+    if (manifest.content_scripts) {
+        for (const contentScript of manifest.content_scripts)if (contentScript.js) for (const js of contentScript.js){
+            const absoluteUrl = external_path_default().resolve(projectPath, js);
+            if (url.includes(absoluteUrl)) return `${reloadCode}${source}`;
+        }
+    }
+    if (manifest.user_scripts) for (const userScript of manifest.user_scripts){
+        const absoluteUrl = external_path_default().resolve(projectPath, userScript);
+        if (url.includes(absoluteUrl)) return `${reloadCode}${source}`;
+    }
+    return source;
+}
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/build.d.ts

@@ -0,0 +1,2 @@
+import { BuildOptions } from './develop-lib/config-types';
+export declare function extensionBuild(pathOrRemoteUrl: string | undefined, buildOptions?: BuildOptions): Promise<void>;

package/dist/cleanup.d.ts

@@ -0,0 +1 @@
+export declare function cleanupCommand(): Promise<void>;

package/dist/deprecated-shadow-root.js

@@ -1,16 +1,96 @@
-"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 p=a(require("path")),O=p.default.join(process.cwd(),"node_modules/extension-develop/dist/certs"),N=["chrome","edge"],R=["firefox"],U=[...N,...R];var M=require("console");function _(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 d(){return`${_("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)
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>deprecated_shadow_root
+});
+const external_path_namespaceObject = require("path");
+const external_fs_namespaceObject = require("fs");
+const external_loader_utils_namespaceObject = require("loader-utils");
+const external_schema_utils_namespaceObject = require("schema-utils");
+const external_pintor_namespaceObject = require("pintor");
+var external_pintor_default = /*#__PURE__*/ __webpack_require__.n(external_pintor_namespaceObject);
+external_path_namespaceObject.join(process.cwd(), 'node_modules/extension-develop/dist/certs');
+const CHROMIUM_BASED_BROWSERS = [
+    'chrome',
+    'edge'
+];
+const GECKO_BASED_BROWSERS = [
+    'firefox'
+];
+[
+    ...CHROMIUM_BASED_BROWSERS,
+    ...GECKO_BASED_BROWSERS
+];
+function getLoggingPrefix(feature, type) {
+    if ('error' === type) return `${external_pintor_default().red('ERROR')} ${feature}`;
+    if ('warn' === type) return `${external_pintor_default().brightYellow("\u25BA\u25BA\u25BA")} ${feature}`;
+    const arrow = 'info' === type ? external_pintor_default().blue("\u25BA\u25BA\u25BA") : external_pintor_default().green("\u25BA\u25BA\u25BA");
+    return `${arrow} ${feature}`;
+}
+function deprecatedShadowRoot() {
+    return `${getLoggingPrefix('DEPRECATION', 'warn')} Using ${external_pintor_default().yellow('window.__EXTENSION_SHADOW_ROOT__')} in content_scripts is deprecated\nand will be removed in a future version of Extension.js. To use content_scripts with\nthe shadow DOM, see one of the many examples at:\nhttps://github.com/extension-js/extension.js/tree/main/examples\n\nIf you really need to use the shadow DOM as-is, the latest version of Extension.js\nto support it is ${external_pintor_default().gray('extension@2.0.0-beta.9')}.\n`;
+}
+const schema = {
+    type: 'object',
+    properties: {
+        test: {
+            type: 'string'
+        },
+        manifestPath: {
+            type: 'string'
+        }
+    }
+};
+function deprecated_shadow_root(source) {
+    const options = this.getOptions();
+    const manifestPath = options.manifestPath;
+    const projectPath = external_path_namespaceObject.dirname(manifestPath);
+    const manifest = JSON.parse(external_fs_namespaceObject.readFileSync(manifestPath, 'utf8'));
+    (0, external_schema_utils_namespaceObject.validate)(schema, options, {
+        name: "scripts:deprecated-shadow-root",
+        baseDataPath: 'options'
+    });
+    const url = (0, external_loader_utils_namespaceObject.urlToRequest)(this.resourcePath);
+    const patchCssTag = `
+;const appendStyleElementForLegacyShadowRoot = (legacyShadowRoot, stylesheets) => {
+  if (typeof chrome !== 'undefined' || typeof browser !== 'undefined') {
+    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() {
@@ -31,4 +111,25 @@ function injectStyles() {
 
     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(d()),`${h}${e}`):`${e}`}}return e}
+};injectStyles();`;
+    if (manifest.content_scripts) {
+        for (const contentScript of manifest.content_scripts)if (contentScript.js) for (const js of contentScript.js){
+            const absoluteUrl = external_path_namespaceObject.resolve(projectPath, js);
+            if (url.includes(absoluteUrl)) {
+                if (source.includes('__EXTENSION_SHADOW_ROOT__')) {
+                    if ('development' === process.env.EXTENSION_ENV) console.warn(deprecatedShadowRoot());
+                    return `${patchCssTag}${source}`;
+                }
+                return `${source}`;
+            }
+        }
+    }
+    return source;
+}
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/dev.d.ts

@@ -0,0 +1,2 @@
+import { DevOptions } from './develop-lib/config-types';
+export declare function extensionDev(pathOrRemoteUrl: string | undefined, devOptions: DevOptions): Promise<void>;

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

@@ -0,0 +1,85 @@
+import { Configuration } from '@rspack/core';
+export type BrowserType = 'chrome' | 'edge' | 'firefox' | 'chromium-based' | 'gecko-based';
+export interface BrowserOptionsBase {
+    open?: boolean;
+    profile?: string | false;
+    startingUrl?: string;
+    browser: BrowserType;
+}
+export interface ChromiumOptions extends BrowserOptionsBase {
+    browser: 'chromium-based';
+    chromiumBinary?: string;
+}
+export interface GeckoOptions extends BrowserOptionsBase {
+    browser: 'gecko-based';
+    geckoBinary?: string;
+}
+export interface NonBinaryOptions extends BrowserOptionsBase {
+    browser: Exclude<BrowserType, 'chromium-based' | 'gecko-based'>;
+}
+export type ExtendedBrowserOptions = ChromiumOptions | GeckoOptions | NonBinaryOptions;
+export interface DevOptions extends BrowserOptionsBase {
+    mode: 'development' | 'production' | 'none';
+    polyfill?: boolean;
+    port?: string | number | undefined;
+    chromiumBinary?: ChromiumOptions['chromiumBinary'];
+    geckoBinary?: GeckoOptions['geckoBinary'];
+    source?: string;
+    watchSource?: boolean;
+}
+export interface BuildOptions {
+    browser: BrowserOptionsBase['browser'];
+    zipFilename?: string;
+    zip?: boolean;
+    zipSource?: boolean;
+    polyfill?: boolean;
+    silent?: boolean;
+}
+export interface PreviewOptions extends BrowserOptionsBase {
+    mode: 'production';
+    outputPath?: string;
+    chromiumBinary?: ChromiumOptions['chromiumBinary'];
+    geckoBinary?: GeckoOptions['geckoBinary'];
+}
+export interface StartOptions extends BrowserOptionsBase {
+    mode: 'production';
+    polyfill?: boolean;
+    chromiumBinary?: ChromiumOptions['chromiumBinary'];
+    geckoBinary?: GeckoOptions['geckoBinary'];
+}
+export interface BrowserConfig extends BrowserOptionsBase {
+    browserFlags?: string[];
+    excludeBrowserFlags?: string[];
+    preferences?: Record<string, unknown>;
+    chromiumBinary?: ChromiumOptions['chromiumBinary'];
+    geckoBinary?: GeckoOptions['geckoBinary'];
+    reuseProfile?: boolean;
+}
+export interface FileConfig {
+    browser?: {
+        chrome?: BrowserConfig;
+        firefox?: BrowserConfig;
+        edge?: BrowserConfig;
+        'chromium-based'?: BrowserConfig;
+        'gecko-based'?: BrowserConfig;
+    };
+    commands?: {
+        dev?: Pick<DevOptions, 'browser' | 'profile' | 'chromiumBinary' | 'geckoBinary' | 'open' | 'polyfill'> & {
+            browserFlags?: string[];
+            excludeBrowserFlags?: string[];
+            preferences?: Record<string, unknown>;
+        };
+        start?: Pick<StartOptions, 'browser' | 'profile' | 'chromiumBinary' | 'geckoBinary' | 'polyfill'> & {
+            browserFlags?: string[];
+            excludeBrowserFlags?: string[];
+            preferences?: Record<string, unknown>;
+        };
+        preview?: Pick<PreviewOptions, 'browser' | 'profile' | 'chromiumBinary' | 'geckoBinary'> & {
+            browserFlags?: string[];
+            excludeBrowserFlags?: string[];
+            preferences?: Record<string, unknown>;
+        };
+        build?: Pick<BuildOptions, 'browser' | 'zipFilename' | 'zip' | 'zipSource' | 'polyfill'>;
+    };
+    config?: (config: Configuration) => Configuration;
+}

package/dist/develop-lib/extract-from-zip.d.ts

@@ -0,0 +1 @@
+export declare function downloadAndExtractZip(url: string, targetPath: string): Promise<string>;

package/dist/develop-lib/find-nearest-package.d.ts

@@ -0,0 +1,2 @@
+export declare function findNearestPackageJson(manifestPath: string): Promise<string | null>;
+export declare function validatePackageJson(packageJsonPath: string): boolean;

package/dist/develop-lib/generate-extension-types.d.ts

@@ -0,0 +1 @@
+export declare function generateExtensionTypes(projectPath: string): Promise<void>;

package/dist/develop-lib/generate-zip.d.ts

@@ -0,0 +1,2 @@
+import { type BuildOptions } from './config-types';
+export declare function generateZip(projectDir: string, { browser, ...options }: BuildOptions): Promise<void>;

package/dist/develop-lib/get-extension-config.d.ts

@@ -0,0 +1,6 @@
+import { Configuration } from '@rspack/core';
+import { BrowserConfig, DevOptions } from './config-types';
+export declare function loadCustomWebpackConfig(projectPath: string): Promise<(config: Configuration) => Configuration>;
+export declare function loadCommandConfig(projectPath: string, command: 'dev' | 'build' | 'start' | 'preview'): Promise<{}>;
+export declare function loadBrowserConfig(projectPath: string, browser?: DevOptions['browser']): Promise<BrowserConfig>;
+export declare function isUsingExperimentalConfig(projectPath: string): Promise<boolean>;

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

@@ -0,0 +1,6 @@
+export interface ProjectStructure {
+    manifestPath: 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/install-dependencies.d.ts

@@ -0,0 +1,2 @@
+export declare function getInstallCommand(): Promise<string>;
+export declare function installDependencies(projectPath: string): Promise<void>;

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

@@ -0,0 +1,35 @@
+import { Manifest } from '../webpack/webpack-types';
+import { type DevOptions } from './config-types';
+export declare function manifestNotFoundError(manifestPath: string): string;
+export declare function packageJsonNotFoundError(manifestPath: string): string;
+export declare function building(browser: DevOptions['browser']): string;
+export declare function runningInProduction(outputPath: string): string;
+export declare function ready(mode: DevOptions['mode'], browser: DevOptions['browser']): string;
+export declare function previewing(browser: DevOptions['browser']): string;
+export declare function previewWebpack(): string;
+export declare function buildWebpack(projectDir: string, stats: any, browser: DevOptions['browser']): string;
+export declare function buildSuccess(): string;
+export declare function fetchingProjectPath(owner: string, project: string): string;
+export declare function downloadingProjectPath(projectName: string): string;
+export declare function creatingProjectPath(projectPath: string): string;
+export declare function noGitIgnoreFound(projectDir: string): string;
+export declare function packagingSourceFiles(zipPath: string): string;
+export declare function packagingDistributionFiles(zipPath: string): string;
+export declare function treeWithSourceAndDistFiles(browser: DevOptions['browser'], name: string, sourceZip: string, destZip: string): string;
+export declare function treeWithDistFilesbrowser(name: string, ext: string, browser: DevOptions['browser'], zipPath: string): string;
+export declare function treeWithSourceFiles(name: string, ext: string, browser: DevOptions['browser'], zipPath: string): string;
+export declare function failedToCompressError(error: any): string;
+export declare function writingTypeDefinitions(manifest: Manifest): string;
+export declare function writingTypeDefinitionsError(error: any): string;
+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 isUsingExperimentalConfig(integration: any): string;
+export declare function installingDependencies(): string;
+export declare function installingDependenciesFailed(gitCommand: string, gitArgs: string[], code: number | null): string;
+export declare function installingDependenciesProcessError(error: any): string;
+export declare function cantInstallDependencies(error: any): string;
+export declare function portInUse(requestedPort: number, newPort: number): string;
+export declare function configLoadingError(configPath: string, error: unknown): string;
+export declare function managedDependencyConflict(duplicates: string[], userPackageJsonPath: string): string;

package/dist/develop-lib/validate-user-dependencies.d.ts

@@ -0,0 +1 @@
+export declare function assertNoManagedDependencyConflicts(userPackageJsonPath: string, projectPath: string): void;

package/dist/ensure-hmr-for-scripts.js

@@ -1,3 +1,74 @@
-"use strict";var I=Object.create;var m=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var U=(t,n)=>{for(var s in n)m(t,s,{get:n[s],enumerable:!0})},b=(t,n,s,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of A(n))!C.call(t,r)&&r!==s&&m(t,r,{get:()=>n[r],enumerable:!(e=R(n,r))||e.enumerable});return t};var a=(t,n,s)=>(s=t!=null?I(P(t)):{},b(n||!t||!t.__esModule?m(s,"default",{value:t,enumerable:!0}):s,t)),L=t=>b(m({},"__esModule",{value:!0}),t);var X={};U(X,{default:()=>k});module.exports=L(X);var x=a(require("path")),O=a(require("fs")),S=require("loader-utils"),M=require("schema-utils");var v=a(require("fs")),d=a(require("path")),N=a(require("parse5-utils"));var p=a(require("parse5-utils"));function g(t){try{return new URL(t),!0}catch{return!1}}function h(t,n){let{childNodes:s=[]}=t;for(let e of s)if(e.nodeName==="script"){let r=p.default.getAttribute(e,"src");if(!r||g(r))continue;n({filePath:r,childNode:e,assetType:"script"})}else if(e.nodeName==="link"){let r=p.default.getAttribute(e,"href"),o=p.default.getAttribute(e,"rel");if(!r||g(r))continue;n(o==="dns-prefetch"||o==="icon"||o==="manifest"||o==="modulepreload"||o==="preconnect"||o==="prefetch"||o==="preload"||o==="prerender"?{filePath:r,childNode:e,assetType:"staticHref"}:{filePath:r,childNode:e,assetType:"css"})}else if(e.nodeName==="a"||e.nodeName==="area"){let r=p.default.getAttribute(e,"href");if(!r||g(r))continue;n({filePath:r,childNode:e,assetType:"staticHref"})}else if(e.nodeName==="audio"||e.nodeName==="embed"||e.nodeName==="iframe"||e.nodeName==="img"||e.nodeName==="input"||e.nodeName==="source"||e.nodeName==="track"||e.nodeName==="video"){let r=p.default.getAttribute(e,"src");if(!r||g(r))continue;n({filePath:r,childNode:e,assetType:"staticSrc"})}else h(e,n)}function j(t,n){let s={css:[],js:[],static:[]};if(!t)return s;let e=n||v.default.readFileSync(t,{encoding:"utf8"}),r=N.default.parse(e),o=(i,c)=>d.default.join(d.default.dirname(i),c.startsWith("/")?d.default.relative(d.default.dirname(i),c):c);for(let i of r.childNodes)if(i.nodeName==="html"){for(let c of i.childNodes)(c.nodeName==="head"||c.nodeName==="body")&&h(c,({filePath:u,assetType:y})=>{let f=o(t,u);switch(y){case"script":s.js?.push(f);break;case"css":s.css?.push(f);break;case"staticSrc":case"staticHref":if(u.startsWith("#"))break;s.static?.push(f);break;default:break}});return{css:s.css,js:s.js,static:s.static}}}var T=a(require("path")),$=a(require("fs")),J=require("child_process"),V=require("package-manager-detector");var q=a(require("path")),l=require("@colors/colors/safe");var E=a(require("path")),H=E.default.join(process.cwd(),"node_modules/extension-develop/dist/certs"),F=["chrome","edge"],W=["firefox"],ee=[...F,...W];var z=require("console");function w(t){let n=T.default.join(t,"package.json");if(!$.default.existsSync(n))return!1;let s=JSON.parse($.default.readFileSync(n,"utf-8")),e=["react","vue","@angular/core","svelte","solid-js","preact"],r=s.dependencies||{},o=s.devDependencies||{};for(let i of e)if(r[i]||o[i])return!0;return!1}var G={type:"object",properties:{test:{type:"string"},manifestPath:{type:"string"},includeList:{type:"object"},excludeList:{type:"object"}}};function k(t){let n=this.getOptions(),s=n.manifestPath,e=x.default.dirname(s);(0,M.validate)(G,n,{name:"html:ensure-hmr-for-scripts",baseDataPath:"options"});let r=(0,S.urlToRequest)(this.resourcePath),o=`
-if (import.meta.webpackHot) { import.meta.webpackHot.accept() };
-  `;if(w(e))return t;let i=n.includeList||{};for(let c of Object.entries(i)){let[,u]=c;if(u){if(!O.default.existsSync(u))return;let f=j(u)?.js||[];for(let D of f){let _=x.default.resolve(e,D);if(r.includes(_))return`${o}${t}`}}}return t}
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>ensureHMRForScripts
+});
+const external_path_namespaceObject = require("path");
+const external_loader_utils_namespaceObject = require("loader-utils");
+const external_schema_utils_namespaceObject = require("schema-utils");
+const schema = {
+    type: 'object',
+    properties: {
+        test: {
+            type: 'string'
+        },
+        manifestPath: {
+            type: 'string'
+        },
+        includeList: {
+            type: 'object'
+        },
+        excludeList: {
+            type: 'object'
+        }
+    }
+};
+function ensureHMRForScripts(source) {
+    const options = this.getOptions();
+    const manifestPath = options.manifestPath;
+    external_path_namespaceObject.dirname(manifestPath);
+    try {
+        (0, external_schema_utils_namespaceObject.validate)(schema, options, {
+            name: "html:ensure-hmr-for-scripts",
+            baseDataPath: 'options'
+        });
+    } catch (error) {
+        throw error;
+    }
+    const resourcePath = this.resourcePath || '';
+    (0, external_loader_utils_namespaceObject.urlToRequest)(resourcePath);
+    const reloadCode = `
+if (import.meta.webpackHot) { import.meta.webpackHot.accept() }
+`;
+    return `${reloadCode}${source}`;
+}
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -2,7 +2,7 @@ import {createExtensionsPageTab, handleFirstRun} from './define-initial-tab.js'
 import {connect, disconnect, keepAlive} from './reload-service.js'
 
 function bgGreen(str) {
-  return `background: #0A0C10; color: #26FFB8; ${str}`
+  return `background: transparent; color: #0971fe; ${str}`
 }
 chrome.tabs.query({active: true}, async ([initialTab]) => {
   console.log(

package/dist/extensions/chrome-manager-extension/define-initial-tab.js

@@ -60,7 +60,17 @@ export async function handleFirstRun() {
       return
     }
 
-    chrome.tabs.create({url: 'pages/welcome.html'})
+    // Guard against opening multiple welcome pages
+    chrome.tabs.query(
+      {url: chrome.runtime.getURL('pages/welcome.html')},
+      (tabs) => {
+        if (Array.isArray(tabs) && tabs.length > 0) {
+          // Already open; do not create another
+          return
+        }
+        chrome.tabs.create({url: 'pages/welcome.html'})
+      }
+    )
     // Ensure the welcome page shows only once per extension installation
     chrome.storage.local.set({[devExtension.id]: {didRun: true}})
   })

package/dist/extensions/chrome-manager-extension/manifest.json

@@ -1,7 +1,7 @@
 {
-  "name": "Extension Manager",
-  "description": "Extension.js developer tools for tabs and reload management.",
-  "version": "1.0",
+  "name": "Extension.js DevTools",
+  "description": "Extension.js built-in developer tools for browser instance ID __INSTANCE_ID__",
+  "version": "1.0.0",
   "manifest_version": 3,
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAolEJq/DBHxY5dBpOqBRWNCl7vRPBvJPlpEzF19fYFVzzaH44AF6+sKjN3jwIKlsgI82F3TIuwoNFiN1yBu5Unf8SVBE4BTO92P02/ACcGYQxicgCLFUGQKlq4uSrwSPaBYl7FHcYl5SERgxnIGCGnaGMdL2vC7waCj2/U/iKoBF9I1lBH9/aKCSjTd3h2UYo7gg6n5nY/ENbzylDt42T3ATmvnVJfYhSNKA9Dv/zryknfnHYYgBKHtz7pDZwWnYdxs78n2VEKwGj7TgbXuIPDpCkrMnU9PTKpHbXFYARA4H9qYORQmYazfIxUZRnKQNSR+GAOGrb8JK+ijeQdwzDAwIDAQAB",
   "background": {

package/dist/extensions/chrome-manager-extension/pages/welcome.html

@@ -3,10 +3,7 @@
   <head>
     <title>Welcome!</title>
     <meta charset="UTF-8" />
-    <link
-      rel="icon"
-      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🧩</text></svg>"
-    />
+    <link rel="icon" type="image/png" href="../images/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="./sakura.css" media="screen" />
     <link
@@ -37,8 +34,8 @@
         <a target="_blank" href="https://github.com/cezaraugusto/extension"
           >🧩 Extension.js</a
         >
-        is a development tool for browser extensions with built-in support for
-        TypeScript, WebAssembly, React, and modern JavaScript.
+        is a development toolkit for building cross-browser extensions with
+        modern web technologies.
       </p>
       <button id="learnMore">
         🧩 Learn more about developing cross-browser extensions