chore: Rename package to wxt

Author: aklinker1

.gitignore

@@ -1,9 +1,9 @@
 .DS_Store
 .env
 .env.*
-.exvite
 .idea
 .output
+.wxt
 *.log
 /.vscode/
 /docs/.vitepress/cache

README.md

@@ -1,26 +1,23 @@
-# Exvite
+# WXT
 
-> Next generation framework for building web extensions. Powered by [Vite](https://vitejs.dev/)
-
-Name ideas:
-
-cyfer, wavex, webext, aura, iron, reyna, aggron, wxt, yiga
+> Next gen framework for building web extensions. Powered by [Vite](https://vitejs.dev/)
 
 ## Features
 
 - [x] Supports all browsers
 - [x] MV2 & MV3 support
 - [x] Directory based entrypoints
-- [x] Virtual content script and background entryoints for default behaviors
+- [x] Virtual content script and background entryoints with default behaviors
 - [ ] Great DX
   - [x] Auto-imports
   - [x] TypeScript,
   - [x] HMR for HTML pages
-  - [ ] auto-reload for background and content scripts
+  - [ ] Auto-reload for background and content scripts
+- [x] Unit and E2E tests
 - [ ] Open browser during development with extension installed
 - [x] Download and bundle remote dependencies
 - [x] Supports all major frontend frameworks (Vue, React, Svelte)
-- [ ] Project bootstrap
 - [ ] Automated publishing
+- [ ] Project bootstrap
 - [ ] Bundle analysis
 - [ ] ~~_Infer permissions from code_~~ Maybe in the future...

demo/package.json

@@ -1,18 +1,18 @@
 {
   "name": "Demo Extension",
   "version": "1.0.0",
-  "description": "Demo extension for exvite",
+  "description": "Demo extension for WXT",
   "type": "module",
   "scripts": {
-    "dev": "pnpm -w build && exvite",
-    "build": "pnpm -w build && exvite build",
-    "prepare": "pnpm -w build && exvite prepare"
+    "dev": "pnpm -w build && wxt",
+    "build": "pnpm -w build && wxt build",
+    "prepare": "pnpm -w build && wxt prepare"
   },
   "dependencies": {
     "webextension-polyfill": "^0.10.0"
   },
   "devDependencies": {
     "@types/webextension-polyfill": "^0.10.0",
-    "exvite": "workspace:*"
+    "wxt": "workspace:*"
   }
 }

demo/tsconfig.json

@@ -1,3 +1,3 @@
 {
-  "extends": ["../tsconfig.base.json", "./src/.exvite/tsconfig.json"]
+  "extends": ["../tsconfig.base.json", "./src/.wxt/tsconfig.json"]
 }

demo/exvite.config.ts renamed to demo/wxt.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from 'exvite';
+import { defineConfig } from 'wxt';
 
 export default defineConfig({
   srcDir: 'src',

e2e/tests/auto-imports.test.ts

@@ -16,11 +16,11 @@ describe('Auto Imports', () => {
 
     await project.build();
 
-    expect(await project.serializeFile('.exvite/types/paths.d.ts'))
+    expect(await project.serializeFile('.wxt/types/paths.d.ts'))
       .toMatchInlineSnapshot(`
-        ".exvite/types/paths.d.ts
+        ".wxt/types/paths.d.ts
         ----------------------------------------
-        // Generated by exvite
+        // Generated by wxt
         type EntrypointPath =
           | \\"/background.js\\"
           | \\"/content-scripts/overlay.js\\"
@@ -35,18 +35,18 @@ describe('Auto Imports', () => {
 
     await project.build();
 
-    expect(await project.serializeFile('.exvite/types/imports.d.ts'))
+    expect(await project.serializeFile('.wxt/types/imports.d.ts'))
       .toMatchInlineSnapshot(`
-      ".exvite/types/imports.d.ts
+      ".wxt/types/imports.d.ts
       ----------------------------------------
-      // Generated by exvite
+      // Generated by wxt
       export {}
       declare global {
         const browser: typeof import('webextension-polyfill')
-        const defineBackgroundScript: typeof import('exvite/client')['defineBackgroundScript']
-        const defineConfig: typeof import('exvite')['defineConfig']
-        const defineContentScript: typeof import('exvite/client')['defineContentScript']
-        const mountContentScriptUi: typeof import('exvite/client')['mountContentScriptUi']
+        const defineBackgroundScript: typeof import('wxt/client')['defineBackgroundScript']
+        const defineConfig: typeof import('wxt')['defineConfig']
+        const defineContentScript: typeof import('wxt/client')['defineContentScript']
+        const mountContentScriptUi: typeof import('wxt/client')['mountContentScriptUi']
       }
       "
     `);

e2e/tests/remote-code.test.ts

@@ -16,7 +16,7 @@ describe('Remote Code', () => {
     );
     expect(output).not.toContain(url);
     expect(
-      await project.fileExists(`.exvite/cache/${encodeURIComponent(url)}`),
+      await project.fileExists(`.wxt/cache/${encodeURIComponent(url)}`),
     ).toBe(true);
   });
 });

e2e/utils.ts

@@ -10,7 +10,7 @@ export class TestProject {
   private readonly root: string;
 
   constructor(root = 'e2e/project') {
-    // We can't put each test's project inside e2e/project directly, otherwise the exvite.config.ts
+    // We can't put each test's project inside e2e/project directly, otherwise the wxt.config.ts
     // file is cached and cannot be different between each test. Instead, we add a random ID to the
     // end to make each test's path unique.
     const id = Math.random().toString(32).substring(3);
@@ -23,7 +23,7 @@ export class TestProject {
           description: 'Example description',
           version: '0.0.0-test',
           dependencies: {
-            exvite: '../../..',
+            wxt: '../../..',
           },
         },
         null,
@@ -33,13 +33,13 @@ export class TestProject {
   }
 
   /**
-   * Add a `exvite.config.ts` to the project with specific contents.
+   * Add a `wxt.config.ts` to the project with specific contents.
    */
   setConfigFileConfig(config: UserConfig = {}) {
     this.config = config;
     this.files.push([
-      'exvite.config.ts',
-      `import { defineConfig } from 'exvite'\n\nexport default defineConfig(${JSON.stringify(
+      'wxt.config.ts',
+      `import { defineConfig } from 'wxt'\n\nexport default defineConfig(${JSON.stringify(
         config,
         null,
         2,
@@ -86,12 +86,12 @@ export class TestProject {
   }
 
   /**
-   * Read all the files from the test project's `.exvite` directory and combine them into a string
+   * Read all the files from the test project's `.wxt` directory and combine them into a string
    * that can be used in a snapshot.
    */
-  serializeExviteDir(): Promise<string> {
+  serializeWxtDir(): Promise<string> {
     return this.serializeDir(
-      resolve(this.config?.srcDir ?? this.root, '.exvite/types'),
+      resolve(this.config?.srcDir ?? this.root, '.wxt/types'),
     );
   }
 

package.json

@@ -1,8 +1,8 @@
 {
-  "name": "exvite",
+  "name": "wxt",
   "type": "module",
   "version": "0.1.0",
-  "description": "Modern JS framework for building web extensions",
+  "description": "Next gen framework for building web extensions",
   "keywords": [
     "vite",
     "chrome",
@@ -34,7 +34,7 @@
     }
   },
   "scripts": {
-    "exvite": "tsx src/cli/index.ts",
+    "wxt": "tsx src/cli/index.ts",
     "build": "run-s -s build:*",
     "build:js": "tsup src/index.ts --sourcemap --dts --format esm,cjs",
     "build:cli": "tsup src/cli/index.ts -d dist/cli --sourcemap",