Changes for new panel view

package.json

@@ -47,10 +47,31 @@
 		"onCommand:frontMatter.setDate",
 		"onCommand:frontMatter.setLastModifiedDate",
 		"onCommand:frontMatter.generateSlug",
-		"onCommand:frontMatter.createFromTemplate"
+		"onCommand:frontMatter.createFromTemplate",
+		"onView:frontMatter.explorer"
 	],
 	"main": "./dist/extension",
 	"contributes": {
+		"viewsContainers": {
+			"activitybar": [
+				{
+					"id": "frontmatter-explorer",
+					"title": "FrontMatter",
+					"icon": "assets/frontmatter.svg"
+				}
+			]
+		},
+		"views": {
+			"frontmatter-explorer": [
+				{
+					"id": "frontMatter.explorer",
+					"name": "FrontMatter",
+					"icon": "assets/frontmatter.svg",
+					"contextualTitle": "FrontMatter",
+					"type": "webview"
+				}
+			]
+		},
 		"configuration": {
 			"title": "Front Matter: Configuration",
 			"properties": {
@@ -191,8 +212,8 @@
 	},
 	"scripts": {
 		"vscode:prepublish": "webpack --mode production",
-		"webpack": "webpack --mode development",
-		"webpack-dev": "webpack --mode development --watch",
+		"build:ext": "webpack --mode development",
+		"dev:ext": "webpack --mode development --watch",
 		"test-compile": "tsc -p ./"
 	},
 	"devDependencies": {
@@ -200,19 +221,27 @@
 		"@types/js-yaml": "3.12.1",
 		"@types/mocha": "^5.2.6",
 		"@types/node": "^10.12.21",
-		"@types/vscode": "^1.37.0",
+		"@types/react": "17.0.0",
+		"@types/react-dom": "17.0.0",
+		"@types/vscode": "1.51.0",
 		"date-fns": "2.0.1",
 		"glob": "^7.1.4",
 		"gray-matter": "4.0.2",
+		"html-loader": "1.3.2",
+		"html-webpack-plugin": "4.5.0",
 		"mocha": "^6.1.4",
 		"ts-loader": "8.0.3",
 		"tslint": "^5.12.1",
 		"typescript": "4.0.2",
 		"vscode-test": "^1.0.2",
-		"webpack": "4.44.1",
+		"webpack": "4.44.2",
 		"webpack-cli": "3.3.12"
 	},
 	"dependencies": {
-		"@iarna/toml": "2.2.3"
+		"@iarna/toml": "2.2.3",
+		"@material-ui/core": "4.11.1",
+		"@material-ui/lab": "4.0.0-alpha.56",
+		"react": "17.0.1",
+		"react-dom": "17.0.1"
 	}
 }