Skip to content

Commit 45fe073

Browse files
committed
chore: add Open VSX auto-publish and improve extension metadata copy
1 parent 9858133 commit 45fe073

4 files changed

Lines changed: 27 additions & 10 deletions

File tree

.changeset/shaky-goats-clean.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"react-query-visualizer": patch
3+
---
4+
5+
chore: add Open VSX auto-publish and improve extension metadata copy

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

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
name: Release VS Code Extension
1+
name: Release Extension Marketplaces
22

33
on:
44
push:
@@ -11,7 +11,7 @@ permissions:
1111
pull-requests: write
1212

1313
concurrency:
14-
group: release-vscode-extension
14+
group: release-extension-marketplaces
1515
cancel-in-progress: false
1616

1717
jobs:
@@ -31,9 +31,10 @@ jobs:
3131
uses: changesets/action@v1
3232
with:
3333
version: pnpm changeset version
34-
publish: pnpm run release:vsce
34+
publish: pnpm run release:marketplaces
3535
commit: 'chore: version packages'
3636
title: 'chore: version packages'
3737
env:
3838
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
3939
VSCE_PAT: ${{ secrets.AZURE_ACCESS_TOKEN }}
40+
OVSX_PAT: ${{ secrets.OVSX_ACCESS_TOKEN }}

README.md

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
# React Query Visualizer
22

3-
Visualize React Query state flow in VS Code using static source analysis.
3+
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.
4+
5+
Useful for searches like React Query visualizer, TanStack Query debugger, React Query dependency graph, invalidateQueries tracker, and React Query VS Code extension.
46

57
[![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)
68
[![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.
1012

1113
This project is open source: [https://github.com/fe-dudu/react-query-visualizer](https://github.com/fe-dudu/react-query-visualizer)
1214

15+
If this extension saves you debugging time, please [Star ⭐ this repo on GitHub](https://github.com/fe-dudu/react-query-visualizer)
16+
1317
If this tool helps you, please star the repository and contribute improvements through issues and pull requests.
1418

1519
## What It Does
@@ -142,18 +146,20 @@ pnpm run package:vsix
142146

143147
## Release Automation
144148

145-
VS Code Marketplace publish is automated with GitHub Actions:
149+
Extension publish is automated with GitHub Actions for both marketplaces:
146150

147151
- Workflow file: `.github/workflows/publish-vscode-extension.yml`
148152
- Trigger: push to `main` or manual run (`workflow_dispatch`)
149153
- Release strategy: Changesets (`.changeset/*`)
150-
- Secret: `AZURE_ACCESS_TOKEN` (used as `VSCE_PAT`)
154+
- Secrets:
155+
- `AZURE_ACCESS_TOKEN` (used as `VSCE_PAT` for VS Code Marketplace)
156+
- `OVSX_ACCESS_TOKEN` (used as `OVSX_PAT` for Open VSX)
151157

152158
Typical release flow:
153159

154160
1. Add a changeset in your feature PR (`pnpm changeset`)
155161
2. Merge PR to `main` (workflow creates/updates a version PR)
156-
3. Merge version PR (workflow publishes to VS Code Marketplace)
162+
3. Merge version PR (workflow publishes to VS Code Marketplace and Open VSX)
157163

158164
## Contributing
159165

package.json

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "react-query-visualizer",
33
"version": "0.0.2",
4-
"description": "Interactive VS Code graph for React Query flows: trace query declarations, cache actions, and impacted files",
4+
"description": "VS Code extension for TanStack Query (React Query): visualize query keys, cache invalidation/refetch flows, and file impact graph",
55
"homepage": "https://github.com/fe-dudu/react-query-visualizer#readme",
66
"bugs": {
77
"url": "https://github.com/fe-dudu/react-query-visualizer/issues"
@@ -24,10 +24,12 @@
2424
"clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
2525
"format": "biome check --write --unsafe",
2626
"lint": "biome lint .",
27-
"package:vsix": "pnpm run build && pnpm exec vsce package --no-dependencies --allow-missing-repository",
27+
"package:vsix": "pnpm run build && pnpm exec vsce package --no-dependencies",
2828
"postinstall": "packlint sort -R && pnpm format",
2929
"prepare": "husky",
30-
"release:vsce": "pnpm run build && pnpm exec vsce publish --no-dependencies --allow-missing-repository --skip-duplicate",
30+
"release:marketplaces": "pnpm run build && pnpm run release:vsce && pnpm run release:ovsx",
31+
"release:ovsx": "pnpm dlx ovsx publish --no-dependencies --skip-duplicate",
32+
"release:vsce": "pnpm exec vsce publish --no-dependencies --skip-duplicate",
3133
"type-check": "tsc --noEmit",
3234
"version:changeset": "changeset version",
3335
"watch:webview": "pnpm run build:webview:bundle -- --watch"
@@ -216,6 +218,9 @@
216218
}
217219
},
218220
"displayName": "React Query Visualizer",
221+
"extensionKind": [
222+
"workspace"
223+
],
219224
"icon": "media/icon.png",
220225
"publisher": "fe-dudu"
221226
}

0 commit comments

Comments
 (0)