feat(rsc): show logs for build steps (#936)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: hi-ogawa <4232207+hi-ogawa@users.noreply.github.com>
Co-authored-by: Hiroshi Ogawa <hi.ogawa.zz@gmail.com>

Author: Copilot

packages/plugin-rsc/package.json

@@ -58,6 +58,7 @@
     "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "workspace:*",
     "@vitejs/test-dep-cjs-and-esm": "./test-dep/cjs-and-esm",
+    "picocolors": "^1.1.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-server-dom-webpack": "^19.2.0",

packages/plugin-rsc/src/plugin.ts

@@ -271,19 +271,28 @@ export default function vitePluginRsc(
   const manager = new RscPluginManager()
 
   const buildApp: NonNullable<BuilderOptions['buildApp']> = async (builder) => {
+    const colors = await import('picocolors')
+    const logStep = (msg: string) => {
+      builder.config.logger.info(colors.blue(msg))
+    }
+
     // no-ssr case
     // rsc -> client -> rsc -> client
     if (!builder.environments.ssr?.config.build.rollupOptions.input) {
       manager.isScanBuild = true
       builder.environments.rsc!.config.build.write = false
       builder.environments.client!.config.build.write = false
+      logStep('[1/4] analyze client references...')
       await builder.build(builder.environments.rsc!)
+      logStep('[2/4] analyze server references...')
       await builder.build(builder.environments.client!)
       manager.isScanBuild = false
       builder.environments.rsc!.config.build.write = true
       builder.environments.client!.config.build.write = true
+      logStep('[3/4] build rsc environment...')
       await builder.build(builder.environments.rsc!)
       manager.stabilize()
+      logStep('[4/4] build client environment...')
       await builder.build(builder.environments.client!)
       writeAssetsManifest(['rsc'])
       return
@@ -293,14 +302,19 @@ export default function vitePluginRsc(
     manager.isScanBuild = true
     builder.environments.rsc!.config.build.write = false
     builder.environments.ssr!.config.build.write = false
+    logStep('[1/5] analyze client references...')
     await builder.build(builder.environments.rsc!)
+    logStep('[2/5] analyze server references...')
     await builder.build(builder.environments.ssr!)
     manager.isScanBuild = false
     builder.environments.rsc!.config.build.write = true
     builder.environments.ssr!.config.build.write = true
+    logStep('[3/5] build rsc environment...')
     await builder.build(builder.environments.rsc!)
     manager.stabilize()
+    logStep('[4/5] build client environment...')
     await builder.build(builder.environments.client!)
+    logStep('[5/5] build ssr environment...')
     await builder.build(builder.environments.ssr!)
     writeAssetsManifest(['ssr', 'rsc'])
   }