@nuxt/devtools 4.0.0-alpha.14 → 4.0.0-alpha.15

package/dist/chunks/module-main.mjs

@@ -31,7 +31,7 @@ import { isLess } from 'verkit';
 import { DEVTOOLS_TERMINALS_DOCK_ID } from '@vitejs/devtools-kit/constants';
 import { normalizeBaseKey, normalizeKey, createStorage, builtinDrivers } from 'unstorage';
 
-const version$1 = "4.0.0-alpha.14";
+const version$1 = "4.0.0-alpha.15";
 const peerDependencies = {
 	"@nuxt/devtools-assets": "workspace:*",
 	"@nuxt/kit": "^4.0.0-0 || ^5.0.0-0",
@@ -12067,7 +12067,24 @@ async function enableModule(options, nuxt) {
   const isSelfClient = resolve(nuxt.options.rootDir) === resolve(packageDir, "client");
   const clientAssetsSource = isSelfClient ? void 0 : resolveClientAssetsSource();
   const clientUrl = clientAssetsSource ? `${ROUTE_CLIENT}/` : `${nuxt.options.app.baseURL || "/"}/`.replace(MULTIPLE_SLASHES_RE, "/");
-  const DevTools = await import('@vitejs/devtools').then((r) => r.DevTools());
+  let publicDevServerOrigin;
+  nuxt.hook("listen", (_server, listener) => {
+    if (listener?.url)
+      publicDevServerOrigin = new URL(listener.url).origin;
+  });
+  const DevTools = await import('@vitejs/devtools').then((r) => r.DevTools({
+    branding: {
+      productName: "Nuxt DevTools",
+      tagline: "DevTools for Nuxt",
+      primaryColor: "#099e61",
+      logo: "https://nuxt.com/assets/design-kit/icon-green.svg",
+      wordmark: {
+        light: "https://cdn.jsdelivr.net/gh/nuxt/devtools@main/assets/nuxt-devtools-light.svg",
+        dark: "https://cdn.jsdelivr.net/gh/nuxt/devtools@main/assets/nuxt-devtools-dark.svg"
+      },
+      windowTitle: "Nuxt DevTools"
+    }
+  }));
   addVitePlugin(DevTools);
   let connectDevToolsKit;
   addVitePlugin(defineViteDevToolsPlugin({
@@ -12075,6 +12092,8 @@ async function enableModule(options, nuxt) {
     devtools: {
       async setup(ctx2) {
         if (!skipInSSR(ctx2)) {
+          const resolveViteOrigin = ctx2.host.resolveOrigin.bind(ctx2.host);
+          ctx2.host.resolveOrigin = () => publicDevServerOrigin || resolveViteOrigin();
           if (clientAssetsSource) {
             ctx2.viteServer?.middlewares.use((req, res, next) => {
               const [pathname = "", search = ""] = (req.url ?? "").split("?");

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools",
   "configKey": "devtools",
-  "version": "4.0.0-alpha.14",
+  "version": "4.0.0-alpha.15",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/runtime/plugins/view/client.js

@@ -1,14 +1,14 @@
+import { getDevframeClientContext } from "@devframes/hub/client";
 import { NuxtDevtoolsInspectPanel } from "@nuxt/devtools/webcomponents";
-import { getDevToolsClientContext } from "@vitejs/devtools-kit/client";
 import { createHooks } from "hookable";
 import { debounce } from "perfect-debounce";
 import { events as inspectorEvents, hasData as inspectorHasData, state as inspectorState } from "vite-plugin-vue-tracer/client/overlay";
 import { computed, markRaw, nextTick, reactive, ref, shallowReactive, shallowRef, toRef, watch } from "vue";
 import { useAppConfig } from "#imports";
 import { initTimelineMetrics } from "../../function-metrics-helpers.js";
-const NUXT_DOCK_GROUP_ID = "nuxt";
-function getViteDevToolsContext() {
-  return getDevToolsClientContext();
+const NUXT_DOCK_ANCHOR_ID = "nuxt:devtools";
+function getDevframeContext() {
+  return getDevframeClientContext();
 }
 const clientRef = shallowRef();
 export { clientRef as client };
@@ -27,27 +27,27 @@ export async function setupDevToolsClient({
     inspector: getInspectorInstance(),
     devtools: {
       toggle() {
-        const ctx = getViteDevToolsContext();
+        const ctx = getDevframeContext();
         if (ctx)
-          ctx.docks.toggleEntry(NUXT_DOCK_GROUP_ID);
+          ctx.docks.toggleEntry(NUXT_DOCK_ANCHOR_ID);
       },
       close() {
-        const ctx = getViteDevToolsContext();
+        const ctx = getDevframeContext();
         if (ctx)
-          ctx.panel.store.open = false;
+          ctx.panel.session.open = false;
       },
       open() {
-        const ctx = getViteDevToolsContext();
+        const ctx = getDevframeContext();
         if (ctx) {
-          ctx.panel.store.open = true;
-          ctx.docks.switchEntry(NUXT_DOCK_GROUP_ID);
+          ctx.panel.session.open = true;
+          ctx.docks.switchEntry(NUXT_DOCK_ANCHOR_ID);
         }
       },
       async navigate(path) {
-        const ctx = getViteDevToolsContext();
+        const ctx = getDevframeContext();
         if (ctx) {
-          ctx.panel.store.open = true;
-          ctx.docks.switchEntry(NUXT_DOCK_GROUP_ID);
+          ctx.panel.session.open = true;
+          ctx.docks.switchEntry(NUXT_DOCK_ANCHOR_ID);
         }
         await client.hooks.callHook("host:action:navigate", path);
       },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools",
   "type": "module",
-  "version": "4.0.0-alpha.14",
+  "version": "4.0.0-alpha.15",
   "description": "The Nuxt DevTools gives you insights and transparency about your Nuxt App.",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com",
@@ -26,7 +26,7 @@
     "nitropack": "^2.0.0",
     "vite": "^8.1.5",
     "vite-plugin-inspect": "^12.0.2",
-    "@nuxt/devtools-assets": "4.0.0-alpha.14"
+    "@nuxt/devtools-assets": "4.0.0-alpha.15"
   },
   "peerDependenciesMeta": {
     "@nuxt/devtools-assets": {
@@ -43,13 +43,14 @@
     }
   },
   "dependencies": {
-    "@devframes/plugin-code-server": "^0.9.4",
-    "@devframes/plugin-data-inspector": "^0.9.4",
-    "@vitejs/devtools": "^0.5.1",
-    "@vitejs/devtools-kit": "^0.5.1",
+    "@devframes/hub": "^0.9.5",
+    "@devframes/plugin-code-server": "^0.9.5",
+    "@devframes/plugin-data-inspector": "^0.9.5",
+    "@vitejs/devtools": "^0.5.2",
+    "@vitejs/devtools-kit": "^0.5.2",
     "consola": "^3.4.2",
     "destr": "^2.0.5",
-    "devframe": "^0.9.4",
+    "devframe": "^0.9.5",
     "error-stack-parser-es": "^2.0.1",
     "fast-npm-meta": "^2.2.0",
     "hookable": "^6.1.1",
@@ -63,7 +64,7 @@
     "unstorage": "^1.17.5",
     "verkit": "^0.4.0",
     "vite-plugin-vue-tracer": "^1.5.0",
-    "@nuxt/devtools-kit": "4.0.0-alpha.14"
+    "@nuxt/devtools-kit": "4.0.0-alpha.15"
   },
   "devDependencies": {
     "@antfu/utils": "^9.3.0",
@@ -82,7 +83,7 @@
     "@unocss/preset-icons": "^66.8.0",
     "@unocss/preset-uno": "^66.8.0",
     "@unocss/runtime": "^66.8.0",
-    "@vitejs/devtools": "^0.5.1",
+    "@vitejs/devtools": "^0.5.2",
     "@vueuse/nuxt": "^14.4.0",
     "cronstrue": "^3.24.0",
     "diff": "^9.0.0",
@@ -117,7 +118,7 @@
     "vite-plugin-inspect": "^12.0.2",
     "vue-tsc": "^3.3.10",
     "vue-virtual-scroller": "^3.0.5",
-    "@nuxt/devtools-assets": "4.0.0-alpha.14"
+    "@nuxt/devtools-assets": "4.0.0-alpha.15"
   },
   "scripts": {
     "build": "pnpm dev:prepare && pnpm build:module",