RSC: Add middleware to kitchen-sink

__fixtures__/test-project-rsc-kitchen-sink/web/src/entry.server.tsx

@@ -20,3 +20,9 @@ export const ServerEntry: React.FC<Props> = ({ css, meta, location }) => {
     </Document>
   )
 }
+
+export async function registerMiddleware() {
+  const { middleware: selfMtsMw } = await import('./middleware/self.mjs')
+
+  return [selfMtsMw]
+}

__fixtures__/test-project-rsc-kitchen-sink/web/src/middleware/self.mts

@@ -0,0 +1,28 @@
+import fs from 'node:fs'
+import { fileURLToPath } from 'node:url'
+
+import type {
+  MiddlewareRequest,
+  MiddlewareResponse,
+} from '@redwoodjs/vite/middleware'
+
+const __filename = fileURLToPath(import.meta.url)
+
+export async function middleware(
+  req: MiddlewareRequest,
+  mwResponse: MiddlewareResponse
+) {
+  console.log('self.mts Middleware')
+  console.log('self.mts req.url:', req.url)
+
+  const url = new URL(req.url)
+  if (url.pathname !== '/self.mts') {
+    return mwResponse
+  }
+
+  const selfTs = fs.readFileSync(__filename, 'utf8')
+
+  mwResponse.body = selfTs
+
+  return mwResponse
+}

tasks/smoke-tests/rsc-kitchen-sink/tests/rsc-kitchen-sink.spec.ts

@@ -142,3 +142,13 @@ test('Server Cell in Layout', async ({ page }) => {
   // above the code block and then once more inside the codeblock itself
   expect(mainText.match(/The source of this server cell/g)).toHaveLength(2)
 })
+
+test('middleware', async ({ page }) => {
+  await page.goto('/self.mts')
+
+  const bodyText = await page.locator('body').innerText()
+
+  expect(bodyText).toMatch(/import { fileURLToPath } from "node:url"/)
+  expect(bodyText).toMatch(/self\.mts Middleware/)
+  expect(bodyText).toMatch(/\.readFileSync\(__filename/)
+})