refactor: upgrade vite for vitest and storybook

Tough cookie. There is a problem with resolving react-remove-scroll,
figured it by reducing allowed amount of server conditions.

Author: TrySound

.storybook/main.ts

@@ -1,6 +1,7 @@
 import * as path from "node:path";
-import type { StorybookConfig } from "@storybook/react-vite";
 import { existsSync, readdirSync } from "node:fs";
+import { defaultClientConditions } from "vite";
+import type { StorybookConfig } from "@storybook/react-vite";
 
 const isFolderEmpty = (folderPath: string) => {
   if (!existsSync(folderPath)) {
@@ -82,15 +83,8 @@ export default {
       resolve: {
         ...config.resolve,
         conditions: hasPrivateFolders
-          ? [
-              "webstudio-private",
-              "webstudio",
-              "import",
-              "module",
-              "browser",
-              "default",
-            ]
-          : ["webstudio", "import", "module", "browser", "default"],
+          ? ["webstudio-private", "webstudio", ...defaultClientConditions]
+          : ["webstudio", ...defaultClientConditions],
 
         alias: [
           {

apps/builder/package.json

@@ -14,7 +14,7 @@
     "dev": "pnpm build:http-client && remix vite:dev",
     "dev:auth": "pnpm build:http-client && DEBUG=OAuth2Strategy,ws:* remix vite:dev",
     "typecheck": "tsc --noEmit --emitDeclarationOnly false",
-    "test": "pnpm build:http-client && vitest run"
+    "test": "vitest run"
   },
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^1.5.2",
@@ -138,7 +138,7 @@
     "type-fest": "^4.37.0",
     "typescript": "5.8.2",
     "vite": "^5.4.11",
-    "vitest": "^3.0.8"
+    "vitest": "^3.1.2"
   },
   "sideEffects": false,
   "license": "AGPL-3.0-or-later"

apps/builder/vite.config.ts

@@ -22,22 +22,6 @@ const hasPrivateFolders =
   }).length > 0;
 
 export default defineConfig(({ mode }) => {
-  if (mode === "test") {
-    return {
-      resolve: {
-        conditions: hasPrivateFolders
-          ? ["webstudio-private", "webstudio"]
-          : ["webstudio"],
-        alias: [
-          {
-            find: "~",
-            replacement: resolve("app"),
-          },
-        ],
-      },
-    };
-  }
-
   if (mode === "development") {
     // Enable self-signed certificates for development service 2 service fetch calls.
     // This is particularly important for secure communication with the oauth.ws.token endpoint.

apps/builder/vitest.config.ts

@@ -0,0 +1,20 @@
+import { resolve } from "node:path";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  resolve: {
+    alias: [
+      {
+        find: "~",
+        replacement: resolve("app"),
+      },
+    ],
+  },
+  // resolve webstudio condition in tests
+  ssr: {
+    resolve: {
+      conditions: ["webstudio", "node", "development|production"],
+      // conditions: ["webstudio", ...defaultServerConditions],
+    },
+  },
+});

package.json

@@ -52,7 +52,7 @@
     "tsx": "^4.19.3",
     "typescript": "5.8.2",
     "typescript-eslint": "^8.26.1",
-    "vite": "^5.4.11"
+    "vite": "^6.3.3"
   },
   "engines": {
     "node": "20",

packages/asset-uploader/package.json

@@ -24,7 +24,7 @@
   "devDependencies": {
     "@types/fontkit": "^2.0.7",
     "@webstudio-is/tsconfig": "workspace:*",
-    "vitest": "^3.0.8",
+    "vitest": "^3.1.2",
     "zod": "^3.24.2"
   },
   "exports": {

packages/cli/package.json

@@ -82,7 +82,7 @@
     "ts-expect": "^1.3.0",
     "vike": "^0.4.228",
     "vite": "^5.4.11",
-    "vitest": "^3.0.8",
+    "vitest": "^3.1.2",
     "wrangler": "^3.63.2"
   }
 }

packages/css-data/package.json

@@ -20,7 +20,7 @@
     "@webstudio-is/tsconfig": "workspace:*",
     "html-tags": "^4.0.0",
     "mdn-data": "2.8.0",
-    "vitest": "^3.0.8",
+    "vitest": "^3.1.2",
     "zod": "^3.24.2"
   },
   "peerDependencies": {

packages/css-engine/package.json

@@ -22,7 +22,7 @@
     "@webstudio-is/tsconfig": "workspace:*",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
-    "vitest": "^3.0.8"
+    "vitest": "^3.1.2"
   },
   "exports": {
     ".": {

packages/design-system/package.json

@@ -17,7 +17,7 @@
     "@webstudio-is/tsconfig": "workspace:*",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
-    "vitest": "^3.0.8",
+    "vitest": "^3.1.2",
     "zod": "^3.24.2"
   },
   "peerDependencies": {