refactor: migrate parsers to TS (#133)

* dev: finish top-level parsers TS migration

* dev: migrate menu renderers to TS

* chore: fix ts errors

* dev: finish ts migration 🎉

src/parser/classes/comments/Comment.ts

@@ -0,0 +1,167 @@
+import Parser from '../../index';
+import Text from '../misc/Text';
+import Thumbnail from '../misc/Thumbnail';
+import Author from '../misc/Author';
+import ToggleButton from '../ToggleButton';
+import CommentReplyDialog from './CommentReplyDialog';
+import CommentActionButtons from './CommentActionButtons';
+import AuthorCommentBadge from './AuthorCommentBadge';
+
+import Proto from '../../../proto/index';
+import Actions from '../../../core/Actions';
+import { InnertubeError } from '../../../utils/Utils';
+
+import { YTNode, SuperParsedResult } from '../../helpers';
+
+class Comment extends YTNode {
+  static type = 'Comment';
+
+  #actions?: Actions;
+
+  content: Text;
+  published: Text;
+  author_is_channel_owner: boolean;
+  current_user_reply_thumbnail: Thumbnail[];
+  author_badge;
+  author: Author;
+  action_menu;
+  action_buttons;
+  comment_id: string;
+  vote_status: string;
+
+  vote_count: {
+    text: string;
+    short_text: string;
+  };
+
+  reply_count: number;
+  is_liked: boolean;
+  is_disliked: boolean;
+  is_pinned: boolean;
+
+  constructor(data: any) {
+    super();
+    this.content = new Text(data.contentText);
+    this.published = new Text(data.publishedTimeText);
+    this.author_is_channel_owner = data.authorIsChannelOwner;
+    this.current_user_reply_thumbnail = Thumbnail.fromResponse(data.currentUserReplyThumbnail);
+    this.author_badge = Parser.parseItem<AuthorCommentBadge>(data.authorCommentBadge, AuthorCommentBadge);
+
+    this.author = new Author({
+      ...data.authorText,
+      navigationEndpoint: data.authorEndpoint
+    }, this.author_badge ? [ {
+      metadataBadgeRenderer: this.author_badge?.orig_badge
+    } ] : null, data.authorThumbnail);
+
+    this.action_menu = Parser.parse(data.actionMenu);
+    this.action_buttons = Parser.parse(data.actionButtons);
+    this.comment_id = data.commentId;
+    this.vote_status = data.voteStatus;
+
+    this.vote_count = {
+      text: data.voteCount ? data.voteCount.accessibility.accessibilityData?.label.replace(/\D/g, '') : '0',
+      short_text: data.voteCount ? new Text(data.voteCount).toString() : '0'
+    };
+
+    this.reply_count = data.replyCount || 0;
+    this.is_liked = this.action_buttons.item().as(CommentActionButtons).like_button.item().as(ToggleButton).is_toggled;
+    this.is_disliked = this.action_buttons.item().as(CommentActionButtons).dislike_button.item().as(ToggleButton).is_toggled;
+    this.is_pinned = !!data.pinnedCommentBadge;
+  }
+
+  /**
+   * Likes the comment.
+   */
+  async like() {
+    if (!this.#actions)
+      throw new InnertubeError('An active caller must be provide to perform this operation.');
+
+    const button = this.action_buttons.item().as(CommentActionButtons).like_button.item().as(ToggleButton);
+
+    if (button.is_toggled)
+      throw new InnertubeError('This comment is already liked', { comment_id: this.comment_id });
+
+    const response = await button.endpoint.callTest(this.#actions, { parse: false });
+
+    return response;
+  }
+  /**
+   * Dislikes the comment.
+   */
+  async dislike() {
+    if (!this.#actions)
+      throw new InnertubeError('An active caller must be provide to perform this operation.');
+
+    const button = this.action_buttons.item().as(CommentActionButtons).dislike_button.item().as(ToggleButton);
+
+    if (button.is_toggled)
+      throw new InnertubeError('This comment is already disliked', { comment_id: this.comment_id });
+
+    const response = await button.endpoint.callTest(this.#actions, { parse: false });
+
+    return response;
+  }
+
+  /**
+   * Creates a reply to the comment.
+   */
+  async reply(text: string) {
+    if (!this.#actions)
+      throw new InnertubeError('An active caller must be provide to perform this operation.');
+
+    if (!this.action_buttons.item().as(CommentActionButtons).reply_button)
+      throw new InnertubeError('Cannot reply to another reply. Try mentioning the user instead.', { comment_id: this.comment_id });
+
+    const button = this.action_buttons.item().as(CommentActionButtons).reply_button.item().as(ToggleButton);
+
+    if (!button.endpoint.dialog)
+      throw new InnertubeError('Reply button endpoint did not have a dialog.');
+
+    const dialog = button.endpoint.dialog as SuperParsedResult<YTNode>;
+    const dialog_button = dialog.item().as(CommentReplyDialog).reply_button.item().as(ToggleButton);
+
+    const payload = {
+      params: {
+        commentText: text
+      }
+    };
+
+    const response = await dialog_button.endpoint.callTest(this.#actions, payload);
+
+    return response;
+  }
+
+  /**
+   * Translates the comment to the given language.
+   * @param target_language - Ex; en, ja
+   */
+  async translate(target_language: string) {
+    if (!this.#actions)
+      throw new InnertubeError('An active caller must be provide to perform this operation.');
+
+    // Emojis must be removed otherwise InnerTube throws a 400 status code at us.
+    const text = this.content.toString().replace(/[^\p{L}\p{N}\p{P}\p{Z}]/gu, '');
+
+    const payload = {
+      text,
+      target_language,
+      comment_id: this.comment_id
+    };
+
+    const action = Proto.encodeCommentActionParams(22, payload);
+    const response = await this.#actions.execute('comment/perform_comment_action', { action, client: 'ANDROID' });
+
+    // TODO: maybe add these to Parser#parseResponse?
+    const mutations = response.data.frameworkUpdates.entityBatchUpdate.mutations;
+    const content = mutations[0].payload.commentEntityPayload.translatedContent.content;
+
+    return { ...response, content };
+  }
+
+  setActions(actions: Actions | undefined) {
+    this.#actions = actions;
+  }
+}
+
+export default Comment;