@trieb.work/nextjs-turbo-redis-cache 1.17.0 → 1.18.1

package/test/nextjs-test-projects/next-app-16-2-6-cache-components/src/app/revalidation-interface.tsx

@@ -1,267 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-
-// Define API routes for path-based revalidation
-const apiRoutePaths: Record<string, string> = {
-  'Cached Static Fetch': '/api/cached-static-fetch',
-  'Uncached Fetch': '/api/uncached-fetch',
-  'Revalidated Fetch': '/api/revalidated-fetch',
-  'Nested Fetch in API Route':
-    '/api/nested-fetch-in-api-route/revalidated-fetch',
-};
-
-// Define API routes with tags for tag-based revalidation
-const apiRouteTags: Record<string, string> = {
-  'Revalidated Fetch in Nested API Route':
-    'revalidated-fetch-revalidate3-nested-fetch-in-api-route',
-  'Revalidated Fetch API': 'revalidated-fetch-api',
-  'Cached Static Fetch API': 'cached-static-fetch-api',
-  'Uncached Fetch API': 'uncached-fetch-api',
-};
-
-// Revalidation Interface Component
-export function RevalidationInterface() {
-  const [selectedPathRoute, setSelectedPathRoute] = useState('');
-  const [selectedTagRoute, setSelectedTagRoute] = useState('');
-  const [revalidationStatus, setRevalidationStatus] = useState('');
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handlePathRevalidate = async () => {
-    if (!selectedPathRoute) {
-      setRevalidationStatus('Please select an API route to revalidate by path');
-      return;
-    }
-
-    setIsLoading(true);
-    setRevalidationStatus('Revalidating API route by path...');
-
-    try {
-      const path = apiRoutePaths[selectedPathRoute];
-      const response = await fetch(`/api/revalidatePath?path=${path}`);
-      const data = await response.json();
-
-      if (response.ok) {
-        setRevalidationStatus(
-          `Successfully revalidated API route by path: ${selectedPathRoute} (${path})`,
-        );
-      } else {
-        setRevalidationStatus(`Error: ${data.error || 'Unknown error'}`);
-      }
-    } catch (error: unknown) {
-      const errorMessage =
-        error instanceof Error ? error.message : 'Unknown error';
-      setRevalidationStatus(`Error: ${errorMessage}`);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handleTagRevalidate = async () => {
-    if (!selectedTagRoute) {
-      setRevalidationStatus('Please select an API route to revalidate by tag');
-      return;
-    }
-
-    setIsLoading(true);
-    setRevalidationStatus('Revalidating API route by tag...');
-
-    try {
-      const tag = apiRouteTags[selectedTagRoute];
-      const response = await fetch(`/api/revalidateTag?tag=${tag}`);
-      const data = await response.json();
-
-      if (response.ok) {
-        setRevalidationStatus(
-          `Successfully revalidated API route by tag: ${selectedTagRoute} (tag: ${tag})`,
-        );
-      } else {
-        setRevalidationStatus(`Error: ${data.error || 'Unknown error'}`);
-      }
-    } catch (error: unknown) {
-      const errorMessage =
-        error instanceof Error ? error.message : 'Unknown error';
-      setRevalidationStatus(`Error: ${errorMessage}`);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  return (
-    <div
-      style={{
-        border: '1px solid #eaeaea',
-        padding: '25px',
-        borderRadius: '8px',
-        boxShadow: '0 4px 6px rgba(0,0,0,0.05)',
-        backgroundColor: '#fff',
-        marginBottom: '30px',
-      }}
-    >
-      <h3
-        style={{
-          fontSize: '1.4rem',
-          color: '#0070f3',
-          marginTop: '0',
-          marginBottom: '15px',
-          borderBottom: '1px solid #eaeaea',
-          paddingBottom: '10px',
-        }}
-      >
-        API Route Revalidation Interface
-      </h3>
-
-      {/* Path-based revalidation section */}
-      <div
-        style={{
-          padding: '15px',
-          marginBottom: '20px',
-          backgroundColor: '#f9f9f9',
-          borderRadius: '5px',
-          border: '1px solid #eaeaea',
-        }}
-      >
-        <h4
-          style={{
-            fontSize: '1.1rem',
-            color: '#0070f3',
-            marginTop: '0',
-            marginBottom: '15px',
-          }}
-        >
-          Revalidate API Route by Path
-        </h4>
-
-        <div style={{ marginBottom: '15px' }}>
-          <label
-            style={{ display: 'block', marginBottom: '8px', fontWeight: '500' }}
-          >
-            Select API Route:
-          </label>
-          <select
-            value={selectedPathRoute}
-            onChange={(e) => setSelectedPathRoute(e.target.value)}
-            style={{
-              width: '100%',
-              padding: '10px',
-              borderRadius: '5px',
-              border: '1px solid #ddd',
-              fontSize: '1rem',
-            }}
-          >
-            <option value="">-- Select an API route --</option>
-            {Object.keys(apiRoutePaths).map((route) => (
-              <option key={route} value={route}>
-                {route}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        <button
-          onClick={handlePathRevalidate}
-          disabled={isLoading || !selectedPathRoute}
-          style={{
-            backgroundColor: '#0070f3',
-            color: 'white',
-            border: 'none',
-            padding: '10px 20px',
-            borderRadius: '5px',
-            fontSize: '1rem',
-            fontWeight: '500',
-            cursor: isLoading || !selectedPathRoute ? 'not-allowed' : 'pointer',
-            opacity: isLoading || !selectedPathRoute ? 0.7 : 1,
-            transition: 'all 0.2s',
-          }}
-        >
-          {isLoading ? 'Revalidating...' : 'Revalidate by Path'}
-        </button>
-      </div>
-
-      {/* Tag-based revalidation section */}
-      <div
-        style={{
-          padding: '15px',
-          marginBottom: '20px',
-          backgroundColor: '#f9f9f9',
-          borderRadius: '5px',
-          border: '1px solid #eaeaea',
-        }}
-      >
-        <h4
-          style={{
-            fontSize: '1.1rem',
-            color: '#0070f3',
-            marginTop: '0',
-            marginBottom: '15px',
-          }}
-        >
-          Revalidate API Route by Tag
-        </h4>
-
-        <div style={{ marginBottom: '15px' }}>
-          <label
-            style={{ display: 'block', marginBottom: '8px', fontWeight: '500' }}
-          >
-            Select API Route with Tag:
-          </label>
-          <select
-            value={selectedTagRoute}
-            onChange={(e) => setSelectedTagRoute(e.target.value)}
-            style={{
-              width: '100%',
-              padding: '10px',
-              borderRadius: '5px',
-              border: '1px solid #ddd',
-              fontSize: '1rem',
-            }}
-          >
-            <option value="">-- Select an API route with tag --</option>
-            {Object.keys(apiRouteTags).map((route) => (
-              <option key={route} value={route}>
-                {route}
-              </option>
-            ))}
-          </select>
-        </div>
-
-        <button
-          onClick={handleTagRevalidate}
-          disabled={isLoading || !selectedTagRoute}
-          style={{
-            backgroundColor: '#0070f3',
-            color: 'white',
-            border: 'none',
-            padding: '10px 20px',
-            borderRadius: '5px',
-            fontSize: '1rem',
-            fontWeight: '500',
-            cursor: isLoading || !selectedTagRoute ? 'not-allowed' : 'pointer',
-            opacity: isLoading || !selectedTagRoute ? 0.7 : 1,
-            transition: 'all 0.2s',
-          }}
-        >
-          {isLoading ? 'Revalidating...' : 'Revalidate by Tag'}
-        </button>
-      </div>
-
-      {/* Status display */}
-      {revalidationStatus && (
-        <div
-          style={{
-            marginTop: '15px',
-            padding: '10px',
-            borderRadius: '5px',
-            backgroundColor: revalidationStatus.includes('Error')
-              ? '#ffebee'
-              : '#e3f2fd',
-            color: revalidationStatus.includes('Error') ? '#c62828' : '#0070f3',
-            border: `1px solid ${revalidationStatus.includes('Error') ? '#ffcdd2' : '#bbdefb'}`,
-          }}
-        >
-          {revalidationStatus}
-        </div>
-      )}
-    </div>
-  );
-}

package/test/nextjs-test-projects/next-app-16-2-6-cache-components/src/app/update-tag-test/page.tsx

@@ -1,22 +0,0 @@
-import { updateTag } from 'next/cache';
-
-let clicks = 0;
-
-async function increment() {
-  'use server';
-
-  clicks++;
-  updateTag('update-tag-test');
-}
-
-export default function UpdateTagTestPage() {
-  return (
-    <main style={{ padding: 40, fontFamily: 'system-ui, sans-serif' }}>
-      <h1>UpdateTag Test</h1>
-      <form action={increment}>
-        <p data-testid="clicks">Clicks: {clicks}</p>
-        <button type="submit">Increment</button>
-      </form>
-    </main>
-  );
-}

package/test/nextjs-test-projects/next-app-16-2-6-cache-components/tsconfig.json

@@ -1,34 +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": "react-jsx",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.mts"
-  ],
-  "exclude": ["node_modules"]
-}

package/test/nextjs-test-projects/next-app-16-3-0/README.md

@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/test/nextjs-test-projects/next-app-16-3-0/eslint.config.mjs

@@ -1,18 +0,0 @@
-import { defineConfig, globalIgnores } from "eslint/config";
-import nextVitals from "eslint-config-next/core-web-vitals";
-import nextTs from "eslint-config-next/typescript";
-
-const eslintConfig = defineConfig([
-  ...nextVitals,
-  ...nextTs,
-  // Override default ignores of eslint-config-next.
-  globalIgnores([
-    // Default ignores of eslint-config-next:
-    ".next/**",
-    "out/**",
-    "build/**",
-    "next-env.d.ts",
-  ]),
-]);
-
-export default eslintConfig;

package/test/nextjs-test-projects/next-app-16-3-0/next.config.ts

@@ -1,7 +0,0 @@
-import type { NextConfig } from 'next';
-
-const nextConfig: NextConfig = {
-  cacheHandler: require.resolve('@trieb.work/nextjs-turbo-redis-cache'),
-};
-
-export default nextConfig;

package/test/nextjs-test-projects/next-app-16-3-0/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "next-app-16-3-0",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "eslint"
-  },
-  "dependencies": {
-    "next": "16.3.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "redis": "4.7.0",
-    "@trieb.work/nextjs-turbo-redis-cache": "file:../../../"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "eslint": "^9",
-    "eslint-config-next": "16.3.0",
-    "tailwindcss": "^4",
-    "typescript": "^5"
-  }
-}