refactor: flip browser and ssr build

Author: hi-ogawa

packages/react-server/examples/basic/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite dev",
-    "build": "vite build",
+    "build": "vite build --ssr",
     "preview": "vite preview",
     "test-e2e": "playwright test",
     "test-e2e-preview": "E2E_PREVIEW=1 playwright test",

packages/react-server/examples/starter/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite dev",
-    "build": "vite build",
+    "build": "vite build --ssr",
     "preview": "vite preview",
     "cf-build": "SSR_ENTRY=/src/adapters/cloudflare-workers.ts pnpm build && bash misc/cloudflare-workers/build.sh",
     "cf-preview": "cd misc/cloudflare-workers && wrangler dev",

packages/react-server/src/plugin/index.ts

@@ -289,7 +289,7 @@ export function vitePluginReactServer(options?: {
     },
   };
 
-  // orchestrate four builds from a single vite (browser) build
+  // orchestrate four builds from a single vite (ssr) build
   const buildOrchestrationPlugin: Plugin = {
     name: vitePluginReactServer.name + ":build",
     apply: "build",
@@ -298,24 +298,18 @@ export function vitePluginReactServer(options?: {
         console.log("▶▶▶ REACT SERVER BUILD (scan) [1/4]");
         manager.buildType = "scan";
         await build(reactServerViteConfig);
+
         console.log("▶▶▶ REACT SERVER BUILD (server) [2/4]");
         manager.buildType = "rsc";
         manager.rscUseClientIds.clear();
         await build(reactServerViteConfig);
+
         console.log("▶▶▶ REACT SERVER BUILD (browser) [3/4]");
         manager.buildType = "client";
-      }
-    },
-    async closeBundle() {
-      // TODO: build ssr only when client build succeeds
-      if (manager.buildType === "client") {
+        await build();
+
         console.log("▶▶▶ REACT SERVER BUILD (ssr) [4/4]");
         manager.buildType = "ssr";
-        await build({
-          build: {
-            ssr: true,
-          },
-        });
       }
     },
   };