first commit

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/uncached/api/route.ts

@@ -0,0 +1,11 @@
+export function GET() {
+  const response = JSON.stringify({
+    rand1: Math.random(),
+    rand2: Math.random(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/unstable-cache/api/route.ts

@@ -0,0 +1,17 @@
+import { unstable_cache as cache } from 'next/cache'
+
+export async function GET() {
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/unstable-cache/page.tsx

@@ -0,0 +1,22 @@
+import { unstable_cache as cache } from 'next/cache'
+
+export default async function Page() {
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/use-cache/api/route.ts

@@ -0,0 +1,16 @@
+export async function GET() {
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+async function getCachedRandom() {
+  'use cache'
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/prerendered/use-cache/page.tsx

@@ -0,0 +1,21 @@
+export default async function Page() {
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+async function getCachedRandom() {
+  'use cache'
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/uncached/api/route.ts

@@ -0,0 +1,14 @@
+import { connection } from 'next/server'
+
+export async function GET() {
+  await connection()
+  const response = JSON.stringify({
+    rand1: Math.random(),
+    rand2: Math.random(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/uncached/page.tsx

@@ -0,0 +1,19 @@
+import { connection } from 'next/server'
+
+export default async function Page() {
+  await connection()
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/unstable-cache/api/route.ts

@@ -0,0 +1,19 @@
+import { connection } from 'next/server'
+import { unstable_cache as cache } from 'next/cache'
+
+export async function GET() {
+  await connection()
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/unstable-cache/page.tsx

@@ -0,0 +1,24 @@
+import { connection } from 'next/server'
+import { unstable_cache as cache } from 'next/cache'
+
+export default async function Page() {
+  await connection()
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/use-cache/api/route.ts

@@ -0,0 +1,19 @@
+import { connection } from 'next/server'
+
+export async function GET() {
+  await connection()
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+async function getCachedRandom() {
+  'use cache'
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/app/rendered/use-cache/page.tsx

@@ -0,0 +1,24 @@
+import { connection } from 'next/server'
+
+export default async function Page() {
+  await connection()
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+async function getCachedRandom() {
+  'use cache'
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/layout.tsx

@@ -0,0 +1,13 @@
+import { Suspense } from 'react'
+
+export default function Root({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <body>
+        <main>
+          <Suspense fallback="loading...">{children}</Suspense>
+        </main>
+      </body>
+    </html>
+  )
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/app/rewritten/page.tsx

@@ -0,0 +1,3 @@
+export default async function Page() {
+  return <section data-testid="content">rewritten</section>
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/middleware.ts

@@ -0,0 +1,8 @@
+import { NextResponse } from 'next/server'
+import type { NextRequest } from 'next/server'
+
+export function middleware(request: NextRequest) {
+  if (Math.random() > -1 && request.nextUrl.pathname === '/rewrite') {
+    return NextResponse.rewrite(new URL('/rewritten', request.url))
+  }
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/next.config.js

@@ -0,0 +1,8 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+  cacheComponents: true,
+}
+
+module.exports = nextConfig

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/pages/api/random.ts

@@ -0,0 +1,13 @@
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+type ResponseData = {
+  rand1: number
+  rand2: number
+}
+
+export default function handler(
+  _req: NextApiRequest,
+  res: NextApiResponse<ResponseData>
+) {
+  res.status(200).json({ rand1: Math.random(), rand2: Math.random() })
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/pages/pages/gip/random.tsx

@@ -0,0 +1,18 @@
+export default function Page({ rand1, rand2 }) {
+  return (
+    <main>
+      <ul>
+        <li>{rand1}</li>
+        <li>{rand2}</li>
+      </ul>
+    </main>
+  )
+}
+
+Page.getInitialProps = async () => {
+  const rand1 = Math.random()
+  const rand2 = Math.random()
+
+  // Pass data to the page via props
+  return { rand1, rand2 }
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/pages/pages/gsp/random.tsx

@@ -0,0 +1,18 @@
+export async function getStaticProps() {
+  const rand1 = Math.random()
+  const rand2 = Math.random()
+
+  // Pass data to the page via props
+  return { props: { rand1, rand2 } }
+}
+
+export default function Page({ rand1, rand2 }) {
+  return (
+    <main>
+      <ul>
+        <li>{rand1}</li>
+        <li>{rand2}</li>
+      </ul>
+    </main>
+  )
+}

test/e2e/app-dir/node-extensions/fixtures/random/cache-components/pages/pages/gssp/random.tsx

@@ -0,0 +1,18 @@
+export async function getServerSideProps() {
+  const rand1 = Math.random()
+  const rand2 = Math.random()
+
+  // Pass data to the page via props
+  return { props: { rand1, rand2 } }
+}
+
+export default function Page({ rand1, rand2 }) {
+  return (
+    <main>
+      <ul>
+        <li>{rand1}</li>
+        <li>{rand2}</li>
+      </ul>
+    </main>
+  )
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/edge/uncached/api/route.ts

@@ -0,0 +1,13 @@
+export const runtime = 'edge'
+
+export function GET() {
+  const response = JSON.stringify({
+    rand1: Math.random(),
+    rand2: Math.random(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/edge/uncached/page.tsx

@@ -0,0 +1,18 @@
+export const runtime = 'edge'
+
+export default async function Page() {
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/edge/unstable-cache/api/route.ts

@@ -0,0 +1,19 @@
+import { unstable_cache as cache } from 'next/cache'
+
+export const runtime = 'edge'
+
+export async function GET() {
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/edge/unstable-cache/page.tsx

@@ -0,0 +1,24 @@
+import { unstable_cache as cache } from 'next/cache'
+
+export const runtime = 'edge'
+
+export default async function Page() {
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/prerendered/uncached/api/route.ts

@@ -0,0 +1,13 @@
+export const revalidate = 1
+
+export function GET() {
+  const response = JSON.stringify({
+    rand1: Math.random(),
+    rand2: Math.random(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/prerendered/uncached/page.tsx

@@ -0,0 +1,20 @@
+export default async function Page() {
+  if (typeof process !== 'undefined') {
+    // we delay the random calls to avoid triggering dynamic in other component trees
+    await new Promise((r) => process.nextTick(r))
+  }
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/prerendered/unstable-cache/api/route.ts

@@ -0,0 +1,19 @@
+export const revalidate = 1
+
+import { unstable_cache as cache } from 'next/cache'
+
+export async function GET() {
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/prerendered/unstable-cache/page.tsx

@@ -0,0 +1,22 @@
+import { unstable_cache as cache } from 'next/cache'
+
+export default async function Page() {
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/rendered/uncached/api/route.ts

@@ -0,0 +1,14 @@
+import { connection } from 'next/server'
+
+export async function GET() {
+  await connection()
+  const response = JSON.stringify({
+    rand1: Math.random(),
+    rand2: Math.random(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/rendered/uncached/page.tsx

@@ -0,0 +1,19 @@
+import { connection } from 'next/server'
+
+export default async function Page() {
+  await connection()
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return Math.random()
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/rendered/unstable-cache/api/route.ts

@@ -0,0 +1,19 @@
+import { connection } from 'next/server'
+import { unstable_cache as cache } from 'next/cache'
+
+export async function GET() {
+  await connection()
+  const response = JSON.stringify({
+    rand1: await getCachedRandom(),
+    rand2: await getCachedRandom(),
+  })
+  return new Response(response, {
+    headers: {
+      'content-type': 'application/json',
+    },
+  })
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/app/rendered/unstable-cache/page.tsx

@@ -0,0 +1,24 @@
+import { connection } from 'next/server'
+import { unstable_cache as cache } from 'next/cache'
+
+export default async function Page() {
+  await connection()
+  return (
+    <ul>
+      <li>
+        <RandomValue />
+      </li>
+      <li>
+        <RandomValue />
+      </li>
+    </ul>
+  )
+}
+
+async function RandomValue() {
+  return getCachedRandom()
+}
+
+const getCachedRandom = cache(async () => {
+  return Math.random()
+})

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/layout.tsx

@@ -0,0 +1,13 @@
+import { Suspense } from 'react'
+
+export default function Root({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <body>
+        <main>
+          <Suspense fallback="loading...">{children}</Suspense>
+        </main>
+      </body>
+    </html>
+  )
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/app/rewritten/page.tsx

@@ -0,0 +1,3 @@
+export default async function Page() {
+  return <section data-testid="content">rewritten</section>
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/middleware.ts

@@ -0,0 +1,8 @@
+import { NextResponse } from 'next/server'
+import type { NextRequest } from 'next/server'
+
+export function middleware(request: NextRequest) {
+  if (Math.random() > -1 && request.nextUrl.pathname === '/rewrite') {
+    return NextResponse.rewrite(new URL('/rewritten', request.url))
+  }
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/next.config.js

@@ -0,0 +1,6 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {}
+
+module.exports = nextConfig

test/e2e/app-dir/node-extensions/fixtures/random/legacy/pages/api/random.ts

@@ -0,0 +1,13 @@
+import type { NextApiRequest, NextApiResponse } from 'next'
+
+type ResponseData = {
+  rand1: number
+  rand2: number
+}
+
+export default function handler(
+  _req: NextApiRequest,
+  res: NextApiResponse<ResponseData>
+) {
+  res.status(200).json({ rand1: Math.random(), rand2: Math.random() })
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/pages/pages/gip/random.tsx

@@ -0,0 +1,18 @@
+export default function Page({ rand1, rand2 }) {
+  return (
+    <main>
+      <ul>
+        <li>{rand1}</li>
+        <li>{rand2}</li>
+      </ul>
+    </main>
+  )
+}
+
+Page.getInitialProps = async () => {
+  const rand1 = Math.random()
+  const rand2 = Math.random()
+
+  // Pass data to the page via props
+  return { rand1, rand2 }
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/pages/pages/gsp/random.tsx

@@ -0,0 +1,18 @@
+export async function getStaticProps() {
+  const rand1 = Math.random()
+  const rand2 = Math.random()
+
+  // Pass data to the page via props
+  return { props: { rand1, rand2 } }
+}
+
+export default function Page({ rand1, rand2 }) {
+  return (
+    <main>
+      <ul>
+        <li>{rand1}</li>
+        <li>{rand2}</li>
+      </ul>
+    </main>
+  )
+}

test/e2e/app-dir/node-extensions/fixtures/random/legacy/pages/pages/gssp/random.tsx

@@ -0,0 +1,18 @@
+export async function getServerSideProps() {
+  const rand1 = Math.random()
+  const rand2 = Math.random()
+
+  // Pass data to the page via props
+  return { props: { rand1, rand2 } }
+}
+
+export default function Page({ rand1, rand2 }) {
+  return (
+    <main>
+      <ul>
+        <li>{rand1}</li>
+        <li>{rand2}</li>
+      </ul>
+    </main>
+  )
+}