feat: add MusicSortFilterButton (#151)

This commit is contained in:
Patrick Kan
2022-08-25 13:06:52 +08:00
committed by GitHub
parent f4ce4d2f74
commit 6fe4d235ff
12 changed files with 183 additions and 5 deletions

View File

@@ -0,0 +1,12 @@
import { YTNode } from '../../helpers';
class MusicMenuItemDivider extends YTNode {
static type = 'MusicMenuItemDivider';
// eslint-disable-next-line
constructor(data: any) {
super();
}
}
export default MusicMenuItemDivider;

View File

@@ -0,0 +1,21 @@
import MusicMultiSelectMenuItem from './MusicMultiSelectMenuItem';
import MusicMenuItemDivider from './MusicMenuItemDivider';
import { YTNode } from '../../helpers';
import Text from '../misc/Text';
import Parser from '../..';
class MusicMultiSelectMenu extends YTNode {
static type = 'MusicMultiSelectMenu';
title: string;
options: Array<MusicMultiSelectMenuItem | MusicMenuItemDivider>;
constructor(data: any) {
super();
this.title = new Text(data.title.musicMenuTitleRenderer?.primaryText).text;
this.options = Parser.parseArray(data.options, [ MusicMultiSelectMenuItem, MusicMenuItemDivider ]);
}
}
export default MusicMultiSelectMenu;

View File

@@ -0,0 +1,37 @@
import { YTNode } from '../../helpers';
import Text from '../misc/Text';
import NavigationEndpoint from '../NavigationEndpoint';
class MusicMultiSelectMenuItem extends YTNode {
static type = 'MusicMultiSelectMenuItem';
title: string;
form_item_entity_key: string;
selected_icon_type: string;
endpoint?: NavigationEndpoint;
selected: boolean;
constructor(data: any) {
super();
this.title = new Text(data.title).text;
this.form_item_entity_key = data.formItemEntityKey;
this.selected_icon_type = data.selectedIcon?.iconType || null;
const command = data.selectedCommand?.commandExecutorCommand?.commands?.find((command: any) => command.musicBrowseFormBinderCommand?.browseEndpoint);
if (command) {
/**
* At this point, endpoint will still be missing `form_data` field which is required for
* selection to take effect. This can only be obtained from the response data which
* we don't have here. We shall delegate this task back to `Parser`.
*/
this.endpoint = new NavigationEndpoint(command.musicBrowseFormBinderCommand);
}
/**
* Inferring selected state from existence of endpoint. `Parser` shall
* update this with the definitive value obtained from response data.
*/
this.selected = !!this.endpoint;
}
}
export default MusicMultiSelectMenuItem;