windsurf-webhooks-events

# Windsurf Extension Development & Events ## Overview Windsurf is built on VS Code and supports the full VS Code Extension API. Build custom extensions to track workspace events, integrate with external tools, and extend Cascade's capabilities. This skill covers extension development specific to the Windsurf environment. ## Prerequisites - Node.js 18+ and npm - VS Code Extension API familiarity - `yo` and `generator-code` for scaffolding - Windsurf IDE for testing ## Instructions ### Step 1: Scaffold Extension ```bash # Install scaffolding tools npm install -g yo generator-code # Generate extension yo code # Select: New Extension (TypeScript) # Name: my-windsurf-extension ``` ### Step 2: Track Workspace Events ```typescript // src/extension.ts import * as vscode from "vscode"; export function activate(context: vscode.ExtensionContext) { console.log("Extension active in Windsurf"); // Track file saves const saveListener = vscode.workspace.onDidSaveTextDocument( async (document) => { const diagnostics = vscode.languages.getDiagnostics(document.uri); const errors = diagnostics.filter( (d) => d.severity === vscode.DiagnosticSeverity.Error ); if (errors.length > 0) { vscode.window.showWarningMessage( `${document.fileName}: ${errors.length} error(s) after save` ); } } ); // Track active editor changes const editorListener = vscode.window.onDidChangeActiveTextEditor( (editor) => { ...