feat: vs code readme images (#3392)

* fix: absolute image path

* feat: auto release and bump version

Author: grutt

.github/workflows/openvsx-release.yml

@@ -2,8 +2,10 @@ name: Open VSX Extension Release
 
 on:
   push:
-    tags:
-      - "vscode/v*"
+    branches:
+      - main
+    paths:
+      - 'frontend/vscode-extension/package.json'
 
 permissions:
   contents: read
@@ -52,9 +54,10 @@ jobs:
         working-directory: frontend/vscode-extension
         run: jq '.publisher = "hatchet-dev"' package.json > tmp.json && mv tmp.json package.json
 
-      - name: Extract version from tag
+      - name: Extract version from package.json
         id: version
-        run: echo "VERSION=${GITHUB_REF_NAME#vscode/v}" >> $GITHUB_OUTPUT
+        working-directory: frontend/vscode-extension
+        run: echo "VERSION=$(jq -r .version package.json)" >> $GITHUB_OUTPUT
 
       - name: Package extension
         working-directory: frontend/vscode-extension

.github/workflows/vscode-release.yml

@@ -2,8 +2,10 @@ name: VS Code Extension Release
 
 on:
   push:
-    tags:
-      - 'vscode/v*'
+    branches:
+      - main
+    paths:
+      - 'frontend/vscode-extension/package.json'
 
 permissions:
   contents: write
@@ -48,9 +50,10 @@ jobs:
         working-directory: frontend/vscode-extension
         run: pnpm build:prod
 
-      - name: Extract version from tag
+      - name: Extract version from package.json
         id: version
-        run: echo "VERSION=${GITHUB_REF_NAME#vscode/v}" >> $GITHUB_OUTPUT
+        working-directory: frontend/vscode-extension
+        run: echo "VERSION=$(jq -r .version package.json)" >> $GITHUB_OUTPUT
 
       - name: Package extension
         working-directory: frontend/vscode-extension
@@ -65,6 +68,7 @@ jobs:
       - name: Upload .vsix as release artifact
         uses: softprops/action-gh-release@v2
         with:
+          tag_name: vscode/v${{ steps.version.outputs.VERSION }}
           files: frontend/vscode-extension/hatchet-${{ steps.version.outputs.VERSION }}.vsix
           name: Hatchet VS Code Extension v${{ steps.version.outputs.VERSION }}
           body: |

frontend/vscode-extension/README.md

@@ -6,11 +6,11 @@ This is an extension for [Hatchet](https://github.com/hatchet-dev/hatchet) which
 
 After installation, each Hatchet DAG definition will show a button `Show Hatchet DAG`:
 
-![VSCode Button](./assets/vscode_button.png)
+![VSCode Button](https://raw.githubusercontent.com/hatchet-dev/hatchet/main/frontend/vscode-extension/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)
+![Webview](https://raw.githubusercontent.com/hatchet-dev/hatchet/main/frontend/vscode-extension/assets/vscode_dag.png)
 
 ## Reporting issues
 

frontend/vscode-extension/package.json

@@ -2,7 +2,7 @@
   "name": "hatchet",
   "displayName": "Hatchet",
   "description": "Visualize Hatchet workflow DAGs inline in your editor",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "publisher": "hatchet",
   "license": "MIT",
   "repository": {