add: Use webpack to bundle extension

.gitignore

@@ -1,4 +1,5 @@
 .DS_Store
 node_modules
 out
+dist
 *.vsix

.vscode/extensions.json

@@ -1,5 +1,5 @@
 {
   // See http://go.microsoft.com/fwlink/?LinkId=827846
   // for the documentation about the extensions.json format
-  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "ms-vscode.vscode-js-profile-flame"]
+  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "ms-vscode.vscode-js-profile-flame", "amodio.tsl-problem-matcher"]
 }

.vscode/launch.json

@@ -6,25 +6,37 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Extension",
+      "name": "Launch Extension (Debug)",
       "type": "extensionHost",
       "request": "launch",
       "runtimeExecutable": "${execPath}",
       "args": [
         "--extensionDevelopmentPath=${workspaceFolder}",
         "${workspaceFolder}/examples" // open examples directory
       ],
-      "outFiles": ["${workspaceFolder}/out/**/*.js"],
+      "outFiles": ["${workspaceFolder}/dist/**/*.js"],
       "preLaunchTask": "npm: watch"
     },
+    {
+      "name": "Launch Extension (Release)",
+      "type": "extensionHost",
+      "request": "launch",
+      "runtimeExecutable": "${execPath}",
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}",
+        "${workspaceFolder}/examples" // open examples directory
+      ],
+      "outFiles": ["${workspaceFolder}/dist/**/*.js"],
+      "preLaunchTask": "npm: watch-release"
+    },
     {
       "name": "Extension Tests",
       "type": "extensionHost",
       "request": "launch",
       "runtimeExecutable": "${execPath}",
       "args": ["--extensionDevelopmentPath=${workspaceFolder}", "--extensionTestsPath=${workspaceFolder}/out/test"],
       "outFiles": ["${workspaceFolder}/out/test/**/*.js"],
-      "preLaunchTask": "npm: watch"
+      "preLaunchTask": "npm: test-compile"
     }
   ]
 }

.vscode/tasks.json

@@ -6,19 +6,34 @@
     {
       "type": "npm",
       "script": "watch",
-      "problemMatcher": "$tsc-watch",
+      "problemMatcher": ["$ts-checker-webpack-watch", "$ts-checker-eslint-webpack-watch"],
       "isBackground": true,
       "presentation": {
-        "reveal": "never"
+        "reveal": "never",
+        "clear": true,
+        "close": true
       },
       "group": {
         "kind": "build",
         "isDefault": true
       }
     },
+    {
+      "type": "npm",
+      "script": "watch-release",
+      "problemMatcher": ["$ts-checker-webpack-watch", "$ts-checker-eslint-webpack-watch"],
+      "isBackground": true,
+      "presentation": {
+        "reveal": "never",
+        "clear": true,
+        "close": true
+      },
+      "group": "build"
+    },
     {
       "type": "npm",
       "script": "lint",
+      "group": "build",
       "problemMatcher": ["$eslint-stylish"]
     }
   ]

.vscodeignore

@@ -1,12 +1,20 @@
+.github/**
 .vscode/**
 .vscode-test/**
+examples/**
+src
+out
 node_modules
-out/test/**
-out/**/*.map
-**/*.ts
+**/*.map
+
+# Specific root files
+.editorconfig
+.eslintric.json
+.gitattributes
 .gitignore
+CODE_OF_CONDUCT.md
+Contributing.md
+package-lock.json
 tsconfig.json
-vsc-extension-quickstart.md
-tslint.json
-!renpy.json
-!renpyauto.json
+browser.webpack.config.ts
+webpack.config.ts

browser.webpack.config.ts

@@ -0,0 +1,26 @@
+import NodePolyfillPlugin from "node-polyfill-webpack-plugin";
+import { Configuration, DefinePlugin } from "webpack";
+import { basePlugins, baseConfig } from "./webpack.config";
+
+export const browserConfig: Configuration = {
+    target: "webworker", // extensions run in a webworker context
+    resolve: {
+        mainFields: ["browser", "module", "main"],
+        extensions: [".ts", ".js"], // support ts-files and js-files
+    },
+    performance: {
+        hints: false,
+    },
+    plugins: [
+        new NodePolyfillPlugin(),
+        new DefinePlugin({
+            "process.platform": JSON.stringify("web"),
+            "process.env": JSON.stringify({}),
+            "process.env.BROWSER_ENV": JSON.stringify("true"),
+        }),
+        ...basePlugins,
+    ],
+    ...baseConfig,
+};
+
+export default browserConfig;