@nuxt/devtools 0.0.1 → 0.1.1

package/dist/chunks/vite-inspect.mjs

@@ -0,0 +1,49 @@
+import { addVitePlugin } from '@nuxt/kit';
+import Inspect from 'vite-plugin-inspect';
+
+async function setup(nuxt, _functions) {
+  const plugin = Inspect();
+  addVitePlugin(plugin);
+  let api;
+  nuxt.hook("vite:serverCreated", () => {
+    api = plugin.api;
+  });
+  nuxt.hook("devtools:customTabs", (tabs) => {
+    tabs.push({
+      name: "builtin-vite-inspect",
+      title: "Inspect",
+      icon: "carbon-search",
+      view: {
+        type: "iframe",
+        src: `${nuxt.options.app.baseURL}/_nuxt/__inspect/`.replace(/\/\//g, "/")
+      }
+    });
+  });
+  async function getComponentsRelationships() {
+    const modules = (await api?.rpc.list())?.modules || [];
+    const vueModules = modules.filter((i) => i.id.match(/\.vue($|\?v=)/));
+    const graph = vueModules.map((i) => {
+      function searchForVueDeps(id, seen = /* @__PURE__ */ new Set()) {
+        if (seen.has(id))
+          return [];
+        seen.add(id);
+        const module = modules.find((m) => m.id === id);
+        if (!module)
+          return [];
+        return module.deps.flatMap((i2) => {
+          if (vueModules.find((m) => m.id === i2))
+            return [i2];
+          return searchForVueDeps(i2, seen);
+        });
+      }
+      return {
+        id: i.id,
+        deps: searchForVueDeps(i.id)
+      };
+    });
+    return graph;
+  }
+  _functions.getComponentsRelationships = getComponentsRelationships;
+}
+
+export { setup };