vite-plugin-vue-devtools 7.3.6 → 7.3.7

package/dist/vite.mjs

@@ -1,5 +1,6 @@
 import { fileURLToPath } from 'node:url';
 import path$a, { dirname, resolve as resolve$1 } from 'node:path';
+import fs$8 from 'node:fs';
 import { normalizePath } from 'vite';
 import sirv from 'sirv';
 import Inspect from 'vite-plugin-inspect';
@@ -6879,6 +6880,7 @@ function normalizeWindowsPath(input = "") {
 const _UNC_REGEX = /^[/\\]{2}/;
 const _IS_ABSOLUTE_RE = /^[/\\](?![/\\])|^[/\\]{2}(?!\.)|^[A-Za-z]:[/\\]/;
 const _DRIVE_LETTER_RE = /^[A-Za-z]:$/;
+const _ROOT_FOLDER_RE = /^\/([A-Za-z]:)?$/;
 const normalize = function(path) {
   if (path.length === 0) {
     return ".";
@@ -7013,6 +7015,22 @@ function normalizeString(path, allowAboveRoot) {
 const isAbsolute = function(p) {
   return _IS_ABSOLUTE_RE.test(p);
 };
+const relative = function(from, to) {
+  const _from = resolve(from).replace(_ROOT_FOLDER_RE, "$1").split("/");
+  const _to = resolve(to).replace(_ROOT_FOLDER_RE, "$1").split("/");
+  if (_to[0][1] === ":" && _from[0][1] === ":" && _from[0] !== _to[0]) {
+    return _to.join("/");
+  }
+  const _fromCopy = [..._from];
+  for (const segment of _fromCopy) {
+    if (_to[0] !== segment) {
+      break;
+    }
+    _from.shift();
+    _to.shift();
+  }
+  return [..._from.map(() => ".."), ..._to].join("/");
+};
 
 const decoder = new TextDecoder();
 const toUTF8String = (input, start = 0, end = input.length) => decoder.decode(input.slice(start, end));
@@ -7820,6 +7838,8 @@ function getAssetsFunctions(ctx) {
   async function scan() {
     const dir = resolve(config.root);
     const baseURL = config.base;
+    const publicDir = config.publicDir;
+    const relativePublicDir = publicDir === "" ? "" : `${relative(dir, publicDir)}/`;
     const files = await fg([
       // image
       "**/*.(png|jpg|jpeg|gif|svg|webp|avif|ico|bmp|tiff)",
@@ -7845,15 +7865,16 @@ function getAssetsFunctions(ctx) {
         "**/pnpm-workspace.*"
       ]
     });
-    cache = await Promise.all(files.map(async (path) => {
-      const filePath = resolve(dir, path);
+    cache = await Promise.all(files.map(async (relativePath) => {
+      const filePath = resolve(dir, relativePath);
       const stat = await fsp.lstat(filePath);
-      path = path.startsWith("public/") ? path.slice(7) : path;
+      const path = relativePath.replace(relativePublicDir, "");
       return {
         path,
+        relativePath,
         publicPath: join(baseURL, path),
         filePath,
-        type: guessType(path),
+        type: guessType(relativePath),
         size: stat.size,
         mtime: stat.mtimeMs
       };
@@ -7950,6 +7971,10 @@ function getRpcFunctions(ctx) {
   };
 }
 
+function removeUrlQuery(url) {
+  return url.replace(/\?.*$/, "");
+}
+
 function getVueDevtoolsPath() {
   const pluginPath = normalizePath(path$a.dirname(fileURLToPath(import.meta.url)));
   return pluginPath.replace(/\/dist$/, "//src");
@@ -7962,6 +7987,7 @@ const toggleComboKeysMap = {
 function normalizeComboKeyPrint(toggleComboKey) {
   return toggleComboKey.split("-").map((key) => toggleComboKeysMap[key] || key[0].toUpperCase() + key.slice(1)).join(dim("+"));
 }
+const devtoolsNextResourceSymbol = "?__vue-devtools-next-resource";
 const defaultOptions = {
   appendTo: "",
   componentInspector: true,
@@ -8004,6 +8030,8 @@ function VitePluginVueDevTools(options) {
 `);
     };
   }
+  const devtoolsOptionsImportee = "virtual:vue-devtools-options";
+  const resolvedDevtoolsOptions = `\0${devtoolsOptionsImportee}`;
   const plugin = {
     name: "vite-plugin-vue-devtools",
     enforce: "pre",
@@ -8015,16 +8043,20 @@ function VitePluginVueDevTools(options) {
       configureServer(server);
     },
     async resolveId(importee) {
-      if (importee.startsWith("virtual:vue-devtools-options")) {
-        return importee;
+      if (importee === devtoolsOptionsImportee) {
+        return resolvedDevtoolsOptions;
       } else if (importee.startsWith("virtual:vue-devtools-path:")) {
         const resolved = importee.replace("virtual:vue-devtools-path:", `${vueDevtoolsPath}/`);
-        return resolved;
+        return `${resolved}${devtoolsNextResourceSymbol}`;
       }
     },
     async load(id) {
-      if (id === "virtual:vue-devtools-options")
+      if (id === resolvedDevtoolsOptions) {
         return `export default ${JSON.stringify({ base: config.base, componentInspector: pluginOptions.componentInspector })}`;
+      } else if (id.endsWith(devtoolsNextResourceSymbol)) {
+        const filename = removeUrlQuery(id);
+        return await fs$8.promises.readFile(filename, "utf-8");
+      }
     },
     transform(code, id, options2) {
       if (options2?.ssr)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-vue-devtools",
   "type": "module",
-  "version": "7.3.6",
+  "version": "7.3.7",
   "description": "A vite plugin for Vue DevTools",
   "author": "webfansplz",
   "license": "MIT",
@@ -49,10 +49,10 @@
     "execa": "^8.0.1",
     "sirv": "^2.0.4",
     "vite-plugin-inspect": "^0.8.4",
-    "vite-plugin-vue-inspector": "^5.1.2",
-    "@vue/devtools-core": "^7.3.6",
-    "@vue/devtools-kit": "^7.3.6",
-    "@vue/devtools-shared": "^7.3.6"
+    "vite-plugin-vue-inspector": "^5.1.3",
+    "@vue/devtools-shared": "^7.3.7",
+    "@vue/devtools-core": "^7.3.7",
+    "@vue/devtools-kit": "^7.3.7"
   },
   "devDependencies": {
     "@types/node": "^20.14.10",