Create Issue button

package.json

@@ -41,6 +41,11 @@
           "dark": "resources/dark/refresh.svg"
         }
       },
+      {
+        "command": "githubIssuesPrs.createIssue",
+        "title": "Create Issue",
+        "icon": "resources/general/createIssue.svg"
+      },
       {
         "command": "githubIssuesPrs.openIssue",
         "title": "Open Issue"
@@ -68,6 +73,11 @@
           "command": "githubIssuesPrs.refresh",
           "when": "view == githubIssuesPrs",
           "group": "navigation"
+        },
+        {
+          "command": "githubIssuesPrs.createIssue",
+          "when": "view == githubIssuesPrs",
+          "group": "navigation"
         }
       ],
       "view/item/context": [
@@ -144,6 +154,7 @@
   "dependencies": {
     "copy-paste": "^1.3.0",
     "git-credential-node": "^1.1.0",
-    "github": "^9.2.0"
+    "github": "^9.2.0",
+    "open": "0.0.5"
   }
-}
+}

src/github-issues-prs.ts

@@ -1,10 +1,11 @@
 import * as path from 'path';
 
 import * as GitHub from 'github';
+import * as open from 'open';
 import { copy } from 'copy-paste';
 import { fill } from 'git-credential-node';
 
-import { EventEmitter, TreeDataProvider, TreeItem, ExtensionContext, Uri, TreeItemCollapsibleState, window, workspace, commands } from 'vscode';
+import { EventEmitter, TreeDataProvider, TreeItem, ExtensionContext, QuickPickItem, Uri, TreeItemCollapsibleState, window, workspace, commands } from 'vscode';
 
 import { exec, allMatches, compareDateStrings } from './utils';
 
@@ -31,6 +32,10 @@ class Issue extends TreeItem {
 	}
 }
 
+interface RemoteQuickPickItem extends QuickPickItem {
+	remote: GitRemote;
+}
+
 export class GitHubIssuesPrsProvider implements TreeDataProvider<TreeItem> {
 
 	private _onDidChangeTreeData = new EventEmitter<TreeItem | undefined>();
@@ -44,6 +49,7 @@ export class GitHubIssuesPrsProvider implements TreeDataProvider<TreeItem> {
 
 	constructor(private context: ExtensionContext) {
 		context.subscriptions.push(commands.registerCommand('githubIssuesPrs.refresh', this.refresh, this));
+		context.subscriptions.push(commands.registerCommand('githubIssuesPrs.createIssue', this.createIssue, this));
 		context.subscriptions.push(commands.registerCommand('githubIssuesPrs.openIssue', this.openIssue, this));
 		context.subscriptions.push(commands.registerCommand('githubIssuesPrs.openPullRequest', this.openIssue, this));
 		// context.subscriptions.push(commands.registerCommand('githubIssuesPrs.checkoutPullRequest', this.checkoutPullRequest, this));
@@ -93,6 +99,61 @@ export class GitHubIssuesPrsProvider implements TreeDataProvider<TreeItem> {
 		}
 	}
 
+	private async createIssue() {
+		let remotes: GitRemote[];
+
+		try {
+			remotes = await this.getGitHubRemotes();
+		} catch (err) {
+			return false;
+		}
+
+		let urls: RemoteQuickPickItem[] = remotes.map(remote => {
+			let remoteItem: RemoteQuickPickItem = {
+				label: remote.owner + '/' + remote.repo,
+				remote: remote
+			}
+
+			return remoteItem;
+		});
+
+		if (!urls.length) {
+			window.showInformationMessage('There is no remote to get data from!');
+			return;
+		}
+
+		const callback = (selectedRemote: RemoteQuickPickItem|null) => {
+			if (!selectedRemote) {
+				return;
+			}
+			console.log(selectedRemote.remote);
+
+			const github = new GitHub();
+
+			github.repos.get({
+				owner: selectedRemote.remote.owner,
+				repo: selectedRemote.remote.repo
+			}).then((data) => {
+				// TODO: Store in cache
+				open(data.data.html_url + '/issues/new')
+			});
+
+		};
+
+		// shortcut when there is just one remote
+		if (urls.length === 1) {
+			callback(urls[0]);
+			return;
+		}
+
+		window.showQuickPick(
+			urls,
+			{
+				placeHolder: 'Select the remote you want to create an issue on'
+			}
+		).then(callback);
+	}
+
 	private async poll() {
 		if (!this.lastFetch || this.lastFetch + 30 * 60 * 1000 < Date.now()) {
 			return this.refresh();