Frontend v2 Test PR_3

codience/.vscode/launch.json

@@ -5,6 +5,7 @@
 {
 	"version": "0.2.0",
 	"configurations": [
+
 		{
 			"name": "Run Extension",
 			"type": "extensionHost",

codience/.vscode/tasks.json

@@ -21,7 +21,17 @@
             "type": "npm",
             "script": "watch:esbuild",
             "group": "build",
-            "problemMatcher": "$esbuild-watch",
+            "problemMatcher": {
+                "owner": "typescript",
+                "pattern": {
+                    "regexp": "^(.*)$"
+                },
+                "background": {
+                    "activeOnStart": true,
+                    "beginsPattern": "^\\[watch\\] build started",
+                    "endsPattern": "^\\[watch\\] build finished"
+                }
+            },
             "isBackground": true,
             "label": "npm: watch:esbuild",
             "presentation": {

codience/package.json

@@ -1,5 +1,6 @@
 {
   "name": "codience",
+  "publisher": "malakhisham121",
   "displayName": "Codience",
   "description": "AI-powered prioritization tool that ranks tasks by business impact, complexity, and risk directly inside VS Code",
   "version": "0.0.1",
@@ -9,15 +10,27 @@
   "categories": [
     "Other"
   ],
-  "activationEvents": [],
   "main": "./dist/extension.js",
   "contributes": {
-    "commands": [
-      {
-        "command": "codience.helloWorld",
-        "title": "Hello World"
-      }
-    ]
+    "viewsContainers": {
+      "activitybar": [
+        {
+          "id": "sidebarContainer",
+          "title": "Codience",
+          "icon": "media/icon.webp"
+        }
+      ]
+    },
+    "views": {
+      "sidebarContainer": [
+        {
+          "id": "sidebarView",
+          "name": "",
+          "type": "webview",
+          "icon": "media/image.png"
+        }
+      ]
+    }
   },
   "scripts": {
     "vscode:prepublish": "npm run package",
@@ -34,16 +47,16 @@
     "test": "vscode-test"
   },
   "devDependencies": {
-    "@types/vscode": "^1.103.0",
     "@types/mocha": "^10.0.10",
-    "@types/node": "22.x",
+    "@types/node": "^22.19.19",
+    "@types/vscode": "^1.103.0",
     "@typescript-eslint/eslint-plugin": "^8.39.0",
     "@typescript-eslint/parser": "^8.39.0",
-    "eslint": "^9.32.0",
+    "@vscode/test-cli": "^0.0.11",
+    "@vscode/test-electron": "^2.5.2",
     "esbuild": "^0.25.8",
+    "eslint": "^9.32.0",
     "npm-run-all": "^4.1.5",
-    "typescript": "^5.9.2",
-    "@vscode/test-cli": "^0.0.11",
-    "@vscode/test-electron": "^2.5.2"
+    "typescript": "^5.9.2"
   }
 }

codience/src/extension.ts

@@ -1,26 +1,166 @@
-// The module 'vscode' contains the VS Code extensibility API
-// Import the module and reference it with the alias vscode in your code below
-import * as vscode from 'vscode';
+import * as vscode from "vscode";
+import * as fs from "fs";
+import * as path from "path";
 
-// This method is called when your extension is activated
-// Your extension is activated the very first time the command is executed
 export function activate(context: vscode.ExtensionContext) {
+  const provider = new SidebarProvider(context.extensionUri);
 
-	// Use the console to output diagnostic information (console.log) and errors (console.error)
-	// This line of code will only be executed once when your extension is activated
-	console.log('Congratulations, your extension "codience" is now active!');
+  context.subscriptions.push(
+    vscode.window.registerWebviewViewProvider(SidebarProvider.viewType, provider),
+  );
 
-	// The command has been defined in the package.json file
-	// Now provide the implementation of the command with registerCommand
-	// The commandId parameter must match the command field in package.json
-	const disposable = vscode.commands.registerCommand('codience.helloWorld', () => {
-		// The code you place here will be executed every time your command is executed
-		// Display a message box to the user
-		vscode.window.showInformationMessage('Hello World from Codience!');
-	});
+  // Register a URI handler so external OAuth redirects (vscode://.../?code=...)
+  // can be forwarded back to the webview.
+  const uriHandler = vscode.window.registerUriHandler({
+    handleUri(uri: vscode.Uri) {
+      try {
+        if (uri.path !== "/callback" && uri.path !== "/jira-login") {
+          return;
+        }
 
-	context.subscriptions.push(disposable);
+        const params = new URLSearchParams(uri.query);
+        const code = params.get("code");
+        if (!code) {
+          return;
+        }
+
+        // forward to the provider (if it has an active webview)
+        provider.handleIncomingUri(code, uri.toString());
+      } catch (err) {
+        console.error("Failed to handle incoming URI", err);
+      }
+    },
+  });
+  context.subscriptions.push(uriHandler);
 }
 
-// This method is called when your extension is deactivated
 export function deactivate() {}
+
+class SidebarProvider implements vscode.WebviewViewProvider {
+  public static readonly viewType = "sidebarView";
+
+  private _webviewView?: vscode.WebviewView;
+
+  constructor(private readonly _extensionUri: vscode.Uri) {}
+
+  // Called by the activate() URI handler to push the code back into the webview
+  public handleIncomingUri(code: string | null, fullUri?: string) {
+    if (!this._webviewView) {
+      return;
+    }
+    this._webviewView.webview.postMessage({
+      type: "jiraAuthCode",
+      code,
+      uri: fullUri,
+    });
+  }
+
+  resolveWebviewView(
+    webviewView: vscode.WebviewView,
+    context: vscode.WebviewViewResolveContext,
+    _token: vscode.CancellationToken,
+  ) {
+    this._webviewView = webviewView;
+    const webview = webviewView.webview;
+
+    webview.options = {
+      enableScripts: true,
+      localResourceRoots: [
+        vscode.Uri.joinPath(this._extensionUri, "webview-ui", "webview-ui", "dist"),
+      ],
+    };
+
+    try {
+      const indexPath = path.join(
+        this._extensionUri.fsPath,
+        "webview-ui",
+        "webview-ui",
+        "dist",
+        "index.html",
+      );
+
+      let html = fs.readFileSync(indexPath, "utf-8");
+
+      html = html.replace(
+        /(src|href)="(.+?)"/g,
+        (_match: string, attr: string, link: string) => {
+          if (/^https?:\/\//.test(link)) {
+            return _match;
+          }
+
+          const uri = webview.asWebviewUri(
+            vscode.Uri.joinPath(
+              this._extensionUri,
+              "webview-ui",
+              "webview-ui",
+              "dist",
+              link,
+            ),
+          );
+
+          return `${attr}="${uri}"`;
+        },
+      );
+
+      html = html.replace(
+        "<head>",
+        `<head>
+      <meta http-equiv="Content-Security-Policy"
+        content="
+          default-src 'none';
+          img-src ${webview.cspSource} https:;
+          style-src ${webview.cspSource} 'unsafe-inline';
+          script-src ${webview.cspSource};
+          connect-src
+            https://codience.onrender.com
+            https://sphery-arlen-nondecorative.ngrok-free.dev
+            https://fordless-samella-unexpendable.ngrok-free.dev
+            http://localhost:5051
+            http://127.0.0.1:5051
+            http://localhost:8000
+            http://127.0.0.1:8000
+            http://127.0.0.1:8001
+            http://127.0.0.1:8002
+            http://127.0.0.1:8003;
+        ">
+    `,
+      );
+
+      webview.html = html;
+    } catch (err: any) {
+      console.error("Error loading webview index.html:", err);
+      webview.html = `<!DOCTYPE html>
+      <html>
+        <body>
+          <h2>Error loading webview</h2>
+          <pre>${err.message}</pre>
+          <pre>${err.stack}</pre>
+        </body>
+      </html>`;
+    }
+
+    // Wire messages from the webview:
+    // - openExternal: extension will open the external browser for OAuth
+    webview.onDidReceiveMessage((message) => {
+      try {
+        if (!message || typeof message !== "object") {
+          return;
+        }
+        if (message.command === "openExternal" && message.url) {
+          let url = String(message.url);
+          if (url.includes("state=vscode") && vscode.env.uriScheme !== "vscode") {
+            url = url.replace("state=vscode", `state=vscode-${vscode.env.uriScheme}`);
+          }
+          vscode.env.openExternal(vscode.Uri.parse(url));
+        }
+      } catch (err) {
+        console.error("Error handling message from webview:", err);
+      }
+    });
+
+    // Clear stored webview when disposed
+    webviewView.onDidDispose(() => {
+      this._webviewView = undefined;
+    });
+  }
+}