@nuxt/devtools-kit 0.6.5 → 0.6.7

package/dist/{hooks-6c23ef8a.d.ts → hooks-4850b104.d.ts}

@@ -9,7 +9,7 @@ import { Import, UnimportMeta } from 'unimport';
 import { Options } from 'execa';
 import { NuxtAnalyzeMeta } from '@nuxt/schema';
 
-type TabCategory = 'app' | 'analyze' | 'server' | 'modules' | 'documentation' | 'advanced';
+type TabCategory = 'pinned' | 'app' | 'analyze' | 'server' | 'modules' | 'documentation' | 'advanced';
 
 interface ModuleCustomTab {
     /**
@@ -128,106 +128,6 @@ interface ModuleBuiltinTab {
 }
 type ModuleTabInfo = ModuleCustomTab | ModuleBuiltinTab;
 
-interface ModuleOptions {
-    /**
-     * Enable DevTools
-     *
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * Custom tabs
-     *
-     * This is in static format, for dynamic injection, call `nuxt.hook('devtools:customTabs')` instead
-     */
-    customTabs?: ModuleCustomTab[];
-    /**
-     * VS Code Server integration options.
-     */
-    vscode?: VSCodeIntegrationOptions;
-    /**
-     * Enable Vue Component Inspector
-     *
-     * @default true
-     */
-    componentInspector?: boolean | VitePluginInspectorOptions;
-    /**
-     * Enable vite-plugin-inspect
-     *
-     * @default true
-     */
-    viteInspect?: boolean;
-    /**
-     * Disable dev time authorization check.
-     *
-     * **NOT RECOMMENDED**, only use this if you know what you are doing.
-     *
-     * @see https://github.com/nuxt/devtools/pull/257
-     * @default false
-     */
-    disableAuthorization?: boolean;
-}
-interface ModuleGlobalOptions {
-    /**
-     * List of projects to enable devtools for. Only works when devtools is installed globally.
-     */
-    projects?: string[];
-}
-interface VSCodeIntegrationOptions {
-    /**
-     * Enable VS Code Server integration
-     */
-    enabled?: boolean;
-    /**
-     * Start VS Code Server on boot
-     *
-     * @default false
-     */
-    startOnBoot?: boolean;
-    /**
-     * Port to start VS Code Server
-     *
-     * @default 3080
-     */
-    port?: number;
-    /**
-     * Reuse existing server if available (same port)
-     */
-    reuseExistingServer?: boolean;
-    /**
-     * Determine whether to use code-server or vs code tunnel
-     *
-     * @default 'local-serve'
-     */
-    mode?: 'local-serve' | 'tunnel';
-    /**
-     * Options for VS Code tunnel
-     */
-    tunnel?: VSCodeTunnelOptions;
-}
-interface VSCodeTunnelOptions {
-    /**
-     * the machine name for port forwarding service
-     *
-     * default: device hostname
-     */
-    name?: string;
-}
-interface NuxtDevToolsUIOptions {
-    componentsView: 'list' | 'graph';
-    componentsGraphShowNodeModules: boolean;
-    componentsGraphShowGlobalComponents: boolean;
-    componentsGraphShowPages: boolean;
-    componentsGraphShowLayouts: boolean;
-    componentsGraphShowWorkspace: boolean;
-    interactionCloseOnOutsideClick: boolean;
-    showExperimentalFeatures: boolean;
-    showHelpButtons: boolean;
-    scale: number;
-    hiddenTabs: string[];
-    hiddenTabCategories: string[];
-}
-
 interface HookInfo {
     name: string;
     start: number;
@@ -392,6 +292,112 @@ interface ComponentRelationship {
     deps: string[];
 }
 
+interface ModuleOptions {
+    /**
+     * Enable DevTools
+     *
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Custom tabs
+     *
+     * This is in static format, for dynamic injection, call `nuxt.hook('devtools:customTabs')` instead
+     */
+    customTabs?: ModuleCustomTab[];
+    /**
+     * VS Code Server integration options.
+     */
+    vscode?: VSCodeIntegrationOptions;
+    /**
+     * Enable Vue Component Inspector
+     *
+     * @default true
+     */
+    componentInspector?: boolean | VitePluginInspectorOptions;
+    /**
+     * Enable vite-plugin-inspect
+     *
+     * @default true
+     */
+    viteInspect?: boolean;
+    /**
+     * Disable dev time authorization check.
+     *
+     * **NOT RECOMMENDED**, only use this if you know what you are doing.
+     *
+     * @see https://github.com/nuxt/devtools/pull/257
+     * @default false
+     */
+    disableAuthorization?: boolean;
+}
+interface ModuleGlobalOptions {
+    /**
+     * List of projects to enable devtools for. Only works when devtools is installed globally.
+     */
+    projects?: string[];
+}
+interface VSCodeIntegrationOptions {
+    /**
+     * Enable VS Code Server integration
+     */
+    enabled?: boolean;
+    /**
+     * Start VS Code Server on boot
+     *
+     * @default false
+     */
+    startOnBoot?: boolean;
+    /**
+     * Port to start VS Code Server
+     *
+     * @default 3080
+     */
+    port?: number;
+    /**
+     * Reuse existing server if available (same port)
+     */
+    reuseExistingServer?: boolean;
+    /**
+     * Determine whether to use code-server or vs code tunnel
+     *
+     * @default 'local-serve'
+     */
+    mode?: 'local-serve' | 'tunnel';
+    /**
+     * Options for VS Code tunnel
+     */
+    tunnel?: VSCodeTunnelOptions;
+}
+interface VSCodeTunnelOptions {
+    /**
+     * the machine name for port forwarding service
+     *
+     * default: device hostname
+     */
+    name?: string;
+}
+interface NuxtDevToolsOptions {
+    ui: {
+        componentsView: 'list' | 'graph';
+        componentsGraphShowNodeModules: boolean;
+        componentsGraphShowGlobalComponents: boolean;
+        componentsGraphShowPages: boolean;
+        componentsGraphShowLayouts: boolean;
+        componentsGraphShowWorkspace: boolean;
+        interactionCloseOnOutsideClick: boolean;
+        showExperimentalFeatures: boolean;
+        showHelpButtons: boolean;
+        scale: number;
+        hiddenTabs: string[];
+        hiddenTabCategories: string[];
+        pinnedTabs: string[];
+    };
+    serverRoutes: {
+        selectedRoute: ServerRouteInfo | null;
+    };
+}
+
 interface TerminalBase {
     id: string;
     name: string;
@@ -467,8 +473,8 @@ interface ServerFunctions {
     getStaticAssets(): Promise<AssetInfo[]>;
     getServerRoutes(): ServerRouteInfo[];
     getServerApp(): NuxtApp | undefined;
-    getUIOptions(): Promise<NuxtDevToolsUIOptions>;
-    updateUIOptions(settings: Partial<NuxtDevToolsUIOptions>): Promise<void>;
+    getOptions<T extends keyof NuxtDevToolsOptions>(tab: T): Promise<NuxtDevToolsOptions[T]>;
+    updateOptions<T extends keyof NuxtDevToolsOptions>(tab: T, settings: Partial<NuxtDevToolsOptions[T]>): Promise<void>;
     checkForUpdateFor(name: string): Promise<PackageUpdateInfo | undefined>;
     getPackageManager(): Promise<PackageManagerName>;
     getNpmCommand(command: NpmCommandType, packageName: string, options?: NpmCommandOptions): Promise<string[] | undefined>;
@@ -613,4 +619,4 @@ declare module '@nuxt/schema' {
     }
 }
 
-export { AnalyzeBuildsInfo as $, AutoImportsWithMetadata as A, BasicModuleInfo as B, CompatibilityStatus as C, MaintainerInfo as D, AssetType as E, AssetInfo as F, GitHubContributor as G, HookInfo as H, ImageMeta as I, CodeSnippet as J, ComponentRelationship as K, LoadingTimeMetric as L, ModuleCustomTab as M, NuxtDevtoolsInfo as N, WizardActions as O, PluginMetric as P, GetWizardArgs as Q, RouteInfo as R, SubprocessOptions as S, TerminalState as T, ClientFunctions as U, VueInspectorData as V, WizardFunctions as W, ClientUpdateEvent as X, NuxtDevtoolsServerContext as Y, InstallModuleReturn as Z, AnalyzeBuildMeta as _, VueInspectorClient as a, ModuleOptions as a0, ModuleGlobalOptions as a1, VSCodeIntegrationOptions as a2, VSCodeTunnelOptions as a3, NuxtDevToolsUIOptions as a4, TabCategory as a5, 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, ModuleType as z };
+export { AnalyzeBuildsInfo as $, AutoImportsWithMetadata as A, BasicModuleInfo as B, CompatibilityStatus as C, MaintainerInfo as D, AssetType as E, AssetInfo as F, GitHubContributor as G, HookInfo as H, ImageMeta as I, CodeSnippet as J, ComponentRelationship as K, LoadingTimeMetric as L, ModuleCustomTab as M, NuxtDevtoolsInfo as N, WizardActions as O, PluginMetric as P, GetWizardArgs as Q, RouteInfo as R, SubprocessOptions as S, TerminalState as T, ClientFunctions as U, VueInspectorData as V, WizardFunctions as W, ClientUpdateEvent as X, NuxtDevtoolsServerContext as Y, InstallModuleReturn as Z, AnalyzeBuildMeta as _, VueInspectorClient as a, ModuleOptions as a0, ModuleGlobalOptions as a1, VSCodeIntegrationOptions as a2, VSCodeTunnelOptions as a3, NuxtDevToolsOptions as a4, TabCategory as a5, 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, ModuleType 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-6c23ef8a.js';
+import { M as ModuleCustomTab, S as SubprocessOptions, T as TerminalState, N as NuxtDevtoolsInfo } from './hooks-4850b104.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-6c23ef8a.js';
-export { _ as AnalyzeBuildMeta, $ as AnalyzeBuildsInfo, F as AssetInfo, E as AssetType, A as AutoImportsWithMetadata, B as BasicModuleInfo, U as ClientFunctions, X as ClientUpdateEvent, J as CodeSnippet, C as CompatibilityStatus, K as ComponentRelationship, Q as GetWizardArgs, G as GitHubContributor, I as ImageMeta, Z as InstallModuleReturn, w as InstalledModuleInfo, D as MaintainerInfo, i as ModuleBuiltinTab, y as ModuleCompatibility, M as ModuleCustomTab, a1 as ModuleGlobalOptions, h as ModuleIframeTabLazyOptions, d as ModuleIframeView, f as ModuleLaunchAction, c as ModuleLaunchView, a0 as ModuleOptions, x as ModuleStaticInfo, j as ModuleTabInfo, z as ModuleType, e as ModuleVNodeView, g as ModuleView, q as NpmCommandOptions, p as NpmCommandType, a4 as NuxtDevToolsUIOptions, N as NuxtDevtoolsInfo, Y 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, a5 as TabCategory, l as TerminalAction, k as TerminalBase, m as TerminalInfo, T as TerminalState, a2 as VSCodeIntegrationOptions, a3 as VSCodeTunnelOptions, O as WizardActions, W as WizardFunctions } from './hooks-6c23ef8a.js';
+import { V as VueInspectorData, a as VueInspectorClient, L as LoadingTimeMetric, H as HookInfo, P as PluginMetric, b as ServerFunctions } from './hooks-4850b104.js';
+export { _ as AnalyzeBuildMeta, $ as AnalyzeBuildsInfo, F as AssetInfo, E as AssetType, A as AutoImportsWithMetadata, B as BasicModuleInfo, U as ClientFunctions, X as ClientUpdateEvent, J as CodeSnippet, C as CompatibilityStatus, K as ComponentRelationship, Q as GetWizardArgs, G as GitHubContributor, I as ImageMeta, Z as InstallModuleReturn, w as InstalledModuleInfo, D as MaintainerInfo, i as ModuleBuiltinTab, y as ModuleCompatibility, M as ModuleCustomTab, a1 as ModuleGlobalOptions, h as ModuleIframeTabLazyOptions, d as ModuleIframeView, f as ModuleLaunchAction, c as ModuleLaunchView, a0 as ModuleOptions, x as ModuleStaticInfo, j as ModuleTabInfo, z as ModuleType, e as ModuleVNodeView, g as ModuleView, q as NpmCommandOptions, p as NpmCommandType, a4 as NuxtDevToolsOptions, N as NuxtDevtoolsInfo, Y 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, a5 as TabCategory, l as TerminalAction, k as TerminalBase, m as TerminalInfo, T as TerminalState, a2 as VSCodeIntegrationOptions, a3 as VSCodeTunnelOptions, O as WizardActions, W as WizardFunctions } from './hooks-4850b104.js';
 import { Ref } from 'vue';
 import { AppConfig } from 'nuxt/schema';
 import { NuxtApp } from 'nuxt/dist/app/nuxt';
@@ -72,7 +72,7 @@ interface NuxtDevtoolsHostClient {
      * @internal
      */
     updateClient(): NuxtDevtoolsHostClient;
-    getIframe(): HTMLIFrameElement;
+    getIframe(): HTMLIFrameElement | undefined;
 }
 interface NuxtDevtoolsClient {
     rpc: BirpcReturn<ServerFunctions>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-kit",
   "type": "module",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -29,7 +29,7 @@
     "*.mjs"
   ],
   "peerDependencies": {
-    "nuxt": "^3.5.1",
+    "nuxt": "^3.6.1",
     "vite": "*"
   },
   "dependencies": {
@@ -41,7 +41,7 @@
     "birpc": "^0.2.12",
     "hookable": "^5.5.3",
     "unbuild": "^1.2.1",
-    "unimport": "^3.0.11",
+    "unimport": "^3.0.12",
     "vite-plugin-vue-inspector": "^3.4.2",
     "vue-router": "^4.2.2"
   },