@trieb.work/nextjs-turbo-redis-cache 1.15.0 → 1.16.0

package/test/integration/next-app-15-4-7/package.json

@@ -1,33 +0,0 @@
-{
-  "name": "next-app",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "export VERCEL_URL=\"dev-test-$RANDOM\" && echo $VERCEL_URL && cd ../../.. && pnpm build && cd test/integration/next-app-15-4-7 && pnpm i && pnpm build && VERCEL_ENV=production REDISHOST=localhost REDISPORT=6379 DEBUG_CACHE_HANDLER=true pnpm start",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "next": "15.4.7",
-    "redis": "4.7.0",
-    "@trieb.work/nextjs-turbo-redis-cache": "file:../../../"
-  },
-  "devDependencies": {
-    "typescript": "^5",
-    "@types/node": "^20",
-    "@types/react": "19.1.3",
-    "@types/react-dom": "19.1.3",
-    "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4",
-    "eslint": "^9",
-    "eslint-config-next": "15.4.7",
-    "@eslint/eslintrc": "^3"
-  },
-  "overrides": {
-    "@types/react": "19.1.3",
-    "@types/react-dom": "19.1.3"
-  }
-}

package/test/integration/next-app-15-4-7/postcss.config.mjs

@@ -1,5 +0,0 @@
-const config = {
-  plugins: ["@tailwindcss/postcss"],
-};
-
-export default config;

package/test/integration/next-app-15-4-7/src/app/api/revalidateTag/route.ts

@@ -1,15 +0,0 @@
-import { revalidateTag } from 'next/cache';
-import { NextResponse } from 'next/server';
-
-export async function GET(request: Request) {
-  const { searchParams } = new URL(request.url);
-  const tag = searchParams.get('tag');
-  if (!tag) {
-    return NextResponse.json(
-      { error: 'Missing tag parameter' },
-      { status: 400 },
-    );
-  }
-  revalidateTag(tag);
-  return NextResponse.json({ success: true });
-}

package/test/integration/next-app-15-4-7/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}

package/test/integration/next-app-16-0-3/src/app/api/cached-static-fetch/route.ts

@@ -1,18 +0,0 @@
-import { NextResponse } from 'next/server';
-
-let counter = 0;
-
-export const dynamic = 'force-static';
-export const revalidate = false;
-
-export async function GET() {
-  counter++;
-  return NextResponse.json(
-    { counter },
-    {
-      headers: {
-        'Cache-Control': 'public, max-age=1',
-      },
-    },
-  );
-}

package/test/integration/next-app-16-0-3/src/app/api/nested-fetch-in-api-route/revalidated-fetch/route.ts

@@ -1,27 +0,0 @@
-import { NextResponse } from 'next/server';
-
-let counter = 0;
-
-export const dynamic = 'force-dynamic';
-
-export async function GET() {
-  counter++;
-  const res = await fetch(
-    `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/uncached-fetch`,
-    {
-      next: {
-        revalidate: 3,
-        tags: ['revalidated-fetch-revalidate3-nested-fetch-in-api-route'],
-      },
-    },
-  );
-  const data = await res.json();
-  return NextResponse.json(
-    { counter, subFetchData: data },
-    {
-      headers: {
-        'Cache-Control': 'public, max-age=1',
-      },
-    },
-  );
-}

package/test/integration/next-app-16-0-3/src/app/api/revalidatePath/route.ts

@@ -1,15 +0,0 @@
-import { revalidatePath } from 'next/cache';
-import { NextResponse } from 'next/server';
-
-export async function GET(request: Request) {
-  const { searchParams } = new URL(request.url);
-  const path = searchParams.get('path');
-  if (!path) {
-    return NextResponse.json(
-      { error: 'Missing path parameter' },
-      { status: 400 },
-    );
-  }
-  revalidatePath(path);
-  return NextResponse.json({ success: true });
-}

package/test/integration/next-app-16-0-3/src/app/api/revalidated-fetch/route.ts

@@ -1,17 +0,0 @@
-import { NextResponse } from 'next/server';
-
-let counter = 0;
-
-export const revalidate = 5;
-
-export async function GET() {
-  counter++;
-  return NextResponse.json(
-    { counter },
-    {
-      headers: {
-        'Cache-Control': 'public, max-age=1',
-      },
-    },
-  );
-}

package/test/integration/next-app-16-0-3/src/app/api/uncached-fetch/route.ts

@@ -1,15 +0,0 @@
-import { NextResponse } from 'next/server';
-
-let counter = 0;
-
-export async function GET() {
-  counter++;
-  return NextResponse.json(
-    { counter },
-    {
-      headers: {
-        'Cache-Control': 'public, max-age=1',
-      },
-    },
-  );
-}

package/test/integration/next-app-16-0-3/src/app/pages/cached-static-fetch/default--force-dynamic-page/page.tsx

@@ -1,19 +0,0 @@
-export const dynamic = 'force-dynamic';
-
-export default async function TestPage() {
-  const res = await fetch(
-    `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/cached-static-fetch`,
-  );
-  const data = await res.json();
-  return (
-    <main
-      style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-    >
-      <h1>Test Page</h1>
-      <p>Counter: {data.counter}</p>
-      <p>This is a test page for integration testing.</p>
-      <p>Timestamp: {Date.now()}</p>
-      <p>Slug: /test-page</p>
-    </main>
-  );
-}

package/test/integration/next-app-16-0-3/src/app/pages/cached-static-fetch/revalidate15--default-page/page.tsx

@@ -1,34 +0,0 @@
-export default async function TestPage() {
-  let res;
-  try {
-    res = await fetch(
-      `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/cached-static-fetch`,
-      {
-        next: {
-          revalidate: 15,
-          tags: ['cached-static-fetch-revalidate15-default-page'],
-        },
-      },
-    );
-  } catch (e) {
-    // ECONNREFUSED is expected during build
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    if (((e as Error).cause as any)?.code !== 'ECONNREFUSED') {
-      throw e;
-    }
-  }
-
-  const data = res?.ok ? await res.json() : { counter: -1 };
-
-  return (
-    <main
-      style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-    >
-      <h1>Test Page</h1>
-      <p>Counter: {data.counter}</p>
-      <p>This is a test page for integration testing.</p>
-      <p>Timestamp: {Date.now()}</p>
-      <p>Slug: /test-page</p>
-    </main>
-  );
-}

package/test/integration/next-app-16-0-3/src/app/pages/cached-static-fetch/revalidate15--force-dynamic-page/page.tsx

@@ -1,25 +0,0 @@
-export const dynamic = 'force-dynamic';
-
-export default async function TestPage() {
-  const res = await fetch(
-    `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/cached-static-fetch`,
-    {
-      next: {
-        revalidate: 15,
-        tags: ['cached-static-fetch-revalidate15-force-dynamic-page'],
-      },
-    },
-  );
-  const data = await res.json();
-  return (
-    <main
-      style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-    >
-      <h1>Test Page</h1>
-      <p>Counter: {data.counter}</p>
-      <p>This is a test page for integration testing.</p>
-      <p>Timestamp: {Date.now()}</p>
-      <p>Slug: /test-page</p>
-    </main>
-  );
-}

package/test/integration/next-app-16-0-3/src/app/pages/no-fetch/default-page/page.tsx

@@ -1,55 +0,0 @@
-export default async function TestPage() {
-  await new Promise((r) => setTimeout(r, 1000));
-  const rdm = Math.random();
-  return (
-    <main
-      style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-    >
-      <h1>Test Page</h1>
-      <p>Random number: {rdm}</p>
-      <p>This is a test page for integration testing.</p>
-      <p>Timestamp: {Date.now()}</p>
-    </main>
-  );
-}
-
-/**
- * TODO
- * Test cases:
- * 0. Store timestamp of the first call in a variable so we can later check if TTL in redis is correct
- * 1. Call the page twice
- * 2. Extract the Timestamp from both results
- * 3. Compare the two timestamps
- * 4. The timestamps should be the same, meaning that the page was deduplicated
- *
- * 5. Connect to redis and check if the page was cached in redis and if TTL is set correctly
- *
- * 6. Call the page again, but wait 3 seconds before calling it
- * 7. Extract the Timestamp
- * 8. Compare the timestamp to previous timestamp
- * 9. The timestamp should be the same, meaning that the page was cached (By in-memory cache which is set to 10 seconds by default)
- *
- * 10. Call the page again, but wait 11 seconds before calling it
- * 11. Extract the Timestamp
- * 12. Compare the timestamp to previous timestamp
- * 13. The timestamp should be the same, meaning that the page was cached (By redis cache which becomes active after in-memory cache expires)
- *
- * 14. Connect to redis and check if the page was cached in redis and if TTL is set correctly
- *
- * 15. Check expiration time of the page in redis
- *
- * 16. Call the page again after TTL expiration time
- * 17. Extract the Timestamp
- * 18. Compare the timestamp to previous timestamp
- * 19. The timestamp should be different, meaning that the page was recreated
- *
- * 20. call API which will invalidate the page via a revalidatePage action
- * 21. Call the page again
- * 18. Compare the timestamp to previous timestamp
- * 19. The timestamp should be different, meaning that the page was recreated
- *
- * 20. Connect to redis and delete the page from redis
- * 21. Call the page again, but wait 11 seconds before calling it
- * 22. Compare the timestamp to previous timestamp
- * 23. The timestamp should be different, meaning that the page was recreated
- */

package/test/integration/next-app-16-0-3/src/app/pages/revalidated-fetch/default--force-dynamic-page/page.tsx

@@ -1,19 +0,0 @@
-export const dynamic = 'force-dynamic';
-
-export default async function TestPage() {
-  const res = await fetch(
-    `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/revalidated-fetch`,
-  );
-  const data = await res.json();
-  return (
-    <main
-      style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-    >
-      <h1>Test Page</h1>
-      <p>Counter: {data.counter}</p>
-      <p>This is a test page for integration testing.</p>
-      <p>Timestamp: {Date.now()}</p>
-      <p>Slug: /test-page</p>
-    </main>
-  );
-}

package/test/integration/next-app-16-0-3/src/app/pages/revalidated-fetch/revalidate15--default-page/page.tsx

@@ -1,35 +0,0 @@
-// This page will inherit the revalidate from it's subsequent fetch request
-// meaning that the page will be revalidated after 15 seconds
-
-export default async function TestPage() {
-  try {
-    const res = await fetch(
-      `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/revalidated-fetch`,
-      {
-        next: {
-          revalidate: 15,
-          tags: ['revalidated-fetch-revalidate15-default-page'],
-        },
-      },
-    );
-    const data = await res.json();
-    return (
-      <main
-        style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-      >
-        <h1>Test Page</h1>
-        <p>Counter: {data.counter}</p>
-        <p>This is a test page for integration testing.</p>
-        <p>Timestamp: {Date.now()}</p>
-        <p>Slug: /test-page</p>
-      </main>
-    );
-  } catch (e) {
-    return (
-      <p>
-        Error: {JSON.stringify(e)} (an error here is normal during build since
-        API is not available yet)
-      </p>
-    );
-  }
-}

package/test/integration/next-app-16-0-3/src/app/pages/revalidated-fetch/revalidate15--force-dynamic-page/page.tsx

@@ -1,25 +0,0 @@
-export const dynamic = 'force-dynamic';
-
-export default async function TestPage() {
-  const res = await await fetch(
-    `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/revalidated-fetch`,
-    {
-      next: {
-        revalidate: 15,
-        tags: ['revalidated-fetch-revalidate15-force-dynamic-page'],
-      },
-    },
-  );
-  const data = await res.json();
-  return (
-    <main
-      style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-    >
-      <h1>Test Page</h1>
-      <p>Counter: {data.counter}</p>
-      <p>This is a test page for integration testing.</p>
-      <p>Timestamp: {Date.now()}</p>
-      <p>Slug: /test-page</p>
-    </main>
-  );
-}

package/test/integration/next-app-16-0-3/src/app/pages/uncached-fetch/default--force-dynamic-page/page.tsx

@@ -1,19 +0,0 @@
-export const dynamic = 'force-dynamic';
-
-export default async function TestPage() {
-  const res = await fetch(
-    `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/uncached-fetch`,
-  );
-  const data = await res.json();
-  return (
-    <main
-      style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-    >
-      <h1>Test Page</h1>
-      <p>Counter: {data.counter}</p>
-      <p>This is a test page for integration testing.</p>
-      <p>Timestamp: {Date.now()}</p>
-      <p>Slug: /test-page</p>
-    </main>
-  );
-}

package/test/integration/next-app-16-0-3/src/app/pages/uncached-fetch/revalidate15--default-page/page.tsx

@@ -1,32 +0,0 @@
-export default async function TestPage() {
-  try {
-    const res = await fetch(
-      `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/uncached-fetch`,
-      {
-        next: {
-          revalidate: 15,
-          tags: ['uncached-fetch-revalidate15-default-page'],
-        },
-      },
-    );
-    const data = await res.json();
-    return (
-      <main
-        style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-      >
-        <h1>Test Page</h1>
-        <p>Counter: {data.counter}</p>
-        <p>This is a test page for integration testing.</p>
-        <p>Timestamp: {Date.now()}</p>
-        <p>Slug: /test-page</p>
-      </main>
-    );
-  } catch (e) {
-    return (
-      <p>
-        Error: {JSON.stringify(e)} (an error here is normal during build since
-        API is not available yet)
-      </p>
-    );
-  }
-}

package/test/integration/next-app-16-0-3/src/app/pages/uncached-fetch/revalidate15--force-dynamic-page/page.tsx

@@ -1,25 +0,0 @@
-export const dynamic = 'force-dynamic';
-
-export default async function TestPage() {
-  const res = await fetch(
-    `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/uncached-fetch`,
-    {
-      next: {
-        revalidate: 15,
-        tags: ['uncached-fetch-revalidate15-force-dynamic-page'],
-      },
-    },
-  );
-  const data = await res.json();
-  return (
-    <main
-      style={{ padding: 32, fontFamily: 'sans-serif', textAlign: 'center' }}
-    >
-      <h1>Test Page</h1>
-      <p>Counter: {data.counter}</p>
-      <p>This is a test page for integration testing.</p>
-      <p>Timestamp: {Date.now()}</p>
-      <p>Slug: /test-page</p>
-    </main>
-  );
-}

package/test/integration/next-app-16-2-3/src/app/api/cached-static-fetch/route.ts

@@ -1,18 +0,0 @@
-import { NextResponse } from 'next/server';
-
-let counter = 0;
-
-export const dynamic = 'force-static';
-export const revalidate = false;
-
-export async function GET() {
-  counter++;
-  return NextResponse.json(
-    { counter },
-    {
-      headers: {
-        'Cache-Control': 'public, max-age=1',
-      },
-    },
-  );
-}

package/test/integration/next-app-16-2-3/src/app/api/nested-fetch-in-api-route/revalidated-fetch/route.ts

@@ -1,27 +0,0 @@
-import { NextResponse } from 'next/server';
-
-let counter = 0;
-
-export const dynamic = 'force-dynamic';
-
-export async function GET() {
-  counter++;
-  const res = await fetch(
-    `http://localhost:${process.env.NEXT_START_PORT || 3000}/api/uncached-fetch`,
-    {
-      next: {
-        revalidate: 3,
-        tags: ['revalidated-fetch-revalidate3-nested-fetch-in-api-route'],
-      },
-    },
-  );
-  const data = await res.json();
-  return NextResponse.json(
-    { counter, subFetchData: data },
-    {
-      headers: {
-        'Cache-Control': 'public, max-age=1',
-      },
-    },
-  );
-}

package/test/integration/next-app-16-2-3/src/app/api/revalidatePath/route.ts

@@ -1,15 +0,0 @@
-import { revalidatePath } from 'next/cache';
-import { NextResponse } from 'next/server';
-
-export async function GET(request: Request) {
-  const { searchParams } = new URL(request.url);
-  const path = searchParams.get('path');
-  if (!path) {
-    return NextResponse.json(
-      { error: 'Missing path parameter' },
-      { status: 400 },
-    );
-  }
-  revalidatePath(path);
-  return NextResponse.json({ success: true });
-}

package/test/integration/next-app-16-2-3/src/app/api/revalidated-fetch/route.ts

@@ -1,17 +0,0 @@
-import { NextResponse } from 'next/server';
-
-let counter = 0;
-
-export const revalidate = 5;
-
-export async function GET() {
-  counter++;
-  return NextResponse.json(
-    { counter },
-    {
-      headers: {
-        'Cache-Control': 'public, max-age=1',
-      },
-    },
-  );
-}

package/test/integration/next-app-16-2-3/src/app/api/uncached-fetch/route.ts

@@ -1,15 +0,0 @@
-import { NextResponse } from 'next/server';
-
-let counter = 0;
-
-export async function GET() {
-  counter++;
-  return NextResponse.json(
-    { counter },
-    {
-      headers: {
-        'Cache-Control': 'public, max-age=1',
-      },
-    },
-  );
-}

package/test/integration/next-app-16-2-3/src/app/globals.css

@@ -1,26 +0,0 @@
-@import "tailwindcss";
-
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
-}

package/test/integration/next-app-16-2-3/src/app/layout.tsx

@@ -1,59 +0,0 @@
-// This layout is used to test the revalidation logic
-// The layout itself will not create any cache entries
-// It will just be used to render a page
-// If the layout itself uses a fetch request, it will be handled the same way as if the page itself would use a fetch request
-// The layout can be revalidated as well by using revalidatePath with the path of the layout file. However, this will not revalidate the subsequent fetch requests
-
-import type { Metadata } from 'next';
-import { Geist, Geist_Mono } from 'next/font/google';
-import './globals.css';
-
-const geistSans = Geist({
-  variable: '--font-geist-sans',
-  subsets: ['latin'],
-});
-
-const geistMono = Geist_Mono({
-  variable: '--font-geist-mono',
-  subsets: ['latin'],
-});
-
-export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
-};
-
-export default async function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  // let res;
-  // try {
-  //   res = await fetch(`https://httpbin.org/get`, {
-  //     next: {
-  //       revalidate: 15,
-  //       tags: ['httpbin-layout-revalidate15'],
-  //     },
-  //   });
-  // } catch (e) {
-  //   // ECONNREFUSED is expected during build
-  //   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  //   if (((e as Error).cause as any)?.code !== 'ECONNREFUSED') {
-  //     throw e;
-  //   }
-  // }
-
-  // const data = res?.ok ? await res.json() : { origin: -1 };
-  return (
-    <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        Layout TS: {Date.now()}
-        {/* Layout counter: {data.origin} */}
-        {children}
-      </body>
-    </html>
-  );
-}