@nuxt/devtools-kit 0.7.6 → 0.8.1

package/dist/{hooks-76cba3c4.d.ts → hooks-5a32fdaf.d.ts}

@@ -1,6 +1,6 @@
 import { VNode, MaybeRefOrGetter } from 'vue';
 import { BirpcGroup } from 'birpc';
-import { NuxtOptions, Component, NuxtPage, NuxtLayout, NuxtApp, Nuxt } from 'nuxt/schema';
+import { Component, NuxtOptions, NuxtPage, NuxtLayout, NuxtApp, Nuxt } from 'nuxt/schema';
 import { StorageMounts } from 'nitropack';
 import { StorageValue } from 'unstorage';
 import { VitePluginInspectorOptions } from 'vite-plugin-vue-inspector';
@@ -298,6 +298,11 @@ interface ComponentRelationship {
     id: string;
     deps: string[];
 }
+interface ComponentWithRelationships {
+    component: Component;
+    dependencies?: string[];
+    dependents?: string[];
+}
 
 interface ModuleOptions {
     /**
@@ -666,4 +671,4 @@ declare module '@nuxt/schema' {
     }
 }
 
-export { InstallModuleReturn as $, AutoImportsWithMetadata as A, BasicModuleInfo as B, CategorizedTabs as C, ModuleType as D, MaintainerInfo as E, AssetType as F, GitHubContributor as G, HookInfo as H, ImageMeta as I, AssetInfo as J, AssetEntry as K, LoadingTimeMetric as L, ModuleCustomTab as M, NuxtDevtoolsInfo as N, CodeSnippet as O, PluginMetric as P, ComponentRelationship as Q, RouteInfo as R, SubprocessOptions as S, TerminalState as T, WizardActions as U, VueInspectorData as V, WizardFunctions as W, GetWizardArgs as X, ClientFunctions as Y, ClientUpdateEvent as Z, NuxtDevtoolsServerContext as _, VueInspectorClient as a, AnalyzeBuildMeta as a0, AnalyzeBuildsInfo as a1, ModuleOptions as a2, ModuleGlobalOptions as a3, VSCodeIntegrationOptions as a4, VSCodeTunnelOptions as a5, NuxtDevToolsOptions as a6, TabCategory as a7, ServerFunctions as b, ModuleLaunchView as c, ModuleIframeView as d, ModuleVNodeView as e, ModuleLaunchAction as f, ModuleView as g, ModuleIframeTabLazyOptions as h, ModuleBuiltinTab as i, ModuleTabInfo as j, TerminalBase as k, TerminalAction as l, TerminalInfo as m, PackageUpdateInfo as n, PackageManagerName as o, NpmCommandType as p, NpmCommandOptions as q, ServerRouteInfo as r, ServerRouteInputType as s, ServerRouteInput as t, Payload as u, PluginInfoWithMetic as v, InstalledModuleInfo as w, ModuleStaticInfo as x, ModuleCompatibility as y, CompatibilityStatus as z };
+export { NuxtDevtoolsServerContext as $, AutoImportsWithMetadata as A, BasicModuleInfo as B, CategorizedTabs as C, ModuleType as D, MaintainerInfo as E, AssetType as F, GitHubContributor as G, HookInfo as H, ImageMeta as I, AssetInfo as J, AssetEntry as K, LoadingTimeMetric as L, ModuleCustomTab as M, NuxtDevtoolsInfo as N, CodeSnippet as O, PluginMetric as P, ComponentRelationship as Q, RouteInfo as R, SubprocessOptions as S, TerminalState as T, ComponentWithRelationships as U, VueInspectorData as V, WizardFunctions as W, WizardActions as X, GetWizardArgs as Y, ClientFunctions as Z, ClientUpdateEvent as _, VueInspectorClient as a, InstallModuleReturn as a0, AnalyzeBuildMeta as a1, AnalyzeBuildsInfo as a2, ModuleOptions as a3, ModuleGlobalOptions as a4, VSCodeIntegrationOptions as a5, VSCodeTunnelOptions as a6, NuxtDevToolsOptions as a7, TabCategory as a8, ServerFunctions as b, ModuleLaunchView as c, ModuleIframeView as d, ModuleVNodeView as e, ModuleLaunchAction as f, ModuleView as g, ModuleIframeTabLazyOptions as h, ModuleBuiltinTab as i, ModuleTabInfo as j, TerminalBase as k, TerminalAction as l, TerminalInfo as m, PackageUpdateInfo as n, PackageManagerName as o, NpmCommandType as p, NpmCommandOptions as q, ServerRouteInfo as r, ServerRouteInputType as s, ServerRouteInput as t, Payload as u, PluginInfoWithMetic as v, InstalledModuleInfo as w, ModuleStaticInfo as x, ModuleCompatibility as y, CompatibilityStatus as z };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as execa from 'execa';
 import * as _nuxt_schema from '@nuxt/schema';
 import { BirpcGroup } from 'birpc';
-import { M as ModuleCustomTab, S as SubprocessOptions, T as TerminalState, N as NuxtDevtoolsInfo } from './hooks-76cba3c4.js';
+import { M as ModuleCustomTab, S as SubprocessOptions, T as TerminalState, N as NuxtDevtoolsInfo } from './hooks-5a32fdaf.js';
 import 'vue';
 import 'nuxt/schema';
 import 'nitropack';

package/dist/types.d.ts

@@ -1,11 +1,11 @@
-import { V as VueInspectorData, a as VueInspectorClient, L as LoadingTimeMetric, H as HookInfo, P as PluginMetric, b as ServerFunctions } from './hooks-76cba3c4.js';
-export { a0 as AnalyzeBuildMeta, a1 as AnalyzeBuildsInfo, K as AssetEntry, J as AssetInfo, F as AssetType, A as AutoImportsWithMetadata, B as BasicModuleInfo, C as CategorizedTabs, Y as ClientFunctions, Z as ClientUpdateEvent, O as CodeSnippet, z as CompatibilityStatus, Q as ComponentRelationship, X as GetWizardArgs, G as GitHubContributor, I as ImageMeta, $ as InstallModuleReturn, w as InstalledModuleInfo, E as MaintainerInfo, i as ModuleBuiltinTab, y as ModuleCompatibility, M as ModuleCustomTab, a3 as ModuleGlobalOptions, h as ModuleIframeTabLazyOptions, d as ModuleIframeView, f as ModuleLaunchAction, c as ModuleLaunchView, a2 as ModuleOptions, x as ModuleStaticInfo, j as ModuleTabInfo, D as ModuleType, e as ModuleVNodeView, g as ModuleView, q as NpmCommandOptions, p as NpmCommandType, a6 as NuxtDevToolsOptions, N as NuxtDevtoolsInfo, _ as NuxtDevtoolsServerContext, o as PackageManagerName, n as PackageUpdateInfo, u as Payload, v as PluginInfoWithMetic, R as RouteInfo, r as ServerRouteInfo, t as ServerRouteInput, s as ServerRouteInputType, S as SubprocessOptions, a7 as TabCategory, l as TerminalAction, k as TerminalBase, m as TerminalInfo, T as TerminalState, a4 as VSCodeIntegrationOptions, a5 as VSCodeTunnelOptions, U as WizardActions, W as WizardFunctions } from './hooks-76cba3c4.js';
+import { V as VueInspectorData, a as VueInspectorClient, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric, b as ServerFunctions } from './hooks-5a32fdaf.js';
+export { a1 as AnalyzeBuildMeta, a2 as AnalyzeBuildsInfo, K as AssetEntry, J as AssetInfo, F as AssetType, A as AutoImportsWithMetadata, B as BasicModuleInfo, C as CategorizedTabs, Z as ClientFunctions, _ as ClientUpdateEvent, O as CodeSnippet, z as CompatibilityStatus, Q as ComponentRelationship, U as ComponentWithRelationships, Y as GetWizardArgs, G as GitHubContributor, I as ImageMeta, a0 as InstallModuleReturn, w as InstalledModuleInfo, E as MaintainerInfo, i as ModuleBuiltinTab, y as ModuleCompatibility, M as ModuleCustomTab, a4 as ModuleGlobalOptions, h as ModuleIframeTabLazyOptions, d as ModuleIframeView, f as ModuleLaunchAction, c as ModuleLaunchView, a3 as ModuleOptions, x as ModuleStaticInfo, j as ModuleTabInfo, D as ModuleType, e as ModuleVNodeView, g as ModuleView, q as NpmCommandOptions, p as NpmCommandType, a7 as NuxtDevToolsOptions, N as NuxtDevtoolsInfo, $ as NuxtDevtoolsServerContext, o as PackageManagerName, n as PackageUpdateInfo, u as Payload, v as PluginInfoWithMetic, R as RouteInfo, r as ServerRouteInfo, t as ServerRouteInput, s as ServerRouteInputType, S as SubprocessOptions, a8 as TabCategory, l as TerminalAction, k as TerminalBase, m as TerminalInfo, T as TerminalState, a5 as VSCodeIntegrationOptions, a6 as VSCodeTunnelOptions, X as WizardActions, W as WizardFunctions } from './hooks-5a32fdaf.js';
 import { Ref } from 'vue';
 import { AppConfig } from 'nuxt/schema';
 import { NuxtApp } from 'nuxt/dist/app/nuxt';
 import { Hookable } from 'hookable';
 import { BirpcReturn } from 'birpc';
-import { Lang } from 'shiki-es';
+import { BuiltinLanguage } from 'shikiji';
 import { StackFrame } from 'error-stack-parser-es';
 import 'nitropack';
 import 'unstorage';
@@ -92,15 +92,22 @@ interface NuxtDevtoolsClientHooks {
      * Triggers reactivity manually, since Vue won't be reactive across frames)
      */
     'host:update:reactivity': () => void;
+    /**
+     * Host action to control the DevTools navigation
+     */
+    'host:action:navigate': (path: string) => void;
+    /**
+     * Host action to reload the DevTools
+     */
+    'host:action:reload': () => void;
 }
 /**
  * Host client from the App
  */
 interface NuxtDevtoolsHostClient {
     nuxt: NuxtApp;
-    appConfig: AppConfig;
     hooks: Hookable<NuxtDevtoolsClientHooks>;
-    colorMode: Ref<'dark' | 'light'>;
+    getIframe(): HTMLIFrameElement | undefined;
     inspector?: {
         instance?: VueInspectorClient;
         enable: () => void;
@@ -108,35 +115,45 @@ interface NuxtDevtoolsHostClient {
         toggle: () => void;
         isEnabled: Ref<boolean>;
     };
-    loadingTimeMetrics: LoadingTimeMetric;
-    getClientHooksMetrics(): HookInfo[];
-    clientPluginMetrics: PluginMetric[] | undefined;
-    clientTimelineMetrics: TimelineMetrics | undefined;
-    reloadPage(): void;
-    close(): void;
-    open(): void;
-    toggle(): 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;
+    devtools: {
+        close(): void;
+        open(): void;
+        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;
+        navigate(path: string, hard?: boolean): void;
+        appConfig: AppConfig;
+        colorMode: Ref<'dark' | 'light'>;
+        frameState: Ref<DevToolsFrameState>;
+    };
+    metrics: {
+        clientHooks(): HookInfo[];
+        clientPlugins(): PluginMetric[] | undefined;
+        clientTimeline(): TimelineMetrics | undefined;
+        loading(): LoadingTimeMetric;
+    };
     /**
      * Update client
      * @internal
      */
-    updateClient(): NuxtDevtoolsHostClient;
-    getIframe(): HTMLIFrameElement | undefined;
-    frameState: Ref<DevToolsFrameState>;
+    syncClient(): NuxtDevtoolsHostClient;
 }
 interface NuxtDevtoolsClient {
     rpc: BirpcReturn<ServerFunctions>;
-    renderCodeHighlight: (code: string, lang?: Lang) => {
+    renderCodeHighlight: (code: string, lang?: BuiltinLanguage) => {
         code: string;
         supported: boolean;
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-kit",
   "type": "module",
-  "version": "0.7.6",
+  "version": "0.8.1",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -33,16 +33,16 @@
     "vite": "*"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.6.5",
-    "@nuxt/schema": "^3.6.5",
+    "@nuxt/kit": "^3.7.0",
+    "@nuxt/schema": "^3.7.0",
     "execa": "^7.2.0"
   },
   "devDependencies": {
-    "birpc": "^0.2.12",
-    "error-stack-parser-es": "^0.1.0",
+    "birpc": "^0.2.13",
+    "error-stack-parser-es": "^0.1.1",
     "hookable": "^5.5.3",
-    "unbuild": "^1.2.1",
-    "unimport": "^3.1.3",
+    "unbuild": "^2.0.0",
+    "unimport": "^3.2.0",
     "vite-plugin-vue-inspector": "^3.6.0",
     "vue-router": "^4.2.4"
   },