import * as vscode from 'vscode';

import { showIssueHTML } from './template.html';
import { Issue } from './issue';
import { IssueProvider } from './issueProvider';

export function showIssueInWebPanel(issue: Issue) {
    const panel = vscode.window.createWebviewPanel('issue', issue.label, vscode.ViewColumn.Active, {});
    panel.webview.html = showIssueHTML(issue);
    return panel;
}

export function activate(context: vscode.ExtensionContext) {
    // Array of issues; This is used to determine whether a issue is already open
    // in a tab or not.
    let openIssues: Array<Issue> = [];
    const openIssuesProvider = new IssueProvider("open");
    const closedIssuesProvider = new IssueProvider("closed");

    vscode.window.registerTreeDataProvider('open-issues', openIssuesProvider);
    vscode.window.registerTreeDataProvider('closed-issues', closedIssuesProvider);

    vscode.commands.registerCommand('giteaIssues.openIssue', (issue: Issue) => {
        const issueOpenable = openIssues.find((c) => c.issueId === issue.issueId) === undefined;

        if (issueOpenable) {
            const panel = showIssueInWebPanel(issue);
            openIssues.push(issue);
            panel.onDidDispose((event) => {
                openIssues.splice(openIssues.indexOf(issue), 1);
            });
        }
    });

    vscode.commands.registerCommand('giteaIssues.refreshIssues', () => {
        openIssuesProvider.refresh();
        closedIssuesProvider.refresh();
    });
}

export function deactivate() {}