Upgraded the @clerk/backend package from version 0.38.3 to 1.18.0 and modified the authentication logic to align with the latest API changes. (#183)

* Update auth.ts

* Update package.json

Author: symaticvisuals

ts/clerk/auth/auth.ts

@@ -1,13 +1,14 @@
-import {Clerk, verifyToken} from "@clerk/backend";
-import {APIError, Gateway, Header} from "encore.dev/api";
-import {authHandler} from "encore.dev/auth";
-import {secret} from "encore.dev/config";
-import {AUTHORIZED_PARTIES, DOMAIN} from "./config";
+import { createClerkClient, verifyToken } from "@clerk/backend";
+import { APIError, Gateway, Header } from "encore.dev/api";
+import { authHandler } from "encore.dev/auth";
+import { secret } from "encore.dev/config";
+
 import log from "encore.dev/log";
+import { AUTHORIZED_PARTIES } from "./config";
 
 const clerkSecretKey = secret("ClerkSecretKey");
 
-const clerkClient = Clerk({
+const clerkClient = createClerkClient({
   secretKey: clerkSecretKey(),
 });
 
@@ -21,32 +22,31 @@ interface AuthData {
   emailAddress: string | null;
 }
 
-const myAuthHandler = authHandler(
-  async (params: AuthParams): Promise<AuthData> => {
-    const token = params.authorization.replace('Bearer ', '');
-
-    if (!token) {
-      throw APIError.unauthenticated("no token provided");
-    }
-
-    try {
-      const result = await verifyToken(token, {
-        issuer: DOMAIN,
-        authorizedParties: AUTHORIZED_PARTIES,
-      });
-
-      const user = await clerkClient.users.getUser(result.sub);
-
-      return {
-        userID: user.id,
-        imageUrl: user.imageUrl,
-        emailAddress: user.emailAddresses[0].emailAddress || null,
-      };
-    } catch (e) {
-      log.error(e);
-      throw APIError.unauthenticated("invalid token", e as Error);
-    }
+const myAuthHandler = authHandler(async (params: AuthParams): Promise<
+  AuthData
+> => {
+  const token = params.authorization.replace("Bearer ", "");
+
+  if (!token) {
+    throw APIError.unauthenticated("no token provided");
   }
-);
 
-export const mygw = new Gateway({authHandler: myAuthHandler});
+  try {
+    const result = await verifyToken(token, {
+      authorizedParties: AUTHORIZED_PARTIES,
+    });
+
+    const user = await clerkClient.users.getUser(result.sub);
+
+    return {
+      userID: user.id,
+      imageUrl: user.imageUrl,
+      emailAddress: user.emailAddresses[0].emailAddress || null,
+    };
+  } catch (e) {
+    log.error(e);
+    throw APIError.unauthenticated("invalid token", e as Error);
+  }
+});
+
+export const mygw = new Gateway({ authHandler: myAuthHandler });

ts/clerk/package.json

@@ -14,7 +14,7 @@
     "vite": "^4.4.5"
   },
   "dependencies": {
-    "@clerk/backend": "^0.38.3",
+    "@clerk/backend": "^1.18.0",
     "encore.dev": "^1.44.5",
     "@clerk/clerk-react": "^5.17.1",
     "react": "^18.2.0",