first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/e2e/app-dir/segment-cache/prefetch-scheduling/app/cancellation/[pageNumber]/page.tsx
+++ b/test/e2e/app-dir/segment-cache/prefetch-scheduling/app/cancellation/[pageNumber]/page.tsx
@@ -0,0 +1,43 @@
+import { Suspense } from 'react'
+
+type Params = {
+  pageNumber: string
+}
+
+export async function generateViewport({
+  params,
+}: {
+  params: Promise<Params>
+}) {
+  const { pageNumber } = await params
+  return {
+    // Put the page number into the media query. This is just a trick to allow
+    // the test to detect when the viewport for this page has been prefetched.
+    themeColor: [{ media: `(min-width: ${pageNumber}px)`, color: 'light' }],
+  }
+}
+
+async function Content({ params }: { params: Promise<Params> }) {
+  const { pageNumber } = await params
+  return 'Content of page ' + pageNumber
+}
+
+export default async function LinkCancellationTargetPage({
+  params,
+}: {
+  params: Promise<Params>
+}) {
+  return (
+    <Suspense fallback="Loading...">
+      <Content params={params} />
+    </Suspense>
+  )
+}
+
+export async function generateStaticParams(): Promise<Array<Params>> {
+  const result: Array<Params> = []
+  for (let n = 1; n <= 10; n++) {
+    result.push({ pageNumber: n.toString() })
+  }
+  return result
+}
--- a/test/e2e/app-dir/segment-cache/prefetch-scheduling/app/cancellation/page.tsx
+++ b/test/e2e/app-dir/segment-cache/prefetch-scheduling/app/cancellation/page.tsx
@@ -0,0 +1,64 @@
+'use client'
+
+import Link from 'next/link'
+import { useState } from 'react'
+
+type PaginationConfig = {
+  start: number
+  end: number
+}
+
+export default function LinkCancellationPage() {
+  const [areLinksVisible, setLinksVisibility] = useState(false)
+  const [showMoreLinks, setShowMoreLinks] = useState(false)
+
+  return (
+    <>
+      <p>
+        This page is used to test that a prefetch scheduled when a Link enters
+        the viewport is cancelled when the Link exits. The visibility toggle
+        does not affect whether the links are mounted, only whether they are
+        visible (using the `hidden` attribute).
+      </p>
+      <label>
+        <input
+          type="checkbox"
+          checked={areLinksVisible}
+          onChange={() => setLinksVisibility(!areLinksVisible)}
+        />
+        {areLinksVisible ? 'Hide' : 'Show'} Links
+      </label>
+      <ul id="links-container" hidden={!areLinksVisible}>
+        <Links start={1} end={7} />
+        {showMoreLinks ? (
+          <Links start={8} end={10} />
+        ) : (
+          <li>
+            <form>
+              <button
+                id="show-more-links"
+                formAction={() => setShowMoreLinks(true)}
+              >
+                Show more links
+              </button>
+            </form>
+          </li>
+        )}
+      </ul>
+    </>
+  )
+}
+
+function Links({ start, end }: PaginationConfig) {
+  const links: Array<React.ReactNode> = []
+  for (let pageNumber = start; pageNumber <= end; pageNumber++) {
+    links.push(
+      <li key={pageNumber}>
+        <Link href={'/cancellation/' + pageNumber}>
+          Link to page {pageNumber}
+        </Link>
+      </li>
+    )
+  }
+  return links
+}
--- a/test/e2e/app-dir/segment-cache/prefetch-scheduling/app/layout.tsx
+++ b/test/e2e/app-dir/segment-cache/prefetch-scheduling/app/layout.tsx
@@ -0,0 +1,15 @@
+import { Suspense } from 'react'
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <Suspense>
+      <html lang="en">
+        <body>{children}</body>
+      </html>
+    </Suspense>
+  )
+}