build: use tsdown for plugin-react-swc

Author: sapphi-red

packages/plugin-react-swc/package.json

@@ -15,8 +15,8 @@
   "type": "module",
   "private": true,
   "scripts": {
-    "dev": "tsx scripts/bundle.ts --dev",
-    "build": "tsx scripts/bundle.ts",
+    "dev": "tsdown --watch",
+    "build": "tsdown",
     "test": "playwright test"
   },
   "repository": {
@@ -40,10 +40,9 @@
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^22.16.0",
     "@vitejs/react-common": "workspace:*",
-    "esbuild": "^0.25.5",
     "fs-extra": "^11.3.0",
-    "picocolors": "^1.1.1",
     "prettier": "^3.0.3",
+    "tsdown": "^0.12.9",
     "typescript": "^5.8.3"
   }
 }

packages/plugin-react-swc/scripts/bundle.ts

@@ -1,31 +1,7 @@
 {
-  "include": [
-    "src",
-    "scripts",
-    "playwright.config.ts",
-    "playground/utils.ts",
-    "playground/*/__tests__"
-  ],
-  "compilerOptions": {
-    /* Target node 22 */
-    "module": "ESNext",
-    "lib": ["ES2023", "DOM"],
-    "target": "ES2023",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "useUnknownInCatchVariables": true,
-    "noUncheckedSideEffectImports": true,
-    "noPropertyAccessFromIndexSignature": true
-  }
+  "include": [],
+  "references": [
+    { "path": "./tsconfig.src.json" },
+    { "path": "./tsconfig.test.json" }
+  ]
 }

packages/plugin-react-swc/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "include": ["src"],
+  "compilerOptions": {
+    /* Target node 22 */
+    "module": "ESNext",
+    "lib": ["ES2023", "DOM"],
+    "target": "ES2023",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "declaration": true,
+    "isolatedDeclarations": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "useUnknownInCatchVariables": true,
+    "noUncheckedSideEffectImports": true,
+    "noPropertyAccessFromIndexSignature": true
+  }
+}

packages/plugin-react-swc/tsconfig.src.json

@@ -0,0 +1,25 @@
+{
+  "include": ["playwright.config.ts", "playground"],
+  "compilerOptions": {
+    /* Target node 22 */
+    "module": "ESNext",
+    "lib": ["ES2023", "DOM"],
+    "target": "ES2023",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "useUnknownInCatchVariables": true,
+    "noUncheckedSideEffectImports": true,
+    "noPropertyAccessFromIndexSignature": true
+  }
+}

packages/plugin-react-swc/tsconfig.test.json

@@ -0,0 +1,57 @@
+import { writeFileSync } from 'node:fs'
+import { defineConfig } from 'tsdown'
+import packageJSON from './package.json'
+
+export default defineConfig({
+  entry: 'src/index.ts',
+  format: ['esm', 'cjs'],
+  dts: true,
+  copy: [
+    {
+      from: 'node_modules/@vitejs/react-common/refresh-runtime.js',
+      to: 'dist/refresh-runtime.js',
+    },
+    {
+      from: 'LICENSE',
+      to: 'dist/LICENSE',
+    },
+    {
+      from: 'README.md',
+      to: 'dist/README.md',
+    },
+  ],
+  outputOptions(outputOpts, format) {
+    if (format === 'cjs') {
+      outputOpts.footer = 'module.exports.default = module.exports'
+    }
+    return outputOpts
+  },
+  onSuccess() {
+    writeFileSync(
+      'dist/package.json',
+      JSON.stringify(
+        {
+          ...Object.fromEntries(
+            Object.entries(packageJSON).filter(
+              ([key, _val]) =>
+                key !== 'devDependencies' &&
+                key !== 'scripts' &&
+                key !== 'private',
+            ),
+          ),
+          main: 'index.cjs',
+          types: 'index.d.ts',
+          module: 'index.js',
+          exports: {
+            '.': {
+              require: './index.cjs',
+              import: './index.js',
+            },
+          },
+        },
+        null,
+        2,
+      ),
+    )
+  },
+})