@nuxt/devtools-kit 0.8.2 → 0.8.4

package/dist/types.d.cts

@@ -0,0 +1,172 @@
+import { V as VueInspectorData, a as VueInspectorClient, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric, b as ServerFunctions } from './shared/devtools-kit.8143bd0b.cjs';
+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 './shared/devtools-kit.8143bd0b.cjs';
+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 { BuiltinLanguage } from 'shikiji';
+import { StackFrame } from 'error-stack-parser-es';
+import 'nitropack';
+import 'unstorage';
+import 'vite-plugin-vue-inspector';
+import 'unimport';
+import 'vue-router';
+import 'execa';
+import '@nuxt/schema';
+
+interface TimelineEventFunction {
+    type: 'function';
+    start: number;
+    end?: number;
+    name: string;
+    args?: any[];
+    result?: any;
+    stacktrace?: StackFrame[];
+    isPromise?: boolean;
+}
+interface TimelineEventRoute {
+    type: 'route';
+    start: number;
+    end?: number;
+    from: string;
+    to: string;
+}
+interface TimelineOptions {
+    enabled: boolean;
+    stacktrace: boolean;
+    arguments: boolean;
+}
+type TimelineEvent = TimelineEventFunction | TimelineEventRoute;
+interface TimelineMetrics {
+    events: TimelineEvent[];
+    nonLiteralSymbol: symbol;
+    options: TimelineOptions;
+}
+interface TimelineEventNormalized<T> {
+    event: T;
+    segment: TimelineEventsSegment;
+    relativeStart: number;
+    relativeWidth: number;
+    layer: number;
+}
+interface TimelineEventsSegment {
+    start: number;
+    end: number;
+    events: TimelineEvent[];
+    functions: TimelineEventNormalized<TimelineEventFunction>[];
+    route?: TimelineEventNormalized<TimelineEventRoute>;
+    duration: number;
+    previousGap?: number;
+}
+
+interface DevToolsFrameState {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    open: boolean;
+    route: string;
+    position: 'left' | 'right' | 'bottom' | 'top';
+    closeOnOutsideClick: boolean;
+    minimizePanelInactive: number;
+}
+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 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;
+    hooks: Hookable<NuxtDevtoolsClientHooks>;
+    getIframe(): HTMLIFrameElement | undefined;
+    inspector?: {
+        instance?: VueInspectorClient;
+        enable: () => void;
+        disable: () => void;
+        toggle: () => void;
+        isEnabled: Ref<boolean>;
+    };
+    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
+     */
+    syncClient(): NuxtDevtoolsHostClient;
+}
+interface NuxtDevtoolsClient {
+    rpc: BirpcReturn<ServerFunctions>;
+    renderCodeHighlight: (code: string, lang?: BuiltinLanguage) => {
+        code: string;
+        supported: boolean;
+    };
+    renderMarkdown: (markdown: string) => string;
+    colorMode: string;
+    extendClientRpc: <ServerFunctions = Record<string, never>, ClientFunctions = Record<string, never>>(name: string, functions: ClientFunctions) => BirpcReturn<ServerFunctions, ClientFunctions>;
+}
+interface NuxtDevtoolsIframeClient {
+    host: NuxtDevtoolsHostClient;
+    devtools: NuxtDevtoolsClient;
+}
+interface NuxtDevtoolsGlobal {
+    setClient(client: NuxtDevtoolsHostClient): void;
+}
+
+export { type DevToolsFrameState, HookInfo, LoadingTimeMetric, type NuxtDevtoolsClient, type NuxtDevtoolsClientHooks, type NuxtDevtoolsGlobal, type NuxtDevtoolsHostClient, type NuxtDevtoolsIframeClient, PluginMetric, ServerFunctions, type TimelineEvent, type TimelineEventFunction, type TimelineEventNormalized, type TimelineEventRoute, type TimelineEventsSegment, type TimelineMetrics, type TimelineOptions, VueInspectorClient, VueInspectorData };

package/dist/types.d.mts

@@ -0,0 +1,172 @@
+import { V as VueInspectorData, a as VueInspectorClient, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric, b as ServerFunctions } from './shared/devtools-kit.8143bd0b.mjs';
+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 './shared/devtools-kit.8143bd0b.mjs';
+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 { BuiltinLanguage } from 'shikiji';
+import { StackFrame } from 'error-stack-parser-es';
+import 'nitropack';
+import 'unstorage';
+import 'vite-plugin-vue-inspector';
+import 'unimport';
+import 'vue-router';
+import 'execa';
+import '@nuxt/schema';
+
+interface TimelineEventFunction {
+    type: 'function';
+    start: number;
+    end?: number;
+    name: string;
+    args?: any[];
+    result?: any;
+    stacktrace?: StackFrame[];
+    isPromise?: boolean;
+}
+interface TimelineEventRoute {
+    type: 'route';
+    start: number;
+    end?: number;
+    from: string;
+    to: string;
+}
+interface TimelineOptions {
+    enabled: boolean;
+    stacktrace: boolean;
+    arguments: boolean;
+}
+type TimelineEvent = TimelineEventFunction | TimelineEventRoute;
+interface TimelineMetrics {
+    events: TimelineEvent[];
+    nonLiteralSymbol: symbol;
+    options: TimelineOptions;
+}
+interface TimelineEventNormalized<T> {
+    event: T;
+    segment: TimelineEventsSegment;
+    relativeStart: number;
+    relativeWidth: number;
+    layer: number;
+}
+interface TimelineEventsSegment {
+    start: number;
+    end: number;
+    events: TimelineEvent[];
+    functions: TimelineEventNormalized<TimelineEventFunction>[];
+    route?: TimelineEventNormalized<TimelineEventRoute>;
+    duration: number;
+    previousGap?: number;
+}
+
+interface DevToolsFrameState {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    open: boolean;
+    route: string;
+    position: 'left' | 'right' | 'bottom' | 'top';
+    closeOnOutsideClick: boolean;
+    minimizePanelInactive: number;
+}
+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 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;
+    hooks: Hookable<NuxtDevtoolsClientHooks>;
+    getIframe(): HTMLIFrameElement | undefined;
+    inspector?: {
+        instance?: VueInspectorClient;
+        enable: () => void;
+        disable: () => void;
+        toggle: () => void;
+        isEnabled: Ref<boolean>;
+    };
+    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
+     */
+    syncClient(): NuxtDevtoolsHostClient;
+}
+interface NuxtDevtoolsClient {
+    rpc: BirpcReturn<ServerFunctions>;
+    renderCodeHighlight: (code: string, lang?: BuiltinLanguage) => {
+        code: string;
+        supported: boolean;
+    };
+    renderMarkdown: (markdown: string) => string;
+    colorMode: string;
+    extendClientRpc: <ServerFunctions = Record<string, never>, ClientFunctions = Record<string, never>>(name: string, functions: ClientFunctions) => BirpcReturn<ServerFunctions, ClientFunctions>;
+}
+interface NuxtDevtoolsIframeClient {
+    host: NuxtDevtoolsHostClient;
+    devtools: NuxtDevtoolsClient;
+}
+interface NuxtDevtoolsGlobal {
+    setClient(client: NuxtDevtoolsHostClient): void;
+}
+
+export { type DevToolsFrameState, HookInfo, LoadingTimeMetric, type NuxtDevtoolsClient, type NuxtDevtoolsClientHooks, type NuxtDevtoolsGlobal, type NuxtDevtoolsHostClient, type NuxtDevtoolsIframeClient, PluginMetric, ServerFunctions, type TimelineEvent, type TimelineEventFunction, type TimelineEventNormalized, type TimelineEventRoute, type TimelineEventsSegment, type TimelineMetrics, type TimelineOptions, VueInspectorClient, VueInspectorData };

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import { V as VueInspectorData, a as VueInspectorClient, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric, b as ServerFunctions } from './hooks-d8216808.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-d8216808.js';
+import { V as VueInspectorData, a as VueInspectorClient, H as HookInfo, P as PluginMetric, L as LoadingTimeMetric, b as ServerFunctions } from './shared/devtools-kit.8143bd0b.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 './shared/devtools-kit.8143bd0b.js';
 import { Ref } from 'vue';
 import { AppConfig } from 'nuxt/schema';
 import { NuxtApp } from 'nuxt/dist/app/nuxt';
@@ -169,4 +169,4 @@ interface NuxtDevtoolsGlobal {
     setClient(client: NuxtDevtoolsHostClient): void;
 }
 
-export { DevToolsFrameState, HookInfo, LoadingTimeMetric, NuxtDevtoolsClient, NuxtDevtoolsClientHooks, NuxtDevtoolsGlobal, NuxtDevtoolsHostClient, NuxtDevtoolsIframeClient, PluginMetric, ServerFunctions, TimelineEvent, TimelineEventFunction, TimelineEventNormalized, TimelineEventRoute, TimelineEventsSegment, TimelineMetrics, TimelineOptions, VueInspectorClient, VueInspectorData };
+export { type DevToolsFrameState, HookInfo, LoadingTimeMetric, type NuxtDevtoolsClient, type NuxtDevtoolsClientHooks, type NuxtDevtoolsGlobal, type NuxtDevtoolsHostClient, type NuxtDevtoolsIframeClient, PluginMetric, ServerFunctions, type TimelineEvent, type TimelineEventFunction, type TimelineEventNormalized, type TimelineEventRoute, type TimelineEventsSegment, type TimelineMetrics, type TimelineOptions, VueInspectorClient, VueInspectorData };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-kit",
   "type": "module",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -29,21 +29,21 @@
     "*.mjs"
   ],
   "peerDependencies": {
-    "nuxt": "^3.6.5",
+    "nuxt": "^3.7.3",
     "vite": "*"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.7.0",
-    "@nuxt/schema": "^3.7.0",
+    "@nuxt/kit": "^3.7.3",
+    "@nuxt/schema": "^3.7.3",
     "execa": "^7.2.0"
   },
   "devDependencies": {
-    "birpc": "^0.2.13",
+    "birpc": "^0.2.14",
     "error-stack-parser-es": "^0.1.1",
     "hookable": "^5.5.3",
     "unbuild": "^2.0.0",
-    "unimport": "^3.2.0",
-    "vite-plugin-vue-inspector": "^3.6.0",
+    "unimport": "^3.3.0",
+    "vite-plugin-vue-inspector": "^3.7.1",
     "vue-router": "^4.2.4"
   },
   "scripts": {