Webhook Copilot Trigger — VS Code Extension

HTTP webhook server that triggers GitHub Copilot Chat from external tools like DevConsole, sticky notes, and log panels.

Features

• HTTP Webhook Server (port 9090) — accepts POST /webhook with { prompt, context?, images? }
• WebSocket Terminal Stream (port 9091) — streams terminal output to connected clients
• @webhook Chat Participant — direct access to Copilot's language model
• Image/Vision Support — attach screenshots for multimodal analysis
• Queue System — processes tasks sequentially with status tracking

Quick Start (Local Development)

cd /Users/chinonsojohn/ripe-console/webhook-copilot-extension
npm install
npm run compile

Then press F5 in VS Code to launch the Extension Host.

Commands

API Endpoints

Webhook Payload

{
  "prompt": "Explain this error and suggest a fix",
  "context": {
    "log": "TypeError: Cannot read property 'x' of undefined",
    "file": "src/app.ts",
    "line": 42,
    "source": "logs"
  },
  "images": [
    {
      "data": "<base64>",
      "mimeType": "image/png",
      "description": "Screenshot of the error"
    }
  ]
}

Integration with DevConsole

The extension integrates with the DevConsole Chrome extension's Code Actions Panel:

1. DevConsole sends webhook to http://localhost:9090/webhook
2. Extension forwards prompt to Copilot Chat
3. DevConsole tracks status via requestId polling
4. User sees Copilot response in VS Code

The webhookService.ts client and codeActions.ts store handle:

• Connection health checks (GET /health)
• Queue position tracking
• Retry on failure
• Clipboard fallback when VS Code unavailable

Settings

Publishing to VS Code Marketplace

Prerequisites

1. Azure DevOps Account — Create one at https://dev.azure.com
2. Personal Access Token (PAT) — Create with "Marketplace (Manage)" scope

Create Personal Access Token

1. Go to https://dev.azure.com
2. Click your profile → Personal access tokens
3. Click New Token
4. Set:
   • Name: vsce-publish
   • Organization: All accessible organizations
   • Scopes: Marketplace → Manage
5. Copy the token (you won't see it again)

Create Publisher

npx vsce create-publisher chinonsojohn
# Enter your PAT when prompted

Or create at https://marketplace.visualstudio.com/manage

Package and Publish

cd webhook-copilot-extension

# Install dependencies
npm install

# Package as .vsix (for testing)
npm run package
# Creates: webhook-copilot-trigger-1.0.0.vsix

# Publish to marketplace
npm run publish
# Or: npx vsce publish -p <YOUR_PAT>

Install from VSIX (Local Testing)

1. In VS Code: Extensions → ... → Install from VSIX
2. Select webhook-copilot-trigger-1.0.0.vsix

Troubleshooting

License

MIT