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

package/README.md

@@ -44,21 +44,100 @@ export default defineNuxtConfig({
 })
 ```
 
+### Opting in to v4.0
+
+Nuxt DevTools v4.0 is currently in alpha. Since Nuxt ships with a built-in version of DevTools, you can opt-in to v4.0 by using package manager resolutions to override the bundled version:
+
+<details>
+<summary>npm</summary>
+
+```json
+{
+  "overrides": {
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
+  }
+}
+```
+
+</details>
+
+<details>
+<summary>yarn</summary>
+
+```json
+{
+  "resolutions": {
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
+  }
+}
+```
+
+</details>
+
+<details>
+<summary>pnpm</summary>
+
+```json
+{
+  "pnpm": {
+    "overrides": {
+      "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
+    }
+  }
+}
+```
+
+</details>
+
+Remove lockfile (`package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml`) and reinstall dependencies.
+
 ### Nightly Release Channel
 
 Similar to [Nuxt's Nightly Channel](https://nuxt.com/docs/guide/going-further/nightly-release-channel), DevTools also offers a nightly release channel, that automatically releases for every commit to `main` branch.
 
-You can opt-in to the nightly release channel by running:
+You can opt-in to the nightly release channel by using package manager resolutions:
+
+<details>
+<summary>npm</summary>
+
+```json
+{
+  "overrides": {
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
+  }
+}
+```
+
+</details>
+
+<details>
+<summary>yarn</summary>
+
+```json
+{
+  "resolutions": {
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
+  }
+}
+```
+
+</details>
 
-```diff
+<details>
+<summary>pnpm</summary>
+
+```json
 {
-  "devDependencies": {
---    "@nuxt/devtools": "^0.1.0"
-++    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
+  "pnpm": {
+    "overrides": {
+      "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
+    }
   }
 }
 ```
 
+</details>
+
 Remove lockfile (`package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml`) and reinstall dependencies.
 
 ### Module Options

package/dist/chunks/module-main.mjs

@@ -1,24 +1,22 @@
-import fs$1, { existsSync, promises, statSync, realpathSync, readFileSync, accessSync, constants } from 'node:fs';
+import fs$1, { promises, statSync, realpathSync, readFileSync, existsSync, accessSync, constants } from 'node:fs';
 import fs from 'node:fs/promises';
 import os, { homedir } from 'node:os';
 import { logger, useNuxt, addVitePlugin, addPlugin, addTemplate, extendViteConfig, addImports } from '@nuxt/kit';
 import { colors } from 'consola/utils';
-import { join, dirname as dirname$1, resolve, isAbsolute } from 'pathe';
+import { join, dirname, resolve, isAbsolute } 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.COlX0Gls.mjs';
-import path, { dirname, join as join$1, relative, parse } from 'node:path';
-import { hash } from 'ohash';
+import { d as defaultAllowedExtensions, a as defaultTabOptions } from '../shared/devtools.DClER4Dv.mjs';
 import { runtimeDir, clientDir, packageDir } from '../dirs.mjs';
-import { createBirpcGroup } from 'birpc';
-import { parse as parse$1, stringify } from 'structured-clone-es';
 import { startSubprocess } from '@nuxt/devtools-kit';
 import { x } from 'tinyexec';
 import { glob } from 'tinyglobby';
+import path, { relative, parse, dirname as dirname$1 } from 'node:path';
 import { imageMeta } from 'image-meta';
 import { debounce } from 'perfect-debounce';
 import destr from 'destr';
 import { setupHooksDebug } from '../../dist/runtime/shared/hooks.js';
+import { hash } from 'ohash';
 import process$1 from 'node:process';
 import { builtinModules, createRequire } from 'node:module';
 import { resolvePackageJSON, readPackageJSON } from 'pkg-types';
@@ -32,90 +30,7 @@ import { getDefaultExportOptions, addNuxtModule } from 'magicast/helpers';
 import semver from 'semver';
 import { normalizeBaseKey, normalizeKey } from 'unstorage';
 
-const version$1 = "4.0.0-alpha.1";
-
-const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-function randomStr(size = 16, dict = urlAlphabet) {
-  let id = "";
-  let i = size;
-  const len = dict.length;
-  while (i--)
-    id += dict[Math.random() * len | 0];
-  return id;
-}
-
-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 = getHomeDir();
-  const dir = join$1(home, ".nuxt/devtools");
-  const filepath = join$1(dir, "dev-auth-token.txt");
-  if (existsSync(filepath))
-    token = (await fs.readFile(filepath, "utf-8")).trim();
-  if (!token)
-    token = randomStr(16);
-  await fs.mkdir(dir, { recursive: true });
-  await fs.writeFile(filepath, token, "utf-8");
-  return token;
-}
+const version$1 = "4.0.0-alpha.3";
 
 const COLON_RE = /:/g;
 function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
@@ -161,7 +76,7 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
       });
       for (const file of files2) {
         const slug = JSON.parse(await fs.readFile(file, "utf-8")).slug;
-        const dir2 = dirname$1(file);
+        const dir2 = dirname(file);
         await fs.mkdir(devtoolsAnalyzeDir, { recursive: true });
         await fs.rename(dir2, join(devtoolsAnalyzeDir, slug));
       }
@@ -172,7 +87,7 @@ function setupAnalyzeBuildRPC({ nuxt, refresh, ensureDevAuthToken }) {
       absolute: true
     });
     builds = await Promise.all(files.map(async (file) => {
-      const dir = dirname$1(file);
+      const dir = dirname(file);
       const json = JSON.parse(await fs.readFile(file, "utf-8"));
       return {
         ...json,
@@ -9275,7 +9190,7 @@ async function extractExports(name, url, cache = true) {
     return JSON.parse(await promises.readFile(cachePath, "utf-8"));
   const scanned = await resolveModuleExportNames(name, { url });
   if (useCache) {
-    await promises.mkdir(dirname$1(cachePath), { recursive: true });
+    await promises.mkdir(dirname(cachePath), { recursive: true });
     await promises.writeFile(cachePath, JSON.stringify(scanned), "utf-8");
   }
   return scanned;
@@ -10256,6 +10171,63 @@ function safeKey(key) {
   return JSON.stringify(key);
 }
 
+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$1(filePath), { recursive: true });
+  await fs.writeFile(
+    filePath,
+    JSON.stringify(
+      {
+        root: options.root,
+        hash: hashedKey,
+        settings
+      },
+      null,
+      2
+    ),
+    "utf-8"
+  );
+}
+
 let options;
 function getOptions() {
   return options;
@@ -10306,7 +10278,6 @@ function setupOptionsRPC({ nuxt }) {
 
 const ABSOLUTE_PATH_RE = /^[a-z]:|^\//i;
 const FILE_LINE_COL_RE = /^(.*?)(:[:\d]*)$/;
-const MULTIPLE_SLASHES_RE$1 = /\/+/g;
 const NUXT_WELCOME_RE = /<NuxtWelcome\s*\/>/;
 function setupGeneralRPC({
   nuxt,
@@ -10517,7 +10488,7 @@ const route = useRoute()
   </div>
 </template>
 `;
-      await fs.mkdir(dirname$1(pathPageIndex), { recursive: true });
+      await fs.mkdir(dirname(pathPageIndex), { recursive: true });
       await fs.writeFile(pathPageIndex, pagesIndexTemplate, "utf-8");
       let appContent = existsSync(pathApp) ? await fs.readFile(pathApp, "utf-8") : void 0;
       if (appContent && !appContent.includes("<NuxtPage")) {
@@ -10531,35 +10502,14 @@ const route = useRoute()
       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(MULTIPLE_SLASHES_RE$1, "/");
-      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"
-        }
-      });
+    /** @deprecated Auth is now handled by Vite DevTools */
+    async requestForAuth() {
+      logger.warn("[nuxt-devtools] `requestForAuth` is deprecated. Auth is now handled by Vite DevTools.");
     },
-    async verifyAuthToken(token) {
-      if (options.disableAuthorization)
-        return true;
-      return token === await getDevAuthToken();
+    /** @deprecated Auth is now handled by Vite DevTools */
+    async verifyAuthToken() {
+      logger.warn("[nuxt-devtools] `verifyAuthToken` is deprecated. Auth is now handled by Vite DevTools.");
+      return true;
     }
   };
 }
@@ -11703,40 +11653,65 @@ function setupTimelineRPC({ nuxt }) {
 function setupRPC(nuxt, options) {
   const serverFunctions = {};
   const extendedRpcMap = /* @__PURE__ */ new Map();
-  const rpc = createBirpcGroup(
-    serverFunctions,
-    [],
-    {
-      resolver: (name, fn) => {
-        if (fn)
-          return fn;
-        if (!name.includes(":"))
+  let rpcHost;
+  const pendingBroadcasts = [];
+  function broadcast(method, ...args) {
+    if (!rpcHost) {
+      pendingBroadcasts.push({ method, args });
+      return;
+    }
+    rpcHost.broadcast({
+      method,
+      args,
+      event: true
+    });
+  }
+  function createBroadcastProxy(prefix = "") {
+    return new Proxy({}, {
+      get: (_, method) => {
+        if (typeof method !== "string")
           return;
-        const [namespace, fnName] = name.split(":");
-        return extendedRpcMap.get(namespace)?.[fnName];
-      },
-      onFunctionError(error, name) {
-        logger.error(
-          colors.yellow(`[nuxt-devtools] RPC error on executing "${colors.bold(name)}":
-`) + colors.red(error?.message || "")
-        );
-      },
-      timeout: 12e4
+        const fullMethod = prefix ? `${prefix}:${method}` : method;
+        const fn = (...args) => broadcast(fullMethod, ...args);
+        fn.asEvent = (...args) => broadcast(fullMethod, ...args);
+        return fn;
+      }
+    });
+  }
+  const functionsProxy = new Proxy(serverFunctions, {
+    set(target, prop, value) {
+      target[prop] = value;
+      if (rpcHost && typeof prop === "string") {
+        if (rpcHost.has(prop)) {
+          rpcHost.update({ name: prop, handler: value });
+        } else {
+          rpcHost.register({ name: prop, handler: value });
+        }
+      }
+      return true;
     }
-  );
+  });
+  const rpc = {
+    broadcast: createBroadcastProxy(),
+    functions: functionsProxy
+  };
   function refresh(event) {
-    rpc.broadcast.refresh.asEvent(event);
+    broadcast("refresh", event);
   }
   function extendServerRpc(namespace, functions) {
     extendedRpcMap.set(namespace, functions);
-    return {
-      broadcast: new Proxy({}, {
-        get: (_, key) => {
-          if (typeof key !== "string")
-            return;
-          return rpc.broadcast[`${namespace}:${key}`];
+    if (rpcHost) {
+      for (const [fnName, handler] of Object.entries(functions)) {
+        if (typeof handler === "function") {
+          rpcHost.register({ name: `${namespace}:${fnName}`, handler });
         }
-      })
+      }
+    }
+    return {
+      broadcast: createBroadcastProxy(namespace),
+      functions,
+      clients: [],
+      updateChannels: () => []
     };
   }
   const ctx = {
@@ -11746,11 +11721,9 @@ function setupRPC(nuxt, options) {
     refresh,
     extendServerRpc,
     openInEditorHooks: [],
-    async ensureDevAuthToken(token) {
-      if (options.disableAuthorization)
-        return;
-      if (token !== await getDevAuthToken())
-        throw new Error("[Nuxt DevTools] Invalid dev auth token.");
+    /** @deprecated Auth is now handled by Vite DevTools */
+    async ensureDevAuthToken(_token) {
+      logger.warn("[nuxt-devtools] `ensureDevAuthToken` is deprecated. Auth is now handled by Vite DevTools.");
     }
   };
   nuxt.devtools = ctx;
@@ -11769,48 +11742,47 @@ function setupRPC(nuxt, options) {
     ...setupTelemetryRPC(ctx),
     ...setupServerDataRPC(ctx)
   });
-  const wsClients = /* @__PURE__ */ new Set();
-  const vitePlugin = {
-    name: "nuxt:devtools:rpc",
-    configureServer(server) {
-      server.ws.on("connection", (ws) => {
-        wsClients.add(ws);
-        const channel = {
-          post: (d) => ws.send(JSON.stringify({
-            type: "custom",
-            event: WS_EVENT_NAME,
-            data: d
-          })),
-          on: (fn) => {
-            ws.on("message", (e) => {
-              try {
-                const data = JSON.parse(String(e)) || {};
-                if (data.type === "custom" && data.event === WS_EVENT_NAME) {
-                  fn(data.data);
-                }
-              } catch {
-              }
-            });
-          },
-          serialize: stringify,
-          deserialize: parse$1
-        };
-        rpc.updateChannels((c) => {
-          c.push(channel);
-        });
-        ws.on("close", () => {
-          wsClients.delete(ws);
-          rpc.updateChannels((c) => {
-            const index = c.indexOf(channel);
-            if (index >= 0)
-              c.splice(index, 1);
+  function connectRpcHost(host) {
+    rpcHost = host;
+    for (const { method, args } of pendingBroadcasts) {
+      broadcast(method, ...args);
+    }
+    pendingBroadcasts.length = 0;
+    for (const [name, handler] of Object.entries(serverFunctions)) {
+      if (typeof handler === "function") {
+        try {
+          host.register({
+            name,
+            handler
           });
-        });
-      });
+        } catch (e) {
+          logger.warn(
+            colors.yellow(`[nuxt-devtools] Failed to register RPC function "${name}":
+`) + colors.red(e?.message || "")
+          );
+        }
+      }
     }
-  };
+    for (const [namespace, fns] of extendedRpcMap) {
+      for (const [fnName, handler] of Object.entries(fns)) {
+        if (typeof handler === "function") {
+          try {
+            host.register({
+              name: `${namespace}:${fnName}`,
+              handler
+            });
+          } catch (e) {
+            logger.warn(
+              colors.yellow(`[nuxt-devtools] Failed to register RPC function "${namespace}:${fnName}":
+`) + colors.red(e?.message || "")
+            );
+          }
+        }
+      }
+    }
+  }
   return {
-    vitePlugin,
+    connectRpcHost,
     ...ctx
   };
 }
@@ -11830,6 +11802,9 @@ async function enableModule(options, nuxt) {
     return;
   }
   await nuxt.callHook("devtools:before");
+  if (nuxt.options.devtools && typeof nuxt.options.devtools !== "boolean" && "disableAuthorization" in nuxt.options.devtools) {
+    logger.warn("[nuxt-devtools] `disableAuthorization` option is deprecated. Auth is now handled by Vite DevTools.");
+  }
   if (options.iframeProps) {
     nuxt.options.runtimeConfig.app.devtools ||= {};
     nuxt.options.runtimeConfig.app.devtools.iframeProps = options.iframeProps;
@@ -11845,6 +11820,7 @@ async function enableModule(options, nuxt) {
   });
   const DevTools = await import('@vitejs/devtools').then((r) => r.DevTools());
   addVitePlugin(DevTools);
+  let connectRpcHost;
   addVitePlugin(defineViteDevToolsPlugin({
     name: "nuxt:devtools",
     devtools: {
@@ -11856,6 +11832,7 @@ async function enableModule(options, nuxt) {
           title: "Nuxt DevTools",
           url: "/__nuxt_devtools__/client/"
         });
+        connectRpcHost?.(ctx2.rpc);
       }
     }
   }));
@@ -11898,10 +11875,10 @@ window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
     config.plugins.unshift(join(runtimeDir, "nitro/inline"));
   });
   const {
-    vitePlugin,
+    connectRpcHost: _connectRpcHost,
     ...ctx
   } = setupRPC(nuxt, options);
-  addVitePlugin(vitePlugin);
+  connectRpcHost = _connectRpcHost;
   const clientDirExists = existsSync(clientDir);
   extendViteConfig((config) => {
     config.server ||= {};
@@ -11923,8 +11900,6 @@ window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
   });
   const ROUTE_PATH = `${nuxt.options.app.baseURL || "/"}/__nuxt_devtools__`.replace(MULTIPLE_SLASHES_RE, "/");
   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) => {
     const devtoolsAnalyzeDir = join(nuxt.options.rootDir, "node_modules/.cache/nuxt-devtools/analyze");
@@ -11948,27 +11923,6 @@ window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
         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) {
-        res.statusCode = 400;
-        res.end("No token provided");
-      }
-      const query = new URLSearchParams(search);
-      const token = query.get("token");
-      if (!token) {
-        res.statusCode = 400;
-        res.end("No token provided");
-      }
-      if (token === await getDevAuthToken()) {
-        res.statusCode = 200;
-        res.end("Valid token");
-      } else {
-        res.statusCode = 403;
-        res.end("Invalid token");
-      }
-    });
   });
   await import('./plugin-metrics.mjs').then(({ setup }) => setup(ctx));
   if (options.vueDevTools !== false)

package/dist/client/200.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/copkoh3j.js"}}</script><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-me26coxn.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-lkbe0qhh.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-3gd0e2sv.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/copkoh3j.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/_plugin-vue_export-helper-n58akrbk.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rolldown-runtime-oipoa1or.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-eojr4v24.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/utils-nbkl6byi.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-lqo1hg2n.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ready-dadbdj5i.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-mnod32r1.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-otp6bp04.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vue-router-jbnxw7nb.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rpc-ez4fzlum.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-k727ub0h.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-link-bumooa9d.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-duc3zu0y.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/splitpanes.es-bxyirks2.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dev-auth-ojiqold5.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nbutton-gygn07c2.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nicon-m1crov2l.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ncard-mqcl8pso.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/npanel-grids-dd23ifsw.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ntext-input-cygthohl.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/state-routes-jln33b1m.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/state-tabs-etl5jr30.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/storage-options-cth3coln.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/telemetry-eqv6a0hn.js"><script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/copkoh3j.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"25fc8778-785e-4df1-8047-b131fc1cd4b2",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1773809040358,false]</script></body></html>
+<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js"}}</script><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-d9crsfkn.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-lkbe0qhh.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-3gd0e2sv.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/_plugin-vue_export-helper-n58akrbk.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rolldown-runtime-oipoa1or.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-mpqfj7dd.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/utils-c43quyky.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-ildq90cv.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/rpc-ga26o8l5.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ready-nmtplnq5.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-mnod32r1.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-bl8ryhiw.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vue-router-imuzx5c1.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-hiscr44j.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nuxt-link-h8a2u03t.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dist-duc3zu0y.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/splitpanes.es-krbzt5ww.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/dev-auth-h6radlhi.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ncard-bpchuz30.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nicon-o8vtl3nv.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/state-tabs-0wkipn6s.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/storage-options-fmhmng6m.js"><script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/h9sdxxta.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"424f9fd7-bd33-4b1e-8498-929c14b6ad71",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1774256481223,false]</script></body></html>