@nuxt/devtools 1.0.2 → 1.0.4

package/README.md

@@ -16,6 +16,7 @@ Unleash Nuxt Developer Experience.
 </p>
 
 <p>
+  <a href="https://nuxt.com/blog/nuxt-devtools-v1-0">👋 Introduction</a> |
   <a href="https://github.com/nuxt/devtools/discussions/29">💡 Ideas & Suggestions</a> |
   <a href="https://github.com/nuxt/devtools/discussions/31">🗺️ Project Roadmap</a> |
   <a href="https://devtools.nuxt.com/">📚 Documentation</a>
@@ -77,7 +78,7 @@ For all options available, please refer to TSDocs in your IDE, or the [type defi
 
 ## Features
 
-Read the [**Announcement Blog Post 🎊**](https://nuxt.com/blog/introducing-nuxt-devtools) for why we built Nuxt DevTools and what it can do!
+Read the [**Announcement Blog Post 🎊**](https://nuxt.com/blog/nuxt-devtools-v1-0) for why we built Nuxt DevTools and what it can do!
 
 ## Module Authors
 

package/dist/chunks/module-main.mjs

@@ -1,16 +1,17 @@
-import fs, { existsSync } from 'node:fs';
+import fs$1, { existsSync } from 'node:fs';
 import os, { homedir } from 'node:os';
-import { resolve, join as join$1, dirname } from 'pathe';
+import fs from 'node:fs/promises';
+import { join, resolve, dirname as dirname$1 } from 'pathe';
 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 { d as defaultAllowedExtensions, R as ROUTE_AUTH, a as defaultTabOptions, W as WS_EVENT_NAME, b as ROUTE_ANALYZE, c as ROUTE_CLIENT, e as ROUTE_AUTH_VERIFY } from '../shared/devtools.ca660ec5.mjs';
-import { join, parse, dirname as dirname$1 } from 'node:path';
-import fsp from 'node:fs/promises';
+import { d as defaultAllowedExtensions, a as defaultTabOptions, W as WS_EVENT_NAME } from '../shared/devtools.371fa152.mjs';
+import { dirname, join as join$1, parse } from 'node:path';
 import { randomStr } from '@antfu/utils';
+import { hash } from 'ohash';
 import { imageMeta } from 'image-meta';
 import { debounce } from 'perfect-debounce';
 import fg from 'fast-glob';
@@ -27,24 +28,80 @@ import { resolveBuiltinPresets } from 'unimport';
 import destr from 'destr';
 import { snakeCase } from 'scule';
 import Git from 'simple-git';
-import { hash } from 'ohash';
 import { runtimeDir, clientDir, packageDir, isGlobalInstall } from '../dirs.mjs';
 
-const version = "1.0.2";
+const version = "1.0.4";
+
+function getHomeDir() {
+  return process.env.XDG_CONFIG_HOME || homedir();
+}
+async function readLocalOptions(defaults, options) {
+  const { filePath } = getOptionsFilepath(options);
+  if (existsSync(filePath)) {
+    try {
+      const options2 = {
+        ...defaults,
+        ...JSON.parse(await fs.readFile(filePath, "utf-8")).settings || {}
+      };
+      return options2;
+    } catch (e) {
+      console.error(`[DevTools] failed to parse local options file: ${filePath}, fallback to defaults`);
+      console.error(e);
+      return { ...defaults };
+    }
+  } else {
+    return { ...defaults };
+  }
+}
+function getOptionsFilepath(options) {
+  let hashedKey;
+  if (options.key)
+    hashedKey = hash(`${options.root}:${options.key}`);
+  else
+    hashedKey = hash(options.root);
+  const home = getHomeDir();
+  const filePath = join(home, ".nuxt/devtools", `${hashedKey}.json`);
+  return {
+    filePath,
+    hashedKey
+  };
+}
+async function clearLocalOptions(options) {
+  const { filePath } = getOptionsFilepath(options);
+  if (existsSync(filePath))
+    await fs.unlink(filePath);
+}
+async function writeLocalOptions(settings, options) {
+  const { filePath, hashedKey } = getOptionsFilepath(options);
+  await fs.mkdir(dirname(filePath), { recursive: true });
+  await fs.writeFile(
+    filePath,
+    JSON.stringify(
+      {
+        root: options.root,
+        hash: hashedKey,
+        settings
+      },
+      null,
+      2
+    ),
+    "utf-8"
+  );
+}
 
 let token;
 async function getDevAuthToken() {
   if (token)
     return token;
-  const home = homedir();
-  const dir = join(home, ".nuxt/devtools");
-  const filepath = join(dir, "dev-auth-token.txt");
+  const home = getHomeDir();
+  const dir = join$1(home, ".nuxt/devtools");
+  const filepath = join$1(dir, "dev-auth-token.txt");
   if (existsSync(filepath))
-    token = (await fsp.readFile(filepath, "utf-8")).trim();
+    token = (await fs.readFile(filepath, "utf-8")).trim();
   if (!token)
     token = randomStr(16);
-  await fsp.mkdir(dir, { recursive: true });
-  await fsp.writeFile(filepath, token, "utf-8");
+  await fs.mkdir(dir, { recursive: true });
+  await fs.writeFile(filepath, token, "utf-8");
   return token;
 }
 
@@ -150,10 +207,10 @@ function setupAssetsRPC({ nuxt, ensureDevAuthToken, refresh, options }) {
     }
     cache = await Promise.all(files.map(async (path) => {
       const filePath = resolve(publicDir, path);
-      const stat = await fsp.lstat(filePath);
+      const stat = await fs.lstat(filePath);
       return {
         path,
-        publicPath: join$1(baseURL, path),
+        publicPath: join(baseURL, path),
         filePath,
         type: guessType(path),
         size: stat.size,
@@ -166,11 +223,12 @@ function setupAssetsRPC({ nuxt, ensureDevAuthToken, refresh, options }) {
     async getStaticAssets() {
       return await scan();
     },
-    async getImageMeta(filepath) {
+    async getImageMeta(token, filepath) {
+      await ensureDevAuthToken(token);
       if (_imageMetaCache.has(filepath))
         return _imageMetaCache.get(filepath);
       try {
-        const meta = imageMeta(await fsp.readFile(filepath));
+        const meta = imageMeta(await fs.readFile(filepath));
         _imageMetaCache.set(filepath, meta);
         return meta;
       } catch (e) {
@@ -179,9 +237,10 @@ function setupAssetsRPC({ nuxt, ensureDevAuthToken, refresh, options }) {
         return void 0;
       }
     },
-    async getTextAssetContent(filepath, limit = 300) {
+    async getTextAssetContent(token, filepath, limit = 300) {
+      await ensureDevAuthToken(token);
       try {
-        const content = await fsp.readFile(filepath, "utf-8");
+        const content = await fs.readFile(filepath, "utf-8");
         return content.slice(0, limit);
       } catch (e) {
         console.error(e);
@@ -202,16 +261,16 @@ You can configure it in Nuxt config at \`devtools.assets.uploadExtensions\`.`);
           }
           if (!override) {
             try {
-              await fsp.stat(finalPath);
+              await fs.stat(finalPath);
               const base = finalPath.slice(0, finalPath.length - ext.length - 1);
               let i = 1;
-              while (await fsp.access(`${base}-${i}.${ext}`).then(() => true).catch(() => false))
+              while (await fs.access(`${base}-${i}.${ext}`).then(() => true).catch(() => false))
                 i++;
               finalPath = `${base}-${i}.${ext}`;
             } catch (err) {
             }
           }
-          await fsp.writeFile(finalPath, content, {
+          await fs.writeFile(finalPath, content, {
             encoding: encoding ?? "utf-8"
           });
           return finalPath;
@@ -220,14 +279,14 @@ You can configure it in Nuxt config at \`devtools.assets.uploadExtensions\`.`);
     },
     async deleteStaticAsset(token, path) {
       await ensureDevAuthToken(token);
-      return await fsp.unlink(path);
+      return await fs.unlink(path);
     },
     async renameStaticAsset(token, oldPath, newPath) {
       await ensureDevAuthToken(token);
       const exist = cache?.find((asset) => asset.filePath === newPath);
       if (exist)
         throw new Error(`File ${newPath} already exists`);
-      return await fsp.rename(oldPath, newPath);
+      return await fs.rename(oldPath, newPath);
     }
   };
 }
@@ -341,7 +400,7 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
       const filepath = nuxt.options._nuxtConfigFile;
       let source = latestGenerated;
       if (source == null)
-        source = await fsp.readFile(filepath, "utf-8");
+        source = await fs.readFile(filepath, "utf-8");
       const generated = await magicastGuard(async () => {
         const mod = parseModule(source, { sourceFileName: filepath });
         addNuxtModule(mod, name);
@@ -371,7 +430,7 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
         }
         if (installSet.size === 0) {
           latestGenerated = null;
-          await fsp.writeFile(filepath, generated, "utf-8");
+          await fs.writeFile(filepath, generated, "utf-8");
         }
       }
       return {
@@ -385,7 +444,7 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
       await ensureDevAuthToken(token);
       const commands = await getNpmCommand("uninstall", name);
       const filepath = nuxt.options._nuxtConfigFile;
-      const source = await fsp.readFile(filepath, "utf-8");
+      const source = await fs.readFile(filepath, "utf-8");
       const generated = await magicastGuard(async () => {
         const mod = parseModule(source, { sourceFileName: filepath });
         const config = getDefaultExportOptions(mod);
@@ -417,7 +476,7 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
           console.error(result.stderr);
           throw new Error(`Failed to uninstall module', process exited with ${code}`);
         }
-        await fsp.writeFile(filepath, generated, "utf-8");
+        await fs.writeFile(filepath, generated, "utf-8");
       }
       return {
         configOriginal: source,
@@ -513,7 +572,13 @@ function setupHooksDebug(hooks) {
   return serverHooks;
 }
 
-function setupGeneralRPC({ nuxt, options, refresh, openInEditorHooks }) {
+function setupGeneralRPC({
+  nuxt,
+  options,
+  refresh,
+  ensureDevAuthToken,
+  openInEditorHooks
+}) {
   const components = [];
   const imports = [];
   const importPresets = [];
@@ -660,7 +725,8 @@ function setupGeneralRPC({ nuxt, options, refresh, openInEditorHooks }) {
         return false;
       }
     },
-    restartNuxt(hard = true) {
+    async restartNuxt(token, hard = true) {
+      await ensureDevAuthToken(token);
       logger.info("Restarting Nuxt...");
       return nuxt.callHook("restart", { hard });
     },
@@ -669,6 +735,7 @@ function setupGeneralRPC({ nuxt, options, refresh, openInEditorHooks }) {
         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),
@@ -709,18 +776,18 @@ const route = useRoute()
 </template>
 `;
 async function enablePages(nuxt) {
-  const pathApp = join$1(nuxt.options.srcDir, "app.vue");
-  const pathPageIndex = join$1(nuxt.options.srcDir, "pages/index.vue");
-  if (fs.existsSync(pathPageIndex)) {
+  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.existsSync(pathApp) ? await fsp.readFile(pathApp, "utf-8") : void 0;
-  await fsp.mkdir(dirname(pathPageIndex), { recursive: true });
-  await fsp.writeFile(pathPageIndex, pagesIndexTemplate, "utf-8");
+  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 fsp.writeFile(pathApp, appContent, "utf-8");
+    await fs.writeFile(pathApp, appContent, "utf-8");
   }
   logger.success("Routing creation wizard completed");
 }
@@ -879,7 +946,7 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
   let promise;
   let initalized;
   const processId = "devtools:analyze-build";
-  const analyzeDir = join$1(nuxt.options.rootDir, ".nuxt/analyze");
+  const analyzeDir = join(nuxt.options.rootDir, ".nuxt/analyze");
   async function startAnalyzeBuild(name) {
     if (promise)
       throw new Error("Already building");
@@ -906,14 +973,14 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
   async function readBuildInfo() {
     const files = await fg("*/meta.json", { cwd: analyzeDir, onlyFiles: true, absolute: true });
     builds = await Promise.all(files.map(async (file) => {
-      const dir = dirname(file);
-      const json = JSON.parse(await fsp.readFile(file, "utf-8"));
+      const dir = dirname$1(file);
+      const json = JSON.parse(await fs.readFile(file, "utf-8"));
       return {
         ...json,
         features: {
-          bundleClient: fs.existsSync(join$1(dir, "client.html")),
-          bundleNitro: fs.existsSync(join$1(dir, "nitro.html")),
-          viteInspect: fs.existsSync(join$1(dir, ".vite-inspect"))
+          bundleClient: fs$1.existsSync(join(dir, "client.html")),
+          bundleNitro: fs$1.existsSync(join(dir, "nitro.html")),
+          viteInspect: fs$1.existsSync(join(dir, ".vite-inspect"))
         }
       };
     }));
@@ -946,10 +1013,10 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
     async clearAnalyzeBuilds(token, names) {
       await ensureDevAuthToken(token);
       if (!names) {
-        await fsp.rm(analyzeDir, { recursive: true, force: true });
+        await fs.rm(analyzeDir, { recursive: true, force: true });
       } else {
         const targets = builds.filter((build) => names.includes(build.name));
-        await Promise.all(targets.map((target) => fsp.rm(join$1(analyzeDir, target.slug), { recursive: true, force: true })));
+        await Promise.all(targets.map((target) => fs.rm(join(analyzeDir, target.slug), { recursive: true, force: true })));
       }
       initalized = readBuildInfo();
       refresh("getAnalyzeBuildInfo");
@@ -962,53 +1029,6 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
   };
 }
 
-async function readLocalOptions(defaults, options) {
-  const { filePath } = getOptionsFilepath(options);
-  if (existsSync(filePath)) {
-    const options2 = {
-      ...defaults,
-      ...JSON.parse(await fsp.readFile(filePath, "utf-8")).settings || {}
-    };
-    return options2;
-  } else {
-    return { ...defaults };
-  }
-}
-function getOptionsFilepath(options) {
-  let hashedKey;
-  if (options.key)
-    hashedKey = hash(`${options.root}:${options.key}`);
-  else
-    hashedKey = hash(options.root);
-  const filePath = join$1(homedir(), ".nuxt/devtools", `${hashedKey}.json`);
-  return {
-    filePath,
-    hashedKey
-  };
-}
-async function clearLocalOptions(options) {
-  const { filePath } = getOptionsFilepath(options);
-  if (existsSync(filePath))
-    await fsp.unlink(filePath);
-}
-async function writeLocalOptions(settings, options) {
-  const { filePath, hashedKey } = getOptionsFilepath(options);
-  await fsp.mkdir(dirname$1(filePath), { recursive: true });
-  await fsp.writeFile(
-    filePath,
-    JSON.stringify(
-      {
-        root: options.root,
-        hash: hashedKey,
-        settings
-      },
-      null,
-      2
-    ),
-    "utf-8"
-  );
-}
-
 let options;
 function getOptions() {
   return options;
@@ -1061,7 +1081,7 @@ function setupTimelineRPC({ nuxt }) {
   return {
     async enableTimeline(dry) {
       const filepath = nuxt.options._nuxtConfigFile;
-      const source = await fsp.readFile(filepath, "utf-8");
+      const source = await fs.readFile(filepath, "utf-8");
       const generated = await magicastGuard(async () => {
         const mod = parseModule(source, { sourceFileName: filepath });
         const options = getDefaultExportOptions(mod);
@@ -1071,7 +1091,7 @@ function setupTimelineRPC({ nuxt }) {
         return mod.generate().code;
       }, "\nYou can enable timeline manually by adding `devtools: { timeline: { enabled: true } }`");
       if (!dry) {
-        await fsp.writeFile(filepath, generated, "utf-8");
+        await fs.writeFile(filepath, generated, "utf-8");
         await nuxt.callHook("restart", { hard: true });
       }
       return [source, generated];
@@ -1257,11 +1277,11 @@ async function enableModule(options, nuxt) {
   await nuxt.callHook("devtools:before");
   nuxt.options.imports.collectMeta = true;
   addPlugin({
-    src: join$1(runtimeDir, "plugins/devtools.client"),
+    src: join(runtimeDir, "plugins/devtools.client"),
     mode: "client"
   });
   addPlugin({
-    src: join$1(runtimeDir, "plugins/devtools.server"),
+    src: join(runtimeDir, "plugins/devtools.server"),
     mode: "server"
   });
   addTemplate({
@@ -1283,7 +1303,7 @@ async function enableModule(options, nuxt) {
   nuxt.hook("nitro:config", (config) => {
     config.externals = config.externals || {};
     config.externals.inline = config.externals.inline || [];
-    config.externals.inline.push(join$1(runtimeDir, "nitro"));
+    config.externals.inline.push(join(runtimeDir, "nitro"));
     config.virtual = config.virtual || {};
     config.virtual["#nuxt-devtools-inline"] = `export const script = \`
 if (!window.__NUXT_DEVTOOLS_TIME_METRIC__) {
@@ -1296,7 +1316,7 @@ if (!window.__NUXT_DEVTOOLS_TIME_METRIC__) {
 window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
 \``;
     config.plugins = config.plugins || [];
-    config.plugins.unshift(join$1(runtimeDir, "nitro/inline"));
+    config.plugins.unshift(join(runtimeDir, "nitro/inline"));
   });
   const {
     vitePlugin,
@@ -1304,7 +1324,7 @@ window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
   } = setupRPC(nuxt, options);
   addVitePlugin(vitePlugin);
   const clientDirExists = existsSync(clientDir);
-  const analyzeDir = join$1(nuxt.options.rootDir, ".nuxt/analyze");
+  const analyzeDir = join(nuxt.options.rootDir, ".nuxt/analyze");
   nuxt.hook("vite:extendConfig", (config) => {
     config.server ||= {};
     config.server.fs ||= {};
@@ -1321,14 +1341,36 @@ window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
   nuxt.hook("imports:extend", (imports) => {
     imports.push({
       name: "useNuxtDevTools",
-      from: join$1(runtimeDir, "use-nuxt-devtools")
+      from: join(runtimeDir, "use-nuxt-devtools")
     });
   });
+  const ROUTE_PATH = `${nuxt.options.app.baseURL || "/"}/__nuxt_devtools__`.replace(/\/+/g, "/");
+  const ROUTE_CLIENT = `${ROUTE_PATH}/client`;
+  const ROUTE_AUTH = `${ROUTE_PATH}/auth`;
+  const ROUTE_AUTH_VERIFY = `${ROUTE_PATH}/auth-verify`;
+  const ROUTE_ANALYZE = `${ROUTE_PATH}/analyze`;
   nuxt.hook("vite:serverCreated", (server) => {
     server.middlewares.use(ROUTE_ANALYZE, sirv(analyzeDir, { single: false, dev: true }));
-    if (clientDirExists)
-      server.middlewares.use(ROUTE_CLIENT, sirv(clientDir, { single: true, dev: true }));
-    server.middlewares.use(ROUTE_AUTH, sirv(join$1(runtimeDir, "auth"), { single: true, dev: true }));
+    if (clientDirExists) {
+      const indexHtmlPath = join(clientDir, "index.html");
+      const indexContent = fs.readFile(indexHtmlPath, "utf-8");
+      const handleStatic = sirv(clientDir, {
+        dev: true,
+        single: false
+      });
+      const handleIndex = async (res) => {
+        res.setHeader("Content-Type", "text/html");
+        res.statusCode = 200;
+        res.write((await indexContent).replace(/\/__NUXT_DEVTOOLS_BASE__\//g, `${ROUTE_CLIENT}/`));
+        res.end();
+      };
+      server.middlewares.use(ROUTE_CLIENT, (req, res) => {
+        if (req.url === "/")
+          return handleIndex(res);
+        return handleStatic(req, res, () => handleIndex(res));
+      });
+    }
+    server.middlewares.use(ROUTE_AUTH, sirv(join(runtimeDir, "auth"), { single: true, dev: true }));
     server.middlewares.use(ROUTE_AUTH_VERIFY, async (req, res) => {
       const search = req.url?.split("?")[1];
       if (!search) {

package/dist/chunks/vscode.mjs

@@ -1,6 +1,6 @@
 import { hostname } from 'node:os';
 import { resolve } from 'node:path';
-import fsp from 'node:fs/promises';
+import fs from 'node:fs/promises';
 import { existsSync } from 'node:fs';
 import { logger } from '@nuxt/kit';
 import { execa } from 'execa';
@@ -14,11 +14,12 @@ import 'sirv';
 import 'consola/utils';
 import 'birpc';
 import 'flatted';
-import '../shared/devtools.ca660ec5.mjs';
+import '../shared/devtools.371fa152.mjs';
 import '../dirs.mjs';
 import 'node:url';
 import 'is-installed-globally';
 import '@antfu/utils';
+import 'ohash';
 import 'image-meta';
 import 'perfect-debounce';
 import 'fast-glob';
@@ -33,7 +34,6 @@ import 'unimport';
 import 'destr';
 import 'scule';
 import 'simple-git';
-import 'ohash';
 
 async function setup({ nuxt, options, openInEditorHooks, rpc }) {
   const installed = !!await which("code-server").catch(() => null);
@@ -50,7 +50,7 @@ async function setup({ nuxt, options, openInEditorHooks, rpc }) {
     if (!existsSync(vscodeServerControllerFile))
       return false;
     try {
-      const { port: port2 } = JSON.parse(await fsp.readFile(vscodeServerControllerFile, "utf-8"));
+      const { port: port2 } = JSON.parse(await fs.readFile(vscodeServerControllerFile, "utf-8"));
       const url2 = `http://localhost:${port2}/open?path=${encodeURIComponent(file)}`;
       await fetch(url2);
       rpc.broadcast.navigateTo("/modules/custom-builtin-vscode");
@@ -63,7 +63,7 @@ async function setup({ nuxt, options, openInEditorHooks, rpc }) {
   });
   async function startCodeServer() {
     if (existsSync(vscodeServerControllerFile))
-      await fsp.rm(vscodeServerControllerFile, { force: true });
+      await fs.rm(vscodeServerControllerFile, { force: true });
     if (vsOptions?.reuseExistingServer && !await checkPort(port)) {
       loaded = true;
       url = `http://localhost:${port}/?folder=${encodeURIComponent(root)}`;

package/dist/client/200.html

@@ -2,41 +2,41 @@
 <html >
 <head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.aa8c94e8.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.5d59ff5c.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/index.8874e47c.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/onig.0c57a370.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/vitesse-dark.ff0e7dcb.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/vitesse-light.c6996724.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/json.709f1c4d.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/yaml.b29e536f.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/css.f61fd02b.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/javascript.b7d6d348.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/typescript.24e7badf.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/vue.7ad3b25a.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/html.14085b69.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/vue-html.88dda4a8.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/diff.22e0b108.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/shellscript.e25d1410.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.551695d6.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/full.b09bb7d2.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.48f4e2a5.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-docs.100caa70.js">
-<link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NCodeBlock.6994516c.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/DataSchemaDrawer.d62bbda3.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NSelect.vue.d4b5d548.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NSwitch.vue.95382b67.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NDropdown.vue.32f13066.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NCodeBlock.vue.c114d969.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/client.4841a079.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NDrawer.vue.4bcebe5d.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.55c74b5c.js">
-<link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/error-404.82ac0ec5.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-404.c4b39504.js">
-<link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/error-500.ff959f66.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-500.4029de92.js">
-<script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.5d59ff5c.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,m=["dark","light"],c=window.localStorage.getItem("nuxt-color-mode")||"system";let n=c==="system"?f():c;const l=e.getAttribute("data-color-mode-forced");l&&(n=l),i(n),a["__NUXT_COLOR_MODE__"]={preference:c,value:n,getColorScheme:f,addColorScheme:i,removeColorScheme:d};function i(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function d(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function r(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function f(){if(a.matchMedia&&r("").media!=="not all"){for(const o of m)if(r(":"+o).matches)return o}return"light"}})();
+<link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.2732f55b.css">
+<link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.35c58391.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/index.11f08f78.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/onig.0c57a370.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vitesse-dark.ff0e7dcb.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vitesse-light.c6996724.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/json.709f1c4d.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/yaml.b29e536f.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/css.f61fd02b.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/javascript.b7d6d348.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/typescript.24e7badf.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vue.7ad3b25a.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/html.14085b69.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vue-html.88dda4a8.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/diff.22e0b108.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/shellscript.e25d1410.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/default.97700872.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/full.72d92407.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/none.9d86a5c5.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-docs.100caa70.js">
+<link rel="prefetch" as="style" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/NCodeBlock.6994516c.css">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/DataSchemaDrawer.b2c7e5f0.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/NSelect.vue.7cf27fe7.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/NSwitch.vue.6fd7c26d.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/NDropdown.vue.ddbb4404.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/NCodeBlock.vue.4697f7e4.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/client.bd4053bc.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/NDrawer.vue.4b4bd813.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/unocss-runtime.eab56c8d.js">
+<link rel="prefetch" as="style" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-404.82ac0ec5.css">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-404.576aef72.js">
+<link rel="prefetch" as="style" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-500.ff959f66.css">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-500.61e43a5a.js">
+<script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.35c58391.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,m=["dark","light"],c=window&&window.localStorage&&window.localStorage.getItem&&window.localStorage.getItem("nuxt-color-mode")||"system";let n=c==="system"?d():c;const l=e.getAttribute("data-color-mode-forced");l&&(n=l),i(n),a["__NUXT_COLOR_MODE__"]={preference:c,value:n,getColorScheme:d,addColorScheme:i,removeColorScheme:f};function i(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function f(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function r(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function d(){if(a.matchMedia&&r("").media!=="not all"){for(const o of m)if(r(":"+o).matches)return o}return"light"}})();
 </script></head>
 <body ><div id="__nuxt"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"_errors":1,"serverRendered":2,"data":3,"state":4},{},false,{},{}]</script>
-<script>window.__NUXT__={};window.__NUXT__.config={public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"/__nuxt_devtools__/client",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body>
+<script>window.__NUXT__={};window.__NUXT__.config={public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body>
 </html>