chore(deps): use esno to replace ts-node

package.json

@@ -25,8 +25,8 @@
     "docs": "vitepress dev docs",
     "build-docs": "vitepress build docs",
     "serve-docs": "vitepress serve docs",
-    "release": "ts-node scripts/release.ts",
-    "ci-publish": "ts-node scripts/publishCI.ts",
+    "release": "esno scripts/release.ts",
+    "ci-publish": "esno scripts/publishCI.ts",
     "typecheck": "tsc -p scripts --noEmit && tsc -p playground --noEmit",
     "build": "run-s build-vite build-plugin-vue build-plugin-react",
     "build-vite": "cd packages/vite && npm run build",
@@ -65,6 +65,7 @@
     "eslint-define-config": "^1.4.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-node": "^11.1.0",
+    "esno": "^0.15.0",
     "execa": "^5.1.1",
     "fs-extra": "^10.1.0",
     "kill-port": "^1.6.1",
@@ -90,7 +91,7 @@
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm exec lint-staged --concurrent false",
-    "commit-msg": "pnpm exec ts-node scripts/verifyCommit.ts $1"
+    "commit-msg": "pnpm exec esno scripts/verifyCommit.ts $1"
   },
   "lint-staged": {
     "*": [

packages/plugin-react/package.json

@@ -16,7 +16,7 @@
     "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 && npm run patch-dist",
-    "patch-dist": "ts-node ../../scripts/patchEsbuildDist.ts dist/index.js viteReact",
+    "patch-dist": "esno ../../scripts/patchEsbuildDist.ts dist/index.js viteReact",
     "build-types": "tsc -p . --emitDeclarationOnly --outDir temp && api-extractor run && rimraf temp",
     "prepublishOnly": "(cd ../vite && npm run build) && npm run build"
   },

packages/plugin-vue/package.json

@@ -14,7 +14,7 @@
     "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 & npm run patch-dist",
-    "patch-dist": "ts-node ../../scripts/patchEsbuildDist.ts dist/index.js vuePlugin",
+    "patch-dist": "esno ../../scripts/patchEsbuildDist.ts dist/index.js vuePlugin",
     "build-types": "tsc -p . --emitDeclarationOnly --outDir temp && api-extractor run && rimraf temp",
     "prepublishOnly": "(cd ../vite && npm run build) && npm run build"
   },

packages/vite/package.json

@@ -35,7 +35,7 @@
     "build-types": "run-s build-temp-types patch-types roll-types",
     "build-temp-types": "tsc --emitDeclarationOnly --outDir temp/node -p src/node",
     "ci-build": "rimraf dist && run-s build-bundle build-types",
-    "patch-types": "ts-node scripts/patchTypes.ts",
+    "patch-types": "esno scripts/patchTypes.ts",
     "roll-types": "api-extractor run && rimraf temp",
     "lint": "eslint --ext .ts src/**",
     "format": "prettier --write --parser typescript \"src/**/*.ts\"",

packages/vite/scripts/patchTypes.ts

@@ -1,13 +1,15 @@
+import { readFileSync, readdirSync, statSync, writeFileSync } from 'fs'
+import { dirname, relative, resolve } from 'path'
+import { fileURLToPath } from 'url'
 import type { ParseResult } from '@babel/parser'
 import { parse } from '@babel/parser'
 import type { File } from '@babel/types'
 import colors from 'picocolors'
-import { readdirSync, readFileSync, statSync, writeFileSync } from 'fs'
 import MagicString from 'magic-string'
-import { dirname, relative, resolve } from 'path'
 
-const tempDir = resolve(__dirname, '../temp/node')
-const typesDir = resolve(__dirname, '../types')
+const dir = dirname(fileURLToPath(import.meta.url))
+const tempDir = resolve(dir, '../temp/node')
+const typesDir = resolve(dir, '../types')
 
 // walk through the temp dts dir, find all import/export of types/*
 // and rewrite them into relative imports - so that api-extractor actually

playground/tailwind/package.json

@@ -15,7 +15,6 @@
     "vue-router": "^4.0.15"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "workspace:*",
-    "ts-node": "^10.7.0"
+    "@vitejs/plugin-vue": "workspace:*"
   }
 }

scripts/patchEsbuildDist.ts

@@ -4,7 +4,7 @@
 // continue using it.
 
 import { readFileSync, writeFileSync } from 'fs'
-import { bold, red } from 'picocolors'
+import colors from 'picocolors'
 
 const indexPath = process.argv[2]
 const varName = process.argv[3]
@@ -24,8 +24,8 @@ ${varName}['default'] = ${varName};`
   writeFileSync(indexPath, code)
 
   console.log(
-    bold(`${indexPath} patched with overwrite for cjs require('...')()`)
+    colors.bold(`${indexPath} patched with overwrite for cjs require('...')()`)
   )
 } else {
-  console.error(red(`${indexPath} post-esbuild bundling patch failed`))
+  console.error(colors.red(`${indexPath} post-esbuild bundling patch failed`))
 }