fix: fallback to username when displayName not available

Author: ItzDerock

pnpm-lock.yaml

@@ -123,7 +123,7 @@ export async function renderASTNode(node: SingleASTNode, context: RenderContentC
       const id = node.id as string;
       const user = await context.callbacks.resolveUser(id);
 
-      return <DiscordMention type="user">{user ? user.displayName : `<@${id}>`}</DiscordMention>;
+      return <DiscordMention type="user">{user ? user.displayName ?? user.username : `<@${id}>`}</DiscordMention>;
     }
 
     case 'here':

src/generator/renderers/content.tsx

@@ -20,7 +20,9 @@ export default async function renderReply(message: Message, context: RenderMessa
       slot="reply"
       edited={!isCommand && referencedMessage.editedAt !== null}
       attachment={referencedMessage.attachments.size > 0}
-      author={referencedMessage.member?.nickname ?? referencedMessage.author.displayName}
+      author={
+        referencedMessage.member?.nickname ?? referencedMessage.author.displayName ?? referencedMessage.author.username
+      }
       avatar={referencedMessage.author.avatarURL({ size: 32 }) ?? undefined}
       roleColor={referencedMessage.member?.displayHexColor ?? undefined}
       bot={!isCrosspost && referencedMessage.author.bot}

src/generator/renderers/reply.tsx

@@ -16,8 +16,10 @@ export default async function renderSystemMessage(message: Message) {
     case MessageType.ChannelPinnedMessage:
       return (
         <DiscordSystemMessage id={`m-${message.id}`} key={message.id} type="pin">
-          <Highlight color={message.member?.roles.color?.hexColor}>{message.author.displayName}</Highlight> pinned{' '}
-          <i data-goto={message.reference?.messageId}>a message</i> to this channel.
+          <Highlight color={message.member?.roles.color?.hexColor}>
+            {message.author.displayName ?? message.author.username}
+          </Highlight>{' '}
+          pinned <i data-goto={message.reference?.messageId}>a message</i> to this channel.
           {/* reactions */}
           {message.reactions.cache.size > 0 && (
             <DiscordReactions slot="reactions">
@@ -40,16 +42,20 @@ export default async function renderSystemMessage(message: Message) {
     case MessageType.GuildBoostTier3:
       return (
         <DiscordSystemMessage id={`m-${message.id}`} key={message.id} type="boost">
-          <Highlight color={message.member?.roles.color?.hexColor}>{message.author.displayName}</Highlight> boosted the
-          server!
+          <Highlight color={message.member?.roles.color?.hexColor}>
+            {message.author.displayName ?? message.author.username}
+          </Highlight>{' '}
+          boosted the server!
         </DiscordSystemMessage>
       );
 
     case MessageType.ThreadStarterMessage:
       return (
         <DiscordSystemMessage id={`ms-${message.id}`} key={message.id} type="thread">
-          <Highlight color={message.member?.roles.color?.hexColor}>{message.author.displayName}</Highlight> started a
-          thread: <i data-goto={message.reference?.messageId}>{message.content}</i>
+          <Highlight color={message.member?.roles.color?.hexColor}>
+            {message.author.displayName ?? message.author.username}
+          </Highlight>{' '}
+          started a thread: <i data-goto={message.reference?.messageId}>{message.content}</i>
         </DiscordSystemMessage>
       );
 
@@ -110,7 +116,7 @@ export function JoinMessage(member: GuildMember | null, fallbackUser: User) {
     .flatMap((item, i) => [
       item,
       <Highlight color={member?.roles.color?.hexColor} key={i}>
-        {member?.nickname ?? fallbackUser.displayName}
+        {member?.nickname ?? fallbackUser.displayName ?? fallbackUser.username}
       </Highlight>,
     ])
     .slice(0, -1);

src/generator/renderers/systemMessage.tsx

@@ -46,7 +46,7 @@ export async function buildProfiles(messages: Message[]) {
 
 function buildProfile(member: GuildMember | null, author: User) {
   return {
-    author: member?.nickname ?? author.displayName,
+    author: member?.nickname ?? author.displayName ?? author.username,
     avatar: member?.displayAvatarURL({ size: 64 }) ?? author.displayAvatarURL({ size: 64 }),
     roleColor: member?.displayHexColor,
     roleIcon: member?.roles.icon?.iconURL() ?? undefined,