esbuild for src extension

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

Author: ShMcK

.eslintignore

@@ -0,0 +1,3 @@
+build
+dist
+node_modules

.gitignore

@@ -9,8 +9,8 @@ package-lock.json
 .npmrc
 
 # output directory
-out
 build
+dist
 web-app/build/
 web-app/node_modules
 

.vscode/settings.json

@@ -16,7 +16,9 @@
     "browserslist",
     "codeally",
     "coderoad",
+    "esbuild",
     "flowtype",
+    "outfile",
     "packagejson",
     "prismjs",
     "Traceback",

.vscodeignore

@@ -6,9 +6,6 @@
 .vscode-test/**
 vsc-extension-quickstart.md
 
-## CI/CD
-.circleci
-
 ## TypeScript
 **/tsconfig.json
 **/tslint.json

package.json

@@ -31,7 +31,10 @@
     "package": "./scripts/package.sh",
     "storybook": "yarn --cwd web-app storybook",
     "test": "jest",
-    "watch": "tsc -watch -p ./"
+    "esbuild-base": "esbuild ./src/extension.ts --bundle --outfile=build/extension.js --external:vscode --external:fsevents --external:jsdom --format=cjs --platform=node",
+    "esbuild": "npm run esbuild-base -- --sourcemap",
+    "esbuild-watch": "npm run esbuild-base -- --sourcemap --watch",
+    "test-compile": "tsc -watch -p ./"
   },
   "dependencies": {
     "chokidar": "3.5.2",
@@ -56,6 +59,7 @@
     "@types/semver": "^7.3.9",
     "@typescript-eslint/eslint-plugin": "5.4.0",
     "@typescript-eslint/parser": "5.4.0",
+    "esbuild": "0.14.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-config-react-app": "6.0.0",
     "eslint-plugin-flowtype": "8.0.3",

scripts/build.sh

@@ -8,20 +8,22 @@ echo "Cleaning up previous build..."
 rm -rf build
 
 # build extension
-echo "Compiling..."
-tsc -p ./
+echo "Bundling src..."
+npm run esbuild
 
 # build web app
+echo "Building webapp..."
 cd web-app
 yarn build
 cd ..
 
 # For Windows build: switch the next 2 lines
+echo "Bundling webapp..."
 if [[ "$OSTYPE" == "msys" ]]; then
-echo "linux subsystem on windows selected"
+    # linux subsystem on windows selected
     cp -R ./web-app/build/ ./
 else
-echo "Unix system selected"
+    # unix
     cp -R ./web-app/build/. ./build/
 fi
 

scripts/package.sh

@@ -14,6 +14,7 @@ echo "Creating $OUTPUT_FILE..."
 echo "Building..."
 GENERATE_SOURCEMAP=false # reduces output size by 5mb+
 yarn build
+npm run esbuild-base -- --minify
 
 echo "Packaging Extension..."
 mkdir -p ./$RELEASES_FOLDER

tsconfig.json

@@ -26,5 +26,15 @@
     "allowJs": true,
     "removeComments": true
   },
-  "exclude": ["docs", "node_modules", ".vscode-test", "build", "resources", "web-app", "*.js", "*.test.ts", "scripts"]
+  "exclude": [
+    "docs",
+    "node_modules",
+    ".vscode-test",
+    "build",
+    "resources",
+    "web-app",
+    "*.js",
+    "*.test.ts",
+    "scripts"
+  ]
 }