upd

Author: crashmax-dev

README.md

@@ -32,12 +32,12 @@ pnpm add vite-userscript-plugin -D
 
 ```js
 import { defineConfig } from 'vite'
-import { UserscriptPlugin } from 'vite-userscript-plugin'
+import Userscript from 'vite-userscript-plugin'
 import { name, version } from './package.json'
 
 export default defineConfig({
   plugins: [
-    UserscriptPlugin({
+    Userscript({
       entry: 'src/index.ts',
       metadata: {
         name,
@@ -88,4 +88,4 @@ export interface UserscriptPluginConfig {
 
 ## Example
 
-See the [example](https://github.com/crashmax-dev/vite-userscript-plugin/tree/master/packages/demo) folder.
+See the [examples](https://github.com/crashmax-dev/vite-userscript-plugin/tree/master/examples) folder.

examples/basic/vite.config.ts

@@ -1,10 +1,10 @@
 import { defineConfig } from 'vite'
-import { UserscriptPlugin } from 'vite-userscript-plugin'
+import Userscript from 'vite-userscript-plugin'
 import { name, version } from './package.json'
 
 export default defineConfig({
   plugins: [
-    UserscriptPlugin({
+    Userscript({
       entry: 'src/index.ts',
       metadata: {
         name,

examples/jsx/vite.config.ts

@@ -1,12 +1,12 @@
 import { defineConfig } from 'vite'
-import redom from 'vite-redom-jsx'
-import { UserscriptPlugin } from 'vite-userscript-plugin'
+import Redom from 'vite-redom-jsx'
+import Userscript from 'vite-userscript-plugin'
 import { name, version } from './package.json'
 
 export default defineConfig({
   plugins: [
-    redom(),
-    UserscriptPlugin({
+    Redom(),
+    Userscript({
       entry: 'src/index.tsx',
       metadata: {
         name,

src/index.ts

@@ -13,7 +13,11 @@ import css from './css.js'
 import { defineGrants, removeDuplicates, transform } from './helpers.js'
 import type { UserscriptPluginConfig } from './types.js'
 
-function UserscriptPlugin(config: UserscriptPluginConfig): PluginOption {
+export type { UserscriptPluginConfig }
+
+export default function UserscriptPlugin(
+  config: UserscriptPluginConfig
+): PluginOption {
   let pluginConfig: ResolvedConfig
   let isBuildWatch: boolean
   let port: number | null = null
@@ -61,6 +65,7 @@ function UserscriptPlugin(config: UserscriptPluginConfig): PluginOption {
       config.metadata.exclude = removeDuplicates(exclude)
       config.metadata.resource = removeDuplicates(resource)
       config.metadata.connect = removeDuplicates(connect)
+      config.autoGrants = config.autoGrants ?? true
     },
     async transform(src: string, path: string) {
       let code = src
@@ -84,8 +89,7 @@ function UserscriptPlugin(config: UserscriptPluginConfig): PluginOption {
           (file as unknown as { modules: string[] }).modules
         )
 
-        const cssModules = modules
-          .filter((module) => regexpStyles.test(module))
+        const cssModules = modules.filter((module) => regexpStyles.test(module))
 
         if (cssModules.length > 0) {
           css.merge(cssModules)
@@ -197,7 +201,3 @@ function UserscriptPlugin(config: UserscriptPluginConfig): PluginOption {
     }
   }
 }
-
-export { UserscriptPlugin }
-export default UserscriptPlugin
-export type { UserscriptPluginConfig }

test/css.test.ts

@@ -1,4 +1,4 @@
-import { test, expect } from 'vitest'
+import { expect, test } from 'vitest'
 import { CSS } from '../src/css.js'
 
 const style1 = `

test/helpers.test.ts

@@ -1,4 +1,4 @@
-import { test, expect } from 'vitest'
+import { expect, test } from 'vitest'
 import { defineGrants, removeDuplicates } from '../src/helpers.js'
 import type { Grants } from '../src/types.js'