@nuxt/devtools-kit 0.5.1 → 0.5.2

package/dist/{server-ctx-607d5ba8.d.ts → hooks-46874ced.d.ts}

@@ -1,9 +1,9 @@
+import { VNode, MaybeRefOrGetter } from 'vue';
 import { BirpcGroup } from 'birpc';
 import { NuxtOptions, Component, NuxtPage, NuxtLayout, NuxtApp, Nuxt } from 'nuxt/schema';
 import { StorageMounts } from 'nitropack';
 import { StorageValue } from 'unstorage';
 import { VitePluginInspectorOptions } from 'vite-plugin-vue-inspector';
-import { VNode } from 'vue';
 import { RouteRecordNormalized } from 'vue-router';
 import { Import, UnimportMeta } from 'unimport';
 import { Options } from 'execa';
@@ -115,7 +115,7 @@ interface ModuleBuiltinTab {
     title?: string;
     path?: string;
     category?: TabCategory;
-    show?: () => any;
+    show?: () => MaybeRefOrGetter<any>;
     badge?: () => number | string | undefined;
     onClick?: () => void;
 }
@@ -510,4 +510,67 @@ interface InstallModuleReturn {
     processId: string;
 }
 
-export { VSCodeIntegrationOptions as $, AutoImportsWithMetadata as A, BasicModuleInfo as B, CompatibilityStatus as C, CodeSnippet as D, ComponentRelationship as E, WizardActions as F, GitHubContributor as G, HookInfo as H, ImageMeta as I, GetWizardArgs as J, ServerFunctions as K, ClientFunctions as L, ModuleCustomTab as M, NuxtDevtoolsInfo as N, ClientUpdateEvent as O, PackageUpdateInfo as P, NuxtDevtoolsServerContext as Q, RouteInfo as R, SubprocessOptions as S, TerminalState as T, InstallModuleReturn as U, VueInspectorClient as V, WizardFunctions as W, AnalyzeBuildMeta as X, AnalyzeBuildsInfo as Y, ModuleOptions as Z, ModuleGlobalOptions as _, ModuleLaunchView as a, VSCodeTunnelOptions as a0, NuxtDevToolsUIOptions as a1, TabCategory as a2, ModuleIframeView as b, ModuleVNodeView as c, ModuleLaunchAction as d, ModuleView as e, ModuleIframeTabLazyOptions as f, ModuleBuiltinTab as g, ModuleTabInfo as h, TerminalBase as i, TerminalAction as j, TerminalInfo as k, PackageManagerName as l, NpmCommandType as m, NpmCommandOptions as n, ServerRouteInfo as o, Payload as p, PluginInfoWithMetic as q, PluginMetric as r, InstalledModuleInfo as s, ModuleStaticInfo as t, ModuleCompatibility as u, ModuleType as v, MaintainerInfo as w, VueInspectorData as x, AssetType as y, AssetInfo as z };
+declare module '@nuxt/schema' {
+    interface NuxtHooks {
+        /**
+         * Called before devtools starts. Useful to detect if devtools is enabled.
+         */
+        'devtools:before': () => void;
+        /**
+         * Called after devtools is initialized.
+         */
+        'devtools:initialized': (info: NuxtDevtoolsInfo) => void;
+        /**
+         * Hooks to extend devtools tabs.
+         */
+        'devtools:customTabs': (tabs: ModuleCustomTab[]) => void;
+        /**
+         * Retrigger update for custom tabs, `devtools:customTabs` will be called again.
+         */
+        'devtools:customTabs:refresh': () => void;
+        /**
+         * Register a terminal.
+         */
+        'devtools:terminal:register': (terminal: TerminalState) => void;
+        /**
+         * Write to a terminal.
+         *
+         * Returns true if terminal is found.
+         */
+        'devtools:terminal:write': (_: {
+            id: string;
+            data: string;
+        }) => void;
+        /**
+         * Remove a terminal from devtools.
+         *
+         * Returns true if terminal is found and deleted.
+         */
+        'devtools:terminal:remove': (_: {
+            id: string;
+        }) => void;
+        /**
+         * Mark a terminal as terminated.
+         */
+        'devtools:terminal:exit': (_: {
+            id: string;
+            code?: number;
+        }) => void;
+    }
+}
+declare module '@nuxt/schema' {
+    /**
+     * Runtime Hooks
+     */
+    interface RuntimeNuxtHooks {
+        /**
+         * On terminal data.
+         */
+        'devtools:terminal:data': (payload: {
+            id: string;
+            data: string;
+        }) => void;
+    }
+}
+
+export { VSCodeIntegrationOptions as $, AutoImportsWithMetadata as A, BasicModuleInfo as B, CompatibilityStatus as C, AssetInfo as D, CodeSnippet as E, ComponentRelationship as F, GitHubContributor as G, HookInfo as H, ImageMeta as I, WizardActions as J, GetWizardArgs as K, ClientFunctions as L, ModuleCustomTab as M, NuxtDevtoolsInfo as N, ClientUpdateEvent as O, PluginMetric as P, NuxtDevtoolsServerContext as Q, RouteInfo as R, SubprocessOptions as S, TerminalState as T, InstallModuleReturn as U, VueInspectorData as V, WizardFunctions as W, AnalyzeBuildMeta as X, AnalyzeBuildsInfo as Y, ModuleOptions as Z, ModuleGlobalOptions as _, VueInspectorClient as a, VSCodeTunnelOptions as a0, NuxtDevToolsUIOptions as a1, TabCategory as a2, 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, Payload as s, PluginInfoWithMetic as t, InstalledModuleInfo as u, ModuleStaticInfo as v, ModuleCompatibility as w, ModuleType as x, MaintainerInfo as y, AssetType as z };

package/dist/index.d.ts

@@ -1,13 +1,12 @@
 import * as execa from 'execa';
 import * as _nuxt_schema from '@nuxt/schema';
 import { BirpcGroup } from 'birpc';
-import './hooks-7f0d2759.js';
-import { M as ModuleCustomTab, S as SubprocessOptions, T as TerminalState, N as NuxtDevtoolsInfo } from './server-ctx-607d5ba8.js';
+import { M as ModuleCustomTab, S as SubprocessOptions, T as TerminalState, N as NuxtDevtoolsInfo } from './hooks-46874ced.js';
+import 'vue';
 import 'nuxt/schema';
 import 'nitropack';
 import 'unstorage';
 import 'vite-plugin-vue-inspector';
-import 'vue';
 import 'vue-router';
 import 'unimport';
 

package/dist/runtime/iframe-client.d.ts

@@ -0,0 +1,4 @@
+import type { Ref } from 'vue';
+import type { NuxtDevtoolsIframeClient } from '../../src/_types/client-api';
+export declare function onDevtoolsClientConnected(fn: (client: NuxtDevtoolsIframeClient) => void): (() => void) | undefined;
+export declare function useDevtoolsClient(): Ref<NuxtDevtoolsIframeClient | undefined>;

package/dist/{iframe-client.mjs → runtime/iframe-client.mjs}

@@ -1,9 +1,11 @@
-import { shallowRef, triggerRef } from 'vue';
-
+import { shallowRef, triggerRef } from "vue";
 let clientRef;
+const hasSetup = false;
 const fns = [];
-function onDevtoolsClientConnected(fn) {
+export function onDevtoolsClientConnected(fn) {
   fns.push(fn);
+  if (hasSetup)
+    return;
   if (typeof window === "undefined")
     return;
   if (window.__NUXT_DEVTOOLS__) {
@@ -23,7 +25,7 @@ function onDevtoolsClientConnected(fn) {
     fns.splice(fns.indexOf(fn), 1);
   };
 }
-function useDevtoolsClient() {
+export function useDevtoolsClient() {
   if (!clientRef) {
     clientRef = shallowRef();
     onDevtoolsClientConnected(setup);
@@ -38,5 +40,3 @@ function useDevtoolsClient() {
   }
   return clientRef;
 }
-
-export { onDevtoolsClientConnected, useDevtoolsClient };

package/dist/types.d.ts

@@ -1,15 +1,73 @@
-import './hooks-7f0d2759.js';
-export { X as AnalyzeBuildMeta, Y as AnalyzeBuildsInfo, z as AssetInfo, y as AssetType, A as AutoImportsWithMetadata, B as BasicModuleInfo, L as ClientFunctions, O as ClientUpdateEvent, D as CodeSnippet, C as CompatibilityStatus, E as ComponentRelationship, J as GetWizardArgs, G as GitHubContributor, H as HookInfo, I as ImageMeta, U as InstallModuleReturn, s as InstalledModuleInfo, w as MaintainerInfo, g as ModuleBuiltinTab, u as ModuleCompatibility, M as ModuleCustomTab, _ as ModuleGlobalOptions, f as ModuleIframeTabLazyOptions, b as ModuleIframeView, d as ModuleLaunchAction, a as ModuleLaunchView, Z as ModuleOptions, t as ModuleStaticInfo, h as ModuleTabInfo, v as ModuleType, c as ModuleVNodeView, e as ModuleView, n as NpmCommandOptions, m as NpmCommandType, a1 as NuxtDevToolsUIOptions, N as NuxtDevtoolsInfo, Q as NuxtDevtoolsServerContext, l as PackageManagerName, P as PackageUpdateInfo, p as Payload, q as PluginInfoWithMetic, r as PluginMetric, R as RouteInfo, K as ServerFunctions, o as ServerRouteInfo, S as SubprocessOptions, a2 as TabCategory, j as TerminalAction, i as TerminalBase, k as TerminalInfo, T as TerminalState, $ as VSCodeIntegrationOptions, a0 as VSCodeTunnelOptions, V as VueInspectorClient, x as VueInspectorData, F as WizardActions, W as WizardFunctions } from './server-ctx-607d5ba8.js';
-export { b as NuxtDevtoolsClient, N as NuxtDevtoolsClientHooks, d as NuxtDevtoolsGlobal, a as NuxtDevtoolsHostClient, c as NuxtDevtoolsIframeClient } from './client-api-dfe1af35.js';
-import 'birpc';
-import 'nuxt/schema';
+import { V as VueInspectorData, a as VueInspectorClient, H as HookInfo, P as PluginMetric, b as ServerFunctions } from './hooks-46874ced.js';
+export { X as AnalyzeBuildMeta, Y as AnalyzeBuildsInfo, D as AssetInfo, z as AssetType, A as AutoImportsWithMetadata, B as BasicModuleInfo, L as ClientFunctions, O as ClientUpdateEvent, E as CodeSnippet, C as CompatibilityStatus, F as ComponentRelationship, K as GetWizardArgs, G as GitHubContributor, I as ImageMeta, U as InstallModuleReturn, u as InstalledModuleInfo, y as MaintainerInfo, i as ModuleBuiltinTab, w as ModuleCompatibility, M as ModuleCustomTab, _ as ModuleGlobalOptions, h as ModuleIframeTabLazyOptions, d as ModuleIframeView, f as ModuleLaunchAction, c as ModuleLaunchView, Z as ModuleOptions, v as ModuleStaticInfo, j as ModuleTabInfo, x as ModuleType, e as ModuleVNodeView, g as ModuleView, q as NpmCommandOptions, p as NpmCommandType, a1 as NuxtDevToolsUIOptions, N as NuxtDevtoolsInfo, Q as NuxtDevtoolsServerContext, o as PackageManagerName, n as PackageUpdateInfo, s as Payload, t as PluginInfoWithMetic, R as RouteInfo, r as ServerRouteInfo, S as SubprocessOptions, a2 as TabCategory, l as TerminalAction, k as TerminalBase, m as TerminalInfo, T as TerminalState, $ as VSCodeIntegrationOptions, a0 as VSCodeTunnelOptions, J as WizardActions, W as WizardFunctions } from './hooks-46874ced.js';
+import { AppConfig } from 'nuxt/schema';
+import { NuxtApp } from 'nuxt/dist/app/nuxt';
+import { Hookable } from 'hookable';
+import { BirpcReturn } from 'birpc';
+import 'vue';
 import 'nitropack';
 import 'unstorage';
 import 'vite-plugin-vue-inspector';
-import 'vue';
 import 'vue-router';
 import 'unimport';
 import 'execa';
 import '@nuxt/schema';
-import 'nuxt/dist/app/nuxt';
-import 'hookable';
+
+interface NuxtDevtoolsClientHooks {
+    /**
+     * When the devtools navigates, used for persisting the current tab
+     */
+    'devtools:navigate': (path: string) => void;
+    /**
+     * Event emitted when the component inspector is updated
+     */
+    'host:inspector:update': (data: VueInspectorData) => void;
+    /**
+     * Event emitted when the component inspector is clicked
+     */
+    'host:inspector:click': (baseUrl: string, file: string, line: number, column: number) => void;
+    /**
+     * Event to close the component inspector
+     */
+    'host:inspector:close': () => void;
+    /**
+     * Triggers reactivity manually, since Vue won't be reactive across frames)
+     */
+    'host:update:reactivity': () => void;
+}
+/**
+ * Host client from the App
+ */
+interface NuxtDevtoolsHostClient {
+    nuxt: NuxtApp;
+    appConfig: AppConfig;
+    hooks: Hookable<NuxtDevtoolsClientHooks>;
+    inspector?: {
+        instance?: VueInspectorClient;
+        enable: () => void;
+        disable: () => void;
+    };
+    getClientHooksMetrics(): HookInfo[];
+    getClientPluginMetrics(): PluginMetric[];
+    reloadPage(): void;
+    closeDevTools(): void;
+}
+interface NuxtDevtoolsClient {
+    rpc: BirpcReturn<ServerFunctions>;
+    renderCodeHighlight: (code: string, lang: string, lines?: boolean, theme?: string) => {
+        code: string;
+        supported: boolean;
+    };
+    renderMarkdown: (markdown: string) => string;
+    colorMode: string;
+    extendClientRpc: <ServerFunctions = {}, ClientFunctions = {}>(name: string, functions: ClientFunctions) => BirpcReturn<ServerFunctions, ClientFunctions>;
+}
+interface NuxtDevtoolsIframeClient {
+    host: NuxtDevtoolsHostClient;
+    devtools: NuxtDevtoolsClient;
+}
+interface NuxtDevtoolsGlobal {
+    setClient(client: NuxtDevtoolsHostClient): void;
+}
+
+export { HookInfo, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, PluginMetric, ServerFunctions, VueInspectorClient, VueInspectorData };

package/iframe-client.d.ts

@@ -1 +1 @@
-export * from './dist/iframe-client'
+export * from './dist/runtime/iframe-client'

package/iframe-client.mjs

@@ -0,0 +1 @@
+export * from './dist/runtime/iframe-client'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-kit",
   "type": "module",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -17,8 +17,7 @@
     },
     "./iframe-client": {
       "types": "./iframe-client.d.ts",
-      "require": "./dist/iframe-client.cjs",
-      "import": "./dist/iframe-client.mjs"
+      "import": "./iframe-client.mjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -34,17 +33,17 @@
     "vite": "*"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.5.0",
-    "@nuxt/schema": "^3.5.0",
+    "@nuxt/kit": "^3.5.1",
+    "@nuxt/schema": "^3.5.1",
     "execa": "^7.1.1"
   },
   "devDependencies": {
     "birpc": "^0.2.11",
     "hookable": "^5.5.3",
     "unbuild": "^1.2.1",
-    "unimport": "^3.0.6",
+    "unimport": "^3.0.7",
     "vite-plugin-vue-inspector": "^3.4.2",
-    "vue-router": "^4.2.0"
+    "vue-router": "^4.2.1"
   },
   "scripts": {
     "build": "unbuild",

package/dist/client-api-dfe1af35.d.ts

@@ -1,64 +0,0 @@
-import { AppConfig } from 'nuxt/schema';
-import { NuxtApp } from 'nuxt/dist/app/nuxt';
-import { Hookable } from 'hookable';
-import { BirpcReturn } from 'birpc';
-import { x as VueInspectorData, V as VueInspectorClient, H as HookInfo, r as PluginMetric, K as ServerFunctions } from './server-ctx-607d5ba8.js';
-
-interface NuxtDevtoolsClientHooks {
-    /**
-     * When the devtools navigates, used for persisting the current tab
-     */
-    'devtools:navigate': (path: string) => void;
-    /**
-     * Event emitted when the component inspector is updated
-     */
-    'host:inspector:update': (data: VueInspectorData) => void;
-    /**
-     * Event emitted when the component inspector is clicked
-     */
-    'host:inspector:click': (baseUrl: string, file: string, line: number, column: number) => void;
-    /**
-     * Event to close the component inspector
-     */
-    'host:inspector:close': () => void;
-    /**
-     * Triggers reactivity manually, since Vue won't be reactive across frames)
-     */
-    'host:update:reactivity': () => void;
-}
-/**
- * Host client from the App
- */
-interface NuxtDevtoolsHostClient {
-    nuxt: NuxtApp;
-    appConfig: AppConfig;
-    hooks: Hookable<NuxtDevtoolsClientHooks>;
-    inspector?: {
-        instance?: VueInspectorClient;
-        enable: () => void;
-        disable: () => void;
-    };
-    getClientHooksMetrics(): HookInfo[];
-    getClientPluginMetrics(): PluginMetric[];
-    reloadPage(): void;
-    closeDevTools(): void;
-}
-interface NuxtDevtoolsClient {
-    rpc: BirpcReturn<ServerFunctions>;
-    renderCodeHighlight: (code: string, lang: string, lines?: boolean, theme?: string) => {
-        code: string;
-        supported: boolean;
-    };
-    renderMarkdown: (markdown: string) => string;
-    colorMode: string;
-    extendClientRpc: <ServerFunctions = {}, ClientFunctions = {}>(name: string, functions: ClientFunctions) => BirpcReturn<ServerFunctions, ClientFunctions>;
-}
-interface NuxtDevtoolsIframeClient {
-    host: NuxtDevtoolsHostClient;
-    devtools: NuxtDevtoolsClient;
-}
-interface NuxtDevtoolsGlobal {
-    setClient(client: NuxtDevtoolsHostClient): void;
-}
-
-export { NuxtDevtoolsClientHooks as N, NuxtDevtoolsHostClient as a, NuxtDevtoolsClient as b, NuxtDevtoolsIframeClient as c, NuxtDevtoolsGlobal as d };

package/dist/hooks-7f0d2759.d.ts

@@ -1,64 +0,0 @@
-import { N as NuxtDevtoolsInfo, M as ModuleCustomTab, T as TerminalState } from './server-ctx-607d5ba8.js';
-
-declare module '@nuxt/schema' {
-    interface NuxtHooks {
-        /**
-         * Called before devtools starts. Useful to detect if devtools is enabled.
-         */
-        'devtools:before': () => void;
-        /**
-         * Called after devtools is initialized.
-         */
-        'devtools:initialized': (info: NuxtDevtoolsInfo) => void;
-        /**
-         * Hooks to extend devtools tabs.
-         */
-        'devtools:customTabs': (tabs: ModuleCustomTab[]) => void;
-        /**
-         * Retrigger update for custom tabs, `devtools:customTabs` will be called again.
-         */
-        'devtools:customTabs:refresh': () => void;
-        /**
-         * Register a terminal.
-         */
-        'devtools:terminal:register': (terminal: TerminalState) => void;
-        /**
-         * Write to a terminal.
-         *
-         * Returns true if terminal is found.
-         */
-        'devtools:terminal:write': (_: {
-            id: string;
-            data: string;
-        }) => void;
-        /**
-         * Remove a terminal from devtools.
-         *
-         * Returns true if terminal is found and deleted.
-         */
-        'devtools:terminal:remove': (_: {
-            id: string;
-        }) => void;
-        /**
-         * Mark a terminal as terminated.
-         */
-        'devtools:terminal:exit': (_: {
-            id: string;
-            code?: number;
-        }) => void;
-    }
-}
-declare module '@nuxt/schema' {
-    /**
-     * Runtime Hooks
-     */
-    interface RuntimeNuxtHooks {
-        /**
-         * On terminal data.
-         */
-        'devtools:terminal:data': (payload: {
-            id: string;
-            data: string;
-        }) => void;
-    }
-}

package/dist/iframe-client.cjs

@@ -1,45 +0,0 @@
-'use strict';
-
-const vue = require('vue');
-
-let clientRef;
-const fns = [];
-function onDevtoolsClientConnected(fn) {
-  fns.push(fn);
-  if (typeof window === "undefined")
-    return;
-  if (window.__NUXT_DEVTOOLS__) {
-    fns.forEach((fn2) => fn2(window.__NUXT_DEVTOOLS__));
-  }
-  Object.defineProperty(window, "__NUXT_DEVTOOLS__", {
-    set(value) {
-      if (value)
-        fns.forEach((fn2) => fn2(value));
-    },
-    get() {
-      return clientRef.value;
-    },
-    configurable: true
-  });
-  return () => {
-    fns.splice(fns.indexOf(fn), 1);
-  };
-}
-function useDevtoolsClient() {
-  if (!clientRef) {
-    clientRef = vue.shallowRef();
-    onDevtoolsClientConnected(setup);
-  }
-  function setup(client) {
-    clientRef.value = client;
-    if (client.host) {
-      client.host.hooks.hook("host:update:reactivity", () => {
-        vue.triggerRef(clientRef);
-      });
-    }
-  }
-  return clientRef;
-}
-
-exports.onDevtoolsClientConnected = onDevtoolsClientConnected;
-exports.useDevtoolsClient = useDevtoolsClient;

package/dist/iframe-client.d.ts

@@ -1,19 +0,0 @@
-import { Ref } from 'vue';
-import { c as NuxtDevtoolsIframeClient } from './client-api-dfe1af35.js';
-import 'nuxt/schema';
-import 'nuxt/dist/app/nuxt';
-import 'hookable';
-import 'birpc';
-import './server-ctx-607d5ba8.js';
-import 'nitropack';
-import 'unstorage';
-import 'vite-plugin-vue-inspector';
-import 'vue-router';
-import 'unimport';
-import 'execa';
-import '@nuxt/schema';
-
-declare function onDevtoolsClientConnected(fn: (client: NuxtDevtoolsIframeClient) => void): (() => void) | undefined;
-declare function useDevtoolsClient(): Ref<NuxtDevtoolsIframeClient | undefined>;
-
-export { onDevtoolsClientConnected, useDevtoolsClient };