fix(analytics): use route handler for OpenPanel script to fix query param issue

next.config.ts

@@ -34,10 +34,6 @@ const nextConfig: NextConfig = {
         source: "/api/op/track",
         destination: `${openpanelUrl}/track`,
       },
-      {
-        source: "/api/op/op1.js",
-        destination: `${openpanelScriptUrl}/op1.js`,
-      },
     ];
   },
   images: {

src/app/[locale]/layout.tsx

@@ -54,8 +54,8 @@ export default async function LocaleLayout({
         clientId={process.env.NEXT_PUBLIC_OPENPANEL_CLIENT_ID || ""}
         trackScreenViews={true}
         trackOutgoingLinks={true}
-        apiUrl="/api/op"
-        scriptUrl="/api/op/op1.js"
+        apiUrl="/api/op/track"
+        scriptUrl="/api/op1"
       />
       <Script
         src="/api/script.js"

src/app/api/op1/route.ts

@@ -0,0 +1,24 @@
+import { NextResponse } from "next/server";
+
+const OPENPANEL_SCRIPT_URL = "https://op.nodecrew.me/op1.js";
+
+export async function GET(request: Request) {
+  const url = new URL(request.url);
+  const searchParams = url.search;
+
+  try {
+    const response = await fetch(`${OPENPANEL_SCRIPT_URL}${searchParams}`);
+    const content = await response.text();
+    
+    return new NextResponse(content, {
+      status: 200,
+      headers: {
+        "Content-Type": "application/javascript",
+        "Cache-Control": "public, max-age=86400, stale-while-revalidate=86400",
+      },
+    });
+  } catch (error) {
+    console.error("[OpenPanel] Failed to fetch script:", error);
+    return new NextResponse("/* OpenPanel script unavailable */", { status: 500 });
+  }
+}