refactor: improve livechat parser & add remaining action nodes (#285)

* refactor: improve live chat parsers & add missing nodes

* chore: update example and docs

* docs: rephrasing/formatting

* chore: remove unneeded test (unrelated)

src/parser/classes/LiveChatHeader.ts

@@ -1,18 +1,21 @@
 import Parser from '../index';
+import type Menu from './menus/Menu';
+import type Button from './Button';
+import type SortFilterSubMenu from './SortFilterSubMenu';
 import { YTNode } from '../helpers';
 
 class LiveChatHeader extends YTNode {
   static type = 'LiveChatHeader';
 
-  overflow_menu;
-  collapse_button;
-  view_selector;
+  overflow_menu: Menu | null;
+  collapse_button: Button | null;
+  view_selector: SortFilterSubMenu | null;
 
   constructor(data: any) {
     super();
-    this.overflow_menu = Parser.parse(data.overflowMenu);
-    this.collapse_button = Parser.parse(data.collapseButton);
-    this.view_selector = Parser.parse(data.viewSelector);
+    this.overflow_menu = Parser.parseItem<Menu>(data.overflowMenu);
+    this.collapse_button = Parser.parseItem<Button>(data.collapseButton);
+    this.view_selector = Parser.parseItem<SortFilterSubMenu>(data.viewSelector);
   }
 }
 

src/parser/classes/LiveChatItemList.ts

@@ -1,16 +1,17 @@
 import Parser from '../index';
 import { YTNode } from '../helpers';
+import type Button from './Button';
 
 class LiveChatItemList extends YTNode {
   static type = 'LiveChatItemList';
 
   max_items_to_display: string;
-  more_comments_below_button;
+  more_comments_below_button: Button | null;
 
   constructor(data: any) {
     super();
     this.max_items_to_display = data.maxItemsToDisplay;
-    this.more_comments_below_button = Parser.parse(data.moreCommentsBelowButton);
+    this.more_comments_below_button = Parser.parseItem<Button>(data.moreCommentsBelowButton);
   }
 }
 

src/parser/classes/LiveChatMessageInput.ts

@@ -1,6 +1,7 @@
 import Text from './misc/Text';
 import Parser from '../index';
 import Thumbnail from './misc/Thumbnail';
+import type Button from './Button';
 import { YTNode } from '../helpers';
 
 class LiveChatMessageInput extends YTNode {
@@ -8,14 +9,14 @@ class LiveChatMessageInput extends YTNode {
 
   author_name: Text;
   author_photo: Thumbnail[];
-  send_button;
+  send_button: Button | null;
   target_id: string;
 
   constructor(data: any) {
     super();
     this.author_name = new Text(data.authorName);
     this.author_photo = Thumbnail.fromResponse(data.authorPhoto);
-    this.send_button = Parser.parse(data.sendButton);
+    this.send_button = Parser.parseItem<Button>(data.sendButton);
     this.target_id = data.targetId;
   }
 }

src/parser/classes/LiveChatParticipantsList.ts

@@ -1,17 +1,18 @@
 import Parser from '../index';
 import Text from './misc/Text';
-import { YTNode } from '../helpers';
+import { ObservedArray, YTNode } from '../helpers';
+import type LiveChatParticipant from './LiveChatParticipant';
 
 class LiveChatParticipantsList extends YTNode {
   static type = 'LiveChatParticipantsList';
 
   title: Text;
-  participants;
+  participants: ObservedArray<LiveChatParticipant>;
 
   constructor(data: any) {
     super();
     this.title = new Text(data.title);
-    this.participants = Parser.parse(data.participants);
+    this.participants = Parser.parseArray<LiveChatParticipant>(data.participants);
   }
 }
 

src/parser/classes/SortFilterSubMenu.ts

@@ -12,7 +12,7 @@ class SortFilterSubMenu extends YTNode {
   sub_menu_items?: {
     title: string;
     selected: boolean;
-    continuation: string | null;
+    continuation: string;
     endpoint: NavigationEndpoint;
     subtitle: string | null;
   }[];
@@ -40,7 +40,7 @@ class SortFilterSubMenu extends YTNode {
       this.sub_menu_items = data.subMenuItems.map((item: any) => ({
         title: item.title,
         selected: item.selected,
-        continuation: item.continuation?.reloadContinuationData?.continuation || null,
+        continuation: item.continuation?.reloadContinuationData?.continuation,
         endpoint: new NavigationEndpoint(item.serviceEndpoint),
         subtitle: item.subtitle || null
       }));

src/parser/classes/UpsellDialog.ts

@@ -0,0 +1,25 @@
+import Parser from '..';
+import { YTNode } from '../helpers';
+import type Button from './Button';
+import Text from './misc/Text';
+
+class UpsellDialog extends YTNode {
+  static type = 'UpsellDialog';
+
+  message_title: Text;
+  message_text: Text;
+  action_button: Button | null;
+  dismiss_button: Button | null;
+  is_visible: boolean;
+
+  constructor(data: any) {
+    super();
+    this.message_title = new Text(data.dialogMessageTitle);
+    this.message_text = new Text(data.dialogMessageText);
+    this.action_button = Parser.parseItem<Button>(data.actionButton);
+    this.dismiss_button = Parser.parseItem<Button>(data.dismissButton);
+    this.is_visible = data.isVisible;
+  }
+}
+
+export default UpsellDialog;

src/parser/classes/livechat/AddBannerToLiveChatCommand.ts

@@ -1,14 +1,15 @@
 import Parser from '../../index';
 import { YTNode } from '../../helpers';
+import type LiveChatBanner from './items/LiveChatBanner';
 
 class AddBannerToLiveChatCommand extends YTNode {
   static type = 'AddBannerToLiveChatCommand';
 
-  banner;
+  banner: LiveChatBanner | null;
 
   constructor(data: any) {
     super();
-    this.banner = Parser.parse(data.bannerRenderer);
+    this.banner = Parser.parseItem<LiveChatBanner>(data.bannerRenderer);
   }
 }
 

src/parser/classes/livechat/AddLiveChatTickerItemAction.ts

@@ -5,7 +5,7 @@ class AddLiveChatTickerItemAction extends YTNode {
   static type = 'AddLiveChatTickerItemAction';
 
   item;
-  duration_sec;
+  duration_sec: string; // TODO: check this assumption
 
   constructor(data: any) {
     super();

src/parser/classes/livechat/DimChatItemAction.ts

@@ -0,0 +1,14 @@
+import { YTNode } from '../../helpers';
+
+class DimChatItemAction extends YTNode {
+  static type = 'DimChatItemAction';
+
+  client_assigned_id: string;
+
+  constructor(data: any) {
+    super();
+    this.client_assigned_id = data.clientAssignedId;
+  }
+}
+
+export default DimChatItemAction;

src/parser/classes/livechat/ReplaceChatItemAction.ts

@@ -10,7 +10,7 @@ class ReplaceChatItemAction extends YTNode {
   constructor(data: any) {
     super();
     this.target_item_id = data.targetItemId;
-    this.replacement_item = Parser.parse(data.replacementItem);
+    this.replacement_item = Parser.parseItem(data.replacementItem);
   }
 }
 

src/parser/classes/livechat/ReplayChatItemAction.ts

@@ -9,10 +9,10 @@ class ReplayChatItemAction extends YTNode {
 
   constructor(data: any) {
     super();
-    this.actions = Parser.parse(data.actions?.map((action: any) => {
+    this.actions = Parser.parseArray(data.actions?.map((action: any) => {
       delete action.clickTrackingParams;
       return action;
-    })) || [];
+    }));
     this.video_offset_time_msec = data.videoOffsetTimeMsec;
   }
 }

src/parser/classes/livechat/ShowLiveChatActionPanelAction.ts

@@ -1,14 +1,15 @@
 import Parser from '../../index';
 import { YTNode } from '../../helpers';
+import LiveChatActionPanel from './LiveChatActionPanel';
 
 class ShowLiveChatActionPanelAction extends YTNode {
   static type = 'ShowLiveChatActionPanelAction';
 
-  panel_to_show;
+  panel_to_show: LiveChatActionPanel | null;
 
   constructor(data: any) {
     super();
-    this.panel_to_show = Parser.parse(data.panelToShow);
+    this.panel_to_show = Parser.parseItem<LiveChatActionPanel>(data.panelToShow, LiveChatActionPanel);
   }
 }
 

src/parser/classes/livechat/ShowLiveChatDialogAction.ts

@@ -0,0 +1,15 @@
+import Parser from '../..';
+import { YTNode } from '../../helpers';
+
+class ShowLiveChatDialogAction extends YTNode {
+  static type = 'ShowLiveChatDialogAction';
+
+  dialog;
+
+  constructor(data: any) {
+    super();
+    this.dialog = Parser.parseItem(data.dialog);
+  }
+}
+
+export default ShowLiveChatDialogAction;

src/parser/classes/livechat/ShowLiveChatTooltipCommand.ts

@@ -8,7 +8,7 @@ class ShowLiveChatTooltipCommand extends YTNode {
 
   constructor(data: any) {
     super();
-    this.tooltip = Parser.parse(data.tooltip);
+    this.tooltip = Parser.parseItem(data.tooltip);
   }
 }
 

src/parser/classes/livechat/UpdateLiveChatPollAction.ts

@@ -8,7 +8,7 @@ class UpdateLiveChatPollAction extends YTNode {
 
   constructor(data: any) {
     super();
-    this.poll_to_update = Parser.parse(data.pollToUpdate);
+    this.poll_to_update = Parser.parseItem(data.pollToUpdate);
   }
 }
 

src/parser/classes/livechat/items/LiveChatAutoModMessage.ts

@@ -1,8 +1,8 @@
-import Text from '../../misc/Text';
-import Parser from '../../../index';
 import { ObservedArray, YTNode } from '../../../helpers';
-import NavigationEndpoint from '../../NavigationEndpoint';
+import Parser from '../../../index';
 import Button from '../../Button';
+import Text from '../../misc/Text';
+import NavigationEndpoint from '../../NavigationEndpoint';
 
 class LiveChatAutoModMessage extends YTNode {
   static type = 'LiveChatAutoModMessage';
@@ -17,10 +17,9 @@ class LiveChatAutoModMessage extends YTNode {
 
   constructor(data: any) {
     super();
-
     this.menu_endpoint = new NavigationEndpoint(data.contextMenuEndpoint);
     this.moderation_buttons = Parser.parseArray<Button>(data.moderationButtons, [ Button ]);
-    this.auto_moderated_item = Parser.parse(data.autoModeratedItem);
+    this.auto_moderated_item = Parser.parseItem(data.autoModeratedItem);
     this.header_text = new Text(data.headerText);
     this.timestamp = Math.floor(parseInt(data.timestampUsec) / 1000);
     this.id = data.id;

src/parser/classes/livechat/items/LiveChatBanner.ts

@@ -1,10 +1,11 @@
-import Parser from '../../../index';
 import { YTNode } from '../../../helpers';
+import Parser from '../../../index';
+import type LiveChatBannerHeader from './LiveChatBannerHeader';
 
 class LiveChatBanner extends YTNode {
   static type = 'LiveChatBanner';
 
-  header;
+  header: LiveChatBannerHeader | null;
   contents;
   action_id: string;
   viewer_is_creator: boolean;
@@ -14,9 +15,8 @@ class LiveChatBanner extends YTNode {
 
   constructor(data: any) {
     super();
-
-    this.header = Parser.parse(data.header);
-    this.contents = Parser.parse(data.contents);
+    this.header = Parser.parseItem<LiveChatBannerHeader>(data.header);
+    this.contents = Parser.parseItem(data.contents);
     this.action_id = data.actionId;
     this.viewer_is_creator = data.viewerIsCreator;
     this.target_id = data.targetId;

src/parser/classes/livechat/items/LiveChatBannerHeader.ts

@@ -1,19 +1,20 @@
-import Parser from '../../../index';
-import Text from '../../misc/Text';
 import { YTNode } from '../../../helpers';
+import Parser from '../../../index';
+import type Button from '../../Button';
+import Text from '../../misc/Text';
 
 class LiveChatBannerHeader extends YTNode {
   static type = 'LiveChatBannerHeader';
 
   text: string;
   icon_type: string;
-  context_menu_button;
+  context_menu_button: Button | null;
 
   constructor(data: any) {
     super();
     this.text = new Text(data.text).toString();
-    this.icon_type = data.icon.iconType;
-    this.context_menu_button = Parser.parse(data.contextMenuButton);
+    this.icon_type = data.icon?.iconType;
+    this.context_menu_button = Parser.parseItem<Button>(data.contextMenuButton);
   }
 }
 

src/parser/classes/livechat/items/LiveChatBannerPoll.ts

@@ -1,7 +1,7 @@
+import { YTNode } from '../../../helpers';
 import Parser from '../../../index';
 import Text from '../../misc/Text';
 import Thumbnail from '../../misc/Thumbnail';
-import { YTNode } from '../../../helpers';
 
 class LiveChatBannerPoll extends YTNode {
   static type = 'LiveChatBannerPoll';
@@ -29,7 +29,7 @@ class LiveChatBannerPoll extends YTNode {
 
     this.collapsed_state_entity_key = data.collapsedStateEntityKey;
     this.live_chat_poll_state_entity_key = data.liveChatPollStateEntityKey;
-    this.context_menu_button = Parser.parse(data.contextMenuButton);
+    this.context_menu_button = Parser.parseItem(data.contextMenuButton);
   }
 }
 

src/parser/classes/livechat/items/LiveChatMembershipItem.ts

@@ -1,8 +1,10 @@
+import { observe, ObservedArray, YTNode } from '../../../helpers';
 import Parser from '../../../index';
+import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
+import MetadataBadge from '../../MetadataBadge';
 import Text from '../../misc/Text';
 import Thumbnail from '../../misc/Thumbnail';
 import NavigationEndpoint from '../../NavigationEndpoint';
-import { YTNode } from '../../../helpers';
 
 class LiveChatMembershipItem extends YTNode {
   static type = 'LiveChatMembershipItem';
@@ -15,7 +17,10 @@ class LiveChatMembershipItem extends YTNode {
     id: string;
     name: Text;
     thumbnails: Thumbnail[];
-    badges: any;
+    badges: ObservedArray<LiveChatAuthorBadge | MetadataBadge>;
+    is_moderator: boolean | null;
+    is_verified: boolean | null;
+    is_verified_artist: boolean | null;
   };
 
   menu_endpoint: NavigationEndpoint;
@@ -30,9 +35,19 @@ class LiveChatMembershipItem extends YTNode {
       id: data.authorExternalChannelId,
       name: new Text(data?.authorName),
       thumbnails: Thumbnail.fromResponse(data.authorPhoto),
-      badges: Parser.parse(data.authorBadges)
+      badges: observe([]).as(LiveChatAuthorBadge, MetadataBadge),
+      is_moderator: null,
+      is_verified: null,
+      is_verified_artist: null
     };
 
+    const badges = Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges);
+
+    this.author.badges = badges;
+    this.author.is_moderator = badges ? badges.some((badge) => badge.icon_type == 'MODERATOR') : null;
+    this.author.is_verified = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') : null;
+    this.author.is_verified_artist = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') : null;
+
     this.menu_endpoint = new NavigationEndpoint(data.contextMenuEndpoint);
   }
 }

src/parser/classes/livechat/items/LiveChatPaidMessage.ts

@@ -1,10 +1,10 @@
+import { observe, ObservedArray, YTNode } from '../../../helpers';
+import Parser from '../../../index';
+import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
+import MetadataBadge from '../../MetadataBadge';
 import Text from '../../misc/Text';
 import Thumbnail from '../../misc/Thumbnail';
 import NavigationEndpoint from '../../NavigationEndpoint';
-import MetadataBadge from '../../MetadataBadge';
-import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
-import Parser from '../../../index';
-import { YTNode } from '../../../helpers';
 
 class LiveChatPaidMessage extends YTNode {
   static type = 'LiveChatPaidMessage';
@@ -15,7 +15,7 @@ class LiveChatPaidMessage extends YTNode {
     id: string;
     name: Text;
     thumbnails: Thumbnail[];
-    badges: LiveChatAuthorBadge[] | MetadataBadge[];
+    badges: ObservedArray<LiveChatAuthorBadge | MetadataBadge>;
     is_moderator: boolean | null;
     is_verified: boolean | null;
     is_verified_artist: boolean | null;
@@ -39,7 +39,7 @@ class LiveChatPaidMessage extends YTNode {
       id: data.authorExternalChannelId,
       name: new Text(data.authorName),
       thumbnails: Thumbnail.fromResponse(data.authorPhoto),
-      badges: Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges, [ MetadataBadge, LiveChatAuthorBadge ]),
+      badges: observe([]).as(LiveChatAuthorBadge, MetadataBadge),
       is_moderator: null,
       is_verified: null,
       is_verified_artist: null
@@ -48,9 +48,9 @@ class LiveChatPaidMessage extends YTNode {
     const badges = Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges, [ MetadataBadge, LiveChatAuthorBadge ]);
 
     this.author.badges = badges;
-    this.author.is_moderator = badges?.some((badge: any) => badge.icon_type == 'MODERATOR') || null;
-    this.author.is_verified = badges?.some((badge: any) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') || null;
-    this.author.is_verified_artist = badges?.some((badge: any) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') || null;
+    this.author.is_moderator = badges ? badges.some((badge) => badge.icon_type == 'MODERATOR') : null;
+    this.author.is_verified = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') : null;
+    this.author.is_verified_artist = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') : null;
 
     this.header_background_color = data.headerBackgroundColor;
     this.header_text_color = data.headerTextColor;

src/parser/classes/livechat/items/LiveChatPaidSticker.ts

@@ -1,8 +1,10 @@
+import { observe, ObservedArray, YTNode } from '../../../helpers';
 import Parser from '../../../index';
-import NavigationEndpoint from '../../NavigationEndpoint';
-import Thumbnail from '../../misc/Thumbnail';
+import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
+import MetadataBadge from '../../MetadataBadge';
 import Text from '../../misc/Text';
-import { YTNode } from '../../../helpers';
+import Thumbnail from '../../misc/Thumbnail';
+import NavigationEndpoint from '../../NavigationEndpoint';
 
 class LiveChatPaidSticker extends YTNode {
   static type = 'LiveChatPaidSticker';
@@ -13,7 +15,10 @@ class LiveChatPaidSticker extends YTNode {
     id: string;
     name: Text;
     thumbnails: Thumbnail[];
-    badges: any;
+    badges: ObservedArray<LiveChatAuthorBadge | MetadataBadge>;
+    is_moderator: boolean | null;
+    is_verified: boolean | null;
+    is_verified_artist: boolean | null;
   };
 
   money_chip_background_color: number;
@@ -34,9 +39,19 @@ class LiveChatPaidSticker extends YTNode {
       id: data.authorExternalChannelId,
       name: new Text(data.authorName),
       thumbnails: Thumbnail.fromResponse(data.authorPhoto),
-      badges: Parser.parse(data.authorBadges)
+      badges: observe([]).as(LiveChatAuthorBadge, MetadataBadge),
+      is_moderator: null,
+      is_verified: null,
+      is_verified_artist: null
     };
 
+    const badges = Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges, [ MetadataBadge, LiveChatAuthorBadge ]);
+
+    this.author.badges = badges;
+    this.author.is_moderator = badges ? badges.some((badge) => badge.icon_type == 'MODERATOR') : null;
+    this.author.is_verified = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') : null;
+    this.author.is_verified_artist = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') : null;
+
     this.money_chip_background_color = data.moneyChipBackgroundColor;
     this.money_chip_text_color = data.moneyChipTextColor;
     this.background_color = data.backgroundColor;

src/parser/classes/livechat/items/LiveChatProductItem.ts

@@ -32,12 +32,12 @@ class LiveChatProductItem extends YTNode {
     this.price = data.price;
     this.vendor_name = data.vendorName;
     this.from_vendor_text = data.fromVendorText;
-    this.information_button = Parser.parse(data.informationButton);
+    this.information_button = Parser.parseItem(data.informationButton);
     this.endpoint = new NavigationEndpoint(data.onClickCommand);
     this.creator_message = data.creatorMessage;
     this.creator_name = data.creatorName;
     this.author_photo = Thumbnail.fromResponse(data.authorPhoto);
-    this.information_dialog = Parser.parse(data.informationDialog);
+    this.information_dialog = Parser.parseItem(data.informationDialog);
     this.is_verified = data.isVerified;
     this.creator_custom_message = new Text(data.creatorCustomMessage);
   }

src/parser/classes/livechat/items/LiveChatTextMessage.ts

@@ -1,12 +1,11 @@
+import { observe, ObservedArray, YTNode } from '../../../helpers';
+import Parser from '../../../index';
+import Button from '../../Button';
+import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
+import MetadataBadge from '../../MetadataBadge';
 import Text from '../../misc/Text';
 import Thumbnail from '../../misc/Thumbnail';
 import NavigationEndpoint from '../../NavigationEndpoint';
-import MetadataBadge from '../../MetadataBadge';
-import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
-import Parser from '../../../index';
-
-import { ObservedArray, YTNode } from '../../../helpers';
-import Button from '../../Button';
 
 class LiveChatTextMessage extends YTNode {
   static type = 'LiveChatTextMessage';
@@ -16,7 +15,7 @@ class LiveChatTextMessage extends YTNode {
     id: string;
     name: Text;
     thumbnails: Thumbnail[];
-    badges: LiveChatAuthorBadge[] | MetadataBadge[];
+    badges: ObservedArray<LiveChatAuthorBadge | MetadataBadge>;
     is_moderator: boolean | null;
     is_verified: boolean | null;
     is_verified_artist: boolean | null;
@@ -35,7 +34,7 @@ class LiveChatTextMessage extends YTNode {
       id: data.authorExternalChannelId,
       name: new Text(data.authorName),
       thumbnails: Thumbnail.fromResponse(data.authorPhoto),
-      badges: [] as LiveChatAuthorBadge[] | [] as MetadataBadge[],
+      badges: observe([]).as(LiveChatAuthorBadge, MetadataBadge),
       is_moderator: null,
       is_verified: null,
       is_verified_artist: null

src/parser/classes/livechat/items/LiveChatTickerPaidMessageItem.ts

@@ -1,19 +1,20 @@
+import Parser from '../../../index';
+import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
+import MetadataBadge from '../../MetadataBadge';
 import Text from '../../misc/Text';
 import Thumbnail from '../../misc/Thumbnail';
 import NavigationEndpoint from '../../NavigationEndpoint';
-import MetadataBadge from '../../MetadataBadge';
-import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
-import Parser from '../../../index';
 
-import { YTNode } from '../../../helpers';
+import { observe, ObservedArray, YTNode } from '../../../helpers';
 
 class LiveChatTickerPaidMessageItem extends YTNode {
   static type = 'LiveChatTickerPaidMessageItem';
 
   author: {
     id: string;
+    name: Text;
     thumbnails: Thumbnail[];
-    badges: LiveChatAuthorBadge[] | MetadataBadge[];
+    badges: ObservedArray<LiveChatAuthorBadge | MetadataBadge>;
     is_moderator: boolean | null;
     is_verified: boolean | null;
     is_verified_artist: boolean | null;
@@ -31,8 +32,9 @@ class LiveChatTickerPaidMessageItem extends YTNode {
 
     this.author = {
       id: data.authorExternalChannelId,
+      name: new Text(data?.authorName),
       thumbnails: Thumbnail.fromResponse(data.authorPhoto),
-      badges: Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges, [ MetadataBadge, LiveChatAuthorBadge ]),
+      badges: observe([]).as(LiveChatAuthorBadge, MetadataBadge),
       is_moderator: null,
       is_verified: null,
       is_verified_artist: null
@@ -41,13 +43,14 @@ class LiveChatTickerPaidMessageItem extends YTNode {
     const badges = Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges, [ MetadataBadge, LiveChatAuthorBadge ]);
 
     this.author.badges = badges;
-    this.author.is_moderator = badges?.some((badge) => badge.icon_type == 'MODERATOR') || null;
-    this.author.is_verified = badges?.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') || null;
-    this.author.is_verified_artist = badges?.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') || null;
+    this.author.is_moderator = badges ? badges.some((badge) => badge.icon_type == 'MODERATOR') : null;
+    this.author.is_verified = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') : null;
+    this.author.is_verified_artist = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') : null;
+
     this.amount = new Text(data.amount);
     this.duration_sec = data.durationSec;
     this.full_duration_sec = data.fullDurationSec;
-    this.show_item = Parser.parse(data.showItemEndpoint.showLiveChatItemEndpoint.renderer);
+    this.show_item = Parser.parse(data.showItemEndpoint?.showLiveChatItemEndpoint?.renderer);
     this.show_item_endpoint = new NavigationEndpoint(data.showItemEndpoint);
     this.id = data.id;
   }

src/parser/classes/livechat/items/LiveChatTickerPaidStickerItem.ts

@@ -1,19 +1,20 @@
+import Parser from '../../../index';
+import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
+import MetadataBadge from '../../MetadataBadge';
 import Text from '../../misc/Text';
 import Thumbnail from '../../misc/Thumbnail';
 import NavigationEndpoint from '../../NavigationEndpoint';
-import MetadataBadge from '../../MetadataBadge';
-import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
-import Parser from '../../../index';
 
-import { YTNode } from '../../../helpers';
+import { observe, ObservedArray, YTNode } from '../../../helpers';
 
 class LiveChatTickerPaidStickerItem extends YTNode {
   static type = 'LiveChatTickerPaidStickerItem';
 
   author: {
     id: string;
+    name: Text;
     thumbnails: Thumbnail[];
-    badges: LiveChatAuthorBadge[] | MetadataBadge[];
+    badges: ObservedArray<LiveChatAuthorBadge | MetadataBadge>;
     is_moderator: boolean | null;
     is_verified: boolean | null;
     is_verified_artist: boolean | null;
@@ -31,8 +32,9 @@ class LiveChatTickerPaidStickerItem extends YTNode {
 
     this.author = {
       id: data.authorExternalChannelId,
+      name: new Text(data?.authorName),
       thumbnails: Thumbnail.fromResponse(data.authorPhoto),
-      badges: Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges, [ MetadataBadge, LiveChatAuthorBadge ]),
+      badges: observe([]).as(LiveChatAuthorBadge, MetadataBadge),
       is_moderator: null,
       is_verified: null,
       is_verified_artist: null
@@ -41,13 +43,14 @@ class LiveChatTickerPaidStickerItem extends YTNode {
     const badges = Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges, [ MetadataBadge, LiveChatAuthorBadge ]);
 
     this.author.badges = badges;
-    this.author.is_moderator = badges?.some((badge) => badge.icon_type == 'MODERATOR') || null;
-    this.author.is_verified = badges?.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') || null;
-    this.author.is_verified_artist = badges?.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') || null;
+    this.author.is_moderator = badges ? badges.some((badge) => badge.icon_type == 'MODERATOR') : null;
+    this.author.is_verified = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') : null;
+    this.author.is_verified_artist = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') : null;
+
     this.amount = new Text(data.amount);
     this.duration_sec = data.durationSec;
     this.full_duration_sec = data.fullDurationSec;
-    this.show_item = Parser.parse(data.showItemEndpoint.showLiveChatItemEndpoint.renderer);
+    this.show_item = Parser.parseItem(data.showItemEndpoint?.showLiveChatItemEndpoint?.renderer);
     this.show_item_endpoint = new NavigationEndpoint(data.showItemEndpoint);
     this.id = data.id;
   }

src/parser/classes/livechat/items/LiveChatTickerSponsorItem.ts

@@ -1,16 +1,23 @@
+import Parser from '../../..';
+import { observe, ObservedArray, YTNode } from '../../../helpers';
+import LiveChatAuthorBadge from '../../LiveChatAuthorBadge';
+import MetadataBadge from '../../MetadataBadge';
 import Text from '../../misc/Text';
 import Thumbnail from '../../misc/Thumbnail';
-import { YTNode } from '../../../helpers';
 
 class LiveChatTickerSponsorItem extends YTNode {
   static type = 'LiveChatTickerSponsorItem';
 
   id: string;
-  detail_text: string;
+  detail: Text;
   author: {
     id: string;
     name: Text;
     thumbnails: Thumbnail[];
+    badges: ObservedArray<LiveChatAuthorBadge | MetadataBadge>;
+    is_moderator: boolean | null;
+    is_verified: boolean | null;
+    is_verified_artist: boolean | null;
   };
 
   duration_sec: string;
@@ -18,14 +25,25 @@ class LiveChatTickerSponsorItem extends YTNode {
   constructor(data: any) {
     super();
     this.id = data.id;
-    this.detail_text = new Text(data.detailText).toString();
+    this.detail = new Text(data.detailText);
 
     this.author = {
       id: data.authorExternalChannelId,
       name: new Text(data?.authorName),
-      thumbnails: Thumbnail.fromResponse(data.sponsorPhoto)
+      thumbnails: Thumbnail.fromResponse(data.sponsorPhoto),
+      badges: observe([]).as(LiveChatAuthorBadge, MetadataBadge),
+      is_moderator: null,
+      is_verified: null,
+      is_verified_artist: null
     };
 
+    const badges = Parser.parseArray<LiveChatAuthorBadge | MetadataBadge>(data.authorBadges, [ MetadataBadge, LiveChatAuthorBadge ]);
+
+    this.author.badges = badges;
+    this.author.is_moderator = badges ? badges.some((badge) => badge.icon_type == 'MODERATOR') : null;
+    this.author.is_verified = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED') : null;
+    this.author.is_verified_artist = badges ? badges.some((badge) => badge.style == 'BADGE_STYLE_TYPE_VERIFIED_ARTIST') : null;
+
     this.duration_sec = data.durationSec;
     // TODO: finish this
   }

src/parser/classes/livechat/items/LiveChatViewerEngagementMessage.ts

@@ -1,5 +1,5 @@
-import LiveChatTextMessage from './LiveChatTextMessage';
 import Parser from '../../../index';
+import LiveChatTextMessage from './LiveChatTextMessage';
 
 class LiveChatViewerEngagementMessage extends LiveChatTextMessage {
   static type = 'LiveChatViewerEngagementMessage';
@@ -12,7 +12,7 @@ class LiveChatViewerEngagementMessage extends LiveChatTextMessage {
     delete this.author;
     delete this.menu_endpoint;
     this.icon_type = data.icon.iconType;
-    this.action_button = Parser.parse(data.actionButton);
+    this.action_button = Parser.parseItem(data.actionButton);
   }
 }
 

src/parser/classes/livechat/items/PollHeader.ts

@@ -18,7 +18,7 @@ class PollHeader extends YTNode {
     this.thumbnails = Thumbnail.fromResponse(data.thumbnail);
     this.metadata = new Text(data.metadataText);
     this.live_chat_poll_type = data.liveChatPollType;
-    this.context_menu_button = Parser.parse(data.contextMenuButton);
+    this.context_menu_button = Parser.parseItem(data.contextMenuButton);
   }
 }