vite-userscript-plugin 0.9.1 → 1.1.0

package/README.md

@@ -32,14 +32,14 @@ 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: {
+      header: {
         name,
         version,
         match: [
@@ -67,25 +67,38 @@ export default defineConfig({
 ## Plugin Configuration
 
 ```ts
-export interface UserscriptPluginConfig {
-  /**
-   * Path of userscript entry.
-   */
-  entry: string
-
-  /**
-   * Userscript header config.
-   */
-  metadata: MetadataConfig
-
-  /**
-   * Import all `@grant` in development mode.
-   * @default true
-   */
-  autoGrants?: boolean
+interface ServerConfig {
+    /**
+     * {@link https://github.com/sindresorhus/get-port}
+     */
+    port?: number;
+    /**
+     * @default true
+     */
+    open?: boolean;
+}
+
+interface UserscriptPluginConfig {
+    /**
+     * Path of userscript entry.
+     */
+    entry: string;
+    /**
+     * Userscript header config.
+     */
+    header: HeaderConfig;
+    /**
+     * Server config.
+     */
+    server?: ServerConfig;
+    /**
+     * Import all `@grant` in development mode.
+     * @default true
+     */
+    autoGrants?: boolean;
 }
 ```
 
 ## 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.

package/dist/index.cjs

@@ -1,5 +1,5 @@
-"use strict";var A=Object.create;var G=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var Y=(e,t)=>{for(var r in t)G(e,r,{get:t[r],enumerable:!0})},P=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of N(t))!K.call(e,o)&&o!==r&&G(e,o,{get:()=>t[o],enumerable:!(n=B(t,o))||n.enumerable});return e};var R=(e,t,r)=>(r=e!=null?A(z(e)):{},P(t||!e||!e.__esModule?G(r,"default",{value:e,enumerable:!0}):r,e)),I=e=>P(G({},"__esModule",{value:!0}),e);var H={};Y(H,{UserscriptPlugin:()=>F,default:()=>J});module.exports=I(H);var U=R(require("get-port"),1),p=require("fs"),L=require("http"),m=require("path"),v=require("url"),k=R(require("sanitize-filename"),1),q=require("websocket");function S(e){let t=[],r=Object.keys(e),n=Math.max(...r.map(a=>a.length))+1,o=a=>" ".repeat(n-a.length),g=(a,i)=>{let s=typeof i=="boolean";s&&!i||(i=s?"":o(a)+i.toString(),t.push(`// @${a}${i}`))};for(let[a,i]of Object.entries(e))if(Array.isArray(i))i.forEach(s=>g(a,s));else{if(i===void 0)continue;g(a,i)}return["// ==UserScript==",...t,"// ==/UserScript=="].join(`
-`)}var C=new RegExp(/.(t|j)sx?/),$=new RegExp(/\.(s?css|sass)$/),w=["unsafeWindow","window.onurlchange","window.focus","window.close","GM_setValue","GM_getValue","GM_deleteValue","GM_listValues","GM_setClipboard","GM_addStyle","GM_addElement","GM_addValueChangeListener","GM_removeValueChangeListener","GM_registerMenuCommand","GM_unregisterMenuCommand","GM_download","GM_getTab","GM_getTabs","GM_saveTab","GM_openInTab","GM_notification","GM_getResourceURL","GM_getResourceText","GM_xmlhttpRequest","GM_webRequest","GM_log","GM_info"];var T=require("vite");function c(e){return[...new Set(Array.isArray(e)?e:e?[e]:[])]}async function h({file:e,name:t,loader:r}){let{code:n}=await(0,T.transformWithEsbuild)(e,t,{loader:r,minify:!0});return n}function O(e){let t=[];for(let r of w)e.indexOf(r)!==-1&&t.push(r);return t}var j=class{styles=new Map;async add(t,r){let n=await h({file:t,name:r,loader:"css"});return this.styles.set(r,n.replace(`
-`,"")),""}inject(){return this.styles.size?`GM_addStyle(\`${[...this.styles.values()].join("")}\`)`:void 0}merge(t){let r=[];for(let n of t){let o=this.styles.get(n);!o||r.push([n,o])}this.styles.clear(),r.forEach(n=>this.styles.set(...n))}},x=new j;var E={};function F(e){let t,r,n=null,o=null,g=(0,L.createServer)(),a=q.server;return new a({httpServer:g}).on("request",s=>{o=s.accept(null,s.origin)}),{name:"vite-userscript-plugin",apply:"build",config(){return{build:{lib:{entry:e.entry,name:e.metadata.name,formats:["iife"],fileName:()=>`${e.metadata.name}.js`},rollupOptions:{output:{extend:!0}}}}},configResolved(s){t=s,r=s.build.watch??!1;let{name:d,match:l,require:f,include:y,exclude:_,resource:M,connect:b}=e.metadata;e.entry=(0,m.resolve)(s.root,e.entry),e.metadata.name=(0,k.default)(d),e.metadata.match=c(l),e.metadata.require=c(f),e.metadata.include=c(y),e.metadata.exclude=c(_),e.metadata.resource=c(M),e.metadata.connect=c(b)},async transform(s,d){let l=s;return $.test(d)&&(l=await x.add(s,d)),d.includes(e.entry)&&(l=s+"__STYLE__"),{code:l,map:null}},generateBundle(s,d){for(let[l,f]of Object.entries(d)){let y=Object.keys(f.modules);x.merge(y)}},async writeBundle(s,d){!n&&r&&(n=await(0,U.default)(),g.listen(n));for(let[l]of Object.entries(d))if(C.test(l)){let f=t.root,y=t.build.outDir||"dist",_=(0,m.resolve)(f,y,l),M=(0,m.resolve)((0,m.dirname)((0,v.fileURLToPath)(E.url)),`hot-reload-${e.metadata.name}.js`),b=(0,m.resolve)(f,y,`${e.metadata.name}.proxy.user.js`),V=(0,m.resolve)(f,y,`${e.metadata.name}.user.js`);try{let u=(0,p.readFileSync)(_,"utf8");if(e.metadata.grant=c(r?w:e.autoGrants??!0?O(u):[...e.metadata.grant??[],"GM_addStyle","GM_info"]),r){let D=(0,p.readFileSync)((0,m.resolve)((0,m.dirname)((0,v.fileURLToPath)(E.url)),"hot-reload.js"),"utf8"),W=await h({file:D.replace("__WS__",`ws://localhost:${n}`),name:M,loader:"js"});(0,p.writeFileSync)(M,W),(0,p.writeFileSync)(b,S({...e.metadata,require:[...e.metadata.require,"file://"+M,"file://"+_]}))}u=u.replace("__STYLE__",`${x.inject()}`),u=await h({file:u,name:l,loader:"js"}),(0,p.writeFileSync)(_,u),(0,p.writeFileSync)(V,`${S(e.metadata)}
+"use strict";var J=Object.create;var x=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var te=(e,t)=>{for(var r in t)x(e,r,{get:t[r],enumerable:!0})},O=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of X(t))!ee.call(e,o)&&o!==r&&x(e,o,{get:()=>t[o],enumerable:!(s=Q(t,o))||s.enumerable});return e};var M=(e,t,r)=>(r=e!=null?J(Z(e)):{},O(t||!e||!e.__esModule?x(r,"default",{value:e,enumerable:!0}):r,e)),re=e=>O(x({},"__esModule",{value:!0}),e);var ne={};te(ne,{default:()=>H});module.exports=re(ne);var F=M(require("get-port"),1),f=require("fs"),q=require("http"),d=require("path"),P=require("url"),D=M(require("open"),1),T=M(require("picocolors"),1),V=M(require("sanitize-filename"),1),W=M(require("serve-handler"),1),A=require("vite"),B=require("websocket");function $(e){let t=[],r=Object.keys(e),s=Math.max(...r.map(i=>i.length))+1,o=i=>" ".repeat(s-i.length),g=(i,a)=>{let n=typeof a=="boolean";n&&!a||(a=n?"":o(i)+a.toString(),t.push(`// @${i}${a}`))};for(let[i,a]of Object.entries(e))if(Array.isArray(a))a.forEach(n=>g(i,n));else{if(a===void 0)continue;g(i,a)}return["// ==UserScript==",...t,"// ==/UserScript=="].join(`
+`)}var E=new RegExp(/.(t|j)sx?/),R=new RegExp(/\.(s?css|sass)$/),b=["unsafeWindow","window.onurlchange","window.focus","window.close","GM_setValue","GM_getValue","GM_deleteValue","GM_listValues","GM_setClipboard","GM_addStyle","GM_addElement","GM_addValueChangeListener","GM_removeValueChangeListener","GM_registerMenuCommand","GM_unregisterMenuCommand","GM_download","GM_getTab","GM_getTabs","GM_saveTab","GM_openInTab","GM_notification","GM_getResourceURL","GM_getResourceText","GM_xmlhttpRequest","GM_webRequest","GM_log","GM_info"];var L=require("vite");function p(e){return[...new Set(Array.isArray(e)?e:e?[e]:[])]}async function w({file:e,name:t,loader:r}){let{code:s}=await(0,L.transformWithEsbuild)(e,t,{loader:r,minify:!0});return s}function U(e){let t=[];for(let r of b)e.indexOf(r)!==-1&&t.push(r);return t}var C=class{styles=new Map;async add(t,r){let s=await w({file:t,name:r,loader:"css"});return this.styles.set(r,s.replace(`
+`,"")),""}inject(){return this.styles.size?`GM_addStyle(\`${[...this.styles.values()].join("")}\`)`:void 0}merge(t){let r=[];for(let s of t){let o=this.styles.get(s);!o||r.push([s,o])}this.styles.clear(),r.forEach(s=>this.styles.set(...s))}},S=new C;var k={};function H(e){let t,r,s=null,o=(0,A.createLogger)("info",{prefix:"[vite-userscript-plugin]",allowClearScreen:!0}),g=(0,q.createServer)((n,l)=>(0,W.default)(n,l,{public:t.build.outDir})),i=B.server;return new i({httpServer:g}).on("request",n=>{s=n.accept(null,n.origin)}),{name:"vite-userscript-plugin",apply:"build",config(){return{build:{lib:{entry:e.entry,name:e.header.name,formats:["iife"],fileName:()=>`${e.header.name}.js`},rollupOptions:{output:{extend:!0}}}}},async configResolved(n){t=n,r=n.build.watch??!1;let{name:l,match:m,require:y,include:_,exclude:u,resource:h,connect:G}=e.header;e.entry=(0,d.resolve)(n.root,e.entry),e.header.name=(0,V.default)(l),e.header.match=p(m),e.header.require=p(y),e.header.include=p(_),e.header.exclude=p(u),e.header.resource=p(h),e.header.connect=p(G),e.autoGrants=e.autoGrants??!0,e.server={port:await(0,F.default)(),open:!0,...e.server}},async transform(n,l){let m=n;return R.test(l)&&(m=await S.add(n,l)),l.includes(e.entry)&&(m=n+"__STYLE__"),{code:m,map:null}},generateBundle(n,l){for(let[m,y]of Object.entries(l)){let u=Object.keys(y.modules).filter(h=>R.test(h));u.length>0&&S.merge(u)}},async writeBundle(n,l){let{open:m,port:y}=e.server,_=`${e.header.name}.proxy.user.js`;for(let[u]of Object.entries(l))if(E.test(u)){let h=t.root,G=t.build.outDir,N=`${e.header.name}.user.js`,j=(0,d.resolve)(h,G,u),z=(0,d.resolve)(h,G,_),K=(0,d.resolve)(h,G,N),v=(0,d.resolve)((0,d.dirname)((0,P.fileURLToPath)(k.url)),`hot-reload-${e.header.name}.js`);try{let c=(0,f.readFileSync)(j,"utf8");if(e.header.grant=p(r?b:e.autoGrants??!0?U(c):[...e.header.grant??[],"GM_addStyle","GM_info"]),r){let Y=(0,f.readFileSync)((0,d.resolve)((0,d.dirname)((0,P.fileURLToPath)(k.url)),"hot-reload.js"),"utf8"),I=await w({file:Y.replace("__WS__",`ws://localhost:${y}`),name:v,loader:"js"});(0,f.writeFileSync)(v,I),(0,f.writeFileSync)(z,$({...e.header,require:[...e.header.require,"file://"+v,"file://"+j]}))}c=c.replace("__STYLE__",`${S.inject()}`),c=await w({file:c,name:u,loader:"js"}),(0,f.writeFileSync)(j,c),(0,f.writeFileSync)(K,`${$(e.header)}
 
-${u}`)}catch(u){console.log(u)}}r||(g.close(),process.exit(0))},buildEnd(){o&&o.sendUTF(JSON.stringify({message:"reload"}))}}}var J=F;0&&(module.exports={UserscriptPlugin});
+${c}`)}catch(c){console.log(c)}}if(r&&!g.listening){let u=`http://localhost:${y}`;g.listen(y,()=>{o.clearScreen("info"),o.info(T.default.blue(`Running at: ${T.default.gray(u)}`))}),m&&await(0,D.default)(`${u}/${_}`)}else r||(g.close(),process.exit(0))},buildEnd(){r&&(o.clearScreen("info"),s&&s.sendUTF(JSON.stringify({message:"reload"})))}}}0&&(module.exports={});

package/dist/index.d.ts

@@ -4,7 +4,7 @@ declare const grants: readonly ["unsafeWindow", "window.onurlchange", "window.fo
 
 declare type RunAt = 'document-start' | 'document-body' | 'document-end' | 'document-idle' | 'context-menu';
 declare type Grants = typeof grants[number];
-declare type MetadataConfig = {
+declare type HeaderConfig = {
     [property: string]: string | boolean | number | string[] | undefined;
     /**
      * The name of the script.
@@ -187,6 +187,16 @@ declare type MetadataConfig = {
      */
     'run-at'?: RunAt;
 };
+interface ServerConfig {
+    /**
+     * {@link https://github.com/sindresorhus/get-port}
+     */
+    port?: number;
+    /**
+     * @default true
+     */
+    open?: boolean;
+}
 interface UserscriptPluginConfig {
     /**
      * Path of userscript entry.
@@ -195,7 +205,11 @@ interface UserscriptPluginConfig {
     /**
      * Userscript header config.
      */
-    metadata: MetadataConfig;
+    header: HeaderConfig;
+    /**
+     * Server config.
+     */
+    server?: ServerConfig;
     /**
      * Import all `@grant` in development mode.
      * @default true
@@ -205,4 +219,4 @@ interface UserscriptPluginConfig {
 
 declare function UserscriptPlugin(config: UserscriptPluginConfig): PluginOption;
 
-export { UserscriptPlugin, UserscriptPluginConfig, UserscriptPlugin as default };
+export { UserscriptPluginConfig, UserscriptPlugin as default };

package/dist/index.js

@@ -1,5 +1,5 @@
-import L from"get-port";import{readFileSync as R,writeFileSync as w}from"fs";import{createServer as k}from"http";import{dirname as C,resolve as y}from"path";import{fileURLToPath as $}from"url";import q from"sanitize-filename";import{server as F}from"websocket";function b(e){let n=[],t=Object.keys(e),s=Math.max(...t.map(o=>o.length))+1,d=o=>" ".repeat(s-o.length),f=(o,a)=>{let r=typeof a=="boolean";r&&!a||(a=r?"":d(o)+a.toString(),n.push(`// @${o}${a}`))};for(let[o,a]of Object.entries(e))if(Array.isArray(a))a.forEach(r=>f(o,r));else{if(a===void 0)continue;f(o,a)}return["// ==UserScript==",...n,"// ==/UserScript=="].join(`
-`)}var j=new RegExp(/.(t|j)sx?/),v=new RegExp(/\.(s?css|sass)$/),h=["unsafeWindow","window.onurlchange","window.focus","window.close","GM_setValue","GM_getValue","GM_deleteValue","GM_listValues","GM_setClipboard","GM_addStyle","GM_addElement","GM_addValueChangeListener","GM_removeValueChangeListener","GM_registerMenuCommand","GM_unregisterMenuCommand","GM_download","GM_getTab","GM_getTabs","GM_saveTab","GM_openInTab","GM_notification","GM_getResourceURL","GM_getResourceText","GM_xmlhttpRequest","GM_webRequest","GM_log","GM_info"];import{transformWithEsbuild as U}from"vite";function u(e){return[...new Set(Array.isArray(e)?e:e?[e]:[])]}async function M({file:e,name:n,loader:t}){let{code:s}=await U(e,n,{loader:t,minify:!0});return s}function P(e){let n=[];for(let t of h)e.indexOf(t)!==-1&&n.push(t);return n}var S=class{styles=new Map;async add(n,t){let s=await M({file:n,name:t,loader:"css"});return this.styles.set(t,s.replace(`
-`,"")),""}inject(){return this.styles.size?`GM_addStyle(\`${[...this.styles.values()].join("")}\`)`:void 0}merge(n){let t=[];for(let s of n){let d=this.styles.get(s);!d||t.push([s,d])}this.styles.clear(),t.forEach(s=>this.styles.set(...s))}},G=new S;function V(e){let n,t,s=null,d=null,f=k(),o=F;return new o({httpServer:f}).on("request",r=>{d=r.accept(null,r.origin)}),{name:"vite-userscript-plugin",apply:"build",config(){return{build:{lib:{entry:e.entry,name:e.metadata.name,formats:["iife"],fileName:()=>`${e.metadata.name}.js`},rollupOptions:{output:{extend:!0}}}}},configResolved(r){n=r,t=r.build.watch??!1;let{name:l,match:i,require:c,include:p,exclude:g,resource:_,connect:x}=e.metadata;e.entry=y(r.root,e.entry),e.metadata.name=q(l),e.metadata.match=u(i),e.metadata.require=u(c),e.metadata.include=u(p),e.metadata.exclude=u(g),e.metadata.resource=u(_),e.metadata.connect=u(x)},async transform(r,l){let i=r;return v.test(l)&&(i=await G.add(r,l)),l.includes(e.entry)&&(i=r+"__STYLE__"),{code:i,map:null}},generateBundle(r,l){for(let[i,c]of Object.entries(l)){let p=Object.keys(c.modules);G.merge(p)}},async writeBundle(r,l){!s&&t&&(s=await L(),f.listen(s));for(let[i]of Object.entries(l))if(j.test(i)){let c=n.root,p=n.build.outDir||"dist",g=y(c,p,i),_=y(C($(import.meta.url)),`hot-reload-${e.metadata.name}.js`),x=y(c,p,`${e.metadata.name}.proxy.user.js`),T=y(c,p,`${e.metadata.name}.user.js`);try{let m=R(g,"utf8");if(e.metadata.grant=u(t?h:e.autoGrants??!0?P(m):[...e.metadata.grant??[],"GM_addStyle","GM_info"]),t){let O=R(y(C($(import.meta.url)),"hot-reload.js"),"utf8"),E=await M({file:O.replace("__WS__",`ws://localhost:${s}`),name:_,loader:"js"});w(_,E),w(x,b({...e.metadata,require:[...e.metadata.require,"file://"+_,"file://"+g]}))}m=m.replace("__STYLE__",`${G.inject()}`),m=await M({file:m,name:i,loader:"js"}),w(g,m),w(T,`${b(e.metadata)}
+import V from"get-port";import{readFileSync as P,writeFileSync as x}from"fs";import{createServer as W}from"http";import{dirname as T,resolve as y}from"path";import{fileURLToPath as O}from"url";import A from"open";import E from"picocolors";import B from"sanitize-filename";import H from"serve-handler";import{createLogger as N}from"vite";import{server as z}from"websocket";function j(e){let n=[],t=Object.keys(e),s=Math.max(...t.map(o=>o.length))+1,d=o=>" ".repeat(s-o.length),p=(o,i)=>{let r=typeof i=="boolean";r&&!i||(i=r?"":d(o)+i.toString(),n.push(`// @${o}${i}`))};for(let[o,i]of Object.entries(e))if(Array.isArray(i))i.forEach(r=>p(o,r));else{if(i===void 0)continue;p(o,i)}return["// ==UserScript==",...n,"// ==/UserScript=="].join(`
+`)}var R=new RegExp(/.(t|j)sx?/),v=new RegExp(/\.(s?css|sass)$/),M=["unsafeWindow","window.onurlchange","window.focus","window.close","GM_setValue","GM_getValue","GM_deleteValue","GM_listValues","GM_setClipboard","GM_addStyle","GM_addElement","GM_addValueChangeListener","GM_removeValueChangeListener","GM_registerMenuCommand","GM_unregisterMenuCommand","GM_download","GM_getTab","GM_getTabs","GM_saveTab","GM_openInTab","GM_notification","GM_getResourceURL","GM_getResourceText","GM_xmlhttpRequest","GM_webRequest","GM_log","GM_info"];import{transformWithEsbuild as D}from"vite";function m(e){return[...new Set(Array.isArray(e)?e:e?[e]:[])]}async function G({file:e,name:n,loader:t}){let{code:s}=await D(e,n,{loader:t,minify:!0});return s}function C(e){let n=[];for(let t of M)e.indexOf(t)!==-1&&n.push(t);return n}var $=class{styles=new Map;async add(n,t){let s=await G({file:n,name:t,loader:"css"});return this.styles.set(t,s.replace(`
+`,"")),""}inject(){return this.styles.size?`GM_addStyle(\`${[...this.styles.values()].join("")}\`)`:void 0}merge(n){let t=[];for(let s of n){let d=this.styles.get(s);!d||t.push([s,d])}this.styles.clear(),t.forEach(s=>this.styles.set(...s))}},w=new $;function K(e){let n,t,s=null,d=N("info",{prefix:"[vite-userscript-plugin]",allowClearScreen:!0}),p=W((r,a)=>H(r,a,{public:n.build.outDir})),o=z;return new o({httpServer:p}).on("request",r=>{s=r.accept(null,r.origin)}),{name:"vite-userscript-plugin",apply:"build",config(){return{build:{lib:{entry:e.entry,name:e.header.name,formats:["iife"],fileName:()=>`${e.header.name}.js`},rollupOptions:{output:{extend:!0}}}}},async configResolved(r){n=r,t=r.build.watch??!1;let{name:a,match:c,require:f,include:h,exclude:l,resource:g,connect:_}=e.header;e.entry=y(r.root,e.entry),e.header.name=B(a),e.header.match=m(c),e.header.require=m(f),e.header.include=m(h),e.header.exclude=m(l),e.header.resource=m(g),e.header.connect=m(_),e.autoGrants=e.autoGrants??!0,e.server={port:await V(),open:!0,...e.server}},async transform(r,a){let c=r;return v.test(a)&&(c=await w.add(r,a)),a.includes(e.entry)&&(c=r+"__STYLE__"),{code:c,map:null}},generateBundle(r,a){for(let[c,f]of Object.entries(a)){let l=Object.keys(f.modules).filter(g=>v.test(g));l.length>0&&w.merge(l)}},async writeBundle(r,a){let{open:c,port:f}=e.server,h=`${e.header.name}.proxy.user.js`;for(let[l]of Object.entries(a))if(R.test(l)){let g=n.root,_=n.build.outDir,L=`${e.header.name}.user.js`,b=y(g,_,l),U=y(g,_,h),k=y(g,_,L),S=y(T(O(import.meta.url)),`hot-reload-${e.header.name}.js`);try{let u=P(b,"utf8");if(e.header.grant=m(t?M:e.autoGrants??!0?C(u):[...e.header.grant??[],"GM_addStyle","GM_info"]),t){let F=P(y(T(O(import.meta.url)),"hot-reload.js"),"utf8"),q=await G({file:F.replace("__WS__",`ws://localhost:${f}`),name:S,loader:"js"});x(S,q),x(U,j({...e.header,require:[...e.header.require,"file://"+S,"file://"+b]}))}u=u.replace("__STYLE__",`${w.inject()}`),u=await G({file:u,name:l,loader:"js"}),x(b,u),x(k,`${j(e.header)}
 
-${m}`)}catch(m){console.log(m)}}t||(f.close(),process.exit(0))},buildEnd(){d&&d.sendUTF(JSON.stringify({message:"reload"}))}}}var se=V;export{V as UserscriptPlugin,se as default};
+${u}`)}catch(u){console.log(u)}}if(t&&!p.listening){let l=`http://localhost:${f}`;p.listen(f,()=>{d.clearScreen("info"),d.info(E.blue(`Running at: ${E.gray(l)}`))}),c&&await A(`${l}/${h}`)}else t||(p.close(),process.exit(0))},buildEnd(){t&&(d.clearScreen("info"),s&&s.sendUTF(JSON.stringify({message:"reload"})))}}}export{K as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-userscript-plugin",
-  "version": "0.9.1",
+  "version": "1.1.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.cjs",
@@ -36,19 +36,25 @@
   "dependencies": {
     "@types/tampermonkey": "^4.0.5",
     "get-port": "^6.1.2",
+    "open": "^8.4.0",
+    "picocolors": "^1.0.0",
     "sanitize-filename": "^1.6.3",
+    "serve-handler": "^6.1.3",
     "websocket": "^1.0.34"
   },
   "devDependencies": {
     "@crashmax/prettier-config": "^2.0.3",
     "@crashmax/tsconfig": "^1.0.2",
     "@types/node": "^18.7.13",
+    "@types/serve-handler": "^6.1.1",
     "@types/websocket": "^1.0.5",
-    "tsup": "^6.2.2",
+    "@vitest/ui": "^0.22.1",
+    "tsup": "^6.2.3",
     "turbo": "^1.4.3",
-    "typescript": "^4.7.4",
+    "typescript": "^4.8.2",
     "vite": "^3.0.9",
-    "vite-plugin-dts": "^1.4.1"
+    "vite-plugin-dts": "^1.4.1",
+    "vitest": "^0.22.1"
   },
   "peerDependencies": {
     "@types/tampermonkey": ">=4.0.0",
@@ -57,6 +63,8 @@
   "scripts": {
     "dev": "tsup --watch",
     "build": "tsup",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
     "examples:dev": "turbo run dev --filter='./examples/*'",
     "examples:build": "turbo run build --filter='./examples/*'",
     "format": "prettier --write --ignore-unknown **"