Supporting Vite 6

package.json

@@ -17,7 +17,7 @@
     "@swc/core": "^1.5.7"
   },
   "peerDependencies": {
-    "vite": "^4 || ^5"
+    "vite": "^4 || ^5 || ^6"
   },
   "devDependencies": {
     "@arnaud-barre/tnode": "^0.19.2",
@@ -30,6 +30,6 @@
     "picocolors": "^1.0.1",
     "prettier": "^3.0.3",
     "typescript": "^5.4.5",
-    "vite": "^5.2.11"
+    "vite": "^6.0.0-alpha.13"
   }
 }

playground/emotion-plugin/__tests__/emotion-plugin.spec.ts

@@ -27,7 +27,7 @@ test("Emotion plugin HMR", async ({ page }) => {
   const { testUrl, server, editFile } = await setupDevServer("emotion-plugin");
   const waitForLogs = await setupWaitForLogs(page);
   await page.goto(testUrl);
-  await waitForLogs("[vite] connected.");
+  await waitForLogs("connected.");
 
   const button = page.locator("button");
   await button.hover();

playground/emotion/__tests__/emotion.spec.ts

@@ -27,7 +27,7 @@ test("Emotion HMR", async ({ page }) => {
   const { testUrl, server, editFile } = await setupDevServer("emotion");
   const waitForLogs = await setupWaitForLogs(page);
   await page.goto(testUrl);
-  await waitForLogs("[vite] connected.");
+  await waitForLogs("connected.");
 
   const button = page.locator("button");
   await button.hover();

playground/hmr/__tests__/hmr.spec.ts

@@ -19,7 +19,7 @@ test("HMR invalidate", async ({ page }) => {
   const { testUrl, server, editFile } = await setupDevServer("hmr");
   const waitForLogs = await setupWaitForLogs(page);
   await page.goto(testUrl);
-  await waitForLogs("[vite] connected.");
+  await waitForLogs("connected.");
 
   await page.click("button");
   await expect(page.locator("button")).toHaveText("count is 1");
@@ -74,7 +74,7 @@ test("HMR invalidate", async ({ page }) => {
   await waitForLogs(
     "[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (export removed)",
     "[vite] hot updated: /src/App.tsx",
-    "[hmr] Failed to reload /src/App.tsx. This could be due to syntax errors or importing non-existent modules. (see errors above)",
+    "[vite] Failed to reload /src/App.tsx. This could be due to syntax errors or importing non-existent modules. (see errors above)",
   );
 
   // Remove usage from App

playground/mdx/__tests__/mdx.spec.ts

@@ -16,7 +16,7 @@ test("MDX HMR", async ({ page }) => {
   const { testUrl, server, editFile } = await setupDevServer("mdx");
   const waitForLogs = await setupWaitForLogs(page);
   await page.goto(testUrl);
-  await waitForLogs("[vite] connected.");
+  await waitForLogs("connected.");
 
   await expect(page.getByRole("heading", { name: "Hello" })).toBeVisible();
 

playground/shadow-export/__tests__/shadow-export.spec.ts

@@ -5,7 +5,7 @@ test("Shadow export HMR", async ({ page }) => {
   const { testUrl, server, editFile } = await setupDevServer("shadow-export");
   const waitForLogs = await setupWaitForLogs(page);
   await page.goto(testUrl);
-  await waitForLogs("[vite] connected.");
+  await waitForLogs("connected.");
   await expect(page.locator("body")).toHaveText("Shadow export");
 
   editFile("src/App.tsx", ["Shadow export", "Shadow export updates!"]);

playground/styled-components/__tests__/styled-components.spec.ts

@@ -27,7 +27,7 @@ test("styled-components HMR", async ({ page }) => {
     await setupDevServer("styled-components");
   const waitForLogs = await setupWaitForLogs(page);
   await page.goto(testUrl);
-  await waitForLogs("[vite] connected.");
+  await waitForLogs("connected.");
 
   const button = page.locator("button");
   await expect(button).toHaveText("count is 0", { timeout: 30000 });

scripts/bundle.ts

@@ -57,7 +57,7 @@ module.exports.default = react;`,
   copyFileSync("README.md", "dist/README.md");
 
   execSync(
-    "tsc src/index.ts --declaration --emitDeclarationOnly --outDir dist --module es2020 --moduleResolution bundler",
+    "tsc src/index.ts --declaration --emitDeclarationOnly --outDir dist --module es2020 --moduleResolution bundler --skipLibCheck",
     { stdio: "inherit" },
   );