extension 2.0.0-rc.31 → 2.0.0-rc.33

package/README.md

@@ -4,6 +4,8 @@
 [downloads-url]: https://npmjs.org/package/extension
 [action-image]: https://github.com/extension-js/extension.js/actions/workflows/ci.yml/badge.svg?branch=main
 [action-url]: https://github.com/extension-js/extension.js/actions
+[coverage-image]: https://img.shields.io/codecov/c/github/extension-js/extension.js
+[coverage-url]: https://codecov.io/github/extension-js/extension.js
 [discord-image]: https://img.shields.io/discord/1253608412890271755?label=Discord&logo=discord&style=flat
 [discord-url]: https://discord.gg/v9h2RgeTSN
 [snyk-image]: https://snyk.io/test/github/extension-js/extension/badge.svg
@@ -11,7 +13,7 @@
 
 > The cross-browser extension framework
 
-# Extension.js [![Version][npm-version-image]][npm-version-url] [![Downloads][downloads-image]][downloads-url] [![workflow][action-image]][action-url] [![discord][discord-image]][discord-url]
+# Extension.js [![Version][npm-version-image]][npm-version-url] [![Downloads][downloads-image]][downloads-url] [![workflow][action-image]][action-url] [![coverage][coverage-image]][coverage-url] [![discord][discord-image]][discord-url]
 
 <img alt="Logo" align="right" src="https://github.com/user-attachments/assets/698a3b2e-c77a-4857-bd2a-1d2eb180120b" width="20%" />
 

package/dist/cli.js

@@ -86,7 +86,7 @@ async function check_updates_checkUpdates(packageJson) {
     }
     if (update && isStableVersion(update.latest)) console.log(checkUpdates(packageJson, update));
 }
-var package_namespaceObject = JSON.parse('{"license":"MIT","repository":{"type":"git","url":"https://github.com/cezaraugusto/extension.git","directory":"programs/cli"},"engines":{"node":">=18"},"exports":{".":{"types":"./dist/cli.d.ts","import":"./dist/cli.js","require":"./dist/cli.js"}},"main":"./dist/cli.js","types":"./dist/cli.d.ts","files":["dist"],"bin":{"extension":"./dist/cli.js"},"name":"extension","version":"2.0.0-rc.31","description":"Create cross-browser extensions with no build configuration.","author":{"name":"Cezar Augusto","email":"boss@cezaraugusto.net","url":"https://cezaraugusto.com"},"scripts":{"watch":"rslib build --watch","compile:types":"bash install_scripts.sh","compile:readme-files":"node ./scripts/copyMarkdownFilesToCli.js","compile:cli":"rslib build","compile":"pnpm compile:readme-files && pnpm compile:cli && pnpm compile:types","clean":"rm -rf dist","test":"echo \\"Note: no test specified\\" && exit 0","test:cli":"vitest run"},"keywords":["zero-config","build","develop","browser","extension","chrome extension","edge extension","firefox extension","safari extension","web","react","typescript"],"dependencies":{"chalk":"^5.3.0","@types/chrome":"^0.0.287","@types/firefox-webext-browser":"^120.0.4","@types/node":"^22.10.1","@types/react":"^19.0.1","@types/react-dom":"^19.0.1","commander":"^12.1.0","extension-create":"workspace:*","extension-develop":"workspace:*","semver":"^7.6.3","update-check":"^1.5.4","webextension-polyfill":"^0.12.0"},"devDependencies":{"@rslib/core":"^0.6.9","@types/mock-fs":"^4.13.4","@types/semver":"^7.5.8","mock-fs":"^5.4.1","tsconfig":"*","typescript":"5.7.2"}}');
+var package_namespaceObject = JSON.parse('{"license":"MIT","repository":{"type":"git","url":"https://github.com/cezaraugusto/extension.git","directory":"programs/cli"},"engines":{"node":">=18"},"exports":{".":{"types":"./dist/cli.d.ts","import":"./dist/cli.js","require":"./dist/cli.js"}},"main":"./dist/cli.js","types":"./dist/cli.d.ts","files":["dist","types"],"bin":{"extension":"./dist/cli.js"},"name":"extension","version":"2.0.0-rc.33","description":"Create cross-browser extensions with no build configuration.","author":{"name":"Cezar Augusto","email":"boss@cezaraugusto.net","url":"https://cezaraugusto.com"},"scripts":{"watch":"rslib build --watch","compile:types":"bash install_scripts.sh","compile:readme-files":"node ./scripts/copyMarkdownFilesToCli.js","compile:cli":"rslib build","compile":"pnpm compile:readme-files && pnpm compile:cli && pnpm compile:types","clean":"rm -rf dist","test":"echo \\"Note: no test specified\\" && exit 0","test:cli":"vitest run"},"keywords":["zero-config","build","develop","browser","extension","chrome extension","edge extension","firefox extension","safari extension","web","react","typescript"],"dependencies":{"chalk":"^5.3.0","@types/chrome":"^0.0.287","@types/node":"^22.10.1","@types/react":"^19.0.1","@types/react-dom":"^19.0.1","commander":"^12.1.0","extension-create":"workspace:*","extension-develop":"workspace:*","semver":"^7.6.3","update-check":"^1.5.4","webextension-polyfill":"^0.12.0"},"devDependencies":{"@rslib/core":"^0.6.9","@types/mock-fs":"^4.13.4","@types/semver":"^7.5.8","mock-fs":"^5.4.1","tsconfig":"*","typescript":"5.7.2"}}');
 check_updates_checkUpdates(package_namespaceObject);
 const extensionJs = external_commander_namespaceObject.program;
 const vendors = (browser)=>'all' === browser ? 'chrome,edge,firefox'.split(',') : browser.split(',');

package/dist/types/index.d.ts

@@ -11,6 +11,7 @@ type ExtensionBrowser =
   | 'firefox'
   | 'chromium-based'
   | 'gecko-based'
+
 type ExtensionMode = 'development' | 'production'
 
 interface ExtensionEnv {
@@ -23,26 +24,37 @@ interface ExtensionEnv {
   EXTENSION_ENV: ExtensionMode
 }
 
-declare namespace NodeJS {
-  interface ProcessEnv extends ExtensionEnv {
+// Global augmentations
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv extends ExtensionEnv {
+      [key: string]: string | undefined
+    }
+  }
+
+  interface ImportMetaEnv extends ExtensionEnv {
     [key: string]: string | undefined
   }
-}
 
-interface ImportMetaEnv extends ExtensionEnv {
-  // Remove duplicate index signature since it's already inherited from ExtensionEnv
-}
+  interface ImportMeta {
+    readonly env: ImportMetaEnv
+    readonly webpackHot?: {
+      accept: (module?: string | string[], callback?: () => void) => void
+      dispose: (callback: () => void) => void
+    }
+    url: string
+  }
 
-interface ImportMeta {
-  readonly env: ImportMetaEnv
-  // @ts-expect-error - This is a webpack specific property
-  readonly webpackHot?: {
-    accept: (module?: string | string[], callback?: () => void) => void
-    dispose: (callback: () => void) => void
+  interface Window {
+    /**
+     * @deprecated
+     * @description
+     * This is how Extension.js used to inject the shadow root into the window object.
+     * Use the shadowRoot reference from the content script instead.
+     */
+    __EXTENSION_SHADOW_ROOT__: ShadowRoot
   }
-  url: string
 }
 
-interface Window {
-  __EXTENSION_SHADOW_ROOT__: ShadowRoot
-}
+// This export is needed for TypeScript to treat this file as a module
+export {}

package/package.json

@@ -18,13 +18,14 @@
   "main": "./dist/cli.js",
   "types": "./dist/cli.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "types"
   ],
   "bin": {
     "extension": "./dist/cli.js"
   },
   "name": "extension",
-  "version": "2.0.0-rc.31",
+  "version": "2.0.0-rc.33",
   "description": "Create cross-browser extensions with no build configuration.",
   "author": {
     "name": "Cezar Augusto",
@@ -48,7 +49,6 @@
   "dependencies": {
     "chalk": "^5.3.0",
     "@types/chrome": "^0.0.287",
-    "@types/firefox-webext-browser": "^120.0.4",
     "@types/node": "^22.10.1",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.1",
@@ -56,8 +56,8 @@
     "semver": "^7.6.3",
     "update-check": "^1.5.4",
     "webextension-polyfill": "^0.12.0",
-    "extension-create": "2.0.0-rc.31",
-    "extension-develop": "2.0.0-rc.31"
+    "extension-create": "2.0.0-rc.33",
+    "extension-develop": "2.0.0-rc.33"
   },
   "devDependencies": {
     "@rslib/core": "^0.6.9",

package/types/css-content.d.ts

@@ -0,0 +1,7 @@
+type CSSContentData = Readonly<Record<string, string>>
+
+declare module '*.css' {
+  const content: CSSContentData
+
+  export default content
+}

package/types/css-modules.d.ts

@@ -0,0 +1,19 @@
+type CSSModuleData = Readonly<Record<string, string>>
+
+declare module '*.module.css' {
+  const content: CSSModuleData
+
+  export default content
+}
+
+declare module '*.module.scss' {
+  const content: CSSModuleData
+
+  export default content
+}
+
+declare module '*.module.sass' {
+  const content: CSSModuleData
+
+  export default content
+}

package/types/images.d.ts

@@ -0,0 +1,58 @@
+declare module '*.png' {
+  const content: string
+
+  export default content
+}
+
+declare module '*.jpg' {
+  const content: string
+
+  export default content
+}
+
+declare module '*.jpeg' {
+  const content: string
+
+  export default content
+}
+
+declare module '*.gif' {
+  const content: string
+
+  export default content
+}
+
+declare module '*.webp' {
+  const content: string
+
+  export default content
+}
+
+declare module '*.avif' {
+  const content: string
+
+  export default content
+}
+
+declare module '*.ico' {
+  const content: string
+
+  export default content
+}
+
+declare module '*.bmp' {
+  const content: string
+
+  export default content
+}
+
+declare module '*.svg' {
+  /**
+   * Use `any` to avoid conflicts with
+   * `@svgr/webpack` plugin or
+   * `babel-plugin-inline-react-svg` plugin.
+   */
+  const content: any
+
+  export default content
+}

package/types/index.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="node" />
+/// <reference types="chrome" />
+/// <reference types="./js-frameworks.d.ts" />
+/// <reference path="./css-content.d.ts" />
+/// <reference path="./css-modules.d.ts" />
+/// <reference path="./images.d.ts" />
+
+type ExtensionBrowser =
+  | 'chrome'
+  | 'edge'
+  | 'firefox'
+  | 'chromium-based'
+  | 'gecko-based'
+
+type ExtensionMode = 'development' | 'production'
+
+interface ExtensionEnv {
+  EXTENSION_BROWSER: ExtensionBrowser
+  EXTENSION_MODE: ExtensionMode
+  EXTENSION_PUBLIC_BROWSER: ExtensionBrowser
+  EXTENSION_PUBLIC_MODE: ExtensionMode
+  EXTENSION_PUBLIC_DESCRIPTION_TEXT: string
+  EXTENSION_PUBLIC_OPENAI_API_KEY: string
+  EXTENSION_ENV: ExtensionMode
+}
+
+// Global augmentations
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv extends ExtensionEnv {
+      [key: string]: string | undefined
+    }
+  }
+
+  interface ImportMetaEnv extends ExtensionEnv {
+    [key: string]: string | undefined
+  }
+
+  interface ImportMeta {
+    readonly env: ImportMetaEnv
+    readonly webpackHot?: {
+      accept: (module?: string | string[], callback?: () => void) => void
+      dispose: (callback: () => void) => void
+    }
+    url: string
+  }
+
+  interface Window {
+    /**
+     * @deprecated
+     * @description
+     * This is how Extension.js used to inject the shadow root into the window object.
+     * Use the shadowRoot reference from the content script instead.
+     */
+    __EXTENSION_SHADOW_ROOT__: ShadowRoot
+  }
+}
+
+// This export is needed for TypeScript to treat this file as a module
+export {}

package/types/index.ts

@@ -0,0 +1,7 @@
+/// <reference types="node" />
+/// <reference types="react" />
+/// <reference types="react-dom" />
+/// <reference types="chrome" />
+/// <reference path="./css-content.d.ts" />
+/// <reference path="./css-modules.d.ts" />
+/// <reference path="./images.d.ts" />

package/types/js-frameworks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+/// <reference types="react-dom" />
+/// <reference types="svelte" />

package/types/polyfill.d.ts

@@ -0,0 +1 @@
+/// <reference types="webextension-polyfill" />

package/dist/types.d.ts

@@ -1,16 +0,0 @@
-export type BrowsersSupported = 'chrome' | 'edge' | 'firefox' | 'chromium-based' | 'gecko-based' | 'all';
-export interface CreateOptions {
-    template?: string;
-    targetDir?: string;
-}
-export interface DevOptions {
-    port?: number;
-    browser?: BrowsersSupported;
-}
-export interface StartOptions {
-    port?: number;
-    browser?: BrowsersSupported;
-}
-export interface BuildOptions {
-    browser?: BrowsersSupported;
-}