package.json

{
  "name": "react-query-visualizer",
  "version": "0.0.4",
  "description": "VS Code extension for TanStack Query (React Query): visualize query keys, cache invalidation/refetch flows, and file impact graph",
  "homepage": "https://github.com/fe-dudu/react-query-visualizer#readme",
  "bugs": {
    "url": "https://github.com/fe-dudu/react-query-visualizer/issues"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/fe-dudu/react-query-visualizer.git"
  },
  "license": "MIT",
  "packageManager": "pnpm@10.29.3",
  "main": "./dist/extension.js",
  "scripts": {
    "build": "pnpm run clean && pnpm run build:extension && pnpm run build:webview",
    "build:extension": "esbuild src/extension.ts --bundle --platform=node --format=cjs --target=node24 --external:vscode --outfile=dist/extension.js --sourcemap",
    "build:webview": "pnpm run build:webview:styles && pnpm run build:webview:bundle",
    "build:webview:bundle": "esbuild src/webview/index.tsx --bundle --format=iife --platform=browser --target=es2020 --outfile=dist/webview.js",
    "build:webview:styles": "tailwindcss -i src/webview/styles.css -o dist/webview.css --minify",
    "changeset": "changeset",
    "check": "pnpm run build",
    "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
    "format": "biome check --write --unsafe",
    "lint": "biome lint .",
    "package:vsix": "pnpm run build && pnpm exec vsce package --no-dependencies",
    "postinstall": "packlint sort -R && pnpm format",
    "prepare": "husky",
    "release:marketplaces": "pnpm run build && pnpm run release:vsce && pnpm run release:ovsx",
    "release:ovsx": "pnpm dlx ovsx publish --no-dependencies --skip-duplicate",
    "release:vsce": "pnpm exec vsce publish --no-dependencies --skip-duplicate",
    "test": "node scripts/runTests.mjs",
    "type-check": "tsc --noEmit",
    "version:changeset": "changeset version",
    "watch:webview": "pnpm run build:webview:bundle -- --watch"
  },
  "dependencies": {
    "@babel/parser": "^7.29.0",
    "@babel/traverse": "^7.29.0",
    "@xyflow/react": "^12.10.0",
    "dagre": "^0.8.5",
    "fast-glob": "^3.3.3",
    "react": "^19.2.4",
    "react-dom": "^19.2.4"
  },
  "devDependencies": {
    "@biomejs/biome": "^2.3.15",
    "@changesets/changelog-github": "^0.5.2",
    "@changesets/cli": "^2.29.8",
    "@commitlint/cli": "^20.4.1",
    "@commitlint/config-conventional": "^20.4.1",
    "@tailwindcss/cli": "^4.1.18",
    "@types/babel__traverse": "^7.28.0",
    "@types/dagre": "^0.7.53",
    "@types/node": "^25.2.3",
    "@types/react": "^19.2.14",
    "@types/react-dom": "^19.2.3",
    "@types/vscode": "1.74.0",
    "@vscode/vsce": "^3.7.1",
    "esbuild": "^0.27.3",
    "husky": "^9.1.7",
    "lint-staged": "^16.2.7",
    "packlint": "^0.2.4",
    "tailwindcss": "^4.1.18",
    "typescript": "^5.9.3"
  },
  "engines": {
    "vscode": "^1.74.0"
  },
  "activationEvents": [
    "onCommand:rqv.openGraphPanel",
    "onCommand:rqv.focusActivity",
    "onCommand:rqv.scanNow",
    "onCommand:rqv.scanWithScope",
    "onCommand:rqv.revealInCode",
    "onView:rqv.activityView"
  ],
  "categories": [
    "Visualization",
    "Other"
  ],
  "contributes": {
    "viewsContainers": {
      "activitybar": [
        {
          "id": "rqvContainer",
          "title": "React Query Visualizer",
          "icon": "media/rqv-activity.svg"
        }
      ]
    },
    "views": {
      "rqvContainer": [
        {
          "id": "rqv.activityView",
          "name": "React Query Visualizer",
          "visibility": "visible"
        }
      ]
    },
    "viewsWelcome": [
      {
        "view": "rqv.activityView",
        "contents": "Run a scan to populate the React Query graph.\n\n[Scan Now](command:rqv.scanNow)\n[Scan With Scope](command:rqv.scanWithScope)\n[Open Graph Panel](command:rqv.openGraphPanel)"
      }
    ],
    "menus": {
      "view/title": [
        {
          "command": "rqv.scanNow",
          "when": "view == rqv.activityView",
          "group": "navigation@1"
        },
        {
          "command": "rqv.scanWithScope",
          "when": "view == rqv.activityView",
          "group": "navigation@2"
        },
        {
          "command": "rqv.openGraphPanel",
          "when": "view == rqv.activityView",
          "group": "navigation@3"
        }
      ]
    },
    "commands": [
      {
        "command": "rqv.focusActivity",
        "title": "React Query Visualizer: Focus Activity View"
      },
      {
        "command": "rqv.openGraphPanel",
        "title": "React Query Visualizer: Open Graph Panel"
      },
      {
        "command": "rqv.scanNow",
        "title": "React Query Visualizer: Scan Now"
      },
      {
        "command": "rqv.scanWithScope",
        "title": "React Query Visualizer: Scan With Scope"
      },
      {
        "command": "rqv.revealInCode",
        "title": "React Query Visualizer: Reveal In Code"
      }
    ],
    "configuration": {
      "title": "React Query Visualizer",
      "properties": {
        "rqv.scope.folders": {
          "type": "array",
          "items": {
            "type": "string"
          },
          "default": [],
          "description": "Relative folder paths to scan. Empty means workspace root."
        },
        "rqv.scope.include": {
          "type": "string",
          "default": "**/*.{ts,tsx,js,jsx,mts,cts,mjs,cjs}",
          "description": "Comma-separated include glob patterns."
        },
        "rqv.scope.exclude": {
          "type": "string",
          "default": "**/{node_modules,dist,build,.next,coverage,.expo,.expo-shared,.turbo,.yarn,android,ios,Pods}/**",
          "description": "Comma-separated exclude glob patterns."
        },
        "rqv.scan.maxFileSizeKB": {
          "type": "number",
          "default": 512,
          "minimum": 16,
          "description": "Maximum file size in KB to parse."
        },
        "rqv.scan.useGitIgnore": {
          "type": "boolean",
          "default": true,
          "description": "Honor .gitignore while collecting files."
        },
        "rqv.graph.renderer": {
          "type": "string",
          "default": "react-flow",
          "enum": [
            "react-flow"
          ],
          "description": "Graph renderer."
        },
        "rqv.graph.direction": {
          "type": "string",
          "default": "LR",
          "enum": [
            "LR"
          ],
          "description": "Graph direction."
        },
        "rqv.graph.layoutEngine": {
          "type": "string",
          "default": "dagre",
          "enum": [
            "dagre"
          ],
          "description": "Layout engine."
        },
        "rqv.graph.verticalSpacing": {
          "type": "number",
          "default": 30,
          "minimum": 0,
          "maximum": 300,
          "description": "Vertical spacing for layout."
        },
        "rqv.graph.horizontalSpacing": {
          "type": "number",
          "default": 500,
          "minimum": 100,
          "description": "Horizontal spacing for layout."
        }
      }
    }
  },
  "displayName": "React Query Visualizer",
  "extensionKind": [
    "workspace"
  ],
  "icon": "media/icon.png",
  "publisher": "fe-dudu"
}