feat(rsc): auto optimize use-sync-external-store

Author: hi-ogawa

packages/plugin-rsc/examples/basic/src/routes/deps/deep-cjs/client.tsx

@@ -0,0 +1,12 @@
+'use client'
+
+// @ts-ignore
+import { TestClient } from '@vitejs/test-dep-deep-cjs/client'
+
+export function TestDeepCjsClient() {
+  return (
+    <div>
+      [test-dep-deep-cjs-client: <TestClient />]
+    </div>
+  )
+}

packages/plugin-rsc/examples/basic/src/routes/root.tsx

@@ -29,6 +29,7 @@ import { TestTemporaryReference } from './temporary-reference/client'
 import { TestUseCache } from './use-cache/server'
 import { TestHydrationMismatch } from './hydration-mismatch/server'
 import { TestBrowserOnly } from './browser-only/client'
+import { TestDeepCjsClient } from './deps/deep-cjs/client'
 
 export function Root(props: { url: URL }) {
   return (
@@ -67,6 +68,7 @@ export function Root(props: { url: URL }) {
         <TestClientInServer />
         <TestServerInServer />
         <TestServerInClient />
+        <TestDeepCjsClient />
         <TestActionStateServer />
         <TestModuleInvalidationServer />
         <TestBrowserOnly />

packages/plugin-rsc/examples/basic/test-dep/deep-cjs/client.js

@@ -1,7 +1,9 @@
 'use client'
 
 import React from 'react'
-import { useSyncExternalStore } from 'use-sync-external-store'
+
+// same as https://github.com/vercel/swr/blob/063fe55dddb95f0b6c3f1637a935c43d732ded78/src/index/use-swr.ts#L3
+import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js'
 
 const h = React.createElement
 

packages/plugin-rsc/examples/basic/vite.config.ts

@@ -135,12 +135,28 @@ export default { fetch: handler };
     minify: false,
     manifest: true,
   },
-  optimizeDeps: {
-    exclude: [
-      '@vitejs/test-dep-client-in-server/client',
-      '@vitejs/test-dep-client-in-server2/client',
-      '@vitejs/test-dep-server-in-client/client',
-    ],
+  environments: {
+    client: {
+      optimizeDeps: {
+        entries: [
+          './src/routes/**/client.tsx',
+          './src/framework/browser.entry.tsx',
+        ],
+        exclude: [
+          '@vitejs/test-dep-client-in-server/client',
+          '@vitejs/test-dep-client-in-server2/client',
+          '@vitejs/test-dep-server-in-client/client',
+        ],
+      },
+    },
+    ssr: {
+      optimizeDeps: {
+        // TODO: this should be somehow auto inferred
+        include: [
+          '@vitejs/test-dep-deep-cjs > use-sync-external-store/shim/index.js',
+        ],
+      },
+    },
   },
 }) as any