diff --git a/.gitignore b/.gitignore
index 7656ccd..d30f40e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,7 +10,6 @@
/build
# misc
-/resources
.DS_Store
.env.local
.env.development.local
diff --git a/ext-src/KanbnBurndownPanel.ts b/ext-src/KanbnBurndownPanel.ts
new file mode 100644
index 0000000..291b68c
--- /dev/null
+++ b/ext-src/KanbnBurndownPanel.ts
@@ -0,0 +1,168 @@
+import * as path from 'path';
+import * as vscode from 'vscode';
+
+export default class KanbnBurndownPanel {
+ public static currentPanel: KanbnBurndownPanel | undefined;
+
+ private static readonly viewType = 'react';
+
+ private readonly _panel: vscode.WebviewPanel;
+ private readonly _extensionPath: string;
+ private readonly _workspacePath: string;
+ private readonly _kanbn: typeof import('@basementuniverse/kanbn/src/main');
+ private _disposables: vscode.Disposable[] = [];
+
+ public static createOrShow(
+ extensionPath: string,
+ workspacePath: string,
+ kanbn: typeof import('@basementuniverse/kanbn/src/main')
+ ) {
+ const column = vscode.window.activeTextEditor ? vscode.window.activeTextEditor.viewColumn : undefined;
+
+ // If we already have a panel, show it, otherwise create a new panel
+ if (KanbnBurndownPanel.currentPanel) {
+ KanbnBurndownPanel.currentPanel._panel.reveal(column);
+ } else {
+ KanbnBurndownPanel.currentPanel = new KanbnBurndownPanel(
+ extensionPath,
+ workspacePath,
+ column || vscode.ViewColumn.One,
+ kanbn
+ );
+ }
+ }
+
+ public static async update() {
+ if (KanbnBurndownPanel.currentPanel) {
+ let index: any;
+ try {
+ index = await KanbnBurndownPanel.currentPanel._kanbn.getIndex();
+ } catch (error) {
+ vscode.window.showErrorMessage(error instanceof Error ? error.message : error);
+ return;
+ }
+ KanbnBurndownPanel.currentPanel._panel.webview.postMessage({
+ type: 'burndown',
+ index,
+ dateFormat: KanbnBurndownPanel.currentPanel._kanbn.getDateFormat(index)
+ });
+ }
+ }
+
+ private constructor(
+ extensionPath: string,
+ workspacePath: string,
+ column: vscode.ViewColumn,
+ kanbn: typeof import('@basementuniverse/kanbn/src/main')
+ ) {
+ this._extensionPath = extensionPath;
+ this._workspacePath = workspacePath;
+ this._kanbn = kanbn;
+
+ // Create and show a new webview panel
+ this._panel = vscode.window.createWebviewPanel(KanbnBurndownPanel.viewType, 'Burndown Chart', column, {
+ // Enable javascript in the webview
+ enableScripts: true,
+
+ // Retain state even when hidden
+ retainContextWhenHidden: true,
+
+ // Restrict the webview to only loading content from allowed paths
+ localResourceRoots: [
+ vscode.Uri.file(path.join(this._extensionPath, 'build')),
+ vscode.Uri.file(path.join(this._workspacePath, this._kanbn.getFolderName())),
+ vscode.Uri.file(path.join(this._extensionPath, 'node_modules', 'vscode-codicons', 'dist'))
+ ]
+ });
+ (this._panel as any).iconPath = {
+ light: vscode.Uri.file(path.join(this._extensionPath, 'resources', 'burndown_light.svg')),
+ dark: vscode.Uri.file(path.join(this._extensionPath, 'resources', 'burndown_dark.svg'))
+ };
+
+ // Set the webview's title to the kanbn project name
+ this._kanbn.getIndex().then(index => {
+ this._panel.title = index.name;
+ });
+
+ // Set the webview's initial html content
+ this._panel.webview.html = this._getHtmlForWebview();
+
+ // Listen for when the panel is disposed
+ // This happens when the user closes the panel or when the panel is closed programatically
+ this._panel.onDidDispose(() => this.dispose(), null, this._disposables);
+
+ // Handle messages from the webview
+ this._panel.webview.onDidReceiveMessage(async message => {
+ switch (message.command) {
+
+ // Display error message
+ case 'error':
+ vscode.window.showErrorMessage(message.text);
+ return;
+ }
+ }, null, this._disposables);
+ }
+
+ public dispose() {
+ KanbnBurndownPanel.currentPanel = undefined;
+
+ // Clean up our resources
+ this._panel.dispose();
+ while (this._disposables.length) {
+ const x = this._disposables.pop();
+ if (x) {
+ x.dispose();
+ }
+ }
+ }
+
+ private _getHtmlForWebview() {
+ const manifest = require(path.join(this._extensionPath, 'build', 'asset-manifest.json'));
+ const mainScript = manifest['main.js'];
+ const mainStyle = manifest['main.css'];
+ const scriptUri = vscode.Uri
+ .file(path.join(this._extensionPath, 'build', mainScript))
+ .with({ scheme: 'vscode-resource' });
+ const styleUri = vscode.Uri
+ .file(path.join(this._extensionPath, 'build', mainStyle))
+ .with({ scheme: 'vscode-resource' });
+ const customStyleUri = vscode.Uri
+ .file(path.join(this._workspacePath, this._kanbn.getFolderName(), 'board.css'))
+ .with({ scheme: 'vscode-resource' });
+ const codiconsUri = vscode.Uri
+ .file(path.join(this._extensionPath, 'node_modules', 'vscode-codicons', 'dist', 'codicon.css'))
+ .with({ scheme: 'vscode-resource' });
+
+ // Use a nonce to whitelist which scripts can be run
+ const nonce = getNonce();
+
+ return `
+
+
+
+
+
+Kanbn Board
+
+
+
+
+
+
+
+
+
+
+
+`;
+ }
+}
+
+function getNonce() {
+ let text = "";
+ const possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+ for (let i = 0; i < 32; i++) {
+ text += possible.charAt(Math.floor(Math.random() * possible.length));
+ }
+ return text;
+}
diff --git a/resources/burndown_dark.svg b/resources/burndown_dark.svg
new file mode 100644
index 0000000..0fdf507
--- /dev/null
+++ b/resources/burndown_dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/resources/burndown_light.svg b/resources/burndown_light.svg
new file mode 100644
index 0000000..ae9d112
--- /dev/null
+++ b/resources/burndown_light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/resources/kanbn.png b/resources/kanbn.png
new file mode 100644
index 0000000..565fce5
Binary files /dev/null and b/resources/kanbn.png differ
diff --git a/resources/project_dark.svg b/resources/project_dark.svg
new file mode 100644
index 0000000..d0fefd2
--- /dev/null
+++ b/resources/project_dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/resources/project_light.svg b/resources/project_light.svg
new file mode 100644
index 0000000..7eff72a
--- /dev/null
+++ b/resources/project_light.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/resources/task_dark.svg b/resources/task_dark.svg
new file mode 100644
index 0000000..a37c407
--- /dev/null
+++ b/resources/task_dark.svg
@@ -0,0 +1,13 @@
+
+
+
diff --git a/resources/task_light.svg b/resources/task_light.svg
new file mode 100644
index 0000000..dc9c489
--- /dev/null
+++ b/resources/task_light.svg
@@ -0,0 +1,13 @@
+
+
+
diff --git a/src/App.tsx b/src/App.tsx
index c919ccb..7709526 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,5 @@
import Board from './Board';
+import Burndown from './Burndown';
import TaskEditor from './TaskEditor';
import React, { useState } from "react";
import VSCodeApi from "./VSCodeApi";
@@ -94,6 +95,11 @@ function App() {
vscode={vscode}
/>
}
+ {
+ type === 'burndown' &&
+
+ }
);
}
diff --git a/src/Burndown.tsx b/src/Burndown.tsx
new file mode 100644
index 0000000..0f98159
--- /dev/null
+++ b/src/Burndown.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Burndown = () => {
+ return (
+ burndown chart
+ );
+};
+
+export default Burndown;