npm - @nuxt/devtools-nightly - Versions diffs - 2.1.3-29016969.64b5139 → 2.1.3-29019252.faa08d3 - Mend

@nuxt/devtools-nightly 2.1.3-29016969.64b5139 → 2.1.3-29019252.faa08d3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (76) hide show

package/dist/client/index.html CHANGED Viewed

@@ -3,27 +3,27 @@
 <link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-jfo9gib8.css" crossorigin>
 <link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-mqq5uooj.css" crossorigin>
 <link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-mhvipxpl.css" crossorigin>
-<link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ix8eg00v.js">
+<link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/lxfc7iq0.js">
 <link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-llkaejaf.js">
 <link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-mvzv9iuf.js">
 <link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-kdj4mcqm.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/markdown-it-fvu08dbs.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/default-j0zfta85.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/full-n17rj69g.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/none-fwdp88vx.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/default-gm29mgoh.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/full-311lf88e.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/none-eujxoezj.js">
 <link rel="prefetch" as="style" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ncode-block.css-lvdc77tw.css">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/data-schema-drawer-f43ns7yc.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nselect.vue-b82y3hp8.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/data-schema-drawer-g4r9dxov.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nselect.vue-bf4xb338.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nswitch.vue-jbyu7ls8.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ndropdown.vue-cg6x359v.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ndropdown.vue-mbxpneft.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ncode-block.vue-bir2wz4z.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/client-gsjyqe32.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ndrawer.vue-kf6brslq.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ndrawer.vue-nnb36pzo.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/quicktype-core-o2aektoq.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/unocss-runtime-l2otbg6e.js">
 <link rel="prefetch" as="style" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-404.css-hufc5r2t.css">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-404-lbtsmapa.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-404-kntszln3.js">
 <link rel="prefetch" as="style" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-500.css-iibxggy2.css">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-500-gsoj47lx.js">
-<script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/ix8eg00v.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1741018202277,false]</script>
-<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"f1757882-74f4-4a1d-9a42-e8d347126f62",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-500-iz6gt2uy.js">
+<script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/lxfc7iq0.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1741155187912,false]</script>
+<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"0877ab63-6561-4611-afcd-21d29b2b84da",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.d.mts CHANGED Viewed

@@ -1,8 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import './shared/devtools-nightly.2e078e30.mjs';
+import './shared/devtools-nightly.427ec2e8.mjs';
 import { ModuleOptions } from '@nuxt/devtools-kit/types';
 export { ModuleOptions } from '@nuxt/devtools-kit/types';
-import 'vite-plugin-vue-inspector';
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;

package/dist/module.d.ts CHANGED Viewed

@@ -1,8 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import './shared/devtools-nightly.2e078e30.js';
+import './shared/devtools-nightly.427ec2e8.js';
 import { ModuleOptions } from '@nuxt/devtools-kit/types';
 export { ModuleOptions } from '@nuxt/devtools-kit/types';
-import 'vite-plugin-vue-inspector';
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;

package/dist/module.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools",
   "configKey": "devtools",
-  "version": "2.1.3-29016969.64b5139",
+  "version": "2.1.3-29019252.faa08d3",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "3.5.0"

package/dist/runtime/plugins/view/Main.vue CHANGED Viewed

@@ -254,7 +254,7 @@ const iframeStyle = computed(() => {
   const style: CSSProperties = {
     position: 'fixed',
     zIndex: -1,
-    pointerEvents: isDragging.value || !state.value.open ? 'none' : 'auto',
+    pointerEvents: (isDragging.value || !state.value.open || props.client.inspector?.isEnabled.value) ? 'none' : 'auto',
     width: `min(${state.value.width}vw, calc(100vw - ${marginHorizontal}px))`,
     height: `min(${state.value.height}vh, calc(100vh - ${marginVertical}px))`,
   }
@@ -303,6 +303,10 @@ const iframeStyle = computed(() => {
       break
   }
+  if (props.client.inspector?.isEnabled.value) {
+    style.opacity = 0
+  }
   return style
 })
@@ -324,6 +328,20 @@ const time = computed(() => {
   return [type, ...millisecondToHumanreadable(time)]
 })
+function toggleInspector() {
+  const isDevToolsOpen = state.value.open
+  if (!isDevToolsOpen)
+    props.client.devtools.open()
+  props.client.inspector?.enable()
+  if (!isDevToolsOpen) {
+    setTimeout(() => {
+      props.client.devtools.close()
+    }, 500)
+  }
+}
 onMounted(() => {
   bringUp()
 })
@@ -379,12 +397,12 @@ onMounted(() => {
           {{ time[2] }}
         </span>
       </div>
-      <template v-if="client.inspector?.instance">
+      <template v-if="client.inspector?.isAvailable">
         <div
           style="border-left: 1px solid #8883;width:1px;height:10px;"
           class="nuxt-devtools-panel-content"
         />
-        <button class="nuxt-devtools-icon-button nuxt-devtools-panel-content" title="Toggle Component Inspector" @click="client.inspector.toggle">
+        <button class="nuxt-devtools-icon-button nuxt-devtools-panel-content" title="Toggle Component Inspector" @click.prevent.stop="toggleInspector">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             style="height: 1.2em; width: 1.2em; opacity:0.5;"
@@ -398,7 +416,6 @@ onMounted(() => {
     </div>
     <div
-      v-show="!client.inspector?.isEnabled.value"
       ref="frameBox"
       :style="iframeStyle"
     >

package/dist/runtime/plugins/view/client.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { useAppConfig, useRuntimeConfig } from "#imports";
 import { setIframeServerContext } from "@vue/devtools-kit";
 import { createHooks } from "hookable";
 import { debounce } from "perfect-debounce";
+import { events as inspectorEvents, hasData as inspectorHasData, state as inspectorState } from "vite-plugin-vue-tracer/client/overlay";
 import { computed, createApp, h, markRaw, ref, shallowReactive, shallowRef, watch } from "vue";
 import { initTimelineMetrics } from "../../function-metrics-helpers.js";
 import Main from "./Main.vue";
@@ -14,7 +15,6 @@ export async function setupDevToolsClient({
   timeMetric,
   router
 }) {
-  const isInspecting = ref(false);
   const colorMode = useClientColorMode();
   const timeline = initTimelineMetrics();
   const client = shallowReactive({
@@ -138,47 +138,36 @@ export async function setupDevToolsClient({
       }, timeout);
     });
   }
-  function getInspector() {
-    return window.__NUXT_INSPECTOR__ || window.__VUE_INSPECTOR__;
-  }
-  function enableComponentInspector() {
-    getInspector()?.enable();
-    isInspecting.value = true;
-  }
-  function disableComponentInspector() {
-    if (!getInspector()?.enabled)
-      return;
-    getInspector()?.disable();
-    client?.hooks.callHook("host:inspector:close");
-    isInspecting.value = false;
-  }
   function getInspectorInstance() {
-    const componentInspector = getInspector();
-    if (componentInspector) {
-      componentInspector.openInEditor = async (url) => {
-        disableComponentInspector();
-        await client.hooks.callHook("host:inspector:click", url);
-      };
-      componentInspector.onUpdated = () => {
-        client.hooks.callHook("host:inspector:update", {
-          ...componentInspector.linkParams,
-          ...componentInspector.position
-        });
-      };
+    const isAvailable = ref(inspectorHasData());
+    inspectorEvents.on("disabled", () => {
+      inspectorState.isVisible = false;
+      client?.hooks.callHook("host:inspector:close");
+    });
+    inspectorEvents.on("enabled", () => {
+      inspectorState.isVisible = true;
+    });
+    inspectorEvents.on("click", async (info) => {
+      inspectorState.isEnabled = false;
+      await client.hooks.callHook("host:inspector:click", info.fullpath);
+    });
+    if (!isAvailable.value) {
+      inspectorEvents.on("hover", async () => {
+        isAvailable.value = inspectorHasData();
+      });
     }
     return markRaw({
-      isEnabled: isInspecting,
-      enable: enableComponentInspector,
-      disable: disableComponentInspector,
-      toggle: () => {
-        if (!state.value.open)
-          client.devtools.open();
-        if (getInspector()?.enabled)
-          disableComponentInspector();
-        else
-          enableComponentInspector();
+      isAvailable,
+      isEnabled: toRef(inspectorState, "isEnabled"),
+      enable: () => {
+        inspectorState.isEnabled = true;
+      },
+      disable: () => {
+        inspectorState.isEnabled = false;
       },
-      instance: componentInspector
+      toggle: () => {
+        inspectorState.isEnabled = !inspectorState.isEnabled;
+      }
     });
   }
   setupRouteTracking(timeline, router);

package/dist/shared/{devtools-nightly.2e078e30.d.mts → devtools-nightly.427ec2e8.d.mts} RENAMED Viewed

@@ -1,4 +1,3 @@
-import { VueInspectorClient } from 'vite-plugin-vue-inspector';
 import { NuxtDevtoolsIframeClient, NuxtDevtoolsHostClient, NuxtDevtoolsGlobal, PluginMetric, TimelineMetrics, LoadingTimeMetric } from '@nuxt/devtools-kit/types';
 declare global {
@@ -48,14 +47,6 @@ declare global {
          * @internal
          */
         __NUXT_DEVTOOLS_IS_POPUP__?: boolean;
-        /**
-         * Vue Inspector client
-         */
-        __VUE_INSPECTOR__?: VueInspectorClient;
-        /**
-         * Vue Inspector client
-         */
-        __NUXT_INSPECTOR__?: VueInspectorClient;
         /**
          * Experimental API: Picture-in-Picture mode
          *

package/dist/shared/{devtools-nightly.2e078e30.d.ts → devtools-nightly.427ec2e8.d.ts} RENAMED Viewed

@@ -1,4 +1,3 @@
-import { VueInspectorClient } from 'vite-plugin-vue-inspector';
 import { NuxtDevtoolsIframeClient, NuxtDevtoolsHostClient, NuxtDevtoolsGlobal, PluginMetric, TimelineMetrics, LoadingTimeMetric } from '@nuxt/devtools-kit/types';
 declare global {
@@ -48,14 +47,6 @@ declare global {
          * @internal
          */
         __NUXT_DEVTOOLS_IS_POPUP__?: boolean;
-        /**
-         * Vue Inspector client
-         */
-        __VUE_INSPECTOR__?: VueInspectorClient;
-        /**
-         * Vue Inspector client
-         */
-        __NUXT_INSPECTOR__?: VueInspectorClient;
         /**
          * Experimental API: Picture-in-Picture mode
          *

package/dist/types.d.mts CHANGED Viewed

@@ -1,7 +1,6 @@
-import './shared/devtools-nightly.2e078e30.mjs';
+import './shared/devtools-nightly.427ec2e8.mjs';
 import { ModuleStaticInfo } from '@nuxt/devtools-kit/types';
 export * from '@nuxt/devtools-kit/types';
-import 'vite-plugin-vue-inspector';
 interface SocialPreviewResolved {
     url?: string;

package/dist/types.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
-import './shared/devtools-nightly.2e078e30.js';
+import './shared/devtools-nightly.427ec2e8.js';
 import { ModuleStaticInfo } from '@nuxt/devtools-kit/types';
 export * from '@nuxt/devtools-kit/types';
-import 'vite-plugin-vue-inspector';
 interface SocialPreviewResolved {
     url?: string;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-nightly",
   "type": "module",
-  "version": "2.1.3-29016969.64b5139",
+  "version": "2.1.3-29019252.faa08d3",
   "description": "The Nuxt DevTools gives you insights and transparency about your Nuxt App.",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com",
@@ -32,8 +32,8 @@
     "vite": ">=6.0"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@2.1.3-29016969.64b5139",
-    "@nuxt/devtools-wizard": "npm:@nuxt/devtools-wizard-nightly@2.1.3-29016969.64b5139",
+    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@2.1.3-29019252.faa08d3",
+    "@nuxt/devtools-wizard": "npm:@nuxt/devtools-wizard-nightly@2.1.3-29019252.faa08d3",
     "@nuxt/kit": "^3.15.4",
     "@vue/devtools-core": "^7.7.2",
     "@vue/devtools-kit": "^7.7.2",
@@ -61,7 +61,7 @@
     "structured-clone-es": "^1.0.0",
     "tinyglobby": "^0.2.12",
     "vite-plugin-inspect": "^11.0.0",
-    "vite-plugin-vue-inspector": "^5.3.1",
+    "vite-plugin-vue-tracer": "^0.1.0",
     "which": "^5.0.0",
     "ws": "^8.18.1"
   },
@@ -76,7 +76,7 @@
     "@iconify-json/simple-icons": "^1.2.27",
     "@iconify-json/tabler": "^1.2.16",
     "@nuxt/content": "^3.2.2",
-    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.1.3-29016969.64b5139",
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.1.3-29019252.faa08d3",
     "@nuxt/test-utils": "^3.17.1",
     "@parcel/watcher": "^2.5.1",
     "@shikijs/langs-precompiled": "^3.1.0",

package/dist/chunks/vue-inspector.mjs DELETED Viewed

@@ -1,15 +0,0 @@
-import { addVitePlugin } from '@nuxt/kit';
-import VueInspector from 'vite-plugin-vue-inspector';
-function setup({ nuxt, options }) {
-  if (!nuxt.options.dev || nuxt.options.test)
-    return;
-  addVitePlugin(VueInspector({
-    toggleComboKey: "",
-    ...typeof options.componentInspector === "boolean" ? {} : options.componentInspector,
-    appendTo: /\/entry\.m?js$/,
-    toggleButtonVisibility: "never"
-  }));
-}
-export { setup };

package/dist/client/_nuxt/__blank-dudv6g9d.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{p as e,P as n,a1 as t}from"./vendor/json-editor-vue-llkaejaf.js";const a={"h-screen":"","w-screen":"","bg-black":""},r=e({__name:"__blank",setup(c){return(o,s)=>(t(),n("div",a))}});export{r as default};

package/dist/client/_nuxt/builds/meta/f1757882-74f4-4a1d-9a42-e8d347126f62.json DELETED Viewed

	@@ -1 +0,0 @@
1	- {"id":"f1757882-74f4-4a1d-9a42-e8d347126f62","timestamp":1741018168621,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}