test(rsc): test shared module hmr

Author: hi-ogawa

packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { TestHmrSharedComponent } from './shared1'
+import { testHmrSharedObject } from './shared2'
+
+export function TestHmrSharedClient() {
+  return (
+    <div>
+      test-hmr-shared-client: (<TestHmrSharedComponent />,{' '}
+      {testHmrSharedObject.value})
+    </div>
+  )
+}

packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx

@@ -0,0 +1,11 @@
+import { TestHmrSharedComponent } from './shared1'
+import { testHmrSharedObject } from './shared2'
+
+export function TestHmrSharedServer() {
+  return (
+    <div>
+      test-hmr-shared-server: (<TestHmrSharedComponent />,{' '}
+      {testHmrSharedObject.value})
+    </div>
+  )
+}

packages/plugin-rsc/examples/basic/src/routes/hmr-shared/shared1.tsx

@@ -0,0 +1,3 @@
+export function TestHmrSharedComponent() {
+  return <>component</>
+}

packages/plugin-rsc/examples/basic/src/routes/hmr-shared/shared2.tsx

@@ -0,0 +1,3 @@
+export const testHmrSharedObject = {
+  value: 'object',
+}

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

@@ -32,6 +32,8 @@ import { TestHydrationMismatch } from './hydration-mismatch/server'
 import { TestBrowserOnly } from './browser-only/client'
 import { TestTransitiveCjsClient } from './deps/transitive-cjs/client'
 import TestDepCssInServer from '@vitejs/test-dep-css-in-server/server'
+import { TestHmrSharedServer } from './hmr-shared/server'
+import { TestHmrSharedClient } from './hmr-shared/client'
 
 export function Root(props: { url: URL }) {
   return (
@@ -56,6 +58,8 @@ export function Root(props: { url: URL }) {
         <TestDepCssInServer />
         <TestHydrationMismatch url={props.url} />
         <TestHmrClientDep />
+        <TestHmrSharedServer />
+        <TestHmrSharedClient />
         <TestTemporaryReference />
         <TestServerActionError />
         <TestReplayConsoleLogs url={props.url} />