chore: add Open VSX auto-publish and improve extension metadata copy

Author: fe-dudu

.changeset/shaky-goats-clean.md

@@ -0,0 +1,5 @@
+---
+"react-query-visualizer": patch
+---
+
+chore: add Open VSX auto-publish and improve extension metadata copy

.github/workflows/publish-vscode-extension.yml

@@ -1,4 +1,4 @@
-name: Release VS Code Extension
+name: Release Extension Marketplaces
 
 on:
   push:
@@ -11,7 +11,7 @@ permissions:
   pull-requests: write
 
 concurrency:
-  group: release-vscode-extension
+  group: release-extension-marketplaces
   cancel-in-progress: false
 
 jobs:
@@ -31,9 +31,10 @@ jobs:
         uses: changesets/action@v1
         with:
           version: pnpm changeset version
-          publish: pnpm run release:vsce
+          publish: pnpm run release:marketplaces
           commit: 'chore: version packages'
           title: 'chore: version packages'
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           VSCE_PAT: ${{ secrets.AZURE_ACCESS_TOKEN }}
+          OVSX_PAT: ${{ secrets.OVSX_ACCESS_TOKEN }}

README.md

@@ -1,6 +1,8 @@
 # React Query Visualizer
 
-Visualize React Query state flow in VS Code using static source analysis.
+React Query Visualizer is a VS Code extension for TanStack Query (React Query) that helps you debug query keys, cache invalidation/refetch flows, and impacted files with static source analysis.
+
+Useful for searches like React Query visualizer, TanStack Query debugger, React Query dependency graph, invalidateQueries tracker, and React Query VS Code extension.
 
 [![VS Marketplace](https://img.shields.io/vscode-marketplace/v/fe-dudu.react-query-visualizer?label=VS%20Marketplace)](https://marketplace.visualstudio.com/items?itemName=fe-dudu.react-query-visualizer)
 [![Open VSX](https://img.shields.io/open-vsx/v/fe-dudu/react-query-visualizer)](https://open-vsx.org/extension/fe-dudu/react-query-visualizer)
@@ -10,6 +12,8 @@ Visualize React Query state flow in VS Code using static source analysis.
 
 This project is open source: [https://github.com/fe-dudu/react-query-visualizer](https://github.com/fe-dudu/react-query-visualizer)
 
+If this extension saves you debugging time, please [Star ⭐ this repo on GitHub](https://github.com/fe-dudu/react-query-visualizer)
+
 If this tool helps you, please star the repository and contribute improvements through issues and pull requests.
 
 ## What It Does
@@ -142,18 +146,20 @@ pnpm run package:vsix
 
 ## Release Automation
 
-VS Code Marketplace publish is automated with GitHub Actions:
+Extension publish is automated with GitHub Actions for both marketplaces:
 
 - Workflow file: `.github/workflows/publish-vscode-extension.yml`
 - Trigger: push to `main` or manual run (`workflow_dispatch`)
 - Release strategy: Changesets (`.changeset/*`)
-- Secret: `AZURE_ACCESS_TOKEN` (used as `VSCE_PAT`)
+- Secrets:
+  - `AZURE_ACCESS_TOKEN` (used as `VSCE_PAT` for VS Code Marketplace)
+  - `OVSX_ACCESS_TOKEN` (used as `OVSX_PAT` for Open VSX)
 
 Typical release flow:
 
 1. Add a changeset in your feature PR (`pnpm changeset`)
 2. Merge PR to `main` (workflow creates/updates a version PR)
-3. Merge version PR (workflow publishes to VS Code Marketplace)
+3. Merge version PR (workflow publishes to VS Code Marketplace and Open VSX)
 
 ## Contributing
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-query-visualizer",
   "version": "0.0.2",
-  "description": "Interactive VS Code graph for React Query flows: trace query declarations, cache actions, and impacted files",
+  "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"
@@ -24,10 +24,12 @@
     "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 --allow-missing-repository",
+    "package:vsix": "pnpm run build && pnpm exec vsce package --no-dependencies",
     "postinstall": "packlint sort -R && pnpm format",
     "prepare": "husky",
-    "release:vsce": "pnpm run build && pnpm exec vsce publish --no-dependencies --allow-missing-repository --skip-duplicate",
+    "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",
     "type-check": "tsc --noEmit",
     "version:changeset": "changeset version",
     "watch:webview": "pnpm run build:webview:bundle -- --watch"
@@ -216,6 +218,9 @@
     }
   },
   "displayName": "React Query Visualizer",
+  "extensionKind": [
+    "workspace"
+  ],
   "icon": "media/icon.png",
   "publisher": "fe-dudu"
 }