Feature/homescreen webview

.github/workflows/build-vsix.yml

@@ -0,0 +1,95 @@
+name: Build VSIX
+
+on:
+  pull_request:
+    branches:
+      - main
+    types: [opened, synchronize, reopened]
+
+jobs:
+  build-vsix:
+    name: Build installable VSIX
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run linting
+        run: npm run lint
+
+      - name: Sanitize branch name
+        id: branch
+        run: echo "name=$(echo '${{ github.head_ref }}' | tr '/' '-')" >> "$GITHUB_OUTPUT"
+
+      - name: Stamp pre-release version
+        run: |
+          BASE=$(node -p "require('./package.json').version")
+          jq ".version = \"${BASE}-pr.${{ github.event.pull_request.number }}\"" package.json > package.tmp.json
+          mv package.tmp.json package.json
+
+      - name: Package extension
+        run: npx @vscode/vsce package --no-dependencies -o cloudinary-${{ steps.branch.outputs.name }}.vsix
+
+      - name: Upload VSIX artifact
+        id: upload
+        uses: actions/upload-artifact@v4
+        with:
+          name: cloudinary-${{ steps.branch.outputs.name }}
+          path: cloudinary-${{ steps.branch.outputs.name }}.vsix
+          retention-days: 14
+
+      - name: Post download link to PR
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const marker = '<!-- vsix-build-comment -->';
+            const runUrl = `https://github.com/${context.repo.owner}/${context.repo.repo}/actions/runs/${context.runId}`;
+            const version = require('./package.json').version;
+            const body = [
+              marker,
+              `### 📦 Test VSIX ready`,
+              `**Version:** \`${version}\``,
+              `**Artifact:** [cloudinary-${{ steps.branch.outputs.name }}](${runUrl})`,
+              ``,
+              `**To install:**`,
+              `1. Download the \`.vsix\` from the link above (under Artifacts)`,
+              `2. In VS Code: \`Extensions → ··· → Install from VSIX…\``,
+              `   or run: \`code --install-extension cloudinary-${{ steps.branch.outputs.name }}.vsix\``,
+              ``,
+              `_Updated on every push. Artifact expires after 14 days._`,
+            ].join('\n');
+
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+            });
+            const existing = comments.find(c => c.body.includes(marker));
+
+            if (existing) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: existing.id,
+                body,
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: context.issue.number,
+                body,
+              });
+            }

.gitignore

@@ -18,6 +18,7 @@ node_modules/
 
 # Internal development files
 internal/
+docs/superpowers/
 
 # Logs
 *.log

esbuild.js

@@ -25,6 +25,7 @@ async function main() {
       "src/webview/client/preview.ts",
       "src/webview/client/upload-widget.ts",
       "src/webview/client/welcome.ts",
+      "src/webview/client/homescreen.ts",
     ],
     bundle: true,
     format: "iife",