@nuxt/devtools-kit 3.4.0 → 4.0.0-alpha.10

package/dist/types.d.cts

@@ -1,6 +1,6 @@
-import { a as ServerFunctions, C as ClientFunctions, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric } from './shared/devtools-kit.DK4FFgLu.cjs';
-export { A as AnalyzeBuildMeta, b as AnalyzeBuildsInfo, c as AssetEntry, d as AssetInfo, e as AssetType, f as AutoImportsWithMetadata, B as BasicModuleInfo, g as CategorizedTabs, h as ClientUpdateEvent, i as CodeServerOptions, j as CodeServerType, k as CodeSnippet, l as CompatibilityStatus, m as ComponentRelationship, n as ComponentWithRelationships, G as GetWizardArgs, o as GitHubContributor, I as ImageMeta, p as InstallModuleReturn, q as InstalledModuleInfo, r as MaintainerInfo, s as ModuleBuiltinTab, t as ModuleCompatibility, M as ModuleCustomTab, u as ModuleGlobalOptions, v as ModuleIframeTabLazyOptions, w as ModuleIframeView, x as ModuleLaunchAction, y as ModuleLaunchView, z as ModuleOptions, D as ModuleStaticInfo, E as ModuleStats, F as ModuleTabInfo, J as ModuleType, K as ModuleVNodeView, O as ModuleView, Q as NpmCommandOptions, R as NpmCommandType, U as NuxtDevToolsOptions, N as NuxtDevtoolsInfo, V as NuxtDevtoolsServerContext, W as NuxtServerData, X as PackageManagerName, Y as PackageUpdateInfo, Z as Payload, _ as PluginInfoWithMetic, $ as RouteInfo, a0 as ScannedNitroTasks, a1 as ServerDebugContext, a2 as ServerDebugModuleMutationRecord, a3 as ServerRouteInfo, a4 as ServerRouteInput, a5 as ServerRouteInputType, a6 as ServerTaskInfo, S as SubprocessOptions, a7 as TabCategory, a8 as TerminalAction, a9 as TerminalBase, aa as TerminalInfo, T as TerminalState, ab as VSCodeIntegrationOptions, ac as VSCodeTunnelOptions, ad as VueInspectorClient, ae as VueInspectorData, af as WizardActions, ag as WizardFunctions } from './shared/devtools-kit.DK4FFgLu.cjs';
-import { BirpcReturn } from 'birpc';
+import { b as ServerFunctions, c as NuxtDevtoolsNotifyInput, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric } from './shared/devtools-kit.DepvFgru.cjs';
+export { A as AnalyzeBuildMeta, d as AnalyzeBuildsInfo, e as AssetEntry, f as AssetInfo, g as AssetType, h as AutoImportsWithMetadata, B as BasicModuleInfo, C as CategorizedTabs, i as ClientFunctions, j as ClientUpdateEvent, k as CodeServerIntegrationOptions, l as CodeServerType, m as CodeSnippet, n as CompatibilityStatus, o as ComponentRelationship, p as ComponentWithRelationships, G as GitHubContributor, I as ImageMeta, q as InstallModuleReturn, r as InstalledModuleInfo, s as MaintainerInfo, t as ModuleBuiltinTab, u as ModuleCompatibility, M as ModuleCustomTab, v as ModuleIframeTabLazyOptions, w as ModuleIframeView, x as ModuleLaunchAction, y as ModuleLaunchView, z as ModuleOptions, D as ModuleStaticInfo, E as ModuleStats, F as ModuleTabInfo, J as ModuleType, K as ModuleVNodeView, O as ModuleView, Q as NpmCommandOptions, R as NpmCommandType, U as NuxtDevToolsOptions, a as NuxtDevtoolsInfo, V as NuxtDevtoolsNotifyLevel, W as NuxtDevtoolsRpc, N as NuxtDevtoolsServerContext, X as NuxtServerData, Y as PackageManagerName, Z as PackageUpdateInfo, _ as Payload, $ as PluginInfoWithMetic, a0 as RouteInfo, a1 as ScannedNitroTasks, a2 as ServerDebugContext, a3 as ServerDebugModuleMutationRecord, a4 as ServerRouteInfo, a5 as ServerRouteInput, a6 as ServerRouteInputType, a7 as ServerTaskInfo, S as SubprocessOptions, a8 as TabCategory, a9 as TerminalAction, aa as TerminalBase, ab as TerminalInfo, T as TerminalState, ac as VSCodeIntegrationOptions, ad as VSCodeTunnelOptions, ae as VueInspectorClient, af as VueInspectorData } from './shared/devtools-kit.DepvFgru.cjs';
+import { DevToolsRpcClient } from '@vitejs/devtools-kit/client';
 import { Hookable } from 'hookable';
 import { NuxtApp } from 'nuxt/app';
 import { AppConfig } from 'nuxt/schema';
@@ -8,13 +8,16 @@ import { $Fetch } from 'ofetch';
 import { BuiltinLanguage } from 'shiki';
 import { Ref } from 'vue';
 import { StackFrame } from 'error-stack-parser-es';
+import '@vitejs/devtools-kit';
+import 'birpc';
 import 'unimport';
 import 'vue-router';
-import 'nitropack';
 import 'unstorage';
 import 'vite';
 import '@nuxt/schema';
-import 'execa';
+import 'nitro/types';
+import 'nitropack';
+import 'node:child_process';
 
 interface TimelineEventFunction {
     type: 'function';
@@ -121,16 +124,6 @@ interface NuxtDevtoolsHostClient {
         toggle: () => void;
         reload: () => void;
         navigate: (path: string) => void;
-        /**
-         * Popup the DevTools frame into Picture-in-Picture mode
-         *
-         * Requires Chrome 111 with experimental flag enabled.
-         *
-         * Function is undefined when not supported.
-         *
-         * @see https://developer.chrome.com/docs/web-platform/document-picture-in-picture/
-         */
-        popup?: () => any;
     };
     app: {
         reload: () => void;
@@ -159,15 +152,41 @@ interface NuxtDevtoolsHostClient {
 interface CodeHighlightOptions {
     grammarContextCode?: string;
 }
+type AsyncServerFunctions = {
+    [K in keyof ServerFunctions]: (...args: Parameters<ServerFunctions[K]>) => Promise<Awaited<ReturnType<ServerFunctions[K]>>>;
+};
 interface NuxtDevtoolsClient {
-    rpc: BirpcReturn<ServerFunctions, ClientFunctions>;
+    rpc: AsyncServerFunctions;
     renderCodeHighlight: (code: string, lang?: BuiltinLanguage, options?: CodeHighlightOptions) => {
         code: string;
         supported: boolean;
     };
     renderMarkdown: (markdown: string) => string;
     colorMode: string;
-    extendClientRpc: <ServerFunctions extends object = Record<string, unknown>, ClientFunctions extends object = Record<string, unknown>>(name: string, functions: ClientFunctions) => BirpcReturn<ServerFunctions, ClientFunctions>;
+    /**
+     * Push a notification through the devframe Messages system.
+     *
+     * Routes to the shared Messages host, so it surfaces in the Vite DevTools
+     * **Messages** dock and/or as a transient toast (when `notify` is set — the
+     * default). Use this from custom tabs / in-client code to give feedback
+     * through the same notification system as the rest of DevTools.
+     */
+    notify: (input: NuxtDevtoolsNotifyInput) => Promise<void>;
+    /**
+     * The connected Vite DevTools RPC client, mirroring `nuxt.devtools.devtoolsKit`
+     * on the server. Use it for full devframe-native access — register client RPC
+     * functions (`devtoolsKit.client.register(...)`), call server functions
+     * (`devtoolsKit.call(...)`), shared state, streaming, scoping, etc.
+     *
+     * `undefined` until the DevTools client has connected.
+     */
+    devtoolsKit: DevToolsRpcClient | undefined;
+    /**
+     * @deprecated Use `onDevtoolsReady((kit) => kit.client.register(...))` from
+     * `@nuxt/devtools-kit/iframe-client`, or the exposed `devtoolsKit` client
+     * directly (`client.devtools.devtoolsKit?.client.register(...)`).
+     */
+    extendClientRpc: <ServerFunctions extends object = Record<string, unknown>, ClientFunctions extends object = Record<string, unknown>>(name: string, functions: ClientFunctions) => ServerFunctions;
 }
 interface NuxtDevtoolsIframeClient {
     host: NuxtDevtoolsHostClient;
@@ -177,5 +196,5 @@ interface NuxtDevtoolsGlobal {
     setClient: (client: NuxtDevtoolsHostClient) => void;
 }
 
-export { ClientFunctions, HookInfo, LoadingTimeMetric, PluginMetric, ServerFunctions };
-export type { CodeHighlightOptions, DevToolsFrameState, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, TimelineEvent, TimelineEventFunction, TimelineEventNormalized, TimelineEventRoute, TimelineEventsSegment, TimelineMetrics, TimelineOptions, TimelineServerState };
+export { HookInfo, LoadingTimeMetric, NuxtDevtoolsNotifyInput, PluginMetric, ServerFunctions };
+export type { AsyncServerFunctions, CodeHighlightOptions, DevToolsFrameState, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, TimelineEvent, TimelineEventFunction, TimelineEventNormalized, TimelineEventRoute, TimelineEventsSegment, TimelineMetrics, TimelineOptions, TimelineServerState };

package/dist/types.d.mts

@@ -1,6 +1,6 @@
-import { a as ServerFunctions, C as ClientFunctions, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric } from './shared/devtools-kit.DK4FFgLu.mjs';
-export { A as AnalyzeBuildMeta, b as AnalyzeBuildsInfo, c as AssetEntry, d as AssetInfo, e as AssetType, f as AutoImportsWithMetadata, B as BasicModuleInfo, g as CategorizedTabs, h as ClientUpdateEvent, i as CodeServerOptions, j as CodeServerType, k as CodeSnippet, l as CompatibilityStatus, m as ComponentRelationship, n as ComponentWithRelationships, G as GetWizardArgs, o as GitHubContributor, I as ImageMeta, p as InstallModuleReturn, q as InstalledModuleInfo, r as MaintainerInfo, s as ModuleBuiltinTab, t as ModuleCompatibility, M as ModuleCustomTab, u as ModuleGlobalOptions, v as ModuleIframeTabLazyOptions, w as ModuleIframeView, x as ModuleLaunchAction, y as ModuleLaunchView, z as ModuleOptions, D as ModuleStaticInfo, E as ModuleStats, F as ModuleTabInfo, J as ModuleType, K as ModuleVNodeView, O as ModuleView, Q as NpmCommandOptions, R as NpmCommandType, U as NuxtDevToolsOptions, N as NuxtDevtoolsInfo, V as NuxtDevtoolsServerContext, W as NuxtServerData, X as PackageManagerName, Y as PackageUpdateInfo, Z as Payload, _ as PluginInfoWithMetic, $ as RouteInfo, a0 as ScannedNitroTasks, a1 as ServerDebugContext, a2 as ServerDebugModuleMutationRecord, a3 as ServerRouteInfo, a4 as ServerRouteInput, a5 as ServerRouteInputType, a6 as ServerTaskInfo, S as SubprocessOptions, a7 as TabCategory, a8 as TerminalAction, a9 as TerminalBase, aa as TerminalInfo, T as TerminalState, ab as VSCodeIntegrationOptions, ac as VSCodeTunnelOptions, ad as VueInspectorClient, ae as VueInspectorData, af as WizardActions, ag as WizardFunctions } from './shared/devtools-kit.DK4FFgLu.mjs';
-import { BirpcReturn } from 'birpc';
+import { b as ServerFunctions, c as NuxtDevtoolsNotifyInput, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric } from './shared/devtools-kit.DepvFgru.mjs';
+export { A as AnalyzeBuildMeta, d as AnalyzeBuildsInfo, e as AssetEntry, f as AssetInfo, g as AssetType, h as AutoImportsWithMetadata, B as BasicModuleInfo, C as CategorizedTabs, i as ClientFunctions, j as ClientUpdateEvent, k as CodeServerIntegrationOptions, l as CodeServerType, m as CodeSnippet, n as CompatibilityStatus, o as ComponentRelationship, p as ComponentWithRelationships, G as GitHubContributor, I as ImageMeta, q as InstallModuleReturn, r as InstalledModuleInfo, s as MaintainerInfo, t as ModuleBuiltinTab, u as ModuleCompatibility, M as ModuleCustomTab, v as ModuleIframeTabLazyOptions, w as ModuleIframeView, x as ModuleLaunchAction, y as ModuleLaunchView, z as ModuleOptions, D as ModuleStaticInfo, E as ModuleStats, F as ModuleTabInfo, J as ModuleType, K as ModuleVNodeView, O as ModuleView, Q as NpmCommandOptions, R as NpmCommandType, U as NuxtDevToolsOptions, a as NuxtDevtoolsInfo, V as NuxtDevtoolsNotifyLevel, W as NuxtDevtoolsRpc, N as NuxtDevtoolsServerContext, X as NuxtServerData, Y as PackageManagerName, Z as PackageUpdateInfo, _ as Payload, $ as PluginInfoWithMetic, a0 as RouteInfo, a1 as ScannedNitroTasks, a2 as ServerDebugContext, a3 as ServerDebugModuleMutationRecord, a4 as ServerRouteInfo, a5 as ServerRouteInput, a6 as ServerRouteInputType, a7 as ServerTaskInfo, S as SubprocessOptions, a8 as TabCategory, a9 as TerminalAction, aa as TerminalBase, ab as TerminalInfo, T as TerminalState, ac as VSCodeIntegrationOptions, ad as VSCodeTunnelOptions, ae as VueInspectorClient, af as VueInspectorData } from './shared/devtools-kit.DepvFgru.mjs';
+import { DevToolsRpcClient } from '@vitejs/devtools-kit/client';
 import { Hookable } from 'hookable';
 import { NuxtApp } from 'nuxt/app';
 import { AppConfig } from 'nuxt/schema';
@@ -8,13 +8,16 @@ import { $Fetch } from 'ofetch';
 import { BuiltinLanguage } from 'shiki';
 import { Ref } from 'vue';
 import { StackFrame } from 'error-stack-parser-es';
+import '@vitejs/devtools-kit';
+import 'birpc';
 import 'unimport';
 import 'vue-router';
-import 'nitropack';
 import 'unstorage';
 import 'vite';
 import '@nuxt/schema';
-import 'execa';
+import 'nitro/types';
+import 'nitropack';
+import 'node:child_process';
 
 interface TimelineEventFunction {
     type: 'function';
@@ -121,16 +124,6 @@ interface NuxtDevtoolsHostClient {
         toggle: () => void;
         reload: () => void;
         navigate: (path: string) => void;
-        /**
-         * Popup the DevTools frame into Picture-in-Picture mode
-         *
-         * Requires Chrome 111 with experimental flag enabled.
-         *
-         * Function is undefined when not supported.
-         *
-         * @see https://developer.chrome.com/docs/web-platform/document-picture-in-picture/
-         */
-        popup?: () => any;
     };
     app: {
         reload: () => void;
@@ -159,15 +152,41 @@ interface NuxtDevtoolsHostClient {
 interface CodeHighlightOptions {
     grammarContextCode?: string;
 }
+type AsyncServerFunctions = {
+    [K in keyof ServerFunctions]: (...args: Parameters<ServerFunctions[K]>) => Promise<Awaited<ReturnType<ServerFunctions[K]>>>;
+};
 interface NuxtDevtoolsClient {
-    rpc: BirpcReturn<ServerFunctions, ClientFunctions>;
+    rpc: AsyncServerFunctions;
     renderCodeHighlight: (code: string, lang?: BuiltinLanguage, options?: CodeHighlightOptions) => {
         code: string;
         supported: boolean;
     };
     renderMarkdown: (markdown: string) => string;
     colorMode: string;
-    extendClientRpc: <ServerFunctions extends object = Record<string, unknown>, ClientFunctions extends object = Record<string, unknown>>(name: string, functions: ClientFunctions) => BirpcReturn<ServerFunctions, ClientFunctions>;
+    /**
+     * Push a notification through the devframe Messages system.
+     *
+     * Routes to the shared Messages host, so it surfaces in the Vite DevTools
+     * **Messages** dock and/or as a transient toast (when `notify` is set — the
+     * default). Use this from custom tabs / in-client code to give feedback
+     * through the same notification system as the rest of DevTools.
+     */
+    notify: (input: NuxtDevtoolsNotifyInput) => Promise<void>;
+    /**
+     * The connected Vite DevTools RPC client, mirroring `nuxt.devtools.devtoolsKit`
+     * on the server. Use it for full devframe-native access — register client RPC
+     * functions (`devtoolsKit.client.register(...)`), call server functions
+     * (`devtoolsKit.call(...)`), shared state, streaming, scoping, etc.
+     *
+     * `undefined` until the DevTools client has connected.
+     */
+    devtoolsKit: DevToolsRpcClient | undefined;
+    /**
+     * @deprecated Use `onDevtoolsReady((kit) => kit.client.register(...))` from
+     * `@nuxt/devtools-kit/iframe-client`, or the exposed `devtoolsKit` client
+     * directly (`client.devtools.devtoolsKit?.client.register(...)`).
+     */
+    extendClientRpc: <ServerFunctions extends object = Record<string, unknown>, ClientFunctions extends object = Record<string, unknown>>(name: string, functions: ClientFunctions) => ServerFunctions;
 }
 interface NuxtDevtoolsIframeClient {
     host: NuxtDevtoolsHostClient;
@@ -177,5 +196,5 @@ interface NuxtDevtoolsGlobal {
     setClient: (client: NuxtDevtoolsHostClient) => void;
 }
 
-export { ClientFunctions, HookInfo, LoadingTimeMetric, PluginMetric, ServerFunctions };
-export type { CodeHighlightOptions, DevToolsFrameState, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, TimelineEvent, TimelineEventFunction, TimelineEventNormalized, TimelineEventRoute, TimelineEventsSegment, TimelineMetrics, TimelineOptions, TimelineServerState };
+export { HookInfo, LoadingTimeMetric, NuxtDevtoolsNotifyInput, PluginMetric, ServerFunctions };
+export type { AsyncServerFunctions, CodeHighlightOptions, DevToolsFrameState, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, TimelineEvent, TimelineEventFunction, TimelineEventNormalized, TimelineEventRoute, TimelineEventsSegment, TimelineMetrics, TimelineOptions, TimelineServerState };

package/dist/types.d.ts

@@ -1,6 +1,6 @@
-import { a as ServerFunctions, C as ClientFunctions, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric } from './shared/devtools-kit.DK4FFgLu.js';
-export { A as AnalyzeBuildMeta, b as AnalyzeBuildsInfo, c as AssetEntry, d as AssetInfo, e as AssetType, f as AutoImportsWithMetadata, B as BasicModuleInfo, g as CategorizedTabs, h as ClientUpdateEvent, i as CodeServerOptions, j as CodeServerType, k as CodeSnippet, l as CompatibilityStatus, m as ComponentRelationship, n as ComponentWithRelationships, G as GetWizardArgs, o as GitHubContributor, I as ImageMeta, p as InstallModuleReturn, q as InstalledModuleInfo, r as MaintainerInfo, s as ModuleBuiltinTab, t as ModuleCompatibility, M as ModuleCustomTab, u as ModuleGlobalOptions, v as ModuleIframeTabLazyOptions, w as ModuleIframeView, x as ModuleLaunchAction, y as ModuleLaunchView, z as ModuleOptions, D as ModuleStaticInfo, E as ModuleStats, F as ModuleTabInfo, J as ModuleType, K as ModuleVNodeView, O as ModuleView, Q as NpmCommandOptions, R as NpmCommandType, U as NuxtDevToolsOptions, N as NuxtDevtoolsInfo, V as NuxtDevtoolsServerContext, W as NuxtServerData, X as PackageManagerName, Y as PackageUpdateInfo, Z as Payload, _ as PluginInfoWithMetic, $ as RouteInfo, a0 as ScannedNitroTasks, a1 as ServerDebugContext, a2 as ServerDebugModuleMutationRecord, a3 as ServerRouteInfo, a4 as ServerRouteInput, a5 as ServerRouteInputType, a6 as ServerTaskInfo, S as SubprocessOptions, a7 as TabCategory, a8 as TerminalAction, a9 as TerminalBase, aa as TerminalInfo, T as TerminalState, ab as VSCodeIntegrationOptions, ac as VSCodeTunnelOptions, ad as VueInspectorClient, ae as VueInspectorData, af as WizardActions, ag as WizardFunctions } from './shared/devtools-kit.DK4FFgLu.js';
-import { BirpcReturn } from 'birpc';
+import { b as ServerFunctions, c as NuxtDevtoolsNotifyInput, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric } from './shared/devtools-kit.DepvFgru.js';
+export { A as AnalyzeBuildMeta, d as AnalyzeBuildsInfo, e as AssetEntry, f as AssetInfo, g as AssetType, h as AutoImportsWithMetadata, B as BasicModuleInfo, C as CategorizedTabs, i as ClientFunctions, j as ClientUpdateEvent, k as CodeServerIntegrationOptions, l as CodeServerType, m as CodeSnippet, n as CompatibilityStatus, o as ComponentRelationship, p as ComponentWithRelationships, G as GitHubContributor, I as ImageMeta, q as InstallModuleReturn, r as InstalledModuleInfo, s as MaintainerInfo, t as ModuleBuiltinTab, u as ModuleCompatibility, M as ModuleCustomTab, v as ModuleIframeTabLazyOptions, w as ModuleIframeView, x as ModuleLaunchAction, y as ModuleLaunchView, z as ModuleOptions, D as ModuleStaticInfo, E as ModuleStats, F as ModuleTabInfo, J as ModuleType, K as ModuleVNodeView, O as ModuleView, Q as NpmCommandOptions, R as NpmCommandType, U as NuxtDevToolsOptions, a as NuxtDevtoolsInfo, V as NuxtDevtoolsNotifyLevel, W as NuxtDevtoolsRpc, N as NuxtDevtoolsServerContext, X as NuxtServerData, Y as PackageManagerName, Z as PackageUpdateInfo, _ as Payload, $ as PluginInfoWithMetic, a0 as RouteInfo, a1 as ScannedNitroTasks, a2 as ServerDebugContext, a3 as ServerDebugModuleMutationRecord, a4 as ServerRouteInfo, a5 as ServerRouteInput, a6 as ServerRouteInputType, a7 as ServerTaskInfo, S as SubprocessOptions, a8 as TabCategory, a9 as TerminalAction, aa as TerminalBase, ab as TerminalInfo, T as TerminalState, ac as VSCodeIntegrationOptions, ad as VSCodeTunnelOptions, ae as VueInspectorClient, af as VueInspectorData } from './shared/devtools-kit.DepvFgru.js';
+import { DevToolsRpcClient } from '@vitejs/devtools-kit/client';
 import { Hookable } from 'hookable';
 import { NuxtApp } from 'nuxt/app';
 import { AppConfig } from 'nuxt/schema';
@@ -8,13 +8,16 @@ import { $Fetch } from 'ofetch';
 import { BuiltinLanguage } from 'shiki';
 import { Ref } from 'vue';
 import { StackFrame } from 'error-stack-parser-es';
+import '@vitejs/devtools-kit';
+import 'birpc';
 import 'unimport';
 import 'vue-router';
-import 'nitropack';
 import 'unstorage';
 import 'vite';
 import '@nuxt/schema';
-import 'execa';
+import 'nitro/types';
+import 'nitropack';
+import 'node:child_process';
 
 interface TimelineEventFunction {
     type: 'function';
@@ -121,16 +124,6 @@ interface NuxtDevtoolsHostClient {
         toggle: () => void;
         reload: () => void;
         navigate: (path: string) => void;
-        /**
-         * Popup the DevTools frame into Picture-in-Picture mode
-         *
-         * Requires Chrome 111 with experimental flag enabled.
-         *
-         * Function is undefined when not supported.
-         *
-         * @see https://developer.chrome.com/docs/web-platform/document-picture-in-picture/
-         */
-        popup?: () => any;
     };
     app: {
         reload: () => void;
@@ -159,15 +152,41 @@ interface NuxtDevtoolsHostClient {
 interface CodeHighlightOptions {
     grammarContextCode?: string;
 }
+type AsyncServerFunctions = {
+    [K in keyof ServerFunctions]: (...args: Parameters<ServerFunctions[K]>) => Promise<Awaited<ReturnType<ServerFunctions[K]>>>;
+};
 interface NuxtDevtoolsClient {
-    rpc: BirpcReturn<ServerFunctions, ClientFunctions>;
+    rpc: AsyncServerFunctions;
     renderCodeHighlight: (code: string, lang?: BuiltinLanguage, options?: CodeHighlightOptions) => {
         code: string;
         supported: boolean;
     };
     renderMarkdown: (markdown: string) => string;
     colorMode: string;
-    extendClientRpc: <ServerFunctions extends object = Record<string, unknown>, ClientFunctions extends object = Record<string, unknown>>(name: string, functions: ClientFunctions) => BirpcReturn<ServerFunctions, ClientFunctions>;
+    /**
+     * Push a notification through the devframe Messages system.
+     *
+     * Routes to the shared Messages host, so it surfaces in the Vite DevTools
+     * **Messages** dock and/or as a transient toast (when `notify` is set — the
+     * default). Use this from custom tabs / in-client code to give feedback
+     * through the same notification system as the rest of DevTools.
+     */
+    notify: (input: NuxtDevtoolsNotifyInput) => Promise<void>;
+    /**
+     * The connected Vite DevTools RPC client, mirroring `nuxt.devtools.devtoolsKit`
+     * on the server. Use it for full devframe-native access — register client RPC
+     * functions (`devtoolsKit.client.register(...)`), call server functions
+     * (`devtoolsKit.call(...)`), shared state, streaming, scoping, etc.
+     *
+     * `undefined` until the DevTools client has connected.
+     */
+    devtoolsKit: DevToolsRpcClient | undefined;
+    /**
+     * @deprecated Use `onDevtoolsReady((kit) => kit.client.register(...))` from
+     * `@nuxt/devtools-kit/iframe-client`, or the exposed `devtoolsKit` client
+     * directly (`client.devtools.devtoolsKit?.client.register(...)`).
+     */
+    extendClientRpc: <ServerFunctions extends object = Record<string, unknown>, ClientFunctions extends object = Record<string, unknown>>(name: string, functions: ClientFunctions) => ServerFunctions;
 }
 interface NuxtDevtoolsIframeClient {
     host: NuxtDevtoolsHostClient;
@@ -177,5 +196,5 @@ interface NuxtDevtoolsGlobal {
     setClient: (client: NuxtDevtoolsHostClient) => void;
 }
 
-export { ClientFunctions, HookInfo, LoadingTimeMetric, PluginMetric, ServerFunctions };
-export type { CodeHighlightOptions, DevToolsFrameState, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, TimelineEvent, TimelineEventFunction, TimelineEventNormalized, TimelineEventRoute, TimelineEventsSegment, TimelineMetrics, TimelineOptions, TimelineServerState };
+export { HookInfo, LoadingTimeMetric, NuxtDevtoolsNotifyInput, PluginMetric, ServerFunctions };
+export type { AsyncServerFunctions, CodeHighlightOptions, DevToolsFrameState, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, TimelineEvent, TimelineEventFunction, TimelineEventNormalized, TimelineEventRoute, TimelineEventsSegment, TimelineMetrics, TimelineOptions, TimelineServerState };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-kit",
   "type": "module",
-  "version": "3.4.0",
+  "version": "4.0.0-alpha.10",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com/module/utils-kit",
   "repository": {
@@ -38,20 +38,33 @@
     "dist"
   ],
   "peerDependencies": {
+    "nitro": "^3.0.0-0",
+    "nitropack": "^2.0.0",
     "vite": ">=6.0"
   },
+  "peerDependenciesMeta": {
+    "nitro": {
+      "optional": true
+    },
+    "nitropack": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "@nuxt/kit": "^4.4.4",
-    "execa": "^8.0.1"
+    "@nuxt/kit": "npm:@nuxt/kit-nightly@5.0.0-29755283.b4586ef2",
+    "nostics": "^1.2.0",
+    "tinyexec": "^1.3.0"
   },
   "devDependencies": {
-    "@nuxt/schema": "^4.4.4",
+    "@nuxt/schema": "npm:@nuxt/schema-nightly@5.0.0-29755283.b4586ef2",
     "birpc": "^4.0.0",
-    "error-stack-parser-es": "^1.0.5",
+    "error-stack-parser-es": "^2.0.1",
     "hookable": "^6.1.1",
+    "nitro": "^3.0.260610-beta",
+    "nitropack": "^2.13.4",
     "unbuild": "^3.6.1",
-    "unimport": "^6.2.0",
-    "vue-router": "^5.0.6"
+    "unimport": "^6.4.0",
+    "vue-router": "^5.2.0"
   },
   "scripts": {
     "build": "unbuild",