feat(web): update clerk to latest

packages/web/app/actions.ts

@@ -47,7 +47,7 @@ export async function createLicenseKeyFromUserId(userId: string) {
 
 export async function createLicenseKey() {
   "use server";
-  const { userId } = auth();
+  const { userId } = await auth();
   console.log("Creating license key - User authenticated:", !!userId);
   if (!userId) {
     return null;

packages/web/app/api/anon.ts

@@ -3,7 +3,8 @@ import { auth, clerkClient } from "@clerk/nextjs/server";
 // Create an anonymous user
 export const createAnonymousUser = async () => {
   try {
-    const user = await clerkClient().users.createUser({
+    const client = await clerkClient();
+    const user = await client.users.createUser({
       skipPasswordRequirement: true,
       skipPasswordChecks: true,
       firstName: 'Anonymous',
@@ -22,7 +23,8 @@ export const createAnonymousUser = async () => {
 export const updateAnonymousUserEmail = async (userId: string, newEmail: string) => {
   console.log("updateAnonymousUserEmail", userId, newEmail);
   try {
-    const user = await clerkClient().users.getUser(userId);
+    const client = await clerkClient();
+    const user = await client.users.getUser(userId);
 
     // Check if the user has an anonymous email
     const isAnonymous = user.emailAddresses.some(email => 
@@ -32,7 +34,7 @@ export const updateAnonymousUserEmail = async (userId: string, newEmail: string)
 
     if (isAnonymous) {
       // First create the new email address
-      await clerkClient().emailAddresses.createEmailAddress({
+      await client.emailAddresses.createEmailAddress({
         userId: userId,
         emailAddress: newEmail,
         primary: true,
@@ -47,7 +49,7 @@ export const updateAnonymousUserEmail = async (userId: string, newEmail: string)
       );
       console.log("anonymousEmail", anonymousEmail);
       if (anonymousEmail) {
-        await clerkClient().emailAddresses.deleteEmailAddress(anonymousEmail.id);
+        await client.emailAddresses.deleteEmailAddress(anonymousEmail.id);
       }
 
       console.log(`Updated email for user ${userId} to ${newEmail}`);

packages/web/app/api/deployment/status/route.ts

@@ -6,7 +6,7 @@ import { Vercel } from "@vercel/sdk";
 
 export async function GET() {
   try {
-    const { userId } = auth();
+    const { userId } = await auth();
     if (!userId) {
       return new NextResponse("Unauthorized", { status: 401 });
     }

packages/web/app/api/deployment/update-key/route.ts

@@ -6,7 +6,7 @@ import { Vercel } from "@vercel/sdk";
 
 export async function POST(request: Request) {
   try {
-    const { userId } = auth();
+    const { userId } = await auth();
     if (!userId) {
       return new NextResponse("Unauthorized", { status: 401 });
     }

packages/web/app/api/redeploy/route.ts

@@ -6,7 +6,7 @@ import { eq } from "drizzle-orm";
 
 export async function POST() {
   try {
-    const { userId } = auth();
+    const { userId } = await auth();
     if (!userId) {
       return new NextResponse("Unauthorized", { status: 401 });
     }

packages/web/app/claim-offer/actions.ts

@@ -14,7 +14,7 @@ export async function claimTokens() {
     }
 
     // Get authenticated user
-    const { userId } = auth();
+    const { userId } = await auth();
     if (!userId) {
       return { error: "You must be logged in to claim tokens" };
     }

packages/web/app/dashboard/deployment/actions.ts

@@ -26,7 +26,7 @@ export async function updateKeys({
   generateNewLicenseKey?: boolean;
 }): Promise<UpdateKeysResult> {
   try {
-    const { userId } = auth();
+    const { userId } = await auth();
     if (!userId) {
       return { success: false, error: "Unauthorized" };
     }

packages/web/app/dashboard/lifetime/action.ts

@@ -21,7 +21,7 @@ export async function setupProject(
   vercelToken: string,
   openaiKey: string
 ): Promise<SetupProjectResult> {
-  const { userId } = auth();
+  const { userId } = await auth();
   // create an api key for the user
   if (!userId) {
     throw new Error("User not authenticated");
@@ -151,7 +151,7 @@ export async function setupProject(
 
 // Helper function to get user's Vercel deployment info
 export async function getVercelDeployment() {
-  const { userId } = auth();
+  const { userId } = await auth();
   if (!userId) {
     throw new Error("User not authenticated");
   }

packages/web/app/dashboard/lifetime/page.tsx

@@ -2,7 +2,8 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { AutomatedSetup } from "./automated-setup";
 import { LegacySetup } from "./legacy-setup";
-import { InfoIcon, BookOpenIcon } from "lucide-react";
+import { InfoIcon, BookOpenIcon, Link, ArrowLeftIcon } from "lucide-react";
+import { Button } from "@/components/ui/button";
 
 export default function LifetimeAccessPage() {
   return (
@@ -73,6 +74,13 @@ export default function LifetimeAccessPage() {
               </div>
             </div>
             <AutomatedSetup />
+            {/* if you alread deployed you can also check out the deployment page */}
+            <Link href="/dashboard/deployment">
+              <Button>
+                <ArrowLeftIcon className="h-4 w-4" />
+                Back to Dashboard
+              </Button>
+            </Link>
           </TabsContent>
 
           <TabsContent value="legacy">

packages/web/app/dashboard/pricing/actions.ts

@@ -20,7 +20,7 @@ const getUrls = () => {
 };
 
 export async function createPayOnceLifetimeCheckout() {
-  const { userId } = auth();
+  const { userId } = await auth();
   if (!userId) throw new Error("Not authenticated");
   const metadata = {
     userId,
@@ -58,7 +58,7 @@ export async function createPayOnceLifetimeCheckout() {
 }
 
 export async function createMonthlySubscriptionCheckout() {
-  const { userId } = auth();
+  const { userId } = await auth();
   if (!userId) throw new Error("Not authenticated");
 
   const { success, cancel } = getUrls();
@@ -139,14 +139,14 @@ export async function createYearlySession(userId: string) {
 }
 
 export async function createYearlySubscriptionCheckout() {
-  const { userId } = auth();
+  const { userId } = await auth();
   if (!userId) throw new Error("Not authenticated");
   const session = await createYearlySession(userId);
   redirect(session.url!);
 }
 
 export async function createPayOnceOneYearCheckout() {
-  const { userId } = auth();
+  const { userId } = await auth();
   if (!userId) throw new Error("Not authenticated");
 
   const { success, cancel } = getUrls();

packages/web/app/page.tsx

@@ -7,7 +7,7 @@ export default async function MainPage() {
     redirect("/dashboard/self-hosted");
   }
 
-  const { userId } = auth();
+  const { userId } = await auth();
 
   const billingCycle = await getUserBillingCycle(userId);
   console.log("Billing cycle:", billingCycle);

packages/web/components/user-management.tsx

@@ -5,7 +5,7 @@ import { auth } from "@clerk/nextjs/server";
 import { isPaidUser } from "@/app/actions";
 
 export default async function UserManagement() {
-  const { userId } = auth();
+  const { userId } = await auth();
   const isPaid = await isPaidUser(userId);
 
   return (

packages/web/lib/handleAuthorization.ts

@@ -1,4 +1,4 @@
-import { clerkClient } from "@clerk/nextjs/server";
+import {  clerkClient } from "@clerk/nextjs/server";
 import { verifyKey } from "@unkey/api";
 import { NextRequest } from "next/server";
 import { checkTokenUsage } from "../drizzle/schema";
@@ -13,8 +13,8 @@ async function handleLogging(
   userId: string,
   isCustomer: boolean
 ) {
-  const user = await clerkClient().users.getUser(userId);
-  console.log("user", user.emailAddresses[0]?.emailAddress);
+  const authClient = await clerkClient();
+  const user = await authClient.users.getUser(userId);
   const client = PostHogClient();
   if (client) {
     client.capture({
@@ -33,11 +33,12 @@ async function handleLoggingV2(
   req: NextRequest,
   userId: string,
 ) {
-  const user = await clerkClient.users.getUser(userId);
+  const client = await clerkClient();
+  const user = await client.users.getUser(userId);
   console.log("user", user.emailAddresses[0]?.emailAddress);
-  const client = PostHogClient();
-  if (client) {
-    client.capture({
+  const posthogClient = PostHogClient();
+  if (posthogClient) {
+    posthogClient.capture({
       distinctId: userId,
       event: "call-api",
       properties: {

packages/web/lib/services/clerk.ts

@@ -3,7 +3,8 @@ import { CustomerData } from '../../app/api/webhook/types';
 
 export async function updateClerkMetadata(data: CustomerData) {
   try {
-    await clerkClient().users.updateUserMetadata(data.userId, {
+    const client = await clerkClient();
+    await client.users.updateUserMetadata(data.userId, {
       publicMetadata: {
         stripe: {
           customerId: data.customerId,

packages/web/middleware.ts

@@ -20,7 +20,7 @@ const userManagementMiddleware = () =>
       return NextResponse.next();
     }
     if (isCheckoutApiRoute(req) || isAuthRoute(req)) {
-      auth().protect();
+      auth.protect();
     }
     return NextResponse.next();
   });

packages/web/package.json

@@ -21,7 +21,7 @@
     "@ai-sdk/anthropic": "^1.0.6",
     "@ai-sdk/openai": "^1.0.6",
     "@browserbasehq/stagehand": "^1.5.0",
-    "@clerk/nextjs": "^5.7.5",
+    "@clerk/nextjs": "^6.9.6",
     "@hookform/resolvers": "^3.9.1",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-label": "^2.1.0",