feat(vscode): initial VS Code extension scaffolding to run ubon and surface diagnostics

Author: luisfer

vscode-extension/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "ubon-vscode",
+  "displayName": "Ubon Security & A11Y Scanner",
+  "description": "Run Ubon in VS Code and see diagnostics in the Problems panel.",
+  "version": "0.0.1",
+  "publisher": "luisfer",
+  "engines": {
+    "vscode": "^1.85.0"
+  },
+  "categories": ["Linters"],
+  "activationEvents": [
+    "onStartupFinished",
+    "onCommand:ubon.scan"
+  ],
+  "main": "./dist/extension.js",
+  "contributes": {
+    "commands": [
+      {
+        "command": "ubon.scan",
+        "title": "Ubon: Scan Workspace"
+      }
+    ],
+    "configuration": {
+      "type": "object",
+      "title": "Ubon",
+      "properties": {
+        "ubon.cliPath": {
+          "type": "string",
+          "default": "ubon",
+          "description": "Path to the ubon CLI (e.g. 'ubon' if installed globally or an absolute path)."
+        },
+        "ubon.args": {
+          "type": "array",
+          "default": ["check", "--json"],
+          "items": { "type": "string" },
+          "description": "Additional arguments passed to the ubon CLI."
+        }
+      }
+    }
+  },
+  "scripts": {
+    "vscode:prepublish": "npm run build",
+    "build": "tsc -p ./",
+    "watch": "tsc -w -p ./"
+  },
+  "devDependencies": {
+    "@types/node": "^18.19.0",
+    "@types/vscode": "^1.85.0",
+    "typescript": "^5.4.0"
+  },
+  "license": "MIT"
+}
+

vscode-extension/src/extension.ts

@@ -0,0 +1,55 @@
+import * as vscode from 'vscode';
+import { execFile } from 'child_process';
+
+export function activate(context: vscode.ExtensionContext) {
+  const diagCollection = vscode.languages.createDiagnosticCollection('ubon');
+  context.subscriptions.push(diagCollection);
+
+  const runScan = () => {
+    const cliPath = vscode.workspace.getConfiguration().get<string>('ubon.cliPath', 'ubon');
+    const args = vscode.workspace.getConfiguration().get<string[]>('ubon.args', ['check', '--json']);
+    const cwd = vscode.workspace.workspaceFolders?.[0]?.uri.fsPath || process.cwd();
+
+    execFile(cliPath, args, { cwd, maxBuffer: 10 * 1024 * 1024 }, (err, stdout, stderr) => {
+      if (err && !stdout) {
+        vscode.window.showErrorMessage(`Ubon failed: ${err.message}`);
+        return;
+      }
+      try {
+        const payload = JSON.parse(stdout || '{}');
+        const issues = Array.isArray(payload.issues) ? payload.issues : [];
+        diagCollection.clear();
+        const byFile = new Map<string, vscode.Diagnostic[]>();
+        for (const i of issues) {
+          if (!i.file) continue;
+          const range = new vscode.Range(
+            new vscode.Position(Math.max(0, (i.line || i.range?.startLine || 1) - 1), 0),
+            new vscode.Position(Math.max(0, (i.line || i.range?.endLine || 1) - 1), 1000)
+          );
+          const severity = i.type === 'error' ? vscode.DiagnosticSeverity.Error : i.type === 'warning' ? vscode.DiagnosticSeverity.Warning : vscode.DiagnosticSeverity.Information;
+          const d = new vscode.Diagnostic(range, `${i.ruleId}: ${i.message}`, severity);
+          d.code = i.ruleId;
+          const list = byFile.get(i.file) || [];
+          list.push(d);
+          byFile.set(i.file, list);
+        }
+        for (const [file, diags] of byFile.entries()) {
+          const uri = vscode.Uri.file(`${cwd}/${file}`);
+          diagCollection.set(uri, diags);
+        }
+      } catch (e: any) {
+        vscode.window.showErrorMessage(`Ubon parse error: ${e?.message || e}`);
+      }
+    });
+  };
+
+  const disposable = vscode.commands.registerCommand('ubon.scan', runScan);
+  context.subscriptions.push(disposable);
+
+  // Optionally run on startup
+  setTimeout(runScan, 1500);
+}
+
+export function deactivate() {}
+
+

vscode-extension/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "commonjs",
+    "lib": ["ES2020"],
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*"]
+}
+