@nuxt/devtools-kit 0.7.5 → 0.8.0

package/dist/{hooks-cf1b7911.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';
@@ -282,6 +282,12 @@ interface AssetInfo {
     size: number;
     mtime: number;
 }
+interface AssetEntry {
+    path: string;
+    content: string;
+    encoding?: BufferEncoding;
+    override?: boolean;
+}
 interface CodeSnippet {
     code: string;
     lang: string;
@@ -292,6 +298,11 @@ interface ComponentRelationship {
     id: string;
     deps: string[];
 }
+interface ComponentWithRelationships {
+    component: Component;
+    dependencies?: string[];
+    dependents?: string[];
+}
 
 interface ModuleOptions {
     /**
@@ -434,6 +445,9 @@ interface NuxtDevToolsOptions {
         view: 'tree' | 'list';
         inputDefaults: Record<string, ServerRouteInput[]>;
     };
+    assets: {
+        view: 'grid' | 'list';
+    };
 }
 
 interface TerminalBase {
@@ -533,11 +547,8 @@ interface ServerFunctions {
     clearAnalyzeBuilds(token: string, names?: string[]): Promise<void>;
     getImageMeta(filepath: string): Promise<ImageMeta | undefined>;
     getTextAssetContent(filepath: string, limit?: number): Promise<string | undefined>;
-    writeStaticAssets(token: string, file: {
-        name: string;
-        data: string;
-    }[], path: string): Promise<string[]>;
-    deleteStaticAsset(token: string, file: string): Promise<void>;
+    writeStaticAssets(token: string, file: AssetEntry[], folder: string): Promise<string[]>;
+    deleteStaticAsset(token: string, filepath: string): Promise<void>;
     renameStaticAsset(token: string, oldPath: string, newPath: string): Promise<void>;
     customTabAction(name: string, action: number): Promise<boolean>;
     runWizard<T extends WizardActions>(token: string, name: T, ...args: GetWizardArgs<T>): Promise<void>;
@@ -660,4 +671,4 @@ declare module '@nuxt/schema' {
     }
 }
 
-export { AnalyzeBuildMeta 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, CodeSnippet as K, LoadingTimeMetric as L, ModuleCustomTab as M, NuxtDevtoolsInfo as N, ComponentRelationship as O, PluginMetric as P, WizardActions as Q, RouteInfo as R, SubprocessOptions as S, TerminalState as T, GetWizardArgs as U, VueInspectorData as V, WizardFunctions as W, ClientFunctions as X, ClientUpdateEvent as Y, NuxtDevtoolsServerContext as Z, InstallModuleReturn as _, VueInspectorClient as a, AnalyzeBuildsInfo as a0, ModuleOptions as a1, ModuleGlobalOptions as a2, VSCodeIntegrationOptions as a3, VSCodeTunnelOptions as a4, NuxtDevToolsOptions as a5, TabCategory as a6, 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-cf1b7911.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,5 +1,5 @@
-import { V as VueInspectorData, a as VueInspectorClient, L as LoadingTimeMetric, H as HookInfo, P as PluginMetric, b as ServerFunctions } from './hooks-cf1b7911.js';
-export { $ as AnalyzeBuildMeta, a0 as AnalyzeBuildsInfo, J as AssetInfo, F as AssetType, A as AutoImportsWithMetadata, B as BasicModuleInfo, C as CategorizedTabs, X as ClientFunctions, Y as ClientUpdateEvent, K as CodeSnippet, z as CompatibilityStatus, O as ComponentRelationship, U 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, a2 as ModuleGlobalOptions, h as ModuleIframeTabLazyOptions, d as ModuleIframeView, f as ModuleLaunchAction, c as ModuleLaunchView, a1 as ModuleOptions, x as ModuleStaticInfo, j as ModuleTabInfo, D as ModuleType, e as ModuleVNodeView, g as ModuleView, q as NpmCommandOptions, p as NpmCommandType, a5 as NuxtDevToolsOptions, N as NuxtDevtoolsInfo, Z 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, a6 as TabCategory, l as TerminalAction, k as TerminalBase, m as TerminalInfo, T as TerminalState, a3 as VSCodeIntegrationOptions, a4 as VSCodeTunnelOptions, Q as WizardActions, W as WizardFunctions } from './hooks-cf1b7911.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';
@@ -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,31 +115,41 @@ 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>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-kit",
   "type": "module",
-  "version": "0.7.5",
+  "version": "0.8.0",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -43,7 +43,7 @@
     "hookable": "^5.5.3",
     "unbuild": "^1.2.1",
     "unimport": "^3.1.3",
-    "vite-plugin-vue-inspector": "^3.5.0",
+    "vite-plugin-vue-inspector": "^3.6.0",
     "vue-router": "^4.2.4"
   },
   "scripts": {