test: more example

Author: hi-ogawa

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

@@ -0,0 +1,20 @@
+'use client'
+
+import React from 'react'
+import { clientDep } from './client-dep'
+import { ClientDepComp } from './client-dep-comp'
+
+export function TestHmrClientDepA() {
+  const [count, setCount] = React.useState(0)
+  return (
+    <>
+      <span data-testid="test-hmr-client-dep3">
+        <button onClick={() => setCount((c) => c + 1)}>
+          test-hmr-client-dep3: {count}
+        </button>
+        {clientDep()}
+        <ClientDepComp />
+      </span>
+    </>
+  )
+}

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

@@ -0,0 +1,7 @@
+'use client'
+
+import { TestHmrClientDepA } from './client-a'
+
+export function TestHmrClientDepB() {
+  return <TestHmrClientDepA />
+}

packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-dep-comp.tsx

@@ -0,0 +1,3 @@
+export function ClientDepComp() {
+  return '[ok]'
+}

packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-dep.ts

@@ -0,0 +1,3 @@
+export function clientDep() {
+  return '[ok]'
+}

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

@@ -0,0 +1,23 @@
+import { TestHmrClientDepA } from './client-a'
+import { TestHmrClientDepB } from './client-b'
+
+// example to demonstrate a folowing behavior
+// https://github.com/vitejs/vite-plugin-react/pull/788#issuecomment-3227656612
+/*
+server                       server
+   |                           |
+   v                           v
+client-a   client-a?t=xx <-- client-b
+   |         |
+   v         v
+client-dep-comp?t=xx
+*/
+
+export function TestHmrClientDep3() {
+  return (
+    <div>
+      <TestHmrClientDepA />
+      <TestHmrClientDepB />
+    </div>
+  )
+}

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

@@ -42,6 +42,7 @@ import { TestTreeShakeServer } from './tree-shake/server'
 import { TestClientChunkServer } from './chunk/server'
 import { TestTailwind } from './tailwind'
 import { TestHmrClientDep2 } from './hmr-client-dep2/client'
+import { TestHmrClientDep3 } from './hmr-client-dep3/server'
 
 export function Root(props: { url: URL }) {
   return (
@@ -66,6 +67,7 @@ export function Root(props: { url: URL }) {
         <TestHydrationMismatch url={props.url} />
         <TestHmrClientDep url={{ search: props.url.search }} />
         <TestHmrClientDep2 url={{ search: props.url.search }} />
+        <TestHmrClientDep3 />
         <TestHmrSharedServer />
         <TestHmrSharedClient />
         <TestHmrSharedAtomic />