VSC-462 Set up webview building

.eslintrc.json

@@ -5,7 +5,7 @@
     {
       "files": ["*.ts", "*.tsx"],
       "parserOptions": {
-        "project": ["./tsconfig.json"]
+        "project": ["./src/tsconfig.json"]
       }
     }
   ],

.vscode/launch.json

@@ -11,7 +11,8 @@
 				"--extensionDevelopmentPath=${workspaceFolder}",
 				"${workspaceFolder}/samples/GettingStarted"
 			],
-			"outFiles": [ "${workspaceFolder}/dist/**/*.js" ]
+			"outFiles": [ "${workspaceFolder}/dist/**/*.js" ],
+			"debugWebviews": true
 		},
 		{
 			"name": "Run Debugger Tests",

.vscodeignore

@@ -4,6 +4,7 @@
 
 # Include only the files that should be in the .vsix
 !dist/extension.js
+!dist/webviews/**/*
 !README.md
 !CHANGELOG.md
 !LICENSE

package.json

@@ -58,10 +58,12 @@
 		"@types/node-int64": "^0.4.29",
 		"@types/thrift": "^0.10.9",
 		"@types/vscode": "1.64.0",
+		"@types/vscode-webview": "^1.57.5",
 		"@typescript-eslint/eslint-plugin": "^5.2.0",
 		"@typescript-eslint/parser": "^5.2.0",
 		"@typescript/lib-dom": "npm:@types/web@^0.0.69",
 		"@vscode/debugadapter-testsupport": "^1.57.0",
+		"copy-webpack-plugin": "^12.0.2",
 		"eslint": "^8.1.0",
 		"eslint-plugin-deprecation": "^1.3.2",
 		"husky": "^7.0.4",
@@ -81,10 +83,10 @@
 	"scripts": {
 		"lint": "eslint . --ext .ts && markdownlint **/*.md --ignore node_modules",
 		"vscode:prepublish": "npm run package",
-		"webpack": "webpack --mode development",
-		"webpack-watch": "webpack --mode development --watch",
-		"package": "webpack --mode production --devtool hidden-source-map",
-		"test-compile": "npm run webpack && tsc -p ./",
+		"webpack": "webpack --mode development --config-name extension --config-name webviews",
+		"webpack-watch": "webpack --mode development --watch --config-name extension --config-name webviews",
+		"package": "webpack --mode production --devtool hidden-source-map --config-name extension --config-name webviews",
+		"test-compile": "npm run webpack && tsc -p ./src",
 		"prepare": "husky install"
 	},
 	"main": "./dist/extension",

src/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../tsconfig.base.json",
+    "include": [
+        "**/*",
+        "../tests/**/*"
+    ]
+}

tsconfig.json → tsconfig.base.json

@@ -24,10 +24,6 @@
         "noUncheckedIndexedAccess": true, /* Add 'undefined' to the type returned from indexed accesses */
         "isolatedModules": true, /* Recommended when using bundlers */
     },
-    "include": [
-        "src/**/*",
-        "tests/**/*"
-    ],
     "exclude": [
         "out/**/*",
         "node_modules",