docs: add README for VSCode extension (#3390)

* add README

* ops: publish to open vsx

---------

Co-authored-by: Gabe Ruttner <gabriel.ruttner@gmail.com>

Author: abelanger5

.github/workflows/openvsx-release.yml

@@ -0,0 +1,68 @@
+name: Open VSX Extension Release
+
+on:
+  push:
+    tags:
+      - "vscode/v*"
+
+permissions:
+  contents: read
+
+jobs:
+  release:
+    name: Package and Publish to Open VSX
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+          run_install: false
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Cache pnpm store
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('frontend/vscode-extension/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        working-directory: frontend/vscode-extension
+        run: pnpm install --frozen-lockfile
+
+      - name: Build VS Code extension
+        working-directory: frontend/vscode-extension
+        run: pnpm build:prod
+
+      - name: Set publisher to hatchet-dev for Open VSX
+        working-directory: frontend/vscode-extension
+        run: jq '.publisher = "hatchet-dev"' package.json > tmp.json && mv tmp.json package.json
+
+      - name: Extract version from tag
+        id: version
+        run: echo "VERSION=${GITHUB_REF_NAME#vscode/v}" >> $GITHUB_OUTPUT
+
+      - name: Package extension
+        working-directory: frontend/vscode-extension
+        run: pnpm package --out hatchet-${{ steps.version.outputs.VERSION }}.vsix
+
+      - name: Install ovsx
+        run: npm install -g ovsx
+
+      - name: Publish to Open VSX Registry
+        working-directory: frontend/vscode-extension
+        run: ovsx publish hatchet-${{ steps.version.outputs.VERSION }}.vsix -p ${{ secrets.OPEN_VSX_REGISTRY_TOKEN }}

frontend/vscode-extension/README.md

@@ -0,0 +1,17 @@
+# Hatchet VSCode Extension
+
+This is an extension for [Hatchet](https://github.com/hatchet-dev/hatchet) which allows visualization of Hatchet [DAGs](https://docs.hatchet.run/v1/patterns/directed-acyclic-graphs). This works with Hatchet's Python, Typescript, Go and Ruby SDKs.
+
+## Usage
+
+After installation, each Hatchet DAG definition will show a button `Show Hatchet DAG`:
+
+![VSCode Button](./assets/vscode_button.png)
+
+This will then open a webview showing the DAG definition. As you update your definition, the webview will automatically stay up to date:
+
+![Webview](./assets/vscode_dag.png)
+
+## Reporting issues
+
+You can report issues in our [Github issues](https://github.com/hatchet-dev/hatchet/issues).