chore: 🤖 use rolldown-vite instead

apps/lit-js/package.json

@@ -12,6 +12,6 @@
     "lit": "^3.1.4"
   },
   "devDependencies": {
-    "vite": "^5.3.4"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/lit-ts/package.json

@@ -13,6 +13,6 @@
   },
   "devDependencies": {
     "typescript": "^5.2.2",
-    "vite": "^5.3.4"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/lit-ts/src/my-element.ts

@@ -1,6 +1,8 @@
 import { LitElement, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
+// @ts-ignore
 import litLogo from './assets/lit.svg'
+// @ts-ignore
 import viteLogo from '/vite.svg'
 
 /**

apps/preact-js/package.json

@@ -13,6 +13,6 @@
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.8.3",
-    "vite": "^5.3.4"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/preact-js/vite.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'rolldown-vite'
 import preact from '@preact/preset-vite'
 
 // https://vitejs.dev/config/

apps/preact-ts/package.json

@@ -14,6 +14,6 @@
   "devDependencies": {
     "@preact/preset-vite": "^2.8.3",
     "typescript": "^5.2.2",
-    "vite": "^5.3.4"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/preact-ts/vite.config.ts

@@ -1,4 +1,5 @@
-import { defineConfig } from 'vite'
+// @ts-ignore
+import { defineConfig } from 'rolldown-vite'
 import preact from '@preact/preset-vite'
 
 // https://vitejs.dev/config/

apps/react-jsx/package.json

@@ -1,26 +1,26 @@
 {
-  "name": "react-jsx",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "eslint": "^9.0.0",
-    "eslint-plugin-react": "^7.34.3",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "vite": "^5.3.4"
-  }
+	"name": "react-jsx",
+	"private": true,
+	"version": "0.0.0",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
+		"preview": "vite preview"
+	},
+	"dependencies": {
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
+	},
+	"devDependencies": {
+		"@types/react": "^18.3.3",
+		"@types/react-dom": "^18.3.0",
+		"@vitejs/plugin-react": "^4.3.1",
+		"eslint": "^8.57.0",
+		"eslint-plugin-react": "^7.34.3",
+		"eslint-plugin-react-hooks": "^4.6.2",
+		"eslint-plugin-react-refresh": "^0.4.7",
+		"rolldown-vite": "0.1.0"
+	}
 }

apps/react-jsx/vite.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'rolldown-vite'
 import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/

apps/react-tsx/package.json

@@ -23,6 +23,6 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "typescript": "^5.2.2",
-    "vite": "^5.3.4"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/react-tsx/vite.config.ts

@@ -1,4 +1,5 @@
-import { defineConfig } from 'vite'
+// @ts-ignore
+import { defineConfig } from 'rolldown-vite'
 import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/

apps/solid-js/package.json

@@ -12,7 +12,7 @@
     "solid-js": "^1.8.18"
   },
   "devDependencies": {
-    "vite": "^5.3.2",
+    "rolldown-vite": "0.1.0",
     "vite-plugin-solid": "^2.10.2"
   }
 }

apps/solid-js/vite.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'rolldown-vite'
 import solid from 'vite-plugin-solid'
 
 export default defineConfig({

apps/solid-ts/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "typescript": "^5.2.2",
-    "vite": "^5.3.2",
+    "rolldown-vite": "0.1.0",
     "vite-plugin-solid": "^2.10.2"
   }
 }

apps/solid-ts/vite.config.ts

@@ -1,4 +1,5 @@
-import { defineConfig } from 'vite'
+// @ts-ignore
+import { defineConfig } from 'rolldown-vite'
 import solid from 'vite-plugin-solid'
 
 export default defineConfig({

apps/svelte-js/package.json

@@ -11,6 +11,6 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
     "svelte": "^4.2.18",
-    "vite": "^5.3.2"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/svelte-js/vite.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'rolldown-vite'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
 
 // https://vitejs.dev/config/

apps/svelte-ts/package.json

@@ -16,6 +16,6 @@
     "svelte-check": "^3.8.4",
     "tslib": "^2.6.3",
     "typescript": "^5.2.2",
-    "vite": "^5.3.2"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/svelte-ts/vite.config.ts

@@ -1,4 +1,5 @@
-import { defineConfig } from 'vite'
+// @ts-ignore
+import { defineConfig } from 'rolldown-vite'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
 
 // https://vitejs.dev/config/

apps/vanilla-js/package.json

@@ -9,6 +9,6 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "vite": "^5.3.4"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/vanilla-ts/package.json

@@ -10,6 +10,6 @@
   },
   "devDependencies": {
     "typescript": "^5.2.2",
-    "vite": "^5.3.4"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/vanilla-ts/src/main.ts

@@ -1,5 +1,7 @@
 import './style.css'
+// @ts-ignore
 import typescriptLogo from './typescript.svg'
+// @ts-ignore
 import viteLogo from '/vite.svg'
 import { setupCounter } from './counter.ts'
 

apps/vue-js/package.json

@@ -13,6 +13,6 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
-    "vite": "^5.3.4"
+    "rolldown-vite": "0.1.0"
   }
 }

apps/vue-js/vite.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite'
+import { defineConfig } from 'rolldown-vite'
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/

apps/vue-ts/package.json

@@ -14,7 +14,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
     "typescript": "^5.2.2",
-    "vite": "^5.3.4",
+    "rolldown-vite": "0.1.0",
     "vue-tsc": "^2.0.24"
   }
 }

apps/vue-ts/vite.config.ts

@@ -1,4 +1,5 @@
-import { defineConfig } from 'vite'
+// @ts-ignore
+import { defineConfig } from 'rolldown-vite'
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/

packages/build-tester/index.mjs

@@ -11,15 +11,22 @@ const __dirname = fileURLToPath(new URL(".", import.meta.url));
 const appDir = path.resolve(__dirname, "../../apps");
 const list = fs.readdirSync(appDir);
 
+// ignore app list
+const ignoreList = ["qwik-jsx", "qwik-tsx"];
+
 let hasError = false;
 for (let appName of list) {
+	if (ignoreList.includes(appName)) {
+		console.warn(`Ignoring ${appName}`);
+		continue;
+	}
 	let abPath = path.resolve(appDir, appName);
 	let err;
 	try {
 		await runInApp(abPath, appName);
 	} catch (e) {
 		err = e;
-    hasError = true;
+		hasError = true;
 	} finally {
 		if (err) {
 			console.error(`Error: ${err} when executed ${appName}`, err);
@@ -30,11 +37,11 @@ for (let appName of list) {
 }
 
 if (hasError) {
-  process.exit(-1)
+	process.exit(-1);
 }
 
 /**
- * @param {string} dirPath 
+ * @param {string} dirPath
  * @param {string} caseName
  *
  * */
@@ -56,9 +63,9 @@ function runInApp(dirPath, caseName) {
 			} finally {
 				cleanUp(exitCode, () => {
 					if (err) {
-            reject(err)
+						reject(err);
 					} else {
-            resolve(undefined)
+						resolve(undefined);
 					}
 				});
 			}

packages/build-tester/verify.mjs

@@ -56,4 +56,24 @@ export const customAssertMap = {
 		let content = await (await page.waitForSelector("#root > h1")).innerText();
 		assert(content.includes("Vite"));
 	},
+	"solid-js": async (page) => {
+		let content = await (await page.waitForSelector("#root > h1")).innerText();
+		assert(content.includes("Vite"));
+	},
+	"solid-ts": async (page) => {
+		let content = await (await page.waitForSelector("#root > h1")).innerText();
+		assert(content.includes("Vite"));
+	},
+	"svelte-js": async (page) => {
+		let content = await (
+			await page.waitForSelector("#app > main > h1")
+		).innerText();
+		assert(content.includes("Vite"));
+	},
+	"svelte-ts": async (page) => {
+		let content = await (
+			await page.waitForSelector("#app > main > h1")
+		).innerText();
+		assert(content.includes("Vite"));
+	},
 };