adopt Vite builds

contributors.yml

@@ -277,6 +277,7 @@
 - promet99
 - proshunsuke
 - pruszel
+- punkpeye
 - pwdcd
 - pyitphyoaung
 - refusado
@@ -386,4 +387,4 @@
 - ytori
 - yuleicul
 - zeromask1337
-- zheng-chuang
+- zheng-chuang

packages/react-router/package.json

@@ -29,7 +29,7 @@
         "default": "./dist/development/index.js"
       },
       "import": {
-        "types": "./dist/development/index.d.mts",
+        "types": "./dist/development/index.d.ts",
         "default": "./dist/development/index.mjs"
       },
       "default": {
@@ -42,7 +42,7 @@
         "types": "./dist/development/lib/types/route-module.d.ts"
       },
       "import": {
-        "types": "./dist/development/lib/types/route-module.d.mts"
+        "types": "./dist/development/lib/types/route-module.d.ts"
       },
       "default": {
         "types": "./dist/development/lib/types/route-module.d.ts"
@@ -55,7 +55,7 @@
         "default": "./dist/development/dom-export.js"
       },
       "import": {
-        "types": "./dist/development/dom-export.d.mts",
+        "types": "./dist/development/dom-export.d.ts",
         "default": "./dist/development/dom-export.mjs"
       },
       "default": {
@@ -71,7 +71,7 @@
   },
   "wireit": {
     "build": {
-      "command": "rimraf dist && tsup",
+      "command": "rimraf dist && vite build --mode development && vite build --mode production",
       "files": [
         "lib/**",
         "*.ts",
@@ -89,11 +89,13 @@
   },
   "devDependencies": {
     "@types/set-cookie-parser": "^2.4.1",
+    "@vitejs/plugin-react": "^4.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^6.0.1",
-    "tsup": "^8.3.0",
     "typescript": "^5.1.6",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.3",
     "wireit": "0.14.9"
   },
   "peerDependencies": {

packages/react-router/vite.config.mts

@@ -0,0 +1,61 @@
+import { defineConfig } from 'vite';
+import path from 'path';
+import { createBanner } from "../../build.utils.js";
+import pkg from './package.json';
+import dts from 'vite-plugin-dts';
+import excludeDependenciesFromBundle from "rollup-plugin-exclude-dependencies-from-bundle";
+
+// Create build configurations for development and production
+export default defineConfig(({mode}) => {
+  const enableDevWarnings = mode !== 'production';
+  const outDir = enableDevWarnings ? 'development' : 'production';
+
+  return {
+    build: {
+      lib: {
+        entry: {
+          index: path.resolve(__dirname, 'index.ts'),
+          'dom-export': path.resolve(__dirname, 'dom-export.ts'),
+          'lib/types/route-module': path.resolve(__dirname, 'lib/types/route-module.ts')
+        },
+      },
+      emptyOutDir: false,
+      rollupOptions: {
+        external: ['react-router'],
+        plugins: [
+          excludeDependenciesFromBundle() as any,
+        ],
+        output: [
+          {
+            format: 'es',
+            dir: `dist/${outDir}`,
+            preserveModules: true,
+            preserveModulesRoot: 'src',
+            entryFileNames: '[name].mjs',
+            banner: createBanner(pkg.name, pkg.version),
+          },
+          {
+            format: 'cjs',
+            dir: `dist/${outDir}`,
+            preserveModules: true,
+            preserveModulesRoot: 'src',
+            entryFileNames: '[name].js',
+            banner: createBanner(pkg.name, pkg.version),
+            exports: 'named',
+          },
+        ],
+      },
+    },
+    define: {
+      'import.meta.hot': 'undefined',
+      'REACT_ROUTER_VERSION': JSON.stringify(pkg.version),
+      'DEV': JSON.stringify(enableDevWarnings),
+    },
+    plugins: [
+      dts({
+        outDir: `dist/${outDir}`,
+        rollupTypes: true,
+      }),
+    ],
+  };
+});