refactor: upgrade to parcel v2

Author: jsjoeio

CHANGELOG.md

@@ -63,6 +63,7 @@ VS Code v0.00.0
 ### Development
 
 - fix(publish): update cdrci fork in brew-bump.sh #3468 @jsjoeio
+- chore(dev): upgrade to parcel v2 #3578 @jsjoeio
 
 ## 3.10.2
 

ci/dev/watch.ts

@@ -1,7 +1,9 @@
 import * as cp from "child_process"
-import Bundler from "parcel-bundler"
+import Parcel from "@parcel/core"
 import * as path from "path"
 
+type FixMeLater = any
+
 async function main(): Promise<void> {
   try {
     const watcher = new Watcher()
@@ -84,15 +86,20 @@ class Watcher {
         cleanup(code)
       })
     }
-    const bundle = bundler.bundle().catch(() => {
-      Watcher.log("parcel watcher terminated unexpectedly")
-      cleanup(1)
-    })
-    bundler.on("buildEnd", () => {
-      console.log("[parcel] bundled")
-    })
-    bundler.on("buildError", (error) => {
-      console.error("[parcel]", error)
+    const bundle = bundler.watch((err: any, buildEvent: string) => {
+      if (err) {
+        console.error(err)
+        Watcher.log("parcel watcher terminated unexpectedly")
+        cleanup(1)
+      }
+
+      if (buildEvent === "buildEnd") {
+        console.log("[parcel] bundled")
+      }
+
+      if (buildEvent === "buildError") {
+        console.error("[parcel]", err)
+      }
     })
 
     vscode.stderr.on("data", (d) => process.stderr.write(d))
@@ -172,22 +179,23 @@ class Watcher {
     }
   }
 
-  private createBundler(out = "dist"): Bundler {
-    return new Bundler(
-      [
+  private createBundler(out = "dist"): FixMeLater {
+    return new (Parcel as any)({
+      entries: [
         path.join(this.rootPath, "src/browser/register.ts"),
         path.join(this.rootPath, "src/browser/serviceWorker.ts"),
         path.join(this.rootPath, "src/browser/pages/login.ts"),
         path.join(this.rootPath, "src/browser/pages/vscode.ts"),
       ],
-      {
-        outDir: path.join(this.rootPath, out),
-        cacheDir: path.join(this.rootPath, ".cache"),
-        minify: !!process.env.MINIFY,
-        logLevel: 1,
+      cacheDir: path.join(this.rootPath, ".cache"),
+      logLevel: 1,
+      defaultConfig: require.resolve("@parcel/config-default"),
+      defaultTargetOptions: {
         publicUrl: ".",
+        shouldOptimize: !!process.env.MINIFY,
+        distDir: path.join(this.rootPath, out),
       },
-    )
+    })
   }
 }
 

package.json

@@ -35,6 +35,8 @@
   },
   "main": "out/node/entry.js",
   "devDependencies": {
+    "@parcel/core": "^2.0.0-beta.3.1",
+    "@parcel/types": "^2.0.0-alpha.3",
     "@schemastore/package": "^0.0.6",
     "@types/body-parser": "^1.19.0",
     "@types/compression": "^1.7.0",
@@ -43,7 +45,7 @@
     "@types/http-proxy": "^1.17.4",
     "@types/js-yaml": "^4.0.0",
     "@types/node": "^14.17.1",
-    "@types/parcel-bundler": "^1.12.1",
+    "@types/parcel-bundler": "^1.12.3",
     "@types/pem": "^1.9.5",
     "@types/proxy-from-env": "^1.0.1",
     "@types/safe-compare": "^1.1.0",
@@ -64,7 +66,7 @@
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-prettier": "^3.1.0",
     "leaked-handles": "^5.2.0",
-    "parcel-bundler": "^1.12.5",
+    "parcel": "^2.0.0-beta.3.1",
     "prettier": "^2.2.1",
     "prettier-plugin-sh": "^0.6.0",
     "shellcheck": "^1.0.0",
@@ -79,9 +81,6 @@
     "doctoc/underscore": "^1.13.1",
     "doctoc/**/trim": "^1.0.0",
     "postcss": "^8.2.1",
-    "parcel-bundler/cssnano": "^5.0.2",
-    "parcel-bundler/ws": "^7.4.6",
-    "parcel-bundler/htmlnano/uncss/jsdom/ws": "^7.4.6",
     "browserslist": "^4.16.5",
     "safe-buffer": "^5.1.1",
     "vfile-message": "^2.0.2"

typings/parcel/index.d.ts

@@ -0,0 +1 @@
+declare module "parcel" {}

typings/parcel__core/index.d.ts

@@ -0,0 +1,6 @@
+type FixMeLater = any
+declare module "@parcel/core" {
+  export class Parcel {
+    constructor(options: FixMeLater)
+  }
+}