Prerender API - Win AI search

// middleware.ts (place at the project root next to package.json)
export const config = {
  // Use Node.js runtime to access standard Request/Response without Next.js helpers
  runtime: 'nodejs',
  // Run on all paths except Next static assets; exclude API & dashboard here, too
  matcher: [
    '/((?!_some-static-path|favicon.ico).*)',
    // You can also be explicit:
    // '/:path*'
  ],
};

import { next } from "@vercel/functions"; // <- npm install @vercel/functions

export default async function middleware(request: Request) {
  const isHtmlRequest = (request.headers.get("accept") || "").includes(
    "text/html"
  );

  // 2. If it's not a GET request or not HTML, pass through (e.g. API routes)
  if (request.method !== "GET" || !isHtmlRequest) {
    return next();
  }

  // Forward relevant headers and add custom ones
  const headers: Record<string, string> = {
    "x-lovablehtml-api-key": <your-api-key>,

    accept: "text/html",
    "accept-language": request.headers.get("accept-language") || "",
    "sec-fetch-mode": request.headers.get("sec-fetch-mode") || "",
    "sec-fetch-site": request.headers.get("sec-fetch-site") || "",
    "sec-fetch-dest": request.headers.get("sec-fetch-dest") || "",
    "sec-fetch-user": request.headers.get("sec-fetch-user") || "",
    "upgrade-insecure-requests":
      request.headers.get("upgrade-insecure-requests") || "",
    referer: request.headers.get("referer") || "",
    "user-agent": request.headers.get("user-agent") || "",
  };

  // Call LovableHTML prerender service with the full URL
  const r = await fetch(
    "https://lovablehtml.com/api/prerender/render?url=" +
      encodeURIComponent(request.url),
    { headers }
  );

  // not pre-rendered, regular browser routing - pass through to SPA
  if (r.status === 304) {
    return next();
  }

  // Return HTML or fall through
  if ((r.headers.get("content-type") || "").includes("text/html")) {
    return new Response(r.body, {
      headers: { "content-type": "text/html; charset=utf-8" },
    });
  }
};

// netlify/edge-functions/lovablehtml.ts (Edge Function - new syntax)
import type { Config, Context } from "https://edge.netlify.com";

export default async (request: Request, context: Context) => {
  // Only handle public GET navigations
  const isHtmlRequest = (request.headers.get('accept') || '').includes('text/html');
  if (request.method !== 'GET' || !isHtmlRequest) return context.next();

  const headers: Record<string, string> = {
    'x-lovablehtml-api-key': <your-api-key>,
    accept: 'text/html',
    'accept-language': request.headers.get('accept-language') || '',
    'sec-fetch-mode': request.headers.get('sec-fetch-mode') || '',
    'sec-fetch-site': request.headers.get('sec-fetch-site') || '',
    'sec-fetch-dest': request.headers.get('sec-fetch-dest') || '',
    'sec-fetch-user': request.headers.get('sec-fetch-user') || '',
    'upgrade-insecure-requests': request.headers.get('upgrade-insecure-requests') || '',
    referer: request.headers.get('referer') || '',
    'user-agent': request.headers.get('user-agent') || '',
  };

  const r = await fetch('https://lovablehtml.com/api/prerender/render?url=' + encodeURIComponent(request.url), { headers });

  // 304 = not pre-rendered, pass through to origin
  if (r.status === 304) {
    return context.next();
  }

  if ((r.headers.get('content-type') || '').includes('text/html')) {
    return new Response(await r.text(), { headers: { 'content-type': 'text/html; charset=utf-8' } });
  }

  return context.next();
};

export const config: Config = {
  path: "/*",
};