@crxjs/vite-plugin 1.0.9 → 1.0.12

package/README.md

@@ -1,74 +1,30 @@
-# [rollup-plugin-chrome-extension](https://www.extend-chrome.dev/rollup-plugin)
+# ![CRXJS](./banner-github.png)
 
-[![npm (scoped)](https://img.shields.io/npm/v/rollup-plugin-chrome-extension/beta.svg)](https://www.npmjs.com/package/rollup-plugin-chrome-extension)
-[![GitHub last commit](https://img.shields.io/github/last-commit/crxjs/rollup-plugin-chrome-extension.svg?logo=github)](https://github.com/crxjs/rollup-plugin-chrome-extension)
-![GitHub action badge](https://github.com/crxjs/rollup-plugin-chrome-extension/actions/workflows/vite-plugin.yml/badge.svg)
-[![TypeScript Declarations Included](https://img.shields.io/badge/types-TypeScript-informational)](#typescript)
+[![npm (scoped)](https://img.shields.io/npm/v/rollup-plugin-chrome-extension.svg)](https://www.npmjs.com/package/rollup-plugin-chrome-extension)
+[![GitHub last commit](https://img.shields.io/github/last-commit/crxjs/chrome-extension-tools.svg?logo=github)](https://github.com/crxjs/rollup-plugin-chrome-extension)
+![GitHub action badge](https://github.com/crxjs/chrome-extension-tools/actions/workflows/vite-plugin.yml/badge.svg)
 
-<a href="https://www.extend-chrome.dev/rollup-plugin" rel="noopener">
-  <img width=200px height=200px src="https://imgur.com/wEXnCYK.png" alt="rollup-plugin-chrome-extension logo"></a>
+## CRXJS Vite Plugin
 
-The bundler configuration for a Chrome Extension can be pretty complex. This
-plugin makes it simple.
+> Build a Chrome Extension with [Vite](https://vitejs.dev)⚡
 
-The manifest is front and center. Import your manifest to your config file and
-RPCE will do the rest.
+CRXJS brings the Vite developer experience to Chrome Extensions:
 
-RPCE simplifies project config and supports many of Vite's features in the
-Chrome Extension environment, including HMR.
+- True HMR for extension pages and content scripts
+- Simple config - everything is in the extension manifest
+- Static asset imports with automatic web-accessible resources
 
-## Vite Usage (beta)
+## Getting Started
 
-Vite support is in beta! Check out this
-[90 second getting started guide](https://dev.to/jacksteamdev/create-a-vite-react-chrome-extension-in-90-seconds-3df7).
+See the CRXJS documentation to
+[get started in 90 seconds 🚀](https://crxjs.dev/vite-plugin)
 
-```sh
-npm i rollup-plugin-chrome-extension@beta -D
-```
+## Supporting
 
-```javascript
-// vite.config.js
-
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import { crx } from 'rollup-plugin-chrome-extension'
-import manifest from './manifest.json'
-
-export default defineConfig({
-  plugins: [react(), crx({ manifest })],
-})
-```
-
-Just add new features to your manifest, and RPCE does the rest.
-
-## [Documentation for v3](https://www.extend-chrome.dev/rollup-plugin)
-
-We have
-[v3 boilerplates](https://www.extend-chrome.dev/rollup-plugin#chrome-extension-boilerplates)
-for [React JavaScript](https://github.com/crxjs/js-react-boilerplate),
-[React TypeScript](https://github.com/crxjs/ts-react-boilerplate) and
-[Svelte](https://github.com/kyrelldixon/svelte-tailwind-extension-boilerplate),
-as well as [instructions](https://www.extend-chrome.dev/rollup-plugin#usage) for
-setting up your project.
-
-See the [documentation](https://www.extend-chrome.dev/rollup-plugin) for usage
-and how to get started.
+If these plugins have helped you ship your product faster, please consider
+[sponsoring me](https://github.com/sponsors/jacksteamdev) on GitHub.
 
 ## Contributing
 
-Your help is super welcome!
-
-🎯 Ongoing development is for v4+ only.
-
-👀 Be sure to take a look at the issues before starting to work on a new
-feature.
-
-🙏 Please update the tests to cover bug fixes or new features.
-
-📕 Documentation for v4 has not yet begun, but you can open an issue for help.
-
-✨ If you enjoy using RPCE, please help spread the word!
-
-## Development
-
-This monorepo uses [pnpm](https://pnpm.io/).
+We encourage pull requests! This is a
+[pnpm monorepo](https://pnpm.io/workspaces), so use pnpm instead of Yarn or npm.

package/dist/index.cjs

@@ -70,8 +70,8 @@ async function manifestFiles(manifest, options = {}) {
   const serviceWorker = manifest.background?.service_worker;
   const htmlPages = htmlFiles(manifest);
   const icons = [
-    Object.values(manifest.icons ?? {}),
-    Object.values(manifest.action?.default_icon ?? {})
+    Object.values(isString(manifest.icons) ? [manifest.icons] : manifest.icons ?? {}),
+    Object.values(isString(manifest.action?.default_icon) ? [manifest.action?.default_icon] : manifest.action?.default_icon ?? {})
   ].flat();
   let webAccessibleResources = [];
   if (manifest.web_accessible_resources) {
@@ -3512,7 +3512,9 @@ const pluginBackground = () => {
         if (this.meta.watchMode) {
           if (typeof port === "undefined")
             throw new Error("server port is undefined in watch mode");
-          loader = `import 'http://localhost:${port}${workerClientId}';
+          loader = `import 'http:/localhost:${port}/@vite/env';
+`;
+          loader += `import 'http://localhost:${port}${workerClientId}';
 `;
           if (worker)
             loader += `import 'http://localhost:${port}/${worker}';

package/dist/index.mjs

@@ -37,8 +37,8 @@ async function manifestFiles(manifest, options = {}) {
   const serviceWorker = manifest.background?.service_worker;
   const htmlPages = htmlFiles(manifest);
   const icons = [
-    Object.values(manifest.icons ?? {}),
-    Object.values(manifest.action?.default_icon ?? {})
+    Object.values(isString(manifest.icons) ? [manifest.icons] : manifest.icons ?? {}),
+    Object.values(isString(manifest.action?.default_icon) ? [manifest.action?.default_icon] : manifest.action?.default_icon ?? {})
   ].flat();
   let webAccessibleResources = [];
   if (manifest.web_accessible_resources) {
@@ -3479,7 +3479,9 @@ const pluginBackground = () => {
         if (this.meta.watchMode) {
           if (typeof port === "undefined")
             throw new Error("server port is undefined in watch mode");
-          loader = `import 'http://localhost:${port}${workerClientId}';
+          loader = `import 'http:/localhost:${port}/@vite/env';
+`;
+          loader += `import 'http://localhost:${port}${workerClientId}';
 `;
           if (worker)
             loader += `import 'http://localhost:${port}/${worker}';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crxjs/vite-plugin",
-  "version": "1.0.9",
+  "version": "1.0.12",
   "description": "Build Chrome Extensions with this Vite plugin.",
   "keywords": [
     "rollup-plugin",
@@ -83,24 +83,24 @@
     "@rollup/plugin-commonjs": "21.1.0",
     "@rollup/plugin-node-resolve": "13.2.0",
     "@types/acorn": "4.0.6",
-    "@types/chrome": "0.0.188",
+    "@types/chrome": "0.0.190",
     "@types/debug": "4.1.7",
     "@types/fs-extra": "9.0.13",
-    "@types/jest": "27.5.1",
+    "@types/jest": "27.5.2",
     "@types/jest-image-snapshot": "4.3.1",
     "@types/jsesc": "3.0.1",
     "@types/node": "17.0.18",
     "@types/react": "17.0.44",
     "@types/react-dom": "17.0.17",
-    "@typescript-eslint/eslint-plugin": "5.23.0",
-    "@typescript-eslint/parser": "5.23.0",
+    "@typescript-eslint/eslint-plugin": "5.27.1",
+    "@typescript-eslint/parser": "5.27.1",
     "@vitejs/plugin-react": "1.3.2",
     "@vitejs/plugin-vue": "2.3.3",
-    "esbuild": "0.14.42",
+    "esbuild": "0.14.43",
     "esbuild-runner": "2.2.1",
-    "eslint": "8.15.0",
+    "eslint": "8.17.0",
     "jest": "27.5.1",
-    "jest-image-snapshot": "4.5.1",
+    "jest-image-snapshot": "5.1.0",
     "playwright-chromium": "1.21.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",

package/CHANGELOG.md

@@ -1,67 +0,0 @@
-# @crxjs/vite-plugin
-
-## 1.0.9
-
-### Patch Changes
-
-- 8941353: Remove & refactor use of fs-extra
-
-## 1.0.8
-
-### Patch Changes
-
-- 8a09cb9: Optimize rollup input
-
-## 1.0.7
-
-### Patch Changes
-
-- e1604d8: Strip paths from content script resource match patterns
-
-## 1.0.6
-
-### Patch Changes
-
-- 63d102f: Automatically ignores `build.outDir` for server HMR, so the file
-  writer doesn't trigger a full reload.
-
-  Fixes flaky HMR updates for content scripts; Tailwind should work fine now 🥳
-
-- a1e2728: Fix isImporter recursion
-
-## 1.0.5
-
-### Patch Changes
-
-- 86adbec: Sometimes during development, an extension page may open before the
-  service worker has a chance to control fetch. The HTML file will load from the
-  file system, but the script tag might load from the dev server. This PR adds a
-  precontroller loader plugin to the dev server so that the extension page will
-  reload and the fetch handler will get the real HTML file from the server.
-
-## 1.0.4
-
-### Patch Changes
-
-- b83a4bd: Check for manifest assets first in the project root, then check in
-  the public dir. Throw an informative error if the file does not exist in
-  either dir.
-
-## 1.0.3
-
-### Patch Changes
-
-- 8b2e587: check service worker on interval from extension page
-
-## 1.0.2
-
-### Patch Changes
-
-- be8a1de: Remove unused code that throws when web accessible resources contains
-  an HTML file.
-
-## 1.0.1
-
-### Patch Changes
-
-- d2b4f9e: feat: allow hash in manifest html urls