feat: directive pattern

Author: hi-ogawa

packages/plugin-rsc/.gitignore

@@ -11,3 +11,4 @@ test-results
 .debug
 .vite-inspect
 .claude
+.tmp

packages/plugin-rsc/e2e/starter.test.ts

@@ -1,6 +1,7 @@
 import { expect, test } from '@playwright/test'
 import { type Fixture, useFixture } from './fixture'
 import { expectNoReload, testNoJs, waitForHydration } from './helper'
+import fs from 'node:fs'
 
 test.describe('dev-default', () => {
   const f = useFixture({ root: 'examples/starter', mode: 'dev' })
@@ -22,6 +23,24 @@ test.describe('build-cloudflare', () => {
   defineTest(f)
 })
 
+test.describe(() => {
+  const root = '.tmp/starter-react-compiler'
+  test.beforeAll(async () => {
+    fs.rmSync(root, { recursive: true, force: true })
+    fs.cpSync('examples/starter', root, { recursive: true })
+  })
+
+  test.describe('dev-react-compiler', () => {
+    const f = useFixture({ root, mode: 'dev' })
+    defineTest(f)
+  })
+
+  test.describe('build-react-compiler', () => {
+    const f = useFixture({ root, mode: 'build' })
+    defineTest(f)
+  })
+})
+
 function defineTest(f: Fixture) {
   test('basic', async ({ page }) => {
     await page.goto(f.url())