chore: upgrade esbuild and migrate to rollup

package.json

@@ -34,7 +34,7 @@
     "@typescript-eslint/parser": "^5.8.1",
     "conventional-changelog-cli": "^2.2.2",
     "cross-env": "^7.0.3",
-    "esbuild": "0.14.3",
+    "esbuild": "^0.14.9",
     "eslint": "^8.5.0",
     "eslint-define-config": "^1.2.1",
     "eslint-plugin-node": "^11.1.0",

packages/plugin-react/package.json

@@ -15,7 +15,7 @@
   "scripts": {
     "dev": "tsc -p . -w --incremental",
     "build": "rimraf dist && run-s build-bundle build-types",
-    "build-bundle": "esbuild src/index.ts --bundle --platform=node --target=node12 --external:@babel/* --external:@rollup/* --external:resolve --external:react-refresh/* --outfile=dist/index.js",
+    "build-bundle": "rollup -c",
     "build-types": "tsc -p . --emitDeclarationOnly --outDir temp && api-extractor run && rimraf temp",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path . --lerna-package plugin-react",
     "release": "ts-node ../../scripts/release.ts"
@@ -41,5 +41,10 @@
     "@rollup/pluginutils": "^4.1.2",
     "react-refresh": "^0.11.0",
     "resolve": "^1.20.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "13.1.1",
+    "@rollup/plugin-typescript": "^8.3.0"
   }
 }

packages/plugin-react/rollup.config.js

@@ -0,0 +1,53 @@
+import path from 'path'
+import nodeResolve from '@rollup/plugin-node-resolve'
+import typescript from '@rollup/plugin-typescript'
+import commonjs from '@rollup/plugin-commonjs'
+
+/**
+ *
+ * @param {boolean} isProduction
+ * @returns {import('rollup').RollupOptions}
+ */
+const createNodeConfig = (isProduction) => {
+  /**
+   * @type { import('rollup').RollupOptions }
+   */
+  const nodeConfig = {
+    input: path.resolve(__dirname, 'src/index.ts'),
+    output: [
+      {
+        file: path.resolve(__dirname, 'dist/index.js'),
+        inlineDynamicImports: true,
+        exports: 'named',
+        format: 'commonjs',
+        externalLiveBindings: false,
+        freeze: false
+      }
+    ],
+    external: [...Object.keys(require('./package.json').dependencies)],
+    plugins: [
+      nodeResolve({ preferBuiltins: true }),
+      typescript({
+        tsconfig: 'tsconfig.json',
+        module: 'esnext',
+        target: 'es2019',
+        include: ['src/**/*.ts'],
+        esModuleInterop: true
+      }),
+      commonjs({
+        extensions: ['.js'],
+        transformMixedEsModules: true,
+        requireReturnsDefault: true
+      })
+    ]
+  }
+
+  return nodeConfig
+}
+
+export default (commandLineArgs) => {
+  const isDev = commandLineArgs.watch
+  const isProduction = !isDev
+
+  return [createNodeConfig(isProduction)]
+}

packages/plugin-vue/package.json

@@ -9,11 +9,11 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "dev": "rimraf dist && run-p dev-types dev-watch",
+    "dev": "rimraf dist && rollup -c -w",
     "dev-types": "tsc -p . -w --incremental --emitDeclarationOnly",
     "dev-watch": "esbuild src/index.ts --watch --bundle --platform=node --target=node12 --external:@vue/compiler-sfc --external:vue/compiler-sfc --external:vite --outfile=dist/index.js",
     "build": "rimraf dist && run-s build-bundle build-types",
-    "build-bundle": "esbuild src/index.ts --bundle --platform=node --target=node12 --external:@vue/compiler-sfc --external:vue/compiler-sfc --external:vite --outfile=dist/index.js",
+    "build-bundle": "rollup -c",
     "build-types": "tsc -p . --emitDeclarationOnly --outDir temp && api-extractor run && rimraf temp",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path . --lerna-package plugin-vue",
     "release": "ts-node ../../scripts/release.ts"
@@ -35,11 +35,14 @@
     "vue": "^3.2.25"
   },
   "devDependencies": {
+    "rollup": "^2.59.0",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "13.1.1",
+    "@rollup/plugin-typescript": "^8.3.0",
     "@rollup/pluginutils": "^4.1.2",
     "@types/hash-sum": "^1.0.0",
     "debug": "^4.3.3",
     "hash-sum": "^2.0.0",
-    "rollup": "^2.59.0",
     "slash": "^4.0.0",
     "source-map": "^0.6.1",
     "vue": "^3.2.26"

packages/plugin-vue/rollup.config.js

@@ -0,0 +1,49 @@
+import path from 'path'
+import nodeResolve from '@rollup/plugin-node-resolve'
+import typescript from '@rollup/plugin-typescript'
+import commonjs from '@rollup/plugin-commonjs'
+
+/**
+ *
+ * @param {boolean} isProduction
+ * @returns {import('rollup').RollupOptions}
+ */
+const createNodeConfig = (isProduction) => {
+  /**
+   * @type { import('rollup').RollupOptions }
+   */
+  const nodeConfig = {
+    input: path.resolve(__dirname, 'src/index.ts'),
+    output: [
+      {
+        file: path.resolve(__dirname, 'dist/index.js'),
+        exports: 'named',
+        format: 'commonjs',
+        freeze: false
+      }
+    ],
+    external: ['vite', 'vue/compiler-sfc'],
+    plugins: [
+      nodeResolve({ preferBuiltins: true }),
+      typescript({
+        tsconfig: 'tsconfig.json',
+        module: 'esnext',
+        target: 'es2019',
+        include: ['src/**/*.ts'],
+        esModuleInterop: true
+      }),
+      commonjs({
+        extensions: ['.js']
+      })
+    ]
+  }
+
+  return nodeConfig
+}
+
+export default (commandLineArgs) => {
+  const isDev = commandLineArgs.watch
+  const isProduction = !isDev
+
+  return [createNodeConfig(isProduction)]
+}

packages/plugin-vue/src/index.ts

@@ -66,7 +66,8 @@ export interface ResolvedOptions extends Options {
   devServer?: ViteDevServer
 }
 
-export default function vuePlugin(rawOptions: Options = {}): Plugin {
+export default vuePlugin
+function vuePlugin(rawOptions: Options = {}): Plugin {
   const {
     include = /\.vue$/,
     exclude,

packages/vite/package.json

@@ -44,7 +44,7 @@
   },
   "//": "READ CONTRIBUTING.md to understand what to put under deps vs. devDeps!",
   "dependencies": {
-    "esbuild": "0.14.3",
+    "esbuild": "^0.14.9",
     "json5": "^2.2.0",
     "postcss": "^8.4.5",
     "resolve": "^1.20.0",