@nuxt/devtools 0.8.5 → 1.0.0-beta.1

package/README.md

@@ -1,7 +1,7 @@
 <a href="https://devtools.nuxt.com"><img width="1200" alt="Nuxt DevTools" src="https://github-production-user-asset-6210df.s3.amazonaws.com/904724/261577617-a10567bd-ad33-48cc-9bda-9e37dbe1929f.png"></a>
 <br>
 <h1>
-Nuxt DevTools <sup>Preview</sup>
+Nuxt DevTools
 </h1>
 
 [![npm version][npm-version-src]][npm-version-href]
@@ -23,10 +23,6 @@ Unleash Nuxt Developer Experience.
 
 <br>
 
-> **Warning**: Experimental and under heavy development. APIs are subject to change.
-
-<br>
-
 ## Installation
 
 > Nuxt DevTools requires **Nuxt v3.1.0 or higher**.

package/dist/chunks/module-main.mjs

@@ -1,14 +1,14 @@
 import fs, { existsSync } from 'node:fs';
 import os, { homedir } from 'node:os';
 import { resolve, join as join$1, dirname } from 'pathe';
-import { logger, useNuxt, addPlugin, addVitePlugin } from '@nuxt/kit';
+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 } from 'flatted';
-import { R as ROUTE_AUTH, d as defaultTabOptions, W as WS_EVENT_NAME, a as ROUTE_ANALYZE, b as ROUTE_CLIENT, c as ROUTE_AUTH_VERIFY } from '../shared/devtools.18eefaee.mjs';
-import { join } from 'node:path';
+import { R as ROUTE_AUTH, d as defaultTabOptions, W as WS_EVENT_NAME, a as ROUTE_ANALYZE, b as ROUTE_CLIENT, c as ROUTE_AUTH_VERIFY } from '../shared/devtools.d18bab28.mjs';
+import { join, dirname as dirname$1 } from 'node:path';
 import fsp from 'node:fs/promises';
 import { randomStr } from '@antfu/utils';
 import { imageMeta } from 'image-meta';
@@ -24,11 +24,13 @@ import 'pkg-types';
 import semver from 'semver';
 import { getPackageInfo } from 'local-pkg';
 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 = "0.8.5";
+const version = "1.0.0-beta.1";
 
 let token;
 async function getDevAuthToken() {
@@ -121,7 +123,7 @@ function setupAssetsRPC({ nuxt, ensureDevAuthToken, refresh }) {
     refresh("getStaticAssets");
   }, 500);
   nuxt.hook("builder:watch", (event, key) => {
-    if (key.startsWith(publicDir) && (event === "add" || event === "unlink"))
+    if (key.startsWith(nuxt.options.dir.public) && (event === "add" || event === "unlink"))
       refreshDebounced();
   });
   async function scan() {
@@ -233,6 +235,8 @@ async function checkForUpdateOf(name, current, nuxt = useNuxt()) {
         return;
       current = info.packageJson.version;
     }
+    if (!current)
+      return;
     const packument = await import('pacote').then((r) => r.default?.packument || r.packument);
     const manifest = await packument(name);
     const latest = manifest["dist-tags"].latest;
@@ -249,11 +253,22 @@ async function checkForUpdateOf(name, current, nuxt = useNuxt()) {
   }
 }
 
+async function magicastGuard(fn, message = "") {
+  let generated;
+  try {
+    generated = await fn();
+  } catch (e) {
+    logger.error(e);
+    throw new Error(`Magicast failed to modify Nuxt config automatically. Maybe the config are composed too dynamically that we failed to statically analyze it. ${message}`);
+  }
+  return generated;
+}
+
 function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
   let detectPromise;
   const updatesPromise = /* @__PURE__ */ new Map();
   function getPackageManager() {
-    detectPromise || (detectPromise = detectPackageManager(nuxt.options.rootDir).then((r) => r?.name || "npm"));
+    detectPromise || (detectPromise = detectPackageManager(nuxt.options.rootDir));
     return detectPromise;
   }
   async function getNpmCommand(command, packageName, options = {}) {
@@ -262,10 +277,26 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
       global = packageName === "@nuxt/devtools" && isInstalledGlobally
     } = options;
     const agent = await getPackageManager();
-    if (command === "install" || command === "update")
-      return [agent, agent === "npm" ? "install" : "add", `${packageName}@latest`, dev ? "-D" : "", global ? "-g" : "", "--ignore-scripts"].filter(Boolean);
-    if (command === "uninstall")
-      return [agent, agent === "npm" ? "uninstall" : "remove", packageName, global ? "-g" : ""].filter(Boolean);
+    const name = agent?.name || "npm";
+    if (command === "install" || command === "update") {
+      return [
+        name,
+        name === "npm" ? "install" : "add",
+        `${packageName}@latest`,
+        dev ? "-D" : "",
+        global ? "-g" : "",
+        // In yarn berry, `--ignore-scripts` is removed
+        name === "yarn" && !agent?.version?.startsWith("1.") ? "" : "--ignore-scripts"
+      ].filter(Boolean);
+    }
+    if (command === "uninstall") {
+      return [
+        name,
+        name === "npm" ? "uninstall" : "remove",
+        packageName,
+        global ? "-g" : ""
+      ].filter(Boolean);
+    }
   }
   async function runNpmCommand(command, packageName, options = {}) {
     const args = await getNpmCommand(command, packageName, options);
@@ -293,7 +324,6 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
         updatesPromise.set(name, checkForUpdateOf(name, void 0, nuxt));
       return updatesPromise.get(name);
     },
-    getPackageManager,
     getNpmCommand,
     async runNpmCommand(token, ...args) {
       await ensureDevAuthToken(token);
@@ -306,9 +336,11 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
       let source = latestGenerated;
       if (source == null)
         source = await fsp.readFile(filepath, "utf-8");
-      const mod = parseModule(source, { sourceFileName: filepath });
-      addNuxtModule(mod, name);
-      const generated = mod.generate().code;
+      const generated = await magicastGuard(async () => {
+        const mod = parseModule(source, { sourceFileName: filepath });
+        addNuxtModule(mod, name);
+        return mod.generate().code;
+      });
       const processId = `nuxt:add-module:${name}`;
       if (!dry) {
         latestGenerated = generated;
@@ -348,16 +380,18 @@ function setupNpmRPC({ nuxt, ensureDevAuthToken }) {
       const commands = await getNpmCommand("uninstall", name);
       const filepath = nuxt.options._nuxtConfigFile;
       const source = await fsp.readFile(filepath, "utf-8");
-      const mod = parseModule(source, { sourceFileName: filepath });
-      const config = getDefaultExportOptions(mod);
-      config.modules || (config.modules = []);
-      if (config.modules.includes(name)) {
-        Object.values(config.modules).forEach((value, index) => {
-          if (value === name)
-            config.modules.splice(index - 1, 1);
-        });
-      }
-      const generated = mod.generate().code;
+      const generated = await magicastGuard(async () => {
+        const mod = parseModule(source, { sourceFileName: filepath });
+        const config = getDefaultExportOptions(mod);
+        config.modules || (config.modules = []);
+        if (config.modules.includes(name)) {
+          Object.values(config.modules).forEach((value, index) => {
+            if (value === name)
+              config.modules.splice(index - 1, 1);
+          });
+        }
+        return mod.generate().code;
+      });
       const processId = `nuxt:remove-module:${name}`;
       if (!dry) {
         const process = startSubprocess({
@@ -529,6 +563,34 @@ function setupGeneralRPC({ nuxt, options, refresh, openInEditorHooks }) {
     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;
     },
@@ -596,14 +658,17 @@ function setupGeneralRPC({ nuxt, options, refresh, openInEditorHooks }) {
       logger.info("Restarting Nuxt...");
       return nuxt.callHook("restart", { hard });
     },
-    async requestForAuth(info) {
+    async requestForAuth(info, origin) {
+      if (options.disableAuthorization)
+        return;
       const token = await getDevAuthToken();
+      origin || (origin = `${nuxt.options.devServer.https ? "https" : "http"}://${nuxt.options.devServer.host === "::" ? "localhost" : nuxt.options.devServer.host || "localhost"}:${nuxt.options.devServer.port}`);
       const message = [
         `A browser is requesting permissions of ${colors.bold(colors.yellow("writing files and running commands"))} from the DevTools UI.`,
         colors.bold(info),
         "",
         "Please open the following URL in the browser:",
-        colors.bold(colors.green(`${nuxt.options.devServer.https ? "https" : "http"}://${nuxt.options.devServer.host === "::" ? "localhost" : nuxt.options.devServer.host || "localhost"}:${nuxt.options.devServer.port}${ROUTE_AUTH}?token=${token}`)),
+        colors.bold(colors.green(`${origin}${ROUTE_AUTH}?token=${token}`)),
         "",
         "Or manually copy and paste the following token:",
         colors.bold(colors.cyan(token))
@@ -618,6 +683,8 @@ function setupGeneralRPC({ nuxt, options, refresh, openInEditorHooks }) {
       });
     },
     async verifyAuthToken(token) {
+      if (options.disableAuthorization)
+        return true;
       return token === await getDevAuthToken();
     }
   };
@@ -668,7 +735,7 @@ function setupWizardRPC({ nuxt, ensureDevAuthToken }) {
   };
 }
 
-function setupTerminalRPC({ nuxt, rpc, refresh }) {
+function setupTerminalRPC({ nuxt, rpc, refresh, ensureDevAuthToken }) {
   const terminals = /* @__PURE__ */ new Map();
   nuxt.hook("devtools:terminal:register", (terminal) => {
     terminals.set(terminal.id, terminal);
@@ -718,10 +785,12 @@ function setupTerminalRPC({ nuxt, rpc, refresh }) {
     getTerminals() {
       return Array.from(terminals.values()).map((i) => serializeTerminal(i));
     },
-    getTerminalDetail(id) {
+    async getTerminalDetail(token, id) {
+      await ensureDevAuthToken(token);
       return serializeTerminal(terminals.get(id), true);
     },
-    async runTerminalAction(id, action) {
+    async runTerminalAction(token, id, action) {
+      await ensureDevAuthToken(token);
       const terminal = terminals.get(id);
       if (!terminal)
         return false;
@@ -887,13 +956,8 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
   };
 }
 
-async function readOptions(defaults, 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`);
+async function readLocalOptions(defaults, options) {
+  const { filePath } = getOptionsFilepath(options);
   if (existsSync(filePath)) {
     const options2 = {
       ...defaults,
@@ -904,16 +968,26 @@ async function readOptions(defaults, options) {
     return { ...defaults };
   }
 }
-async function writeOptions(settings, options) {
-  const dir = join$1(homedir(), ".nuxt/devtools");
-  if (!existsSync(dir))
-    await fsp.mkdir(dir, { recursive: true });
+function getOptionsFilepath(options) {
   let hashedKey;
   if (options.key)
     hashedKey = hash(`${options.root}:${options.key}`);
   else
     hashedKey = hash(options.root);
-  const filePath = join$1(dir, `${hashedKey}.json`);
+  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(
@@ -929,9 +1003,12 @@ async function writeOptions(settings, options) {
   );
 }
 
+let options;
+function getOptions() {
+  return options;
+}
 function setupOptionsRPC({ nuxt }) {
-  let options;
-  async function getOptions(tab) {
+  async function getOptions2(tab) {
     if (!options || options[tab]) {
       options = defaultTabOptions;
       await read(tab);
@@ -939,22 +1016,38 @@ function setupOptionsRPC({ nuxt }) {
     return options[tab];
   }
   async function read(tab) {
-    options[tab] = await readOptions(defaultTabOptions[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 {
     async updateOptions(tab, _settings) {
-      const settings = await getOptions(tab);
+      const settings = await getOptions2(tab);
       Object.assign(settings, _settings);
-      await writeOptions({ ...settings }, {
-        root: nuxt.options.rootDir,
-        key: tab !== "ui" && tab
+      await writeLocalOptions(
+        { ...settings },
+        {
+          root: nuxt.options.rootDir,
+          key: tab !== "ui" && tab
+        }
+      );
+      nuxt.callHook("builder:generateApp", {
+        filter(template) {
+          return template.filename.includes("devtools/settings.mjs");
+        }
       });
     },
-    getOptions
+    getOptions: getOptions2,
+    clearOptions
   };
 }
 
@@ -963,12 +1056,14 @@ function setupTimelineRPC({ nuxt }) {
     async enableTimeline(dry) {
       const filepath = nuxt.options._nuxtConfigFile;
       const source = await fsp.readFile(filepath, "utf-8");
-      const mod = await parseModule(source, { sourceFileName: filepath });
-      const options = getDefaultExportOptions(mod);
-      options.devtools = options.devtools || {};
-      options.devtools.timeline = options.devtools.timeline || {};
-      options.devtools.timeline.enabled = true;
-      const generated = mod.generate().code;
+      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 fsp.writeFile(filepath, generated, "utf-8");
         await nuxt.callHook("restart", { hard: true });
@@ -990,8 +1085,11 @@ function throttle(fn, delay) {
     }
   };
 }
+let telemetry;
+const throttledSend = throttle(() => {
+  telemetry?.sendEvents();
+}, SEND_DELAY);
 function setupTelemetryRPC({ nuxt, options }) {
-  let telemetry;
   if (options.telemetry !== false) {
     nuxt.hook("telemetry:setup", (t) => {
       telemetry = t;
@@ -1005,21 +1103,23 @@ function setupTelemetryRPC({ nuxt, options }) {
       t.createEvent("devtools", { event: "enabled" });
     });
   }
-  const throttledSend = throttle(() => {
-    telemetry?.sendEvents();
-  }, SEND_DELAY);
   return {
     telemetryEvent(payload, immediate = false) {
-      if (!telemetry)
-        return;
-      telemetry.createEvent("devtools", payload);
-      if (immediate)
-        telemetry.sendEvents();
-      else
-        throttledSend();
+      telemetryEvent(payload, immediate);
     }
   };
 }
+function telemetryEvent(payload, immediate = false) {
+  if (!telemetry)
+    return;
+  if (getOptions()?.behavior.telemetry === false)
+    return;
+  telemetry.createEvent("devtools", payload);
+  if (immediate)
+    telemetry.sendEvents();
+  else
+    throttledSend();
+}
 
 function setupRPC(nuxt, options) {
   const serverFunctions = {};
@@ -1037,7 +1137,10 @@ function setupRPC(nuxt, options) {
         return extendedRpcMap.get(namespace)?.[fnName];
       },
       onError(error, name) {
-        console.error(`[nuxt-devtools] RPC error on executing "${name}":`, error);
+        logger.error(
+          colors.yellow(`[nuxt-devtools] RPC error on executing "${colors.bold(name)}":
+`) + colors.red(error?.message || "")
+        );
       },
       timeout: 12e4
     }
@@ -1144,6 +1247,7 @@ async function enableModule(options, nuxt) {
       await import('./analyze-build.mjs').then(({ setup }) => setup(nuxt, options));
     return;
   }
+  const enabledExplicitly = nuxt.options.devtools === true || nuxt.options.devtools && nuxt.options.devtools.enabled || !!nuxt.options.modules.find((m) => m === "@nuxt/devtools" || m === "@nuxt/devtools-edge");
   await nuxt.callHook("devtools:before");
   nuxt.options.imports.collectMeta = true;
   addPlugin({
@@ -1154,6 +1258,22 @@ async function enableModule(options, nuxt) {
     src: join$1(runtimeDir, "plugins/devtools.server"),
     mode: "server"
   });
+  addTemplate({
+    filename: "devtools/settings.mjs",
+    async getContents() {
+      const uiOptions = await readLocalOptions(
+        {
+          ...defaultTabOptions.ui,
+          // When not enabled explicitly, we hide the panel by default
+          showPanel: enabledExplicitly ? true : null
+        },
+        { root: nuxt.options.rootDir }
+      );
+      return `export default ${JSON.stringify({
+        ui: uiOptions
+      })}`;
+    }
+  });
   nuxt.hook("nitro:config", (config) => {
     config.externals = config.externals || {};
     config.externals.inline = config.externals.inline || [];
@@ -1170,7 +1290,7 @@ if (!window.__NUXT_DEVTOOLS_TIME_METRIC__) {
 window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
 \``;
     config.plugins = config.plugins || [];
-    config.plugins.push(join$1(runtimeDir, "nitro/inline"));
+    config.plugins.unshift(join$1(runtimeDir, "nitro/inline"));
   });
   const {
     vitePlugin,
@@ -1239,7 +1359,7 @@ window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
     isGlobalInstall: isGlobalInstall()
   });
   const isMac = os.platform() === "darwin";
-  logger.success(`Nuxt DevTools enabled ${colors.dim(`(v${version})`)}, press \`Shift\` + \`${isMac ? "Option" : "Alt"}\` + \`D\` in app to open ${isGlobalInstall() ? colors.dim("[global]") : ""} ${colors.yellow("(experimental)")}`);
+  logger.success(`Nuxt DevTools ${colors.dim(`v${version}`)}${isGlobalInstall() ? colors.dim(" [global]") : ""} enabled, press \`Shift\` + \`${isMac ? "Option" : "Alt"}\` + \`D\` in app to open.`);
 }
 
 const moduleMain = {

package/dist/chunks/vscode.mjs

@@ -6,7 +6,6 @@ import { logger } from '@nuxt/kit';
 import { execa } from 'execa';
 import { checkPort, getPort } from 'get-port-please';
 import which from 'which';
-import waitOn from 'wait-on';
 import { startSubprocess } from '@nuxt/devtools-kit';
 import { L as LOG_PREFIX } from './module-main.mjs';
 import 'pathe';
@@ -15,7 +14,7 @@ import 'sirv';
 import 'consola/utils';
 import 'birpc';
 import 'flatted';
-import '../shared/devtools.18eefaee.mjs';
+import '../shared/devtools.d18bab28.mjs';
 import '../dirs.mjs';
 import 'node:url';
 import 'is-installed-globally';
@@ -31,6 +30,8 @@ import 'pkg-types';
 import 'semver';
 import 'local-pkg';
 import 'unimport';
+import 'destr';
+import 'scule';
 import 'simple-git';
 import 'ohash';
 
@@ -95,11 +96,11 @@ async function setup({ nuxt, options, openInEditorHooks, rpc }) {
       },
       nuxt
     );
-    await waitOn({
-      resources: [url],
-      timeout: 2e4,
-      reverse: true
-    });
+    for (let i = 0; i < 100; i++) {
+      if (await fetch(url).then((r) => r.ok).catch(() => false))
+        break;
+      await new Promise((resolve2) => setTimeout(resolve2, 500));
+    }
     await new Promise((resolve2) => setTimeout(resolve2, 2e3));
     loaded = true;
   }
@@ -118,10 +119,11 @@ async function setup({ nuxt, options, openInEditorHooks, rpc }) {
     nuxt.hook("close", () => {
       command.kill();
     });
-    await waitOn({
-      resources: [url],
-      timeout: 2e4
-    });
+    for (let i = 0; i < 100; i++) {
+      if (await fetch(url).then((r) => r.ok).catch(() => false))
+        break;
+      await new Promise((resolve2) => setTimeout(resolve2, 500));
+    }
     await new Promise((resolve2) => setTimeout(resolve2, 2e3));
     loaded = true;
   }

package/dist/client/200.html

@@ -2,9 +2,9 @@
 <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.38bf3bdf.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.54b63325.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/index.5e3c6999.js">
+<link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.ebd8706b.css">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.9effa704.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/index.370f8c55.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.ab479e3d.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/vitesse-light.696edcfd.js">
@@ -18,24 +18,24 @@
 <link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/vue-html.0806679f.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.9d056341.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.c4c43b40.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/full.478da439.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.cfaeed76.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.de670135.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/full.44b6f3d9.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.06949a5f.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.6de1f238.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NSelect.vue.e3495019.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NSwitch.vue.21018268.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NDropdown.vue.d756d40c.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NCodeBlock.vue.84865d5b.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/client.d926285a.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/DrawerRight.vue.5bde5a0b.js">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.dedd4a37.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/DataSchemaDrawer.939e0d36.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NSelect.vue.dcac9c73.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NSwitch.vue.aacb5de3.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NDropdown.vue.885f70c3.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NCodeBlock.vue.d4a74ca4.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/client.ab169146.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NDrawer.vue.f03c3dec.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.1dfe0ac4.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.087131b3.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-404.b43ed6fa.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.d1c41037.js">
-<script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.54b63325.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="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-500.9a32d319.js">
+<script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.9effa704.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"}})();
 </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>