@nuxt/devtools 1.4.1 → 1.5.0

package/dist/chunks/module-main.mjs

@@ -1,37 +1,37 @@
 import fs$1, { existsSync } from 'node:fs';
-import os, { homedir } from 'node:os';
 import fs from 'node:fs/promises';
-import { join, resolve, dirname as dirname$1 } from 'pathe';
+import os, { homedir } from 'node:os';
 import { logger, useNuxt, addPlugin, addTemplate, addVitePlugin } from '@nuxt/kit';
-import { searchForWorkspaceRoot } from 'vite';
-import sirv from 'sirv';
 import { colors } from 'consola/utils';
-import { createBirpcGroup } from 'birpc';
-import { stringify, parse as parse$1 } from 'flatted';
+import { join, dirname as dirname$1, resolve } from 'pathe';
+import sirv from 'sirv';
+import { searchForWorkspaceRoot } from 'vite';
 import { d as defaultAllowedExtensions, a as defaultTabOptions, W as WS_EVENT_NAME } from '../shared/devtools.68e43ed6.mjs';
 import { dirname, join as join$1, relative, parse } from 'node:path';
 import { randomStr } from '@antfu/utils';
 import { hash } from 'ohash';
+import { runtimeDir, clientDir, packageDir, isGlobalInstall } from '../dirs.mjs';
+import { createBirpcGroup } from 'birpc';
+import { stringify, parse as parse$1 } from 'flatted';
+import { startSubprocess } from '@nuxt/devtools-kit';
+import Git from 'simple-git';
+import { glob } from 'tinyglobby';
 import { imageMeta } from 'image-meta';
 import { debounce } from 'perfect-debounce';
-import { glob } from 'tinyglobby';
-import { startSubprocess } from '@nuxt/devtools-kit';
+import destr from 'destr';
+import { snakeCase } from 'scule';
+import { resolveBuiltinPresets } from 'unimport';
+import { setupHooksDebug } from '../../dist/runtime/shared/hooks.js';
 import isInstalledGlobally from 'is-installed-globally';
-import { detectPackageManager } from 'nypm';
 import { parseModule } from 'magicast';
 import { addNuxtModule, getDefaultExportOptions } from 'magicast/helpers';
+import { detectPackageManager } from 'nypm';
 import { createRequire } from 'node:module';
+import { getPackageInfo } from 'local-pkg';
 import 'pkg-types';
 import semver from 'semver';
-import destr from 'destr';
-import { getPackageInfo } from 'local-pkg';
-import { resolveBuiltinPresets } from 'unimport';
-import { snakeCase } from 'scule';
-import { setupHooksDebug } from '../../dist/runtime/shared/hooks.js';
-import Git from 'simple-git';
-import { runtimeDir, clientDir, packageDir, isGlobalInstall } from '../dirs.mjs';
 
-const version = "1.4.1";
+const version = "1.5.0";
 
 function getHomeDir() {
   return process.env.XDG_CONFIG_HOME || homedir();
@@ -106,68 +106,90 @@ async function getDevAuthToken() {
   return token;
 }
 
-const IGNORE_STORAGE_MOUNTS = ["root", "build", "src", "cache"];
-function shouldIgnoreStorageKey(key) {
-  return IGNORE_STORAGE_MOUNTS.includes(key.split(":")[0]);
-}
-function setupStorageRPC({
-  nuxt,
-  rpc,
-  ensureDevAuthToken
-}) {
-  const storageMounts = {};
-  let storage;
-  nuxt.hook("nitro:init", (nitro) => {
-    storage = nitro.storage;
-    nuxt.hook("ready", () => {
-      storage.watch((event, key) => {
-        if (shouldIgnoreStorageKey(key))
-          return;
-        rpc.broadcast.callHook.asEvent("storage:key:update", key, event);
-      });
+function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
+  let builds = [];
+  let promise;
+  let initalized;
+  const processId = "devtools:analyze-build";
+  const analyzeDir = join(nuxt.options.rootDir, ".nuxt/analyze");
+  async function startAnalyzeBuild(name) {
+    if (promise)
+      throw new Error("Already building");
+    const result = startSubprocess({
+      command: "npx",
+      args: ["nuxi", "analyze", "--no-serve", "--name", name],
+      cwd: nuxt.options.rootDir
+    }, {
+      id: processId,
+      name: "Analyze Build",
+      icon: "logos-nuxt-icon"
+    }, nuxt);
+    refresh("getAnalyzeBuildInfo");
+    promise = result.getProcess().then(() => {
+      refresh("getAnalyzeBuildInfo");
+      return readBuildInfo();
+    }).finally(() => {
+      promise = void 0;
+      initalized = void 0;
+      refresh("getAnalyzeBuildInfo");
     });
-    const mounts = {
-      ...nitro.options.storage,
-      ...nitro.options.devStorage
-    };
-    for (const name of Object.keys(mounts)) {
-      if (shouldIgnoreStorageKey(name))
-        continue;
-      storageMounts[name] = mounts[name];
+    return processId;
+  }
+  async function readBuildInfo() {
+    const files = await glob(["*/meta.json"], { cwd: analyzeDir, onlyFiles: true, absolute: true });
+    builds = await Promise.all(files.map(async (file) => {
+      const dir = dirname$1(file);
+      const json = JSON.parse(await fs.readFile(file, "utf-8"));
+      return {
+        ...json,
+        features: {
+          bundleClient: fs$1.existsSync(join(dir, "client.html")),
+          bundleNitro: fs$1.existsSync(join(dir, "nitro.html")),
+          viteInspect: fs$1.existsSync(join(dir, ".vite-inspect"))
+        }
+      };
+    }));
+    return builds.sort((a, b) => b.endTime - a.endTime);
+  }
+  async function generateAnalyzeBuildName() {
+    try {
+      const git = Git(nuxt.options.rootDir);
+      const branch = await git.branch();
+      const branchName = branch.current || "head";
+      const sha = await git.revparse(["--short", "HEAD"]);
+      const isWorkingTreeClean = (await git.status()).isClean();
+      if (isWorkingTreeClean)
+        return `${branchName}#${sha}`;
+      return `${branchName}#${sha}-dirty`;
+    } catch {
+      return (/* @__PURE__ */ new Date()).toISOString().replace(/:/g, "-");
     }
-  });
+  }
   return {
-    async getStorageMounts() {
-      return storageMounts;
-    },
-    async getStorageKeys(base) {
-      if (!storage)
-        return [];
-      try {
-        const keys = await storage.getKeys(base);
-        return keys.filter((key) => !shouldIgnoreStorageKey(key));
-      } catch (err) {
-        console.error(`Cloud not fetch storage keys for ${base}:`, err);
-        return [];
-      }
-    },
-    async getStorageItem(token, key) {
-      await ensureDevAuthToken(token);
-      if (!storage)
-        return null;
-      return await storage.getItem(key);
+    async getAnalyzeBuildInfo() {
+      if (!initalized)
+        initalized = readBuildInfo();
+      await initalized;
+      return {
+        isBuilding: !!promise,
+        builds
+      };
     },
-    async setStorageItem(token, key, value) {
+    async clearAnalyzeBuilds(token, names) {
       await ensureDevAuthToken(token);
-      if (!storage)
-        return;
-      return await storage.setItem(key, value);
+      if (!names) {
+        await fs.rm(analyzeDir, { recursive: true, force: true });
+      } else {
+        const targets = builds.filter((build) => names.includes(build.name));
+        await Promise.all(targets.map((target) => fs.rm(join(analyzeDir, target.slug), { recursive: true, force: true })));
+      }
+      initalized = readBuildInfo();
+      refresh("getAnalyzeBuildInfo");
     },
-    async removeStorageItem(token, key) {
+    generateAnalyzeBuildName,
+    async startAnalyzeBuild(token, ...args) {
       await ensureDevAuthToken(token);
-      if (!storage)
-        return;
-      return await storage.removeItem(key);
+      return startAnalyzeBuild(...args);
     }
   };
 }
@@ -312,59 +334,300 @@ function guessType(path) {
   return "other";
 }
 
-const HASH_RE = /#/g;
-const AMPERSAND_RE = /&/g;
-const SLASH_RE = /\//g;
-const EQUAL_RE = /=/g;
-const PLUS_RE = /\+/g;
-const ENC_CARET_RE = /%5e/gi;
-const ENC_BACKTICK_RE = /%60/gi;
-const ENC_PIPE_RE = /%7c/gi;
-const ENC_SPACE_RE = /%20/gi;
-function encode(text) {
-  return encodeURI("" + text).replace(ENC_PIPE_RE, "|");
-}
-function encodeQueryValue(input) {
-  return encode(typeof input === "string" ? input : JSON.stringify(input)).replace(PLUS_RE, "%2B").replace(ENC_SPACE_RE, "+").replace(HASH_RE, "%23").replace(AMPERSAND_RE, "%26").replace(ENC_BACKTICK_RE, "`").replace(ENC_CARET_RE, "^").replace(SLASH_RE, "%2F");
-}
-function encodeQueryKey(text) {
-  return encodeQueryValue(text).replace(EQUAL_RE, "%3D");
-}
-function decode(text = "") {
-  try {
-    return decodeURIComponent("" + text);
-  } catch {
-    return "" + text;
+function setupCustomTabRPC({ nuxt, options, refresh }) {
+  const iframeTabs = [];
+  const customTabs = [];
+  if (options.customTabs?.length)
+    customTabs.push(...options.customTabs);
+  async function initHooks() {
+    nuxt.hook("devtools:customTabs:refresh", initCustomTabs);
+    await initCustomTabs();
   }
-}
-function decodeQueryKey(text) {
-  return decode(text.replace(PLUS_RE, " "));
-}
-function decodeQueryValue(text) {
-  return decode(text.replace(PLUS_RE, " "));
-}
-
-function parseQuery(parametersString = "") {
-  const object = {};
-  if (parametersString[0] === "?") {
-    parametersString = parametersString.slice(1);
+  async function initCustomTabs() {
+    customTabs.length = 0;
+    if (options.customTabs?.length)
+      customTabs.push(...options.customTabs);
+    await nuxt.callHook("devtools:customTabs", customTabs);
+    refresh("getCustomTabs");
   }
-  for (const parameter of parametersString.split("&")) {
-    const s = parameter.match(/([^=]+)=?(.*)/) || [];
-    if (s.length < 2) {
-      continue;
-    }
-    const key = decodeQueryKey(s[1]);
-    if (key === "__proto__" || key === "constructor") {
-      continue;
+  nuxt.hook("app:resolve", async () => {
+    await initHooks();
+  });
+  return {
+    getCustomTabs() {
+      return [
+        ...iframeTabs,
+        ...customTabs
+      ].map((i) => {
+        i.category = i.category || "modules";
+        return i;
+      });
+    },
+    async customTabAction(name, actionIndex) {
+      const tab = customTabs.find((i) => i.name === name);
+      if (!tab)
+        return false;
+      const view = tab.view;
+      if (view.type !== "launch")
+        return false;
+      const action = view.actions?.[actionIndex];
+      if (!action)
+        return false;
+      Promise.resolve(action.handle?.()).catch((e) => {
+        console.error(e);
+      }).finally(() => {
+        nuxt.callHook("devtools:customTabs:refresh");
+      });
+      nuxt.callHook("devtools:customTabs:refresh");
+      return true;
     }
-    const value = decodeQueryValue(s[2] || "");
-    if (object[key] === void 0) {
-      object[key] = value;
-    } else if (Array.isArray(object[key])) {
-      object[key].push(value);
-    } else {
-      object[key] = [object[key], value];
+  };
+}
+
+function setupGeneralRPC({
+  nuxt,
+  options,
+  refresh,
+  ensureDevAuthToken,
+  openInEditorHooks
+}) {
+  const components = [];
+  const imports = [];
+  const importPresets = [];
+  let importDirs = [];
+  const serverPages = [];
+  let serverApp;
+  const serverHooks = setupHooksDebug(nuxt.hooks);
+  let unimport;
+  let app;
+  nuxt.hook("components:extend", (v) => {
+    components.length = 0;
+    components.push(...v);
+    components.sort((a, b) => a.pascalName.localeCompare(b.pascalName));
+    refresh("getComponents");
+  });
+  nuxt.hook("imports:extend", (v) => {
+    imports.length = 0;
+    imports.push(...v);
+    refresh("getAutoImports");
+  });
+  nuxt.hook("pages:extend", (v) => {
+    serverPages.length = 0;
+    const pagesSet = new Set(v);
+    function searchChildren(page) {
+      if (pagesSet.has(page))
+        return;
+      pagesSet.add(page);
+      page.children?.forEach(searchChildren);
+    }
+    v.forEach(searchChildren);
+    serverPages.push(...Array.from(pagesSet).sort((a, b) => a.path.localeCompare(b.path)));
+    refresh("getServerPages");
+  });
+  nuxt.hook("app:resolve", (app2) => {
+    serverApp = app2;
+  });
+  nuxt.hook("imports:sources", async (v) => {
+    const result = (await resolveBuiltinPresets(v)).flat();
+    importPresets.length = 0;
+    importPresets.push(...result);
+    refresh("getAutoImports");
+  });
+  nuxt.hook("imports:context", (_unimport) => {
+    unimport = _unimport;
+  });
+  nuxt.hook("imports:dirs", (dirs) => {
+    importDirs = dirs;
+  });
+  nuxt.hook("app:resolve", (v) => {
+    app = v;
+  });
+  return {
+    getServerConfig() {
+      return nuxt.options;
+    },
+    getServerRuntimeConfig() {
+      const ENV_PREFIX = "NITRO_";
+      const ENV_PREFIX_ALT = "NUXT_";
+      function _getEnv(key) {
+        const envKey = snakeCase(key).toUpperCase();
+        return destr(process.env[ENV_PREFIX + envKey] ?? process.env[ENV_PREFIX_ALT + envKey]);
+      }
+      function _isObject(input) {
+        return typeof input === "object" && !Array.isArray(input);
+      }
+      function _applyEnv(obj, parentKey = "") {
+        for (const key in obj) {
+          const subKey = parentKey ? `${parentKey}_${key}` : key;
+          const envValue = _getEnv(subKey);
+          if (_isObject(obj[key])) {
+            if (_isObject(envValue))
+              obj[key] = { ...obj[key], ...envValue };
+            _applyEnv(obj[key], subKey);
+          } else {
+            obj[key] = envValue ?? obj[key];
+          }
+        }
+        return obj;
+      }
+      const runtime = { ...nuxt.options.runtimeConfig };
+      _applyEnv(runtime);
+      return runtime;
+    },
+    getModuleOptions() {
+      return options;
+    },
+    getServerApp() {
+      return serverApp;
+    },
+    getComponents() {
+      return components;
+    },
+    async getComponentsRelationships() {
+      return [];
+    },
+    getServerPages() {
+      return serverPages;
+    },
+    getAutoImports() {
+      return {
+        imports: [
+          ...imports,
+          ...importPresets
+        ],
+        metadata: unimport?.getMetadata(),
+        dirs: importDirs
+      };
+    },
+    getServerLayouts() {
+      return Object.values(app?.layouts || []);
+    },
+    getServerHooks() {
+      return Object.values(serverHooks);
+    },
+    async openInEditor(input) {
+      if (input.startsWith("./"))
+        input = resolve(process.cwd(), input);
+      const match = input.match(/^(.*?)(:[:\d]*)$/);
+      let suffix = "";
+      if (match) {
+        input = match[1];
+        suffix = match[2];
+      }
+      const path = [
+        input,
+        `${input}.js`,
+        `${input}.mjs`,
+        `${input}.ts`
+      ].find((i) => existsSync(i));
+      if (!path) {
+        console.error("File not found:", input);
+        return false;
+      }
+      try {
+        for (const hook of openInEditorHooks) {
+          const result = await hook(path);
+          if (result)
+            return true;
+        }
+        await import('launch-editor').then((r) => (r.default || r)(path + suffix));
+        return true;
+      } catch (e) {
+        console.error(e);
+        return false;
+      }
+    },
+    async restartNuxt(token, hard = true) {
+      await ensureDevAuthToken(token);
+      logger.info("Restarting Nuxt...");
+      return nuxt.callHook("restart", { hard });
+    },
+    async requestForAuth(info, origin) {
+      if (options.disableAuthorization)
+        return;
+      const token = await getDevAuthToken();
+      origin ||= `${nuxt.options.devServer.https ? "https" : "http"}://${nuxt.options.devServer.host === "::" ? "localhost" : nuxt.options.devServer.host || "localhost"}:${nuxt.options.devServer.port}`;
+      const ROUTE_AUTH = `${nuxt.options.app.baseURL || "/"}/__nuxt_devtools__/auth`.replace(/\/+/g, "/");
+      const message = [
+        `A browser is requesting permissions of ${colors.bold(colors.yellow("writing files and running commands"))} from the DevTools UI.`,
+        colors.bold(info || "Unknown"),
+        "",
+        "Please open the following URL in the browser:",
+        colors.bold(colors.green(`${origin}${ROUTE_AUTH}?token=${token}`)),
+        "",
+        "Or manually copy and paste the following token:",
+        colors.bold(colors.cyan(token))
+      ];
+      logger.box({
+        message: message.join("\n"),
+        title: colors.bold(colors.yellow(" Permission Request ")),
+        style: {
+          borderColor: "yellow",
+          borderStyle: "rounded"
+        }
+      });
+    },
+    async verifyAuthToken(token) {
+      if (options.disableAuthorization)
+        return true;
+      return token === await getDevAuthToken();
+    }
+  };
+}
+
+const HASH_RE = /#/g;
+const AMPERSAND_RE = /&/g;
+const SLASH_RE = /\//g;
+const EQUAL_RE = /=/g;
+const PLUS_RE = /\+/g;
+const ENC_CARET_RE = /%5e/gi;
+const ENC_BACKTICK_RE = /%60/gi;
+const ENC_PIPE_RE = /%7c/gi;
+const ENC_SPACE_RE = /%20/gi;
+function encode(text) {
+  return encodeURI("" + text).replace(ENC_PIPE_RE, "|");
+}
+function encodeQueryValue(input) {
+  return encode(typeof input === "string" ? input : JSON.stringify(input)).replace(PLUS_RE, "%2B").replace(ENC_SPACE_RE, "+").replace(HASH_RE, "%23").replace(AMPERSAND_RE, "%26").replace(ENC_BACKTICK_RE, "`").replace(ENC_CARET_RE, "^").replace(SLASH_RE, "%2F");
+}
+function encodeQueryKey(text) {
+  return encodeQueryValue(text).replace(EQUAL_RE, "%3D");
+}
+function decode(text = "") {
+  try {
+    return decodeURIComponent("" + text);
+  } catch {
+    return "" + text;
+  }
+}
+function decodeQueryKey(text) {
+  return decode(text.replace(PLUS_RE, " "));
+}
+function decodeQueryValue(text) {
+  return decode(text.replace(PLUS_RE, " "));
+}
+
+function parseQuery(parametersString = "") {
+  const object = {};
+  if (parametersString[0] === "?") {
+    parametersString = parametersString.slice(1);
+  }
+  for (const parameter of parametersString.split("&")) {
+    const s = parameter.match(/([^=]+)=?(.*)/) || [];
+    if (s.length < 2) {
+      continue;
+    }
+    const key = decodeQueryKey(s[1]);
+    if (key === "__proto__" || key === "constructor") {
+      continue;
+    }
+    const value = decodeQueryValue(s[2] || "");
+    if (object[key] === void 0) {
+      object[key] = value;
+    } else if (Array.isArray(object[key])) {
+      object[key].push(value);
+    } else {
+      object[key] = [object[key], value];
     }
   }
   return object;
@@ -1029,374 +1292,51 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
   };
 }
 
-function setupCustomTabRPC({ nuxt, options, refresh }) {
-  const iframeTabs = [];
-  const customTabs = [];
-  if (options.customTabs?.length)
-    customTabs.push(...options.customTabs);
-  async function initHooks() {
-    nuxt.hook("devtools:customTabs:refresh", initCustomTabs);
-    await initCustomTabs();
-  }
-  async function initCustomTabs() {
-    customTabs.length = 0;
-    if (options.customTabs?.length)
-      customTabs.push(...options.customTabs);
-    await nuxt.callHook("devtools:customTabs", customTabs);
-    refresh("getCustomTabs");
-  }
-  nuxt.hook("app:resolve", async () => {
-    await initHooks();
-  });
-  return {
-    getCustomTabs() {
-      return [
-        ...iframeTabs,
-        ...customTabs
-      ].map((i) => {
-        i.category = i.category || "modules";
-        return i;
-      });
-    },
-    async customTabAction(name, actionIndex) {
-      const tab = customTabs.find((i) => i.name === name);
-      if (!tab)
-        return false;
-      const view = tab.view;
-      if (view.type !== "launch")
-        return false;
-      const action = view.actions?.[actionIndex];
-      if (!action)
-        return false;
-      Promise.resolve(action.handle?.()).catch((e) => {
-        console.error(e);
-      }).finally(() => {
-        nuxt.callHook("devtools:customTabs:refresh");
-      });
-      nuxt.callHook("devtools:customTabs:refresh");
-      return true;
-    }
-  };
-}
-
-function setupGeneralRPC({
-  nuxt,
-  options,
-  refresh,
-  ensureDevAuthToken,
-  openInEditorHooks
-}) {
-  const components = [];
-  const imports = [];
-  const importPresets = [];
-  let importDirs = [];
-  const serverPages = [];
-  let serverApp;
-  const serverHooks = setupHooksDebug(nuxt.hooks);
-  let unimport;
-  let app;
-  nuxt.hook("components:extend", (v) => {
-    components.length = 0;
-    components.push(...v);
-    components.sort((a, b) => a.pascalName.localeCompare(b.pascalName));
-    refresh("getComponents");
-  });
-  nuxt.hook("imports:extend", (v) => {
-    imports.length = 0;
-    imports.push(...v);
-    refresh("getAutoImports");
-  });
-  nuxt.hook("pages:extend", (v) => {
-    serverPages.length = 0;
-    const pagesSet = new Set(v);
-    function searchChildren(page) {
-      if (pagesSet.has(page))
-        return;
-      pagesSet.add(page);
-      page.children?.forEach(searchChildren);
-    }
-    v.forEach(searchChildren);
-    serverPages.push(...Array.from(pagesSet).sort((a, b) => a.path.localeCompare(b.path)));
-    refresh("getServerPages");
-  });
-  nuxt.hook("app:resolve", (app2) => {
-    serverApp = app2;
-  });
-  nuxt.hook("imports:sources", async (v) => {
-    const result = (await resolveBuiltinPresets(v)).flat();
-    importPresets.length = 0;
-    importPresets.push(...result);
-    refresh("getAutoImports");
-  });
-  nuxt.hook("imports:context", (_unimport) => {
-    unimport = _unimport;
-  });
-  nuxt.hook("imports:dirs", (dirs) => {
-    importDirs = dirs;
-  });
-  nuxt.hook("app:resolve", (v) => {
-    app = v;
-  });
-  return {
-    getServerConfig() {
-      return nuxt.options;
-    },
-    getServerRuntimeConfig() {
-      const ENV_PREFIX = "NITRO_";
-      const ENV_PREFIX_ALT = "NUXT_";
-      function _getEnv(key) {
-        const envKey = snakeCase(key).toUpperCase();
-        return destr(process.env[ENV_PREFIX + envKey] ?? process.env[ENV_PREFIX_ALT + envKey]);
-      }
-      function _isObject(input) {
-        return typeof input === "object" && !Array.isArray(input);
-      }
-      function _applyEnv(obj, parentKey = "") {
-        for (const key in obj) {
-          const subKey = parentKey ? `${parentKey}_${key}` : key;
-          const envValue = _getEnv(subKey);
-          if (_isObject(obj[key])) {
-            if (_isObject(envValue))
-              obj[key] = { ...obj[key], ...envValue };
-            _applyEnv(obj[key], subKey);
-          } else {
-            obj[key] = envValue ?? obj[key];
-          }
-        }
-        return obj;
-      }
-      const runtime = { ...nuxt.options.runtimeConfig };
-      _applyEnv(runtime);
-      return runtime;
-    },
-    getModuleOptions() {
-      return options;
-    },
-    getServerApp() {
-      return serverApp;
-    },
-    getComponents() {
-      return components;
-    },
-    async getComponentsRelationships() {
-      return [];
-    },
-    getServerPages() {
-      return serverPages;
-    },
-    getAutoImports() {
-      return {
-        imports: [
-          ...imports,
-          ...importPresets
-        ],
-        metadata: unimport?.getMetadata(),
-        dirs: importDirs
-      };
-    },
-    getServerLayouts() {
-      return Object.values(app?.layouts || []);
-    },
-    getServerHooks() {
-      return Object.values(serverHooks);
-    },
-    async openInEditor(input) {
-      if (input.startsWith("./"))
-        input = resolve(process.cwd(), input);
-      const match = input.match(/^(.*?)(:[:\d]*)$/);
-      let suffix = "";
-      if (match) {
-        input = match[1];
-        suffix = match[2];
-      }
-      const path = [
-        input,
-        `${input}.js`,
-        `${input}.mjs`,
-        `${input}.ts`
-      ].find((i) => existsSync(i));
-      if (!path) {
-        console.error("File not found:", input);
-        return false;
-      }
-      try {
-        for (const hook of openInEditorHooks) {
-          const result = await hook(path);
-          if (result)
-            return true;
-        }
-        await import('launch-editor').then((r) => (r.default || r)(path + suffix));
-        return true;
-      } catch (e) {
-        console.error(e);
-        return false;
-      }
-    },
-    async restartNuxt(token, hard = true) {
-      await ensureDevAuthToken(token);
-      logger.info("Restarting Nuxt...");
-      return nuxt.callHook("restart", { hard });
-    },
-    async requestForAuth(info, origin) {
-      if (options.disableAuthorization)
-        return;
-      const token = await getDevAuthToken();
-      origin ||= `${nuxt.options.devServer.https ? "https" : "http"}://${nuxt.options.devServer.host === "::" ? "localhost" : nuxt.options.devServer.host || "localhost"}:${nuxt.options.devServer.port}`;
-      const ROUTE_AUTH = `${nuxt.options.app.baseURL || "/"}/__nuxt_devtools__/auth`.replace(/\/+/g, "/");
-      const message = [
-        `A browser is requesting permissions of ${colors.bold(colors.yellow("writing files and running commands"))} from the DevTools UI.`,
-        colors.bold(info || "Unknown"),
-        "",
-        "Please open the following URL in the browser:",
-        colors.bold(colors.green(`${origin}${ROUTE_AUTH}?token=${token}`)),
-        "",
-        "Or manually copy and paste the following token:",
-        colors.bold(colors.cyan(token))
-      ];
-      logger.box({
-        message: message.join("\n"),
-        title: colors.bold(colors.yellow(" Permission Request ")),
-        style: {
-          borderColor: "yellow",
-          borderStyle: "rounded"
-        }
-      });
-    },
-    async verifyAuthToken(token) {
-      if (options.disableAuthorization)
-        return true;
-      return token === await getDevAuthToken();
-    }
-  };
-}
-
-const pagesIndexTemplate = `<script setup lang="ts">
-const route = useRoute()
-<\/script>
-
-<template>
-  <div>
-    <h1>Nuxt Routing set up successfully!</h1>
-    <p>Current route: {{ route.path }}</p>
-    <a href="https://nuxt.com/docs/getting-started/routing" target="_blank">Learn more about Nuxt Routing</a>
-  </div>
-</template>
-`;
-async function enablePages(nuxt) {
-  const pathApp = join(nuxt.options.srcDir, "app.vue");
-  const pathPageIndex = join(nuxt.options.srcDir, "pages/index.vue");
-  if (fs$1.existsSync(pathPageIndex)) {
-    logger.warn("pages/index.vue already exists, skipping");
-    return;
-  }
-  let appContent = fs$1.existsSync(pathApp) ? await fs.readFile(pathApp, "utf-8") : void 0;
-  await fs.mkdir(dirname$1(pathPageIndex), { recursive: true });
-  await fs.writeFile(pathPageIndex, pagesIndexTemplate, "utf-8");
-  if (appContent && !appContent.includes("<NuxtPage")) {
-    appContent = appContent.replace("</template>", "  <NuxtPage />\n</template>").replace(/<NuxtWelcome\s*\/>/, "");
-    await fs.writeFile(pathApp, appContent, "utf-8");
-  }
-  logger.success("Routing creation wizard completed");
-}
-
-const wizard = {
-  enablePages
-};
-
-const LOG_PREFIX = colors.cyan("Nuxt DevTools:");
-
-function setupWizardRPC({ nuxt, ensureDevAuthToken }) {
-  return {
-    async runWizard(token, name, ...args) {
-      await ensureDevAuthToken(token);
-      logger.info(LOG_PREFIX, `Running wizard ${colors.green(name)}...`);
-      return wizard[name](nuxt, ...args);
-    }
-  };
+let options;
+function getOptions() {
+  return options;
 }
-
-function setupTerminalRPC({ nuxt, rpc, refresh, ensureDevAuthToken }) {
-  const terminals = /* @__PURE__ */ new Map();
-  nuxt.hook("devtools:terminal:register", (terminal) => {
-    terminals.set(terminal.id, terminal);
-    refresh("getTerminals");
-    return terminal.id;
-  });
-  nuxt.hook("devtools:terminal:remove", ({ id }) => {
-    if (!terminals.has(id))
-      return false;
-    terminals.delete(id);
-    refresh("getTerminals");
-    return true;
-  });
-  nuxt.hook("devtools:terminal:write", ({ id, data }) => {
-    const terminal = terminals.get(id);
-    if (!terminal)
-      return false;
-    terminal.buffer ||= "";
-    terminal.buffer += data;
-    rpc.broadcast.onTerminalData.asEvent({ id, data });
-    return true;
-  });
-  nuxt.hook("devtools:terminal:exit", ({ id, code }) => {
-    const terminal = terminals.get(id);
-    if (!terminal)
-      return false;
-    terminal.isTerminated = true;
-    rpc.broadcast.onTerminalExit.asEvent({ id, code });
-    refresh("getTerminals");
-    return true;
-  });
-  function serializeTerminal(terminal, buffer = false) {
-    if (!terminal)
-      return;
-    return {
-      id: terminal.id,
-      name: terminal.name,
-      description: terminal.description,
-      icon: terminal.icon,
-      terminatable: terminal.terminatable ?? !!terminal.onActionTerminate,
-      restartable: terminal.restartable ?? !!terminal.onActionRestart,
-      isTerminated: terminal.isTerminated,
-      buffer: buffer ? terminal.buffer : void 0
-    };
+function setupOptionsRPC({ nuxt }) {
+  async function getOptions2(tab) {
+    if (!options || options[tab]) {
+      options = defaultTabOptions;
+      await read(tab);
+    }
+    return options[tab];
+  }
+  async function read(tab) {
+    options[tab] = await readLocalOptions(defaultTabOptions[tab], {
+      root: nuxt.options.rootDir,
+      key: tab !== "ui" && tab
+    });
+    return options;
+  }
+  getOptions2("ui");
+  async function clearOptions() {
+    options = void 0;
+    await clearLocalOptions({
+      root: nuxt.options.rootDir
+    });
   }
   return {
-    getTerminals() {
-      return Array.from(terminals.values()).map((i) => serializeTerminal(i));
-    },
-    async getTerminalDetail(token, id) {
-      await ensureDevAuthToken(token);
-      return serializeTerminal(terminals.get(id), true);
+    async updateOptions(tab, _settings) {
+      const settings = await getOptions2(tab);
+      Object.assign(settings, _settings);
+      await writeLocalOptions(
+        { ...settings },
+        {
+          root: nuxt.options.rootDir,
+          key: tab !== "ui" && tab
+        }
+      );
+      nuxt.callHook("builder:generateApp", {
+        filter(template) {
+          return template.filename.includes("devtools/settings.js");
+        }
+      });
     },
-    async runTerminalAction(token, id, action) {
-      await ensureDevAuthToken(token);
-      const terminal = terminals.get(id);
-      if (!terminal)
-        return false;
-      switch (action) {
-        case "restart":
-          if (!terminal.onActionRestart)
-            return false;
-          await terminal.onActionRestart();
-          return true;
-        case "terminate":
-          if (!terminal.onActionTerminate)
-            return false;
-          await terminal.onActionTerminate();
-          return true;
-        case "remove":
-          if (!terminal.isTerminated)
-            terminal.onActionTerminate?.();
-          terminals.delete(id);
-          refresh("getTerminals");
-          return true;
-        case "clear":
-          terminal.buffer = "";
-          refresh("getTerminals");
-          return true;
-      }
-    }
+    getOptions: getOptions2,
+    clearOptions
   };
 }
 
@@ -1478,175 +1418,83 @@ function setupServerTasksRPC({ nuxt, refresh }) {
       }
       return {
         tasks: nitro.options.tasks,
-        scheduledTasks: Object.entries(nitro.options.scheduledTasks ?? {}).reduce((acc, [cron, tasks]) => {
-          acc[cron] = Array.isArray(tasks) ? tasks : [tasks];
-          return acc;
-        }, {})
-      };
-    })();
-    return cache;
-  }
-  return {
-    getServerTasks() {
-      return scan();
-    }
-  };
-}
-
-function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
-  let builds = [];
-  let promise;
-  let initalized;
-  const processId = "devtools:analyze-build";
-  const analyzeDir = join(nuxt.options.rootDir, ".nuxt/analyze");
-  async function startAnalyzeBuild(name) {
-    if (promise)
-      throw new Error("Already building");
-    const result = startSubprocess({
-      command: "npx",
-      args: ["nuxi", "analyze", "--no-serve", "--name", name],
-      cwd: nuxt.options.rootDir
-    }, {
-      id: processId,
-      name: "Analyze Build",
-      icon: "logos-nuxt-icon"
-    }, nuxt);
-    refresh("getAnalyzeBuildInfo");
-    promise = result.getProcess().then(() => {
-      refresh("getAnalyzeBuildInfo");
-      return readBuildInfo();
-    }).finally(() => {
-      promise = void 0;
-      initalized = void 0;
-      refresh("getAnalyzeBuildInfo");
-    });
-    return processId;
-  }
-  async function readBuildInfo() {
-    const files = await glob(["*/meta.json"], { cwd: analyzeDir, onlyFiles: true, absolute: true });
-    builds = await Promise.all(files.map(async (file) => {
-      const dir = dirname$1(file);
-      const json = JSON.parse(await fs.readFile(file, "utf-8"));
-      return {
-        ...json,
-        features: {
-          bundleClient: fs$1.existsSync(join(dir, "client.html")),
-          bundleNitro: fs$1.existsSync(join(dir, "nitro.html")),
-          viteInspect: fs$1.existsSync(join(dir, ".vite-inspect"))
-        }
-      };
-    }));
-    return builds.sort((a, b) => b.endTime - a.endTime);
-  }
-  async function generateAnalyzeBuildName() {
-    try {
-      const git = Git(nuxt.options.rootDir);
-      const branch = await git.branch();
-      const branchName = branch.current || "head";
-      const sha = await git.revparse(["--short", "HEAD"]);
-      const isWorkingTreeClean = (await git.status()).isClean();
-      if (isWorkingTreeClean)
-        return `${branchName}#${sha}`;
-      return `${branchName}#${sha}-dirty`;
-    } catch {
-      return (/* @__PURE__ */ new Date()).toISOString().replace(/:/g, "-");
-    }
-  }
-  return {
-    async getAnalyzeBuildInfo() {
-      if (!initalized)
-        initalized = readBuildInfo();
-      await initalized;
-      return {
-        isBuilding: !!promise,
-        builds
-      };
-    },
-    async clearAnalyzeBuilds(token, names) {
-      await ensureDevAuthToken(token);
-      if (!names) {
-        await fs.rm(analyzeDir, { recursive: true, force: true });
-      } else {
-        const targets = builds.filter((build) => names.includes(build.name));
-        await Promise.all(targets.map((target) => fs.rm(join(analyzeDir, target.slug), { recursive: true, force: true })));
-      }
-      initalized = readBuildInfo();
-      refresh("getAnalyzeBuildInfo");
-    },
-    generateAnalyzeBuildName,
-    async startAnalyzeBuild(token, ...args) {
-      await ensureDevAuthToken(token);
-      return startAnalyzeBuild(...args);
-    }
-  };
-}
-
-let options;
-function getOptions() {
-  return options;
-}
-function setupOptionsRPC({ nuxt }) {
-  async function getOptions2(tab) {
-    if (!options || options[tab]) {
-      options = defaultTabOptions;
-      await read(tab);
-    }
-    return options[tab];
-  }
-  async function read(tab) {
-    options[tab] = await readLocalOptions(defaultTabOptions[tab], {
-      root: nuxt.options.rootDir,
-      key: tab !== "ui" && tab
-    });
-    return options;
-  }
-  getOptions2("ui");
-  async function clearOptions() {
-    options = void 0;
-    await clearLocalOptions({
-      root: nuxt.options.rootDir
-    });
+        scheduledTasks: Object.entries(nitro.options.scheduledTasks ?? {}).reduce((acc, [cron, tasks]) => {
+          acc[cron] = Array.isArray(tasks) ? tasks : [tasks];
+          return acc;
+        }, {})
+      };
+    })();
+    return cache;
   }
   return {
-    async updateOptions(tab, _settings) {
-      const settings = await getOptions2(tab);
-      Object.assign(settings, _settings);
-      await writeLocalOptions(
-        { ...settings },
-        {
-          root: nuxt.options.rootDir,
-          key: tab !== "ui" && tab
-        }
-      );
-      nuxt.callHook("builder:generateApp", {
-        filter(template) {
-          return template.filename.includes("devtools/settings.js");
-        }
-      });
-    },
-    getOptions: getOptions2,
-    clearOptions
+    getServerTasks() {
+      return scan();
+    }
   };
 }
 
-function setupTimelineRPC({ nuxt }) {
+const IGNORE_STORAGE_MOUNTS = ["root", "build", "src", "cache"];
+function shouldIgnoreStorageKey(key) {
+  return IGNORE_STORAGE_MOUNTS.includes(key.split(":")[0]);
+}
+function setupStorageRPC({
+  nuxt,
+  rpc,
+  ensureDevAuthToken
+}) {
+  const storageMounts = {};
+  let storage;
+  nuxt.hook("nitro:init", (nitro) => {
+    storage = nitro.storage;
+    nuxt.hook("ready", () => {
+      storage.watch((event, key) => {
+        if (shouldIgnoreStorageKey(key))
+          return;
+        rpc.broadcast.callHook.asEvent("storage:key:update", key, event);
+      });
+    });
+    const mounts = {
+      ...nitro.options.storage,
+      ...nitro.options.devStorage
+    };
+    for (const name of Object.keys(mounts)) {
+      if (shouldIgnoreStorageKey(name))
+        continue;
+      storageMounts[name] = mounts[name];
+    }
+  });
   return {
-    async enableTimeline(dry) {
-      const filepath = nuxt.options._nuxtConfigFile;
-      const source = await fs.readFile(filepath, "utf-8");
-      const generated = await magicastGuard(async () => {
-        const mod = parseModule(source, { sourceFileName: filepath });
-        const options = getDefaultExportOptions(mod);
-        options.devtools = options.devtools || {};
-        options.devtools.timeline = options.devtools.timeline || {};
-        options.devtools.timeline.enabled = true;
-        return mod.generate().code;
-      }, "\nYou can enable timeline manually by adding `devtools: { timeline: { enabled: true } }`");
-      if (!dry) {
-        await fs.writeFile(filepath, generated, "utf-8");
-        await nuxt.callHook("restart", { hard: true });
+    async getStorageMounts() {
+      return storageMounts;
+    },
+    async getStorageKeys(base) {
+      if (!storage)
+        return [];
+      try {
+        const keys = await storage.getKeys(base);
+        return keys.filter((key) => !shouldIgnoreStorageKey(key));
+      } catch (err) {
+        console.error(`Cloud not fetch storage keys for ${base}:`, err);
+        return [];
       }
-      return [source, generated];
+    },
+    async getStorageItem(token, key) {
+      await ensureDevAuthToken(token);
+      if (!storage)
+        return null;
+      return await storage.getItem(key);
+    },
+    async setStorageItem(token, key, value) {
+      await ensureDevAuthToken(token);
+      if (!storage)
+        return;
+      return await storage.setItem(key, value);
+    },
+    async removeStorageItem(token, key) {
+      await ensureDevAuthToken(token);
+      if (!storage)
+        return;
+      return await storage.removeItem(key);
     }
   };
 }
@@ -1699,6 +1547,158 @@ function telemetryEvent(payload, immediate = false) {
     throttledSend();
 }
 
+function setupTerminalRPC({ nuxt, rpc, refresh, ensureDevAuthToken }) {
+  const terminals = /* @__PURE__ */ new Map();
+  nuxt.hook("devtools:terminal:register", (terminal) => {
+    terminals.set(terminal.id, terminal);
+    refresh("getTerminals");
+    return terminal.id;
+  });
+  nuxt.hook("devtools:terminal:remove", ({ id }) => {
+    if (!terminals.has(id))
+      return false;
+    terminals.delete(id);
+    refresh("getTerminals");
+    return true;
+  });
+  nuxt.hook("devtools:terminal:write", ({ id, data }) => {
+    const terminal = terminals.get(id);
+    if (!terminal)
+      return false;
+    terminal.buffer ||= "";
+    terminal.buffer += data;
+    rpc.broadcast.onTerminalData.asEvent({ id, data });
+    return true;
+  });
+  nuxt.hook("devtools:terminal:exit", ({ id, code }) => {
+    const terminal = terminals.get(id);
+    if (!terminal)
+      return false;
+    terminal.isTerminated = true;
+    rpc.broadcast.onTerminalExit.asEvent({ id, code });
+    refresh("getTerminals");
+    return true;
+  });
+  function serializeTerminal(terminal, buffer = false) {
+    if (!terminal)
+      return;
+    return {
+      id: terminal.id,
+      name: terminal.name,
+      description: terminal.description,
+      icon: terminal.icon,
+      terminatable: terminal.terminatable ?? !!terminal.onActionTerminate,
+      restartable: terminal.restartable ?? !!terminal.onActionRestart,
+      isTerminated: terminal.isTerminated,
+      buffer: buffer ? terminal.buffer : void 0
+    };
+  }
+  return {
+    getTerminals() {
+      return Array.from(terminals.values()).map((i) => serializeTerminal(i));
+    },
+    async getTerminalDetail(token, id) {
+      await ensureDevAuthToken(token);
+      return serializeTerminal(terminals.get(id), true);
+    },
+    async runTerminalAction(token, id, action) {
+      await ensureDevAuthToken(token);
+      const terminal = terminals.get(id);
+      if (!terminal)
+        return false;
+      switch (action) {
+        case "restart":
+          if (!terminal.onActionRestart)
+            return false;
+          await terminal.onActionRestart();
+          return true;
+        case "terminate":
+          if (!terminal.onActionTerminate)
+            return false;
+          await terminal.onActionTerminate();
+          return true;
+        case "remove":
+          if (!terminal.isTerminated)
+            terminal.onActionTerminate?.();
+          terminals.delete(id);
+          refresh("getTerminals");
+          return true;
+        case "clear":
+          terminal.buffer = "";
+          refresh("getTerminals");
+          return true;
+      }
+    }
+  };
+}
+
+function setupTimelineRPC({ nuxt }) {
+  return {
+    async enableTimeline(dry) {
+      const filepath = nuxt.options._nuxtConfigFile;
+      const source = await fs.readFile(filepath, "utf-8");
+      const generated = await magicastGuard(async () => {
+        const mod = parseModule(source, { sourceFileName: filepath });
+        const options = getDefaultExportOptions(mod);
+        options.devtools = options.devtools || {};
+        options.devtools.timeline = options.devtools.timeline || {};
+        options.devtools.timeline.enabled = true;
+        return mod.generate().code;
+      }, "\nYou can enable timeline manually by adding `devtools: { timeline: { enabled: true } }`");
+      if (!dry) {
+        await fs.writeFile(filepath, generated, "utf-8");
+        await nuxt.callHook("restart", { hard: true });
+      }
+      return [source, generated];
+    }
+  };
+}
+
+const LOG_PREFIX = colors.cyan("Nuxt DevTools:");
+
+const pagesIndexTemplate = `<script setup lang="ts">
+const route = useRoute()
+<\/script>
+
+<template>
+  <div>
+    <h1>Nuxt Routing set up successfully!</h1>
+    <p>Current route: {{ route.path }}</p>
+    <a href="https://nuxt.com/docs/getting-started/routing" target="_blank">Learn more about Nuxt Routing</a>
+  </div>
+</template>
+`;
+async function enablePages(nuxt) {
+  const pathApp = join(nuxt.options.srcDir, "app.vue");
+  const pathPageIndex = join(nuxt.options.srcDir, "pages/index.vue");
+  if (fs$1.existsSync(pathPageIndex)) {
+    logger.warn("pages/index.vue already exists, skipping");
+    return;
+  }
+  let appContent = fs$1.existsSync(pathApp) ? await fs.readFile(pathApp, "utf-8") : void 0;
+  await fs.mkdir(dirname$1(pathPageIndex), { recursive: true });
+  await fs.writeFile(pathPageIndex, pagesIndexTemplate, "utf-8");
+  if (appContent && !appContent.includes("<NuxtPage")) {
+    appContent = appContent.replace("</template>", "  <NuxtPage />\n</template>").replace(/<NuxtWelcome\s*\/>/, "");
+    await fs.writeFile(pathApp, appContent, "utf-8");
+  }
+  logger.success("Routing creation wizard completed");
+}
+
+const wizard = {
+  enablePages
+};
+
+function setupWizardRPC({ nuxt, ensureDevAuthToken }) {
+  return {
+    async runWizard(token, name, ...args) {
+      await ensureDevAuthToken(token);
+      logger.info(LOG_PREFIX, `Running wizard ${colors.green(name)}...`);
+      return wizard[name](nuxt, ...args);
+    }
+  };
+}
+
 function setupRPC(nuxt, options) {
   const serverFunctions = {};
   const extendedRpcMap = /* @__PURE__ */ new Map();