chore: make monorepo ESM and bump release-scripts

Author: ArnaudBarre

package.json

@@ -1,6 +1,7 @@
 {
   "name": "@vitejs/plugin-react-swc-monorepo",
   "version": "3.1.0-beta.2",
+  "type": "module",
   "private": true,
   "scripts": {
     "dev": "tsx scripts/bundle.ts --dev",
@@ -9,7 +10,7 @@
     "prettier": "pnpm prettier-ci --write",
     "prettier-ci": "prettier --cache --ignore-path=.gitignore --check '**/*.{js,jsx,ts,tsx,html,css,json,md,yml}'",
     "ci": "tsc && pnpm prettier-ci && pnpm build && cd playground && tsc && cd .. && pnpm test",
-    "release": "tsx scripts/release.ts"
+    "release": "pnpm build && tsx scripts/release.ts"
   },
   "prettier": {
     "trailingComma": "all"
@@ -24,7 +25,7 @@
     "@playwright/test": "^1.29.2",
     "@types/fs-extra": "^11.0.1",
     "@types/node": "^18.11.18",
-    "@vitejs/release-scripts": "^1.0.4",
+    "@vitejs/release-scripts": "^1.1.0",
     "esbuild": "^0.17.4",
     "fs-extra": "^11.1.0",
     "picocolors": "^1.0.0",

playwright.config.ts

@@ -1,11 +1,11 @@
+import { fileURLToPath } from "node:url";
 import { devices, PlaywrightTestConfig } from "@playwright/test";
-import { resolve } from "node:path";
-import * as fs from "fs-extra";
+import fs from "fs-extra";
 
-const tempDir = resolve(__dirname, "playground-temp");
+const tempDir = fileURLToPath(new URL("playground-temp", import.meta.url));
 fs.ensureDirSync(tempDir);
 fs.emptyDirSync(tempDir);
-fs.copySync(resolve(__dirname, "playground"), tempDir, {
+fs.copySync(fileURLToPath(new URL("playground", import.meta.url)), tempDir, {
   filter: (src) =>
     !src.includes("/__tests__") &&
     !src.includes("/.vite") &&

pnpm-lock.yaml

@@ -72,8 +72,8 @@ module.exports.default = react;`,
         module: "index.mjs",
         exports: {
           ".": {
-            require: "./index.cjs",
             types: "./index.d.ts",
+            require: "./index.cjs",
             import: "./index.mjs",
           },
         },

scripts/bundle.ts

@@ -1,6 +1,6 @@
-import { readFileSync, writeFileSync } from "fs";
+import { readFileSync, writeFileSync } from "node:fs";
 import { release } from "@vitejs/release-scripts";
-import * as colors from "picocolors";
+import colors from "picocolors";
 
 const changelog = readFileSync("CHANGELOG.md", "utf-8");