fix: vite for external builds

Author: AleksandrSl

cmp/compiler/package.json

@@ -139,7 +139,7 @@
     "@types/react": "^18.3.26",
     "@types/react-dom": "^19.2.3",
     "@types/ws": "^8.18.1",
-    "next": "^16.0.3",
+    "next": "^16.1.0",
     "tsdown": "^0.16.5",
     "tsx": "^4.19.2",
     "typescript": "^5.9.3",
@@ -171,8 +171,8 @@
   },
   "peerDependencies": {
     "next": "^15.0.0 || ^16.0.4",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^19.0.0",
+    "react-dom": " ^19.0.0"
   },
   "peerDependenciesMeta": {
     "next": {

cmp/compiler/playwright.config.ts

@@ -42,11 +42,4 @@ export default defineConfig({
       use: { ...devices["Desktop Chrome"] },
     },
   ],
-
-  /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://localhost:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
 });

cmp/compiler/tests/helpers/locale-switcher.ts

@@ -1,4 +1,4 @@
-import { Page } from "@playwright/test";
+import { expect, Page } from "@playwright/test";
 
 export function getLocaleSwitcher(page: Page) {
   return page.getByTestId("lingo-locale-switcher").first();
@@ -19,6 +19,7 @@ export async function switchLocale(
   // Wait for the locale change to complete
   // This waits for any network requests to finish (e.g., translation file loading)
   await page.waitForLoadState("networkidle", { timeout: 10000 });
+  expect(await getLanguageFromHtml(page)).toBe(targetLocale);
 }
 
 /**
@@ -28,3 +29,11 @@ export async function getCurrentLocale(page: Page): Promise<string> {
   const select = getLocaleSwitcher(page);
   return await select.inputValue();
 }
+
+/**
+ * Get the language from the HTML lang attribute
+ */
+export async function getLanguageFromHtml(page: Page): Promise<string | null> {
+  const html = page.locator("html");
+  return await html.getAttribute("lang");
+}

cmp/compiler/tests/helpers/setup-fixture.ts

@@ -4,6 +4,7 @@ import * as path from "path";
 import { exec, spawn, ChildProcess } from "child_process";
 import { promisify } from "util";
 import { verifyFixtureIntegrity } from "./fixture-integrity.js";
+import * as os from "node:os";
 
 const execAsync = promisify(exec);
 
@@ -72,21 +73,6 @@ function killProcessTree(proc: ChildProcess): void {
   }
 }
 
-// TODO (AleksandrSl 16/12/2025): Could we use helpers from src?
-async function isPortInUse(port: number): Promise<boolean> {
-  try {
-    const response = await fetch(`http://localhost:${port}`);
-    return true; // If we get any response, port is in use
-  } catch (e: any) {
-    // ECONNREFUSED means port is not in use
-    if (e.code === "ECONNREFUSED") {
-      return false;
-    }
-    // Other errors might mean port is in use but not responding
-    return true;
-  }
-}
-
 export type Framework = "next" | "vite";
 
 export interface TestFixtureOptions {
@@ -164,20 +150,12 @@ export async function setupFixture(
       // Both Next.js and Vite are configured to use port 3000 in the demo apps
       const port = 3000;
 
-      // Check if port is already in use
-      if (await isPortInUse(port)) {
-        throw new Error(
-          `Port ${port} is already in use. Please free it before starting dev server.`,
-        );
-      }
-
       console.log(`Starting dev server for ${framework} on port ${port}...`);
-
-      const isWindows = process.platform === "win32";
+      const isWindows = os.platform() === "win32";
       const devProcess = spawn(isWindows ? "pnpm.cmd" : "pnpm", ["dev"], {
         cwd: fixturePath,
         stdio: "pipe",
-        shell: true,
+        shell: isWindows,
         detached: !isWindows, // Use process groups on Unix
       });
 
@@ -265,22 +243,13 @@ export async function setupFixture(
     async startProduction(): Promise<ProdServer> {
       const port = framework === "next" ? 3000 : 4173;
 
-      // Check if port is already in use
-      if (await isPortInUse(port)) {
-        throw new Error(
-          `Port ${port} is already in use. Please free it before starting production server.`,
-        );
-      }
-
-      console.log(
-        `Starting production server for ${framework} on port ${port}...`,
-      );
+      console.log(`Starting production server for ${framework}...`);
 
-      const isWindows = process.platform === "win32";
+      const isWindows = os.platform() === "win32";
       const prodProcess = spawn(isWindows ? "pnpm.cmd" : "pnpm", ["start"], {
         cwd: fixturePath,
         stdio: "pipe",
-        shell: true,
+        shell: isWindows,
         detached: !isWindows,
       });
 

cmp/demo/vite-react-spa/package.json

@@ -29,7 +29,7 @@
     "@vitejs/plugin-react": "^5.0.4",
     "jsdom": "^27.0.0",
     "typescript": "^5.7.2",
-    "vite": "^7.1.7",
+    "vite": "^7.3.0",
     "web-vitals": "^5.1.0"
   }
 }

cmp/demo/vite-react-spa/vite.config.ts

@@ -29,6 +29,9 @@ export default defineConfig({
     viteReact(),
     tailwindcss(),
   ],
+  optimizeDeps: {
+    exclude: ["@lingo.dev/compiler"],
+  },
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),