fix: UserProfileType, move to @local/common

Author: NamesMT

apps/backend/src/api/auth/$.routes.ts

@@ -2,7 +2,7 @@
  * This file contains routes and sample routes for possible APIs usecases with Kinde.
  */
 
-import type { UserProfileType } from '#src/types.js'
+import type { UserProfileType } from '@local/common/src/types/user'
 // import type { ClaimTokenType, FlagType } from '@kinde-oss/kinde-typescript-sdk'
 import { appFactory } from '#src/helpers/factory.js'
 import { getSessionManager } from '#src/helpers/kinde.js'
@@ -18,8 +18,8 @@ export const authRoutesApp = appFactory.createApp()
     const kindeClient = await getKindeClient()
     const sessionManager = getSessionManager(c)
 
-    const [profile, token]: [UserProfileType | null, string | null] = await Promise.all([
-      kindeClient.getUserProfile(sessionManager).catch(() => null),
+    const [profile, token] = await Promise.all([
+      kindeClient.getUserProfile(sessionManager).catch(() => null) as Promise<UserProfileType>,
       kindeClient.getToken(sessionManager).catch(() => null),
     ])
 

apps/backend/src/types.ts

@@ -1,7 +1,5 @@
-import type { UserType } from '@kinde-oss/kinde-typescript-sdk'
 import type { LambdaContext, LambdaEvent } from 'hono-adapter-aws-lambda'
 import type { Session } from 'hono-sessions'
-import type { Simplify } from 'hono/utils/types'
 
 export interface HonoEnv {
   Bindings: {
@@ -18,5 +16,3 @@ export interface HonoEnv {
     session_key_rotation: boolean
   }
 }
-
-export type UserProfileType = Simplify<UserType>

apps/frontend/app/components/chat/sidebar/ChatSidebarUserMenuButton.vue

@@ -9,7 +9,7 @@ const nicknameRef = useChatNickname()
     <div class="h-9 flex items-center gap-2 truncate text-sm leading-tight">
       <template v-if="$auth.loggedIn">
         <Avatar shape="square" size="sm" class="size-9" alt="User avatar">
-          <AvatarImage :src="$auth.user.picture" alt="Avatar image" />
+          <AvatarImage v-if="$auth.user.picture" :src="$auth.user.picture" alt="Avatar image" />
           <AvatarFallback>👤</AvatarFallback>
         </Avatar>
         <div class="truncate">

apps/frontend/app/plugins/auth.ts

@@ -1,6 +1,4 @@
-// eslint-disable-next-line ts/ban-ts-comment
-// @ts-ignore TS6305: `backend/src/app` has not been built yet
-import type { UserProfileType } from 'backend/src/types'
+import type { UserProfileType } from '@local/common/src/types/user'
 import type { Reactive } from 'vue'
 
 export type AuthState = (

locals/common/package.json

@@ -13,6 +13,7 @@
   },
   "devDependencies": {
     "@local/tsconfig": "workspace:*",
-    "dotenv": "^16.6.1"
+    "dotenv": "^16.6.1",
+    "type-fest": "^4.41.0"
   }
 }

locals/common/src/types/user.ts

@@ -0,0 +1,7 @@
+import type { UserType } from '@kinde-oss/kinde-typescript-sdk'
+
+export interface UserProfileType extends UserType {
+  // Note: `name` and `sub` exists in Kinde UserType but is not typed
+  name: string
+  sub: string
+}