@presto1314w/vite-devtools-browser 0.3.2 → 0.3.5

package/dist/vue/devtools.js

@@ -3,7 +3,7 @@
  *
  * Uses @vue/devtools-kit to access Vue component tree and state
  */
-export function formatComponentTree(apps) {
+export function formatComponentTree(apps, maxDepth = 50) {
     if (apps.length === 0)
         return "No Vue apps found";
     const output = [];
@@ -23,11 +23,17 @@ export function formatComponentTree(apps) {
                 return;
             if (seen.has(instance))
                 return;
+            if (depth > maxDepth) {
+                output.push(`${"  ".repeat(depth)}[max depth reached]`);
+                return;
+            }
             seen.add(instance);
             const indent = "  ".repeat(depth);
             const name = instance.type?.name || instance.type?.__name || "Anonymous";
             const uid = instance.uid ?? "?";
-            output.push(`${indent}[${uid}] ${name}`);
+            const file = instance.type?.__file;
+            const fileSuffix = file ? ` [${file}]` : "";
+            output.push(`${indent}[${uid}] ${name}${fileSuffix}`);
             const subTree = instance.subTree;
             if (subTree?.component)
                 visit(subTree.component, depth + 1);
@@ -169,6 +175,7 @@ export function formatPiniaStores(pinia, storeName, piniaFromWindow = true) {
         getterNames.push(...Array.from(rawGetters).map(String));
     else if (rawGetters && typeof rawGetters === "object")
         getterNames.push(...Object.keys(rawGetters));
+    const getterSet = new Set(getterNames);
     if (getterNames.length > 0) {
         output.push("## Getters");
         for (const key of getterNames) {
@@ -181,6 +188,24 @@ export function formatPiniaStores(pinia, storeName, piniaFromWindow = true) {
         }
         output.push("");
     }
+    // List actions (own functions on the store, excluding $ prefixed internals)
+    const actionNames = [];
+    if (store && typeof store === "object") {
+        for (const key of Object.keys(store)) {
+            if (key.startsWith("$") || key.startsWith("_"))
+                continue;
+            if (typeof store[key] === "function" && !getterSet.has(key)) {
+                actionNames.push(key);
+            }
+        }
+    }
+    if (actionNames.length > 0) {
+        output.push("## Actions");
+        for (const key of actionNames) {
+            output.push(`  ${key}()`);
+        }
+        output.push("");
+    }
     return output.join("\n");
 }
 export function formatRouterInfo(actualRouter) {
@@ -199,6 +224,16 @@ export function formatRouterInfo(actualRouter) {
         if (currentRoute.query && Object.keys(currentRoute.query).length > 0) {
             output.push(`  Query: ${JSON.stringify(currentRoute.query)}`);
         }
+        if (currentRoute.hash) {
+            output.push(`  Hash: ${currentRoute.hash}`);
+        }
+        if (currentRoute.meta && Object.keys(currentRoute.meta).length > 0) {
+            output.push(`  Meta: ${JSON.stringify(currentRoute.meta)}`);
+        }
+        const matched = currentRoute.matched;
+        if (Array.isArray(matched) && matched.length > 1) {
+            output.push(`  Matched: ${matched.map((r) => r.path || r.name).join(" > ")}`);
+        }
         output.push("");
     }
     const routes = actualRouter.getRoutes?.() || actualRouter.options?.routes || [];
@@ -206,7 +241,10 @@ export function formatRouterInfo(actualRouter) {
         output.push("## All Routes");
         routes.forEach((route) => {
             const routeName = route.name ? ` (${route.name})` : "";
-            output.push(`  ${route.path}${routeName}`);
+            const meta = route.meta && Object.keys(route.meta).length > 0
+                ? ` meta=${JSON.stringify(route.meta)}`
+                : "";
+            output.push(`  ${route.path}${routeName}${meta}`);
         });
     }
     return output.join("\n");

package/package.json

@@ -1,65 +1,69 @@
-{
-  "name": "@presto1314w/vite-devtools-browser",
-  "version": "0.3.2",
-  "description": "Runtime diagnostics CLI for Vite apps with event-stream correlation, HMR diagnosis, framework inspection, and mapped errors",
-  "license": "MIT",
-  "keywords": [
-    "vite",
-    "devtools",
-    "debugging",
-    "runtime-diagnostics",
-    "hmr",
-    "module-graph",
-    "sourcemap",
-    "vue",
-    "react",
-    "svelte",
-    "cli",
-    "ai-agents"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/MapleCity1314/vite-browser.git"
-  },
-  "homepage": "https://github.com/MapleCity1314/vite-browser#readme",
-  "bugs": {
-    "url": "https://github.com/MapleCity1314/vite-browser/issues"
-  },
-  "type": "module",
-  "engines": {
-    "node": ">=20"
-  },
-  "files": [
-    "dist"
-  ],
-  "bin": {
-    "vite-browser": "dist/cli.js"
-  },
-  "scripts": {
-    "start": "node --import tsx src/cli.ts",
-    "dev": "tsx src/cli.ts",
-    "typecheck": "tsc --noEmit",
-    "build": "tsc -p tsconfig.build.json",
-    "prepack": "pnpm build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "test:evals": "vitest run --dir test/evals",
-    "test:evals:ci": "vitest run --dir test/evals --coverage --reporter=default",
-    "test:evals:e2e": "pnpm build && vitest run --config vitest.e2e.config.ts"
-  },
-  "dependencies": {
-    "playwright": "^1.50.0",
-    "source-map-js": "^1.2.1"
-  },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vue/devtools-kit": "^7.3.2",
-    "@vue/devtools-api": "^7.3.2",
-    "tsx": "^4.20.6",
-    "typescript": "^5.7.0",
-    "vitest": "^4.0.16"
-  },
-  "packageManager": "pnpm@10.29.2"
-}
+{
+  "name": "@presto1314w/vite-devtools-browser",
+  "version": "0.3.5",
+  "description": "Runtime diagnostics CLI for Vite apps with event-stream correlation, HMR diagnosis, framework inspection, and mapped errors",
+  "license": "MIT",
+  "keywords": [
+    "vite",
+    "devtools",
+    "debugging",
+    "runtime-diagnostics",
+    "hmr",
+    "module-graph",
+    "sourcemap",
+    "vue",
+    "react",
+    "svelte",
+    "cli",
+    "ai-agents"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MapleCity1314/vite-browser.git"
+  },
+  "homepage": "https://github.com/MapleCity1314/vite-browser#readme",
+  "bugs": {
+    "url": "https://github.com/MapleCity1314/vite-browser/issues"
+  },
+  "type": "module",
+  "engines": {
+    "node": ">=20"
+  },
+  "files": [
+    "dist"
+  ],
+  "bin": {
+    "vite-browser": "dist/cli.js"
+  },
+  "scripts": {
+    "start": "node --import tsx src/cli.ts",
+    "dev": "tsx src/cli.ts",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "typecheck": "tsc --noEmit",
+    "build": "tsc -p tsconfig.build.json",
+    "prepack": "pnpm build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:evals": "vitest run --dir test/evals",
+    "test:evals:ci": "vitest run --dir test/evals --coverage --reporter=default",
+    "test:evals:e2e": "pnpm build && vitest run --config vitest.e2e.config.ts"
+  },
+  "dependencies": {
+    "playwright": "^1.50.0",
+    "source-map-js": "^1.2.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@vue/devtools-api": "^7.3.2",
+    "@vue/devtools-kit": "^7.3.2",
+    "tsx": "^4.20.6",
+    "typescript": "^5.7.0",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.0.16"
+  },
+  "packageManager": "pnpm@10.29.2"
+}