vite-plugin-vue-devtools 0.0.22 → 0.1.0

package/dist/index.cjs

@@ -13676,7 +13676,7 @@ function getVueDevtoolsPath() {
   const pluginPath = vite.normalizePath(path$3__default.dirname(url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)))));
   return pluginPath.replace(/\/dist$/, "//src/node");
 }
-function PluginVueDevtools() {
+function VitePluginVueDevTools(options = { appendTo: "" }) {
   const vueDevtoolsPath = getVueDevtoolsPath();
   const inspect = Inspect__default({
     silent: true
@@ -13695,8 +13695,8 @@ function PluginVueDevtools() {
       getImageMeta,
       getTextAssetContent,
       getPackages: () => getPackages(config.root),
-      installPackage: (packages, options = {}) => installPackage(packages, {
-        ...options,
+      installPackage: (packages, options2 = {}) => installPackage(packages, {
+        ...options2,
         cwd: config.root,
         callback: (type, data) => {
           if (type === "data")
@@ -13729,7 +13729,18 @@ function PluginVueDevtools() {
       if (id === "virtual:vue-devtools-options")
         return `export default ${JSON.stringify({ base: config.base })}`;
     },
+    transform(code, id) {
+      const { appendTo } = options;
+      if (!appendTo)
+        return;
+      const [filename] = id.split("?", 2);
+      if (typeof appendTo === "string" && filename.endsWith(appendTo) || appendTo instanceof RegExp && appendTo.test(filename))
+        return { code: `${code}
+import 'virtual:vue-devtools-path:app.js'` };
+    },
     transformIndexHtml(html) {
+      if (options.appendTo)
+        return;
       return {
         html,
         tags: [
@@ -13757,4 +13768,4 @@ function PluginVueDevtools() {
   ];
 }
 
-module.exports = PluginVueDevtools;
+module.exports = VitePluginVueDevTools;

package/dist/index.d.ts

@@ -1,5 +1,14 @@
 import { PluginOption } from 'vite';
 
-declare function PluginVueDevtools(): PluginOption;
+interface VitePluginVueDevToolsOptions {
+    /**
+    * append an import to the module id ending with `appendTo` instead of adding a script into body
+    * useful for projects that do not use html file as an entry
+    *
+    * WARNING: only set this if you know exactly what it does.
+    */
+    appendTo?: string | RegExp;
+}
+declare function VitePluginVueDevTools(options?: VitePluginVueDevToolsOptions): PluginOption;
 
-export { PluginVueDevtools as default };
+export { VitePluginVueDevToolsOptions, VitePluginVueDevTools as default };

package/dist/index.mjs

@@ -13650,7 +13650,7 @@ function getVueDevtoolsPath() {
   const pluginPath = normalizePath(path$3$1.dirname(fileURLToPath(import.meta.url)));
   return pluginPath.replace(/\/dist$/, "//src/node");
 }
-function PluginVueDevtools() {
+function VitePluginVueDevTools(options = { appendTo: "" }) {
   const vueDevtoolsPath = getVueDevtoolsPath();
   const inspect = Inspect({
     silent: true
@@ -13669,8 +13669,8 @@ function PluginVueDevtools() {
       getImageMeta,
       getTextAssetContent,
       getPackages: () => getPackages(config.root),
-      installPackage: (packages, options = {}) => installPackage(packages, {
-        ...options,
+      installPackage: (packages, options2 = {}) => installPackage(packages, {
+        ...options2,
         cwd: config.root,
         callback: (type, data) => {
           if (type === "data")
@@ -13703,7 +13703,18 @@ function PluginVueDevtools() {
       if (id === "virtual:vue-devtools-options")
         return `export default ${JSON.stringify({ base: config.base })}`;
     },
+    transform(code, id) {
+      const { appendTo } = options;
+      if (!appendTo)
+        return;
+      const [filename] = id.split("?", 2);
+      if (typeof appendTo === "string" && filename.endsWith(appendTo) || appendTo instanceof RegExp && appendTo.test(filename))
+        return { code: `${code}
+import 'virtual:vue-devtools-path:app.js'` };
+    },
     transformIndexHtml(html) {
+      if (options.appendTo)
+        return;
       return {
         html,
         tags: [
@@ -13731,4 +13742,4 @@ function PluginVueDevtools() {
   ];
 }
 
-export { PluginVueDevtools as default };
+export { VitePluginVueDevTools as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-devtools",
-  "version": "0.0.22",
+  "version": "0.1.0",
   "packageManager": "pnpm@8.4.0",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",
@@ -56,31 +56,31 @@
   },
   "dependencies": {
     "@vueuse/core": "^10.1.2",
-    "algoliasearch": "^4.17.0",
-    "birpc": "^0.2.11",
+    "algoliasearch": "^4.17.1",
+    "birpc": "^0.2.12",
     "execa": "^7.1.1",
     "nanoid": "^4.0.2",
     "sirv": "^2.0.3",
     "splitpanes": "^3.1.5",
     "vite-hot-client": "^0.2.1",
-    "vite-plugin-inspect": "^0.7.26",
-    "vite-plugin-vue-inspector": "^3.4.1",
-    "vue-router": "^4.1.6",
+    "vite-plugin-inspect": "^0.7.28",
+    "vite-plugin-vue-inspector": "^3.4.2",
+    "vue-router": "^4.2.2",
     "xterm": "^5.1.0",
     "xterm-addon-fit": "^0.7.0"
   },
   "devDependencies": {
-    "@algolia/client-search": "^4.17.0",
+    "@algolia/client-search": "^4.17.1",
     "@antfu/eslint-config": "^0.38.5",
     "@antfu/ni": "^0.21.3",
-    "@iconify/json": "^2.2.61",
-    "@nuxt/devtools-ui-kit": "^0.4.5",
+    "@iconify/json": "^2.2.71",
+    "@nuxt/devtools-ui-kit": "^0.5.5",
     "@types/codemirror": "^5.60.7",
-    "@types/node": "^20.1.0",
+    "@types/node": "^20.2.5",
     "@types/splitpanes": "^2.2.1",
-    "@unocss/eslint-config": "^0.51.12",
-    "@unocss/reset": "^0.51.12",
-    "@vitejs/plugin-vue": "^4.2.1",
+    "@unocss/eslint-config": "^0.52.5",
+    "@unocss/reset": "^0.52.5",
+    "@vitejs/plugin-vue": "^4.2.3",
     "bumpp": "^9.1.0",
     "codemirror": "^6.0.1",
     "codemirror-theme-vars": "^0.1.2",
@@ -94,21 +94,21 @@
     "npm-run-all": "^4.1.5",
     "ohash": "^1.1.2",
     "pathe": "^1.1.0",
-    "pinia": "^2.0.35",
-    "pnpm": "^8.4.0",
-    "rimraf": "^5.0.0",
+    "pinia": "^2.1.3",
+    "pnpm": "^8.6.0",
+    "rimraf": "^5.0.1",
     "simple-git-hooks": "^2.8.1",
     "typescript": "^5.0.4",
     "unbuild": "^1.2.1",
-    "unocss": "^0.51.12",
-    "unplugin-auto-import": "^0.15.3",
-    "unplugin-vue-components": "^0.24.1",
+    "unocss": "^0.52.5",
+    "unplugin-auto-import": "^0.16.4",
+    "unplugin-vue-components": "^0.25.0",
     "vis-data": "^7.1.6",
     "vis-network": "^9.1.6",
-    "vite": "^4.3.5",
+    "vite": "^4.3.9",
     "vite-dev-rpc": "^0.1.2",
-    "vite-plugin-pages": "^0.29.0",
-    "vue": "^3.2.47",
+    "vite-plugin-pages": "^0.30.1",
+    "vue": "^3.3.4",
     "vue-virtual-scroller": "2.0.0-beta.8"
   },
   "simple-git-hooks": {