chore: update dependencies and posthog fixes

components/providers/posthog-provider.tsx

@@ -18,6 +18,7 @@ export const PostHogCustomProvider = ({
   if (typeof window !== "undefined" && posthogConfig) {
     posthog.init(posthogConfig.key, {
       api_host: posthogConfig.host,
+      ui_host: "https://eu.posthog.com",
       disable_session_recording: true,
       // Enable debug mode in development
       loaded: (posthog) => {

lib/middleware/posthog.ts

@@ -0,0 +1,26 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export default async function PostHogMiddleware(req: NextRequest) {
+  let url = req.nextUrl.clone();
+  const hostname = url.pathname.startsWith("/ingest/static/")
+    ? "eu-assets.i.posthog.com"
+    : "eu.i.posthog.com";
+  const requestHeaders = new Headers(req.headers);
+  requestHeaders.set("host", hostname);
+
+  // Handle OPTIONS method for CORS preflight
+  if (req.method === "OPTIONS") {
+    return new NextResponse("", {
+      status: 200,
+    });
+  }
+
+  url.protocol = "https";
+  url.hostname = hostname;
+  url.port = "443";
+  url.pathname = url.pathname.replace(/^\/ingest/, "");
+
+  return NextResponse.rewrite(url, {
+    headers: requestHeaders,
+  });
+}

lib/swr/use-document.ts

@@ -125,7 +125,9 @@ export function useDocumentProcessingStatus(documentVersionId: string) {
 
 export function useDocumentThumbnail(pageNumber: number, documentId: string) {
   const { data, error } = useSWR<{ imageUrl: string }>(
-    `/api/jobs/get-thumbnail?documentId=${documentId}&pageNumber=${pageNumber}`,
+    pageNumber === 0
+      ? null
+      : `/api/jobs/get-thumbnail?documentId=${documentId}&pageNumber=${pageNumber}`,
     fetcher,
     {
       dedupingInterval: 1200000,
@@ -136,6 +138,14 @@ export function useDocumentThumbnail(pageNumber: number, documentId: string) {
     },
   );
 
+  if (pageNumber === 0) {
+    return {
+      data: null,
+      loading: false,
+      error: null,
+    };
+  }
+
   return {
     data,
     loading: !error && !data,

middleware.ts

@@ -2,6 +2,17 @@ import { NextFetchEvent, NextRequest, NextResponse } from "next/server";
 import AppMiddleware from "@/lib/middleware/app";
 import DomainMiddleware from "@/lib/middleware/domain";
 import { BLOCKED_PATHNAMES } from "./lib/constants";
+import PostHogMiddleware from "./lib/middleware/posthog";
+
+function isAnalyticsPath(path: string) {
+  // Create a regular expression
+  // ^ - asserts position at start of the line
+  // /ingest/ - matches the literal string "/ingest/"
+  // .* - matches any character (except for line terminators) 0 or more times
+  const pattern = /^\/ingest\/.*/;
+
+  return pattern.test(path);
+}
 
 export const config = {
   matcher: [
@@ -12,16 +23,19 @@ export const config = {
      * 3. /_static (inside /public)
      * 4. /_vercel (Vercel internals)
      * 5. /favicon.ico, /sitemap.xml (static files)
-     * 6. ingest (analytics)
      */
-    "/((?!api/|_next/|_static|_vercel|ingest|favicon.ico|sitemap.xml).*)",
+    "/((?!api/|_next/|_static|_vercel|favicon.ico|sitemap.xml).*)",
   ],
 };
 
 export default async function middleware(req: NextRequest, ev: NextFetchEvent) {
   const path = req.nextUrl.pathname;
   const host = req.headers.get("host");
 
+  if (isAnalyticsPath(path)) {
+    return PostHogMiddleware(req);
+  }
+
   if (
     (process.env.NODE_ENV === "development" && host?.includes(".local")) ||
     (process.env.NODE_ENV !== "development" &&

next.config.mjs

@@ -64,14 +64,7 @@ const nextConfig = {
     ],
   },
   transpilePackages: ["@trigger.dev/react"],
-  async rewrites() {
-    return [
-      {
-        source: "/ingest/:path*",
-        destination: "https://eu.posthog.com/:path*",
-      },
-    ];
-  },
+  skipTrailingSlashRedirect: true,
   experimental: {
     outputFileTracingIncludes: {
       "/api/mupdf/*": ["./node_modules/mupdf/lib/*.wasm"],