@nuxt/devtools 4.0.0-alpha.3 → 4.0.0-alpha.6

package/dist/chunks/analyze-build.mjs

@@ -2,7 +2,6 @@ import { addVitePlugin } from '@nuxt/kit';
 import { resolve, join } from 'pathe';
 import { readdir, lstat } from 'node:fs/promises';
 import { createVitePluginInspect } from './vite-inspect.mjs';
-import '@nuxt/devtools-kit';
 
 async function getFolderSize(dir) {
   const dirents = await readdir(dir, {

package/dist/chunks/module-main.mjs

@@ -6,7 +6,7 @@ import { colors } from 'consola/utils';
 import { join, dirname, resolve, isAbsolute } from 'pathe';
 import sirv from 'sirv';
 import { searchForWorkspaceRoot } from 'vite';
-import { d as defaultAllowedExtensions, a as defaultTabOptions } from '../shared/devtools.DClER4Dv.mjs';
+import { d as defaultAllowedExtensions, a as defaultTabOptions } from '../shared/devtools.nEotcg1R.mjs';
 import { runtimeDir, clientDir, packageDir } from '../dirs.mjs';
 import { startSubprocess } from '@nuxt/devtools-kit';
 import { x } from 'tinyexec';
@@ -30,10 +30,10 @@ import { getDefaultExportOptions, addNuxtModule } from 'magicast/helpers';
 import semver from 'semver';
 import { normalizeBaseKey, normalizeKey } from 'unstorage';
 
-const version$1 = "4.0.0-alpha.3";
+const version$1 = "4.0.0-alpha.6";
 
 const COLON_RE = /:/g;
-function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
+function setupAnalyzeBuildRPC({ nuxt, refresh }) {
   let builds = [];
   let promise;
   let initalized;
@@ -127,8 +127,7 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
         builds
       };
     },
-    async clearAnalyzeBuilds(token, names) {
-      await ensureDevAuthToken(token);
+    async clearAnalyzeBuilds(names) {
       if (!names) {
         await fs.rm(devtoolsAnalyzeDir, { recursive: true, force: true });
       } else {
@@ -139,14 +138,13 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
       refresh("getAnalyzeBuildInfo");
     },
     generateAnalyzeBuildName,
-    async startAnalyzeBuild(token, ...args) {
-      await ensureDevAuthToken(token);
+    async startAnalyzeBuild(...args) {
       return startAnalyzeBuild(...args);
     }
   };
 }
 
-function setupAssetsRPC({ nuxt, ensureDevAuthToken, refresh, options }) {
+function setupAssetsRPC({ nuxt, refresh, options }) {
   const _imageMetaCache = /* @__PURE__ */ new Map();
   let cache = null;
   const extensions = options.assets?.uploadExtensions || defaultAllowedExtensions;
@@ -202,8 +200,7 @@ function setupAssetsRPC({ nuxt, ensureDevAuthToken, refresh, options }) {
     async getStaticAssets() {
       return await scan();
     },
-    async getImageMeta(token, filepath) {
-      await ensureDevAuthToken(token);
+    async getImageMeta(filepath) {
       if (_imageMetaCache.has(filepath))
         return _imageMetaCache.get(filepath);
       try {
@@ -216,8 +213,7 @@ function setupAssetsRPC({ nuxt, ensureDevAuthToken, refresh, options }) {
         return void 0;
       }
     },
-    async getTextAssetContent(token, filepath, limit = 300) {
-      await ensureDevAuthToken(token);
+    async getTextAssetContent(filepath, limit = 300) {
       try {
         const content = await fs.readFile(filepath, "utf-8");
         return content.slice(0, limit);
@@ -226,8 +222,7 @@ function setupAssetsRPC({ nuxt, ensureDevAuthToken, refresh, options }) {
         return void 0;
       }
     },
-    async writeStaticAssets(token, files, folder) {
-      await ensureDevAuthToken(token);
+    async writeStaticAssets(files, folder) {
       const baseDir = resolve(nuxt.options.srcDir, nuxt.options.dir.public + folder);
       return await Promise.all(
         files.map(async ({ path, content, encoding, override }) => {
@@ -258,12 +253,10 @@ You can configure it in Nuxt config at \`devtools.assets.uploadExtensions\`.`);
         })
       );
     },
-    async deleteStaticAsset(token, path) {
-      await ensureDevAuthToken(token);
+    async deleteStaticAsset(path) {
       return await fs.unlink(path);
     },
-    async renameStaticAsset(token, oldPath, newPath) {
-      await ensureDevAuthToken(token);
+    async renameStaticAsset(oldPath, newPath) {
       const exist = cache?.find((asset) => asset.filePath === newPath);
       if (exist)
         throw new Error(`[Nuxt DevTools] File ${newPath} already exists, failed to rename`);
@@ -1241,10 +1234,10 @@ var pp$8 = Parser.prototype;
 // to its body instead of creating a new node.
 
 pp$8.parseTopLevel = function(node) {
-  var exports$1 = Object.create(null);
+  var exports = Object.create(null);
   if (!node.body) { node.body = []; }
   while (this.type !== types$1.eof) {
-    var stmt = this.parseStatement(null, true, exports$1);
+    var stmt = this.parseStatement(null, true, exports);
     node.body.push(stmt);
   }
   if (this.inModule)
@@ -1352,7 +1345,7 @@ pp$8.isUsing = function(isFor) {
 // `if (foo) /blah/.exec(foo)`, where looking at the previous token
 // does not help.
 
-pp$8.parseStatement = function(context, topLevel, exports$1) {
+pp$8.parseStatement = function(context, topLevel, exports) {
   var starttype = this.type, node = this.startNode(), kind;
 
   if (this.isLet(context)) {
@@ -1407,7 +1400,7 @@ pp$8.parseStatement = function(context, topLevel, exports$1) {
       if (!this.inModule)
         { this.raise(this.start, "'import' and 'export' may appear only with 'sourceType: module'"); }
     }
-    return starttype === types$1._import ? this.parseImport(node) : this.parseExport(node, exports$1)
+    return starttype === types$1._import ? this.parseImport(node) : this.parseExport(node, exports)
 
     // If the statement does not start with a statement keyword or a
     // brace, it's an ExpressionStatement or LabeledStatement. We
@@ -2168,11 +2161,11 @@ function checkKeyName(node, name) {
 
 // Parses module export declaration.
 
-pp$8.parseExportAllDeclaration = function(node, exports$1) {
+pp$8.parseExportAllDeclaration = function(node, exports) {
   if (this.options.ecmaVersion >= 11) {
     if (this.eatContextual("as")) {
       node.exported = this.parseModuleExportName();
-      this.checkExport(exports$1, node.exported, this.lastTokStart);
+      this.checkExport(exports, node.exported, this.lastTokStart);
     } else {
       node.exported = null;
     }
@@ -2186,14 +2179,14 @@ pp$8.parseExportAllDeclaration = function(node, exports$1) {
   return this.finishNode(node, "ExportAllDeclaration")
 };
 
-pp$8.parseExport = function(node, exports$1) {
+pp$8.parseExport = function(node, exports) {
   this.next();
   // export * from '...'
   if (this.eat(types$1.star)) {
-    return this.parseExportAllDeclaration(node, exports$1)
+    return this.parseExportAllDeclaration(node, exports)
   }
   if (this.eat(types$1._default)) { // export default ...
-    this.checkExport(exports$1, "default", this.lastTokStart);
+    this.checkExport(exports, "default", this.lastTokStart);
     node.declaration = this.parseExportDefaultDeclaration();
     return this.finishNode(node, "ExportDefaultDeclaration")
   }
@@ -2201,16 +2194,16 @@ pp$8.parseExport = function(node, exports$1) {
   if (this.shouldParseExportStatement()) {
     node.declaration = this.parseExportDeclaration(node);
     if (node.declaration.type === "VariableDeclaration")
-      { this.checkVariableExport(exports$1, node.declaration.declarations); }
+      { this.checkVariableExport(exports, node.declaration.declarations); }
     else
-      { this.checkExport(exports$1, node.declaration.id, node.declaration.id.start); }
+      { this.checkExport(exports, node.declaration.id, node.declaration.id.start); }
     node.specifiers = [];
     node.source = null;
     if (this.options.ecmaVersion >= 16)
       { node.attributes = []; }
   } else { // export { x, y as z } [from '...']
     node.declaration = null;
-    node.specifiers = this.parseExportSpecifiers(exports$1);
+    node.specifiers = this.parseExportSpecifiers(exports);
     if (this.eatContextual("from")) {
       if (this.type !== types$1.string) { this.unexpected(); }
       node.source = this.parseExprAtom();
@@ -2260,47 +2253,47 @@ pp$8.parseExportDefaultDeclaration = function() {
   }
 };
 
-pp$8.checkExport = function(exports$1, name, pos) {
-  if (!exports$1) { return }
+pp$8.checkExport = function(exports, name, pos) {
+  if (!exports) { return }
   if (typeof name !== "string")
     { name = name.type === "Identifier" ? name.name : name.value; }
-  if (hasOwn(exports$1, name))
+  if (hasOwn(exports, name))
     { this.raiseRecoverable(pos, "Duplicate export '" + name + "'"); }
-  exports$1[name] = true;
+  exports[name] = true;
 };
 
-pp$8.checkPatternExport = function(exports$1, pat) {
+pp$8.checkPatternExport = function(exports, pat) {
   var type = pat.type;
   if (type === "Identifier")
-    { this.checkExport(exports$1, pat, pat.start); }
+    { this.checkExport(exports, pat, pat.start); }
   else if (type === "ObjectPattern")
     { for (var i = 0, list = pat.properties; i < list.length; i += 1)
       {
         var prop = list[i];
 
-        this.checkPatternExport(exports$1, prop);
+        this.checkPatternExport(exports, prop);
       } }
   else if (type === "ArrayPattern")
     { for (var i$1 = 0, list$1 = pat.elements; i$1 < list$1.length; i$1 += 1) {
       var elt = list$1[i$1];
 
-        if (elt) { this.checkPatternExport(exports$1, elt); }
+        if (elt) { this.checkPatternExport(exports, elt); }
     } }
   else if (type === "Property")
-    { this.checkPatternExport(exports$1, pat.value); }
+    { this.checkPatternExport(exports, pat.value); }
   else if (type === "AssignmentPattern")
-    { this.checkPatternExport(exports$1, pat.left); }
+    { this.checkPatternExport(exports, pat.left); }
   else if (type === "RestElement")
-    { this.checkPatternExport(exports$1, pat.argument); }
+    { this.checkPatternExport(exports, pat.argument); }
 };
 
-pp$8.checkVariableExport = function(exports$1, decls) {
-  if (!exports$1) { return }
+pp$8.checkVariableExport = function(exports, decls) {
+  if (!exports) { return }
   for (var i = 0, list = decls; i < list.length; i += 1)
     {
     var decl = list[i];
 
-    this.checkPatternExport(exports$1, decl.id);
+    this.checkPatternExport(exports, decl.id);
   }
 };
 
@@ -2315,13 +2308,13 @@ pp$8.shouldParseExportStatement = function() {
 
 // Parses a comma-separated list of module exports.
 
-pp$8.parseExportSpecifier = function(exports$1) {
+pp$8.parseExportSpecifier = function(exports) {
   var node = this.startNode();
   node.local = this.parseModuleExportName();
 
   node.exported = this.eatContextual("as") ? this.parseModuleExportName() : node.local;
   this.checkExport(
-    exports$1,
+    exports,
     node.exported,
     node.exported.start
   );
@@ -2329,7 +2322,7 @@ pp$8.parseExportSpecifier = function(exports$1) {
   return this.finishNode(node, "ExportSpecifier")
 };
 
-pp$8.parseExportSpecifiers = function(exports$1) {
+pp$8.parseExportSpecifiers = function(exports) {
   var nodes = [], first = true;
   // export { x, y as z } [from '...']
   this.expect(types$1.braceL);
@@ -2339,7 +2332,7 @@ pp$8.parseExportSpecifiers = function(exports$1) {
       if (this.afterTrailingComma(types$1.braceR)) { break }
     } else { first = false; }
 
-    nodes.push(this.parseExportSpecifier(exports$1));
+    nodes.push(this.parseExportSpecifier(exports));
   }
   return nodes
 };
@@ -8983,7 +8976,11 @@ function _extractExtraNames(extraNamesStr) {
       angleDepth++;
       continue;
     }
-    if (inTypeAnnotation && char === ">" && angleDepth > 0) {
+    if (!inTypeAnnotation && char === "<" && depth === 0 && i > 0 && _isIdentifierBeforeAngleBracket(extraNamesStr, i)) {
+      angleDepth++;
+      continue;
+    }
+    if (char === ">" && angleDepth > 0 && extraNamesStr[i - 1] !== "=") {
       angleDepth--;
       continue;
     }
@@ -9148,6 +9145,14 @@ function _getLocations(code, label) {
   }
   return locations;
 }
+function _isIdentifierBeforeAngleBracket(str, i) {
+  let j = i - 1;
+  while (j >= 0 && /[A-Za-z0-9_$]/.test(str[j])) {
+    j--;
+  }
+  const wordStart = j + 1;
+  return wordStart < i && /[A-Za-z_$]/.test(str[wordStart]);
+}
 
 function defineUnimportPreset(preset) {
   return preset;
@@ -10283,7 +10288,6 @@ function setupGeneralRPC({
   nuxt,
   options,
   refresh,
-  ensureDevAuthToken,
   openInEditorHooks
 }) {
   const components = [];
@@ -10467,8 +10471,7 @@ function setupGeneralRPC({
         return false;
       }
     },
-    async enablePages(token) {
-      await ensureDevAuthToken(token);
+    async enablePages() {
       const baseDir = nuxt.options.future.compatibilityVersion === 4 ? nuxt.options.dir.app : nuxt.options.srcDir;
       const pathApp = join(baseDir, "app.vue");
       const pathPageIndex = join(baseDir, "pages/index.vue");
@@ -10497,8 +10500,7 @@ const route = useRoute()
       }
       logger.success("Routing creation completed");
     },
-    async restartNuxt(token, hard = true) {
-      await ensureDevAuthToken(token);
+    async restartNuxt(hard = true) {
       logger.info("Restarting Nuxt...");
       return nuxt.callHook("restart", { hard });
     },
@@ -11077,7 +11079,7 @@ async function magicastGuard(fn, message = "") {
   return generated;
 }
 
-function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
+function setupNpmRPC({ nuxt }) {
   let detectPromise;
   const updatesPromise = /* @__PURE__ */ new Map();
   function getPackageManager() {
@@ -11135,12 +11137,10 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
       return updatesPromise.get(name);
     },
     getNpmCommand,
-    async runNpmCommand(token, ...args) {
-      await ensureDevAuthToken(token);
+    async runNpmCommand(...args) {
       return runNpmCommand(...args);
     },
-    async installNuxtModule(token, name, dry = true) {
-      await ensureDevAuthToken(token);
+    async installNuxtModule(name, dry = true) {
       const commands = await getNpmCommand("install", name, { dev: true });
       const filepath = nuxt.options._nuxtConfigFile;
       let source = latestGenerated;
@@ -11183,8 +11183,7 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
         processId
       };
     },
-    async uninstallNuxtModule(token, name, dry = true) {
-      await ensureDevAuthToken(token);
+    async uninstallNuxtModule(name, dry = true) {
       const commands = await getNpmCommand("uninstall", name);
       const filepath = nuxt.options._nuxtConfigFile;
       const source = await fs.readFile(filepath, "utf-8");
@@ -11231,8 +11230,7 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
 }
 
 function setupServerDataRPC({
-  nuxt,
-  ensureDevAuthToken
+  nuxt
 }) {
   let nitro;
   let viteServer;
@@ -11283,8 +11281,7 @@ function setupServerDataRPC({
     getServerConfig() {
       return nuxt.options;
     },
-    async getServerData(token) {
-      await ensureDevAuthToken(token);
+    async getServerData() {
       return {
         nuxt: nuxt.options,
         nitro: nitro?.options,
@@ -11426,8 +11423,7 @@ function shouldIgnoreStorageKey(key) {
 }
 function setupStorageRPC({
   nuxt,
-  rpc,
-  ensureDevAuthToken
+  rpc
 }) {
   const storageMounts = {};
   let storage;
@@ -11474,20 +11470,17 @@ function setupStorageRPC({
         return [];
       }
     },
-    async getStorageItem(token, key) {
-      await ensureDevAuthToken(token);
+    async getStorageItem(key) {
       if (!storage)
         return null;
       return await storage.getItem(key);
     },
-    async setStorageItem(token, key, value) {
-      await ensureDevAuthToken(token);
+    async setStorageItem(key, value) {
       if (!storage)
         return;
       return await storage.setItem(key, value);
     },
-    async removeStorageItem(token, key) {
-      await ensureDevAuthToken(token);
+    async removeStorageItem(key) {
       if (!storage)
         return;
       return await storage.removeItem(key);
@@ -11543,7 +11536,7 @@ function telemetryEvent(payload, immediate = false) {
     throttledSend();
 }
 
-function setupTerminalRPC({ nuxt, rpc, refresh, ensureDevAuthToken }) {
+function setupTerminalRPC({ nuxt, rpc, refresh }) {
   const terminals = /* @__PURE__ */ new Map();
   nuxt.hook("devtools:terminal:register", (terminal) => {
     terminals.set(terminal.id, terminal);
@@ -11593,12 +11586,10 @@ function setupTerminalRPC({ nuxt, rpc, refresh, ensureDevAuthToken }) {
     getTerminals() {
       return Array.from(terminals.values(), (i) => serializeTerminal(i));
     },
-    async getTerminalDetail(token, id) {
-      await ensureDevAuthToken(token);
+    async getTerminalDetail(id) {
       return serializeTerminal(terminals.get(id), true);
     },
-    async runTerminalAction(token, id, action) {
-      await ensureDevAuthToken(token);
+    async runTerminalAction(id, action) {
       const terminal = terminals.get(id);
       if (!terminal)
         return false;
@@ -11653,14 +11644,14 @@ function setupTimelineRPC({ nuxt }) {
 function setupRPC(nuxt, options) {
   const serverFunctions = {};
   const extendedRpcMap = /* @__PURE__ */ new Map();
-  let rpcHost;
+  let devtoolsKitCtx;
   const pendingBroadcasts = [];
   function broadcast(method, ...args) {
-    if (!rpcHost) {
+    if (!devtoolsKitCtx) {
       pendingBroadcasts.push({ method, args });
       return;
     }
-    rpcHost.broadcast({
+    devtoolsKitCtx.rpc.broadcast({
       method,
       args,
       event: true
@@ -11681,11 +11672,11 @@ function setupRPC(nuxt, options) {
   const functionsProxy = new Proxy(serverFunctions, {
     set(target, prop, value) {
       target[prop] = value;
-      if (rpcHost && typeof prop === "string") {
-        if (rpcHost.has(prop)) {
-          rpcHost.update({ name: prop, handler: value });
+      if (devtoolsKitCtx && typeof prop === "string") {
+        if (devtoolsKitCtx.rpc.has(prop)) {
+          devtoolsKitCtx.rpc.update({ name: prop, handler: value });
         } else {
-          rpcHost.register({ name: prop, handler: value });
+          devtoolsKitCtx.rpc.register({ name: prop, handler: value });
         }
       }
       return true;
@@ -11700,10 +11691,10 @@ function setupRPC(nuxt, options) {
   }
   function extendServerRpc(namespace, functions) {
     extendedRpcMap.set(namespace, functions);
-    if (rpcHost) {
+    if (devtoolsKitCtx) {
       for (const [fnName, handler] of Object.entries(functions)) {
         if (typeof handler === "function") {
-          rpcHost.register({ name: `${namespace}:${fnName}`, handler });
+          devtoolsKitCtx.rpc.register({ name: `${namespace}:${fnName}`, handler });
         }
       }
     }
@@ -11718,13 +11709,12 @@ function setupRPC(nuxt, options) {
     nuxt,
     options,
     rpc,
+    get devtoolsKit() {
+      return devtoolsKitCtx;
+    },
     refresh,
     extendServerRpc,
-    openInEditorHooks: [],
-    /** @deprecated Auth is now handled by Vite DevTools */
-    async ensureDevAuthToken(_token) {
-      logger.warn("[nuxt-devtools] `ensureDevAuthToken` is deprecated. Auth is now handled by Vite DevTools.");
-    }
+    openInEditorHooks: []
   };
   nuxt.devtools = ctx;
   Object.assign(serverFunctions, {
@@ -11742,8 +11732,11 @@ function setupRPC(nuxt, options) {
     ...setupTelemetryRPC(ctx),
     ...setupServerDataRPC(ctx)
   });
-  function connectRpcHost(host) {
-    rpcHost = host;
+  function connectDevToolsKit(ctx2) {
+    if (devtoolsKitCtx)
+      return;
+    devtoolsKitCtx = ctx2;
+    const host = ctx2.rpc;
     for (const { method, args } of pendingBroadcasts) {
       broadcast(method, ...args);
     }
@@ -11782,7 +11775,7 @@ function setupRPC(nuxt, options) {
     }
   }
   return {
-    connectRpcHost,
+    connectDevToolsKit,
     ...ctx
   };
 }
@@ -11818,9 +11811,21 @@ async function enableModule(options, nuxt) {
     src: join(runtimeDir, "plugins/devtools.server"),
     mode: "server"
   });
+  if (nuxt.options.dev) {
+    nuxt.options.vite.optimizeDeps ||= {};
+    nuxt.options.vite.optimizeDeps.include ||= [];
+    nuxt.options.vite.optimizeDeps.include.push(
+      "nuxt > @nuxt/devtools > @vue/devtools-kit",
+      "nuxt > @nuxt/devtools > @vue/devtools-core",
+      "nuxt > @nuxt/devtools > @vitejs/devtools/client/inject",
+      "nuxt > @nuxt/devtools > @vitejs/devtools-kit/client",
+      "nuxt > @nuxt/devtools > error-stack-parser-es",
+      "nuxt > @nuxt/devtools > vite-plugin-vue-tracer/client/overlay"
+    );
+  }
   const DevTools = await import('@vitejs/devtools').then((r) => r.DevTools());
   addVitePlugin(DevTools);
-  let connectRpcHost;
+  let connectDevToolsKit;
   addVitePlugin(defineViteDevToolsPlugin({
     name: "nuxt:devtools",
     devtools: {
@@ -11832,10 +11837,10 @@ async function enableModule(options, nuxt) {
           title: "Nuxt DevTools",
           url: "/__nuxt_devtools__/client/"
         });
-        connectRpcHost?.(ctx2.rpc);
+        connectDevToolsKit?.(ctx2);
       }
     }
-  }));
+  }), { server: false });
   addPlugin({
     src: join(runtimeDir, "plugins/vite-devtools.client"),
     mode: "client"
@@ -11875,10 +11880,10 @@ window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
     config.plugins.unshift(join(runtimeDir, "nitro/inline"));
   });
   const {
-    connectRpcHost: _connectRpcHost,
+    connectDevToolsKit: _connectDevToolsKit,
     ...ctx
   } = setupRPC(nuxt, options);
-  connectRpcHost = _connectRpcHost;
+  connectDevToolsKit = _connectDevToolsKit;
   const clientDirExists = existsSync(clientDir);
   extendViteConfig((config) => {
     config.server ||= {};

package/dist/chunks/vite-inspect.mjs

@@ -1,32 +1,20 @@
-import { addCustomTab } from '@nuxt/devtools-kit';
-import { addVitePlugin } from '@nuxt/kit';
+import { addVitePlugin, logger } from '@nuxt/kit';
 
-const DOUBLE_SLASH_RE = /\/\//g;
 const VERSION_QUERY_RE = /\?v=\w+$/;
 const VUE_EXT_RE = /\.vue($|\?v=)/;
 async function createVitePluginInspect(options) {
   return await import('vite-plugin-inspect').then((r) => r.default(options));
 }
-async function setup({ nuxt, rpc }) {
+async function setup({ rpc, devtoolsKit }) {
   const plugin = await createVitePluginInspect();
   addVitePlugin(plugin);
-  let api;
-  nuxt.hook("vite:serverCreated", () => {
-    api = plugin.api;
-  });
-  addCustomTab(() => ({
-    name: "builtin-vite-inspect",
-    title: "Inspect",
-    icon: "carbon-ibm-watson-discovery",
-    category: "advanced",
-    view: {
-      type: "iframe",
-      src: `${nuxt.options.app.baseURL}${nuxt.options.app.buildAssetsDir}/__inspect/`.replace(DOUBLE_SLASH_RE, "/")
-    }
-  }), nuxt);
   async function getComponentsRelationships() {
-    const meta = await api?.rpc.getMetadata();
-    const modules = (meta && meta.instances[0] ? await api?.rpc.getModulesList({
+    if (!devtoolsKit?.rpc.has("vite-plugin-inspect:get-metadata")) {
+      logger.warn("[nuxt-devtools] vite-plugin-inspect RPC functions not registered, component relationships unavailable");
+      return [];
+    }
+    const meta = await devtoolsKit.rpc.invokeLocal("vite-plugin-inspect:get-metadata");
+    const modules = (meta && meta.instances[0] ? await devtoolsKit.rpc.invokeLocal("vite-plugin-inspect:get-modules-list", {
       vite: meta.instances[0].vite,
       env: meta.instances[0].environments[0]
     }) : null) || [];

package/dist/client/200.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js"}}</script><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-d9crsfkn.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-lkbe0qhh.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-3gd0e2sv.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/_plugin-vue_export-helper-n58akrbk.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rolldown-runtime-oipoa1or.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-mpqfj7dd.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/utils-c43quyky.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-ildq90cv.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rpc-ga26o8l5.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ready-nmtplnq5.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-mnod32r1.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-bl8ryhiw.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vue-router-imuzx5c1.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-hiscr44j.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-link-h8a2u03t.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-duc3zu0y.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/splitpanes.es-krbzt5ww.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dev-auth-h6radlhi.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ncard-bpchuz30.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nicon-o8vtl3nv.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/state-tabs-0wkipn6s.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/storage-options-fmhmng6m.js"><script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"424f9fd7-bd33-4b1e-8498-929c14b6ad71",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774256481223,false]</script></body></html>
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/h0fobd1u.js"}}</script><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-m21ytcnz.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-lb1ewor6.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-flyrgbwp.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/h0fobd1u.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/_plugin-vue_export-helper-d9irwgla.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rolldown-runtime-imbltlrc.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-mkw4apmc.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/utils-hgmynvjd.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-c7z35hpo.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ready-b5u27bv4.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-kphganvs.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vue-router-cnnrtyb0.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rpc-ewzip6fb.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-mfjt4fak.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-nsuzcp77.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/storage-options-ho965h55.js"><script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/h0fobd1u.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"386e78c8-3698-49a8-a7c5-53c44542b939",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1780039912828,false]</script></body></html>

package/dist/client/404.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js"}}</script><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-d9crsfkn.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-lkbe0qhh.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-3gd0e2sv.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/_plugin-vue_export-helper-n58akrbk.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rolldown-runtime-oipoa1or.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-mpqfj7dd.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/utils-c43quyky.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-ildq90cv.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rpc-ga26o8l5.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ready-nmtplnq5.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-mnod32r1.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-bl8ryhiw.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vue-router-imuzx5c1.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-hiscr44j.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-link-h8a2u03t.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-duc3zu0y.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/splitpanes.es-krbzt5ww.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dev-auth-h6radlhi.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ncard-bpchuz30.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nicon-o8vtl3nv.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/state-tabs-0wkipn6s.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/storage-options-fmhmng6m.js"><script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"424f9fd7-bd33-4b1e-8498-929c14b6ad71",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774256481226,false]</script></body></html>
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/h0fobd1u.js"}}</script><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-m21ytcnz.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-lb1ewor6.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-flyrgbwp.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/h0fobd1u.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/_plugin-vue_export-helper-d9irwgla.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rolldown-runtime-imbltlrc.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-mkw4apmc.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/utils-hgmynvjd.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-c7z35hpo.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ready-b5u27bv4.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-kphganvs.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vue-router-cnnrtyb0.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rpc-ewzip6fb.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-mfjt4fak.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-nsuzcp77.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/storage-options-ho965h55.js"><script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/h0fobd1u.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"386e78c8-3698-49a8-a7c5-53c44542b939",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1780039912831,false]</script></body></html>

package/dist/client/_nuxt/__blank-ekrx7eve.js

@@ -0,0 +1 @@
+import{T as e,U as t,_ as n}from"./vendor/json-editor-vue-mkw4apmc.js";import"./composables-ioamscf4.js";var r={"h-screen":``,"w-screen":``,"bg-black":``},i=e({__name:`__blank`,setup(e){return(e,i)=>(t(),n(`div`,r))}});export{i as default};