feat(clerk-js,shared): Adds username into public user data core-2 (#7837)

Author: Jibaru

.changeset/cute-crabs-agree.md

@@ -0,0 +1,6 @@
+---
+'@clerk/clerk-js': minor
+'@clerk/shared': minor
+---
+
+Add `username` field into `PublicUserData` object.

packages/clerk-js/src/core/resources/PublicUserData.ts

@@ -11,6 +11,7 @@ export class PublicUserData implements IPublicUserData {
   hasImage!: boolean;
   identifier!: string;
   userId?: string;
+  username?: string;
 
   constructor(data: PublicUserDataJSON | PublicUserDataJSONSnapshot) {
     this.fromJSON(data);
@@ -24,6 +25,7 @@ export class PublicUserData implements IPublicUserData {
       this.hasImage = data.has_image || false;
       this.identifier = data.identifier || '';
       this.userId = data.user_id;
+      this.username = data.username;
     }
 
     return this;
@@ -37,6 +39,7 @@ export class PublicUserData implements IPublicUserData {
       has_image: this.hasImage,
       identifier: this.identifier,
       user_id: this.userId,
+      username: this.username,
     };
   }
 }

packages/clerk-js/src/core/resources/__tests__/PublicUserData.test.ts

@@ -13,6 +13,7 @@ describe('PublicUserData', () => {
       has_image: true,
       identifier: 'john-doe',
       user_id: '123',
+      username: 'johndoe',
     });
 
     expect(pud).toMatchObject({
@@ -22,6 +23,7 @@ describe('PublicUserData', () => {
       hasImage: true,
       identifier: 'john-doe',
       userId: '123',
+      username: 'johndoe',
     });
   });
 });

packages/shared/src/types/json.ts

@@ -338,6 +338,7 @@ export interface PublicUserDataJSON {
   has_image: boolean;
   identifier: string;
   user_id?: string;
+  username?: string;
 }
 
 export interface SessionWithActivitiesJSON extends Omit<SessionJSON, 'user'> {