chore(main): release 5.2.0 (#406)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## [5.2.0](https://github.com/LuanRT/YouTube.js/compare/v5.1.0...v5.2.0) (2023-06-28)
+
+
+### Features
+
+* **VideoDetails:** Add is_post_live_dvr property ([#411](https://github.com/LuanRT/YouTube.js/issues/411)) ([a11e596](https://github.com/LuanRT/YouTube.js/commit/a11e5962c6eb73b14623a9de1e6c8c2534146b1e))
+* **ytmusic:** Add support for YouTube Music mood filters ([#404](https://github.com/LuanRT/YouTube.js/issues/404)) ([77b39c7](https://github.com/LuanRT/YouTube.js/commit/77b39c79ee0768eb203b7d47ea81286d470c21f2))
+
+
+### Bug Fixes
+
+* **OAuth:** client identity matching ([#421](https://github.com/LuanRT/YouTube.js/issues/421)) ([07c1b3e](https://github.com/LuanRT/YouTube.js/commit/07c1b3e0e57cb1fa42e4772775bfd1437bbc731f))
+* **PlayerEndpoint:** Use different player params ([#419](https://github.com/LuanRT/YouTube.js/issues/419)) ([519be72](https://github.com/LuanRT/YouTube.js/commit/519be72445b7ff392b396e16bcb1dc05c7df8976))
+* **Playlist:** Add thumbnail_renderer on Playlist when response includes it ([#424](https://github.com/LuanRT/YouTube.js/issues/424)) ([4f9427d](https://github.com/LuanRT/YouTube.js/commit/4f9427d752e89faec8dd1c4fd7a9607dca998c7a))
+* **VideoInfo.ts:** reimplement `get music_tracks` ([#409](https://github.com/LuanRT/YouTube.js/issues/409)) ([e434bb2](https://github.com/LuanRT/YouTube.js/commit/e434bb2632fe2b20aab6f1e707a93ca76f9d5c91))
+
+
+### Performance Improvements
+
+* **Search:** Speed up results parsing ([#408](https://github.com/LuanRT/YouTube.js/issues/408)) ([1e07a18](https://github.com/LuanRT/YouTube.js/commit/1e07a184ffaff508ad5ba869cb5e7dc9f095f744))
+* **toDash:** Speed up format filtering ([#405](https://github.com/LuanRT/YouTube.js/issues/405)) ([5de7b24](https://github.com/LuanRT/YouTube.js/commit/5de7b24dc55fca3eb8fccc6fa30d3c2cd60b8184))
+
+## [5.1.0](https://github.com/LuanRT/YouTube.js/compare/v5.0.4...v5.1.0) (2023-05-14)
+
+
+### Features
+
+* **ReelItem:** Add accessibility label ([#401](https://github.com/LuanRT/YouTube.js/issues/401)) ([046103a](https://github.com/LuanRT/YouTube.js/commit/046103a4d8af09fafefab6e9f971184eeca75c2e))
+* **toDash:** Add audio track labels to the manifest when available ([#402](https://github.com/LuanRT/YouTube.js/issues/402)) ([84b4f1e](https://github.com/LuanRT/YouTube.js/commit/84b4f1efd111321e4f3e5a87844790c4ec9b0b52))
+
 ## [5.0.4](https://github.com/LuanRT/YouTube.js/compare/v5.0.3...v5.0.4) (2023-05-10)
 
 

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "youtubei.js",
-  "version": "5.0.4",
+  "version": "5.2.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "youtubei.js",
-      "version": "5.0.4",
+      "version": "5.2.0",
       "funding": [
         "https://github.com/sponsors/LuanRT"
       ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "youtubei.js",
-  "version": "5.0.4",
+  "version": "5.2.0",
   "description": "A wrapper around YouTube's private API. Supports YouTube, YouTube Music, YouTube Kids and YouTube Studio (WIP).",
   "type": "module",
   "types": "./dist/src/platform/lib.d.ts",

src/core/OAuth.ts

@@ -96,7 +96,7 @@ export default class OAuth {
       client_id: this.#identity.client_id,
       scope: Constants.OAUTH.SCOPE,
       device_id: Platform.shim.uuidv4(),
-      model_name: Constants.OAUTH.MODEL_NAME
+      device_model: Constants.OAUTH.MODEL_NAME
     };
 
     const response = await this.#session.http.fetch_function(new URL('/o/oauth2/device/code', Constants.URLS.YT_BASE), {

src/core/endpoints/PlayerEndpoint.ts

@@ -38,7 +38,7 @@ export function build(opts: PlayerEndpointOptions): IPlayerRequest {
       client: opts.client,
       playlistId: opts.playlist_id,
       // Workaround streaming URLs returning 403 when using Android clients and throttling in web clients.
-      params: '8AEB'
+      params: '2AMBCgIQBg'
     }
   };
 }

src/parser/classes/CarouselLockup.ts

@@ -0,0 +1,20 @@
+import { type ObservedArray, YTNode } from '../helpers.js';
+import InfoRow from './InfoRow.js';
+import Parser, { type RawNode } from '../index.js';
+import CompactVideo from './CompactVideo.js';
+
+export default class CarouselLockup extends YTNode {
+  static type = 'CarouselLockup';
+
+  info_rows: ObservedArray<InfoRow>;
+  video_lockup?: CompactVideo;
+
+  constructor(data: RawNode) {
+    super();
+    this.info_rows = Parser.parseArray(data.infoRows, InfoRow);
+    const video_lockup = Parser.parseItem(data.videoLockup, CompactVideo);
+    if (video_lockup != null) {
+      this.video_lockup = video_lockup;
+    }
+  }
+}

src/parser/classes/EngagementPanelSectionList.ts

@@ -0,0 +1,20 @@
+import { YTNode } from '../helpers.js';
+import Parser, { type RawNode } from '../index.js';
+import ContinuationItem from './ContinuationItem.js';
+import SectionList from './SectionList.js';
+import StructuredDescriptionContent from './StructuredDescriptionContent.js';
+
+export default class EngagementPanelSectionList extends YTNode {
+  static type = 'EngagementPanelSectionList';
+
+  target_id: String;
+  content?: SectionList|ContinuationItem|StructuredDescriptionContent;
+  constructor(data: RawNode) {
+    super();
+    this.target_id = data.targetId;
+    const content = Parser.parseItem(data.content, [ SectionList, ContinuationItem, StructuredDescriptionContent ]);
+    if (content !== null) {
+      this.content = content;
+    }
+  }
+}

src/parser/classes/ExpandableVideoDescriptionBody.ts

@@ -0,0 +1,22 @@
+import { YTNode } from '../helpers.js';
+import { type RawNode } from '../index.js';
+import { Text } from '../misc.js';
+
+export default class ExpandableVideoDescriptionBody extends YTNode {
+  static type = 'ExpandableVideoDescriptionBody';
+
+  show_more_text: Text;
+  show_less_text: Text;
+  attributed_description_body_text: {
+    content: String
+  };
+
+  constructor(data: RawNode) {
+    super();
+    this.show_more_text = new Text(data.showMoreText);
+    this.show_less_text = new Text(data.showLessText);
+    this.attributed_description_body_text = {
+      content: data.attributedDescriptionBodyText.content
+    };
+  }
+}

src/parser/classes/Factoid.ts

@@ -0,0 +1,17 @@
+import { YTNode } from '../helpers.js';
+import { type RawNode } from '../index.js';
+import { Text } from '../misc.js';
+
+export default class Factoid extends YTNode {
+  static type = 'Factoid';
+  label: Text;
+  value: Text;
+  accessibility_text: String;
+
+  constructor(data: RawNode) {
+    super();
+    this.label = new Text(data.label);
+    this.value = new Text(data.value);
+    this.accessibility_text = data.accessibilityText;
+  }
+}

src/parser/classes/InfoRow.ts

@@ -0,0 +1,38 @@
+import { YTNode } from '../helpers.js';
+import Parser, { type RawNode } from '../index.js';
+import { Text } from '../misc.js';
+import NavigationEndpoint from './NavigationEndpoint.js';
+
+export default class InfoRow extends YTNode {
+  static type = 'InfoRow';
+  metadata_text?: Text;
+  metadata_endpoint?: NavigationEndpoint;
+  info_row_expand_status_key: String;
+  title: Text;
+
+  constructor(data: RawNode) {
+    super();
+    if ('defaultMetadata' in data && 'runs' in data.defaultMetadata) {
+      const runs = data.defaultMetadata.runs;
+      if (runs.length > 0) {
+        const run = runs[0];
+        this.metadata_text = run?.text;
+        if ('navigationEndpoint' in run) {
+          this.metadata_endpoint = Parser.parseItem({ navigationEndpoint: run.navigationEndpoint }, NavigationEndpoint) || undefined;
+        }
+      }
+    }
+    if ('expandedMetadata' in data && 'runs' in data.expandedMetadata) {
+      this.metadata_text = new Text(data.expandedMetadata);
+    }
+    if (this.metadata_text === undefined) {
+      this.metadata_text = data.expandedMetadata?.simpleText
+        ? new Text(data.expandedMetadata)
+        : data.defaultMetadata?.simpleText
+          ? new Text(data.defaultMetadata)
+          : undefined;
+    }
+    this.info_row_expand_status_key = data.infoRowExpandStatusKey;
+    this.title = new Text(data.title);
+  }
+}

src/parser/classes/Playlist.ts

@@ -1,6 +1,7 @@
 import { YTNode, type ObservedArray } from '../helpers.js';
 import Parser, { type RawNode } from '../index.js';
 import NavigationEndpoint from './NavigationEndpoint.js';
+import PlaylistVideoThumbnail from './PlaylistVideoThumbnail.js';
 import Author from './misc/Author.js';
 import Text from './misc/Text.js';
 import Thumbnail from './misc/Thumbnail.js';
@@ -12,6 +13,7 @@ export default class Playlist extends YTNode {
   title: Text;
   author: Text | Author;
   thumbnails: Thumbnail[];
+  thumbnail_renderer?: PlaylistVideoThumbnail;
   video_count: Text;
   video_count_short: Text;
   first_videos: ObservedArray<YTNode>;
@@ -41,6 +43,10 @@ export default class Playlist extends YTNode {
     this.endpoint = new NavigationEndpoint(data.navigationEndpoint);
     this.thumbnail_overlays = Parser.parseArray(data.thumbnailOverlays);
 
+    if (Reflect.has(data, 'thumbnailRenderer')) {
+      this.thumbnail_renderer = Parser.parseItem(data.thumbnailRenderer, PlaylistVideoThumbnail) || undefined;
+    }
+
     if (Reflect.has(data, 'viewPlaylistText')) {
       this.view_playlist = new Text(data.viewPlaylistText);
     }

src/parser/classes/ReelItem.ts

@@ -12,6 +12,7 @@ export default class ReelItem extends YTNode {
   thumbnails: Thumbnail[];
   views: Text;
   endpoint: NavigationEndpoint;
+  accessibility_label?: string;
 
   constructor(data: RawNode) {
     super();
@@ -20,5 +21,6 @@ export default class ReelItem extends YTNode {
     this.thumbnails = Thumbnail.fromResponse(data.thumbnail);
     this.views = new Text(data.viewCountText);
     this.endpoint = new NavigationEndpoint(data.navigationEndpoint);
+    this.accessibility_label = data.accessibility.accessibilityData.label;
   }
 }

src/parser/classes/StructuredDescriptionContent.ts

@@ -0,0 +1,16 @@
+import { type ObservedArray, YTNode } from '../helpers.js';
+import Parser, { type RawNode } from '../index.js';
+import ExpandableVideoDescriptionBody from './ExpandableVideoDescriptionBody.js';
+import VideoDescriptionHeader from './VideoDescriptionHeader.js';
+import VideoDescriptionMusicSection from './VideoDescriptionMusicSection.js';
+
+export default class StructuredDescriptionContent extends YTNode {
+  static type = 'StructuredDescriptionContent';
+
+  items: ObservedArray<VideoDescriptionHeader|ExpandableVideoDescriptionBody|VideoDescriptionMusicSection>;
+
+  constructor(data: RawNode) {
+    super();
+    this.items = Parser.parseArray(data.items, [ VideoDescriptionHeader, ExpandableVideoDescriptionBody, VideoDescriptionMusicSection ]);
+  }
+}

src/parser/classes/VideoDescriptionHeader.ts

@@ -0,0 +1,29 @@
+import { type ObservedArray, YTNode } from '../helpers.js';
+import Parser, { type RawNode } from '../index.js';
+import { Text } from '../misc.js';
+import type { Thumbnail } from '../misc.js';
+import Factoid from './Factoid.js';
+import NavigationEndpoint from './NavigationEndpoint.js';
+
+export default class VideoDescriptionHeader extends YTNode {
+  static type = 'VideoDescriptionHeader';
+
+  channel: Text;
+  channel_navigation_endpoint?: NavigationEndpoint;
+  channel_thumbnails: String[];
+  factoids: ObservedArray<Factoid>;
+  publish_date: Text;
+  title: Text;
+  views: Text;
+
+  constructor(data: RawNode) {
+    super();
+    this.title = new Text(data.title);
+    this.channel = new Text(data.channel);
+    this.channel_navigation_endpoint = Parser.parseItem(data.channelNavigationEndpoint, NavigationEndpoint) || undefined;
+    this.channel_thumbnails = data.channelThumbnail.thumbnails.map((thumbnail: Thumbnail) => thumbnail.url);
+    this.publish_date = new Text(data.publishDate);
+    this.views = new Text(data.views);
+    this.factoids = Parser.parseArray(data.factoid, Factoid);
+  }
+}

src/parser/classes/VideoDescriptionMusicSection.ts

@@ -0,0 +1,16 @@
+import { type ObservedArray, YTNode } from '../helpers.js';
+import CarouselLockup from './CarouselLockup.js';
+import Parser, { type RawNode } from '../index.js';
+import { Text } from '../misc.js';
+
+export default class VideoDescriptionMusicSection extends YTNode {
+  static type = 'VideoDescriptionMusicSection';
+
+  carousel_lockups: ObservedArray<CarouselLockup>;
+  section_title: Text;
+  constructor(data: RawNode) {
+    super();
+    this.carousel_lockups = Parser.parseArray(data.carouselLockups, CarouselLockup);
+    this.section_title = new Text(data.sectionTitle);
+  }
+}

src/parser/classes/misc/VideoDetails.ts

@@ -18,6 +18,7 @@ export default class VideoDetails {
   is_live_content: boolean;
   is_upcoming: boolean;
   is_crawlable: boolean;
+  is_post_live_dvr: boolean;
 
   constructor(data: RawNode) {
     this.id = data.videoId;
@@ -35,6 +36,7 @@ export default class VideoDetails {
     this.is_live = !!data.isLive;
     this.is_live_content = !!data.isLiveContent;
     this.is_upcoming = !!data.isUpcoming;
+    this.is_post_live_dvr = !!data.isPostLiveDvr;
     this.is_crawlable = !!data.isCrawlable;
   }
 }

src/parser/nodes.ts

@@ -30,6 +30,7 @@ export { default as Card } from './classes/Card.js';
 export { default as CardCollection } from './classes/CardCollection.js';
 export { default as CarouselHeader } from './classes/CarouselHeader.js';
 export { default as CarouselItem } from './classes/CarouselItem.js';
+export { default as CarouselLockup } from './classes/CarouselLockup.js';
 export { default as Channel } from './classes/Channel.js';
 export { default as ChannelAboutFullMetadata } from './classes/ChannelAboutFullMetadata.js';
 export { default as ChannelAgeGate } from './classes/ChannelAgeGate.js';
@@ -88,9 +89,12 @@ export { default as Endscreen } from './classes/Endscreen.js';
 export { default as EndscreenElement } from './classes/EndscreenElement.js';
 export { default as EndScreenPlaylist } from './classes/EndScreenPlaylist.js';
 export { default as EndScreenVideo } from './classes/EndScreenVideo.js';
+export { default as EngagementPanelSectionList } from './classes/EngagementPanelSectionList.js';
 export { default as ExpandableMetadata } from './classes/ExpandableMetadata.js';
 export { default as ExpandableTab } from './classes/ExpandableTab.js';
+export { default as ExpandableVideoDescriptionBody } from './classes/ExpandableVideoDescriptionBody.js';
 export { default as ExpandedShelfContents } from './classes/ExpandedShelfContents.js';
+export { default as Factoid } from './classes/Factoid.js';
 export { default as FeedFilterChipBar } from './classes/FeedFilterChipBar.js';
 export { default as FeedTabbedHeader } from './classes/FeedTabbedHeader.js';
 export { default as GameCard } from './classes/GameCard.js';
@@ -121,6 +125,7 @@ export { default as HorizontalMovieList } from './classes/HorizontalMovieList.js
 export { default as IconLink } from './classes/IconLink.js';
 export { default as InfoPanelContainer } from './classes/InfoPanelContainer.js';
 export { default as InfoPanelContent } from './classes/InfoPanelContent.js';
+export { default as InfoRow } from './classes/InfoRow.js';
 export { default as InteractiveTabbedHeader } from './classes/InteractiveTabbedHeader.js';
 export { default as ItemSection } from './classes/ItemSection.js';
 export { default as ItemSectionHeader } from './classes/ItemSectionHeader.js';
@@ -299,6 +304,7 @@ export { default as SingleHeroImage } from './classes/SingleHeroImage.js';
 export { default as SlimOwner } from './classes/SlimOwner.js';
 export { default as SlimVideoMetadata } from './classes/SlimVideoMetadata.js';
 export { default as SortFilterSubMenu } from './classes/SortFilterSubMenu.js';
+export { default as StructuredDescriptionContent } from './classes/StructuredDescriptionContent.js';
 export { default as SubFeedOption } from './classes/SubFeedOption.js';
 export { default as SubFeedSelector } from './classes/SubFeedSelector.js';
 export { default as SubscribeButton } from './classes/SubscribeButton.js';
@@ -335,6 +341,8 @@ export { default as VerticalList } from './classes/VerticalList.js';
 export { default as VerticalWatchCardList } from './classes/VerticalWatchCardList.js';
 export { default as Video } from './classes/Video.js';
 export { default as VideoCard } from './classes/VideoCard.js';
+export { default as VideoDescriptionHeader } from './classes/VideoDescriptionHeader.js';
+export { default as VideoDescriptionMusicSection } from './classes/VideoDescriptionMusicSection.js';
 export { default as VideoInfoCardContent } from './classes/VideoInfoCardContent.js';
 export { default as VideoOwner } from './classes/VideoOwner.js';
 export { default as VideoPrimaryInfo } from './classes/VideoPrimaryInfo.js';

src/parser/parser.ts

@@ -264,6 +264,13 @@ export default class Parser {
       parsed_data.cards = cards;
     }
 
+    const engagement_panels = data.engagementPanels?.map((e) => {
+      const item = this.parseItem(e, YTNodes.EngagementPanelSectionList) as YTNodes.EngagementPanelSectionList;
+      return item;
+    });
+    if (engagement_panels) {
+      parsed_data.engagement_panels = engagement_panels;
+    }
     this.#createMemo();
     const items = this.parse(data.items);
     if (items) {
@@ -502,14 +509,15 @@ export default class Parser {
     'BrandVideoShelf',
     'BrandVideoSingleton',
     'StatementBanner',
-    'GuideSigninPromo'
+    'GuideSigninPromo',
+    'AdsEngagementPanelContent'
   ]);
 
   static shouldIgnore(classname: string) {
     return this.ignore_list.has(classname);
   }
 
-  static #rt_nodes = new Map<string, YTNodeConstructor>(Array.from(Object.entries(YTNodes)));
+  static #rt_nodes = new Map<string, YTNodeConstructor>(Object.entries(YTNodes));
   static #dynamic_nodes = new Map<string, YTNodeConstructor>();
 
   static getParserByName(classname: string) {
@@ -739,4 +747,4 @@ export class LiveChatContinuation extends YTNode {
 
     this.viewer_name = data.viewerName;
   }
-}
+}

src/parser/types/ParsedResponse.ts

@@ -17,7 +17,7 @@ import type VideoDetails from '../classes/misc/VideoDetails.js';
 import type Alert from '../classes/Alert.js';
 import type NavigationEndpoint from '../classes/NavigationEndpoint.js';
 import type PlayerAnnotationsExpanded from '../classes/PlayerAnnotationsExpanded.js';
-
+import type EngagementPanelSectionList from '../classes/EngagementPanelSectionList.js';
 export interface IParsedResponse {
   actions?: SuperParsedResult<YTNode>;
   actions_memo?: Memo;
@@ -73,6 +73,7 @@ export interface IParsedResponse {
   storyboards?: PlayerStoryboardSpec | PlayerLiveStoryboardSpec;
   endscreen?: Endscreen;
   cards?: CardCollection;
+  engagement_panels?: EngagementPanelSectionList[];
   items?: SuperParsedResult<YTNode>;
 }
 
@@ -111,6 +112,7 @@ export interface INextResponse {
   on_response_received_endpoints?: ObservedArray<ReloadContinuationItemsCommand | AppendContinuationItemsAction>;
   on_response_received_endpoints_memo?: Memo;
   player_overlays?: SuperParsedResult<YTNode>;
+  engagement_panels?: EngagementPanelSectionList[];
 }
 
 export interface IBrowseResponse {
@@ -163,4 +165,4 @@ export interface IUpdatedMetadataResponse {
 export interface IGuideResponse {
   items: SuperParsedResult<YTNode>;
   items_memo: Memo;
-}
+}

src/parser/types/RawResponse.ts

@@ -53,4 +53,5 @@ export interface IRawResponse {
   cards?: RawNode;
   items?: RawNode[];
   frameworkUpdates?: any;
-}
+  engagementPanels: RawNode[];
+}

src/parser/youtube/Search.ts

@@ -30,7 +30,7 @@ class Search extends Feed<ISearchResponse> {
     if (!contents)
       throw new InnertubeError('No contents found in search response');
 
-    this.results = contents.filterType(ItemSection).find((section) => section.contents && section.contents.length > 0)?.contents;
+    this.results = contents.find((content) => content.is(ItemSection) && content.contents && content.contents.length > 0)?.as(ItemSection).contents;
 
     this.refinements = this.page.refinements || [];
     this.estimated_results = this.page.estimated_results;

src/parser/youtube/VideoInfo.ts

@@ -33,6 +33,8 @@ import type { ObservedArray, YTNode } from '../helpers.js';
 
 import { InnertubeError } from '../../utils/Utils.js';
 import { MediaInfo } from '../../core/mixins/index.js';
+import StructuredDescriptionContent from '../classes/StructuredDescriptionContent.js';
+import { VideoDescriptionMusicSection } from '../nodes.js';
 
 class VideoInfo extends MediaInfo {
   #watch_next_continuation?: ContinuationItem;
@@ -336,41 +338,46 @@ class VideoInfo extends MediaInfo {
   /**
    * Get songs used in the video.
    */
-  // TODO: this seems to be broken with the new UI, further investigation needed
   get music_tracks() {
-    /*
-        Const metadata = this.secondary_info?.metadata;
-        if (!metadata)
-            return [];
-        const songs = [];
-        let current_song: Record<string, Text[]> = {};
-        let is_music_section = false;
-        for (let i = 0; i < metadata.rows.length; i++) {
-            const row = metadata.rows[i];
-            if (row.is(MetadataRowHeader)) {
-                if (row.content?.toString().toLowerCase().startsWith('music')) {
-                    is_music_section = true;
-                    i++; // Skip the learn more link
+    const description_content = this.page[1]?.engagement_panels?.filter((panel) => panel.content?.is(StructuredDescriptionContent));
+    if (description_content !== undefined && description_content.length > 0) {
+      const music_section = (description_content[0].content as StructuredDescriptionContent)?.items.filter((item: YTNode) => item?.is(VideoDescriptionMusicSection)) as VideoDescriptionMusicSection[];
+      if (music_section !== undefined && music_section.length > 0) {
+        return music_section[0].carousel_lockups?.map((lookup) => {
+          let song, artist, album, license, videoId, channelId;
+          // If the song isn't in the video_lockup, it should be in the info_rows
+          song = lookup.video_lockup?.title;
+          // If the video id isn't in the video_lockup, it should be in the info_rows
+          videoId = lookup.video_lockup?.endpoint.payload.videoId;
+          for (let i = 0; i < lookup.info_rows.length; i++) {
+            const info_row = lookup.info_rows[i];
+            if (info_row.info_row_expand_status_key === undefined) {
+              if (song === undefined) {
+                song = info_row.metadata_text;
+                if (videoId === undefined) {
+                  videoId = info_row.metadata_endpoint?.payload;
                 }
-                continue;
+              } else {
+                album = info_row.metadata_text;
+              }
+            } else {
+              if (info_row.info_row_expand_status_key?.indexOf('structured-description-music-section-artists-row-state-id') !== -1) {
+                artist = info_row.metadata_text;
+                if (channelId === undefined) {
+                  channelId = info_row.metadata_endpoint?.payload?.browseId;
+                }
+              }
+              if (info_row.info_row_expand_status_key?.indexOf('structured-description-music-section-licenses-row-state-id') !== -1) {
+                license = info_row.metadata_text;
+              }
             }
-            if (!is_music_section)
-                continue;
-            if (row.is(MetadataRow))
-                current_song[row.title?.toString().toLowerCase().replace(/ /g, '_')] = row.contents;
-            // TODO: this makes no sense, we continue above when
-            if (row.has_divider_line) {
-                songs.push(current_song);
-                current_song = {};
-            }
-
-        }
-        if (is_music_section)
-            songs.push(current_song);
-        return songs;
-        */
+          }
+          return { song, artist, album, license, videoId, channelId };
+        });
+      }
+    }
     return [];
   }
 }
 
-export default VideoInfo;
+export default VideoInfo;

src/parser/ytmusic/HomeFeed.ts

@@ -9,6 +9,8 @@ import type { ApiResponse } from '../../core/Actions.js';
 import type { ObservedArray } from '../helpers.js';
 import type { IBrowseResponse } from '../types/ParsedResponse.js';
 import { InnertubeError } from '../../utils/Utils.js';
+import ChipCloud from '../classes/ChipCloud.js';
+import ChipCloudChip from '../classes/ChipCloudChip.js';
 
 class HomeFeed {
   #page: IBrowseResponse;
@@ -16,6 +18,7 @@ class HomeFeed {
   #continuation?: string;
 
   sections?: ObservedArray<MusicCarouselShelf | MusicTastebuilderShelf>;
+  header?: ChipCloud;
 
   constructor(response: ApiResponse, actions: Actions) {
     this.#actions = actions;
@@ -36,6 +39,7 @@ class HomeFeed {
       return;
     }
 
+    this.header = tab.content?.as(SectionList).header?.as(ChipCloud);
     this.#continuation = tab.content?.as(SectionList).continuation;
     this.sections = tab.content?.as(SectionList).contents.as(MusicCarouselShelf, MusicTastebuilderShelf);
   }
@@ -55,6 +59,33 @@ class HomeFeed {
     return new HomeFeed(response, this.#actions);
   }
 
+  async applyFilter(target_filter: string | ChipCloudChip): Promise<HomeFeed> {
+    let cloud_chip: ChipCloudChip | undefined;
+
+    if (typeof target_filter === 'string') {
+      cloud_chip = this.header?.chips?.as(ChipCloudChip).get({ text: target_filter });
+      if (!cloud_chip)
+        throw new InnertubeError('Could not find filter with given name.', { available_filters: this.filters });
+    } else if (target_filter?.is(ChipCloudChip)) {
+      cloud_chip = target_filter;
+    }
+
+    if (!cloud_chip)
+      throw new InnertubeError('Invalid filter', { available_filters: this.filters });
+
+    if (cloud_chip?.is_selected) return this;
+
+    if (!cloud_chip.endpoint)
+      throw new InnertubeError('Selected filter does not have an endpoint.');
+
+    const response = await cloud_chip.endpoint.call(this.#actions, { client: 'YTMUSIC' });
+    return new HomeFeed(response, this.#actions);
+  }
+
+  get filters(): string[] {
+    return this.header?.chips?.as(ChipCloudChip).map((chip) => chip.text) || [];
+  }
+
   get has_continuation(): boolean {
     return !!this.#continuation;
   }

src/utils/Constants.ts

@@ -29,13 +29,13 @@ export const OAUTH = Object.freeze({
   }),
   REGEX: Object.freeze({
     AUTH_SCRIPT: /<script id="base-js" src="(.*?)" nonce=".*?"><\/script>/,
-    CLIENT_IDENTITY: /.+?={};var .+?={clientId:"(?<client_id>.+?)",.+?:"(?<client_secret>.+?)"},/
+    CLIENT_IDENTITY: /var .+?={clientId:"(?<client_id>.+?)",.+?:"(?<client_secret>.+?)".+?}/
   })
 });
 export const CLIENTS = Object.freeze({
   WEB: {
     NAME: 'WEB',
-    VERSION: '2.20230104.01.00',
+    VERSION: '2.20230622.06.00',
     API_KEY: 'AIzaSyAO_FJ2SlqU8Q4STEHLGCilw_Y9_11qcW8',
     API_VERSION: 'v1',
     STATIC_VISITOR_ID: '6zpwvWUNAco'

src/utils/FormatUtils.ts

@@ -249,22 +249,14 @@ class FormatUtils {
     if (!streaming_data)
       throw new InnertubeError('Streaming data not available');
 
-    let filtered_streaming_data;
+    let adaptive_formats;
 
     if (format_filter) {
-      filtered_streaming_data = {
-        formats: streaming_data.formats.filter((fmt: Format) => !(format_filter(fmt))),
-        adaptive_formats: streaming_data.adaptive_formats.filter((fmt: Format) => !(format_filter(fmt))),
-        expires: streaming_data.expires,
-        dash_manifest_url: streaming_data.dash_manifest_url,
-        hls_manifest_url: streaming_data.hls_manifest_url
-      };
+      adaptive_formats = streaming_data.adaptive_formats.filter((fmt: Format) => !(format_filter(fmt)));
     } else {
-      filtered_streaming_data = streaming_data;
+      adaptive_formats = streaming_data.adaptive_formats;
     }
 
-    const { adaptive_formats } = filtered_streaming_data;
-
     if (!adaptive_formats.length)
       throw new InnertubeError('No adaptive formats found');
 
@@ -363,7 +355,12 @@ class FormatUtils {
             this.#el(document, 'Role', {
               schemeIdUri: 'urn:mpeg:dash:role:2011',
               value: role
-            })
+            }),
+            this.#el(document, 'Label', {
+              id: set_id.toString()
+            }, [
+              document.createTextNode(first_format.audio_track?.display_name as string)
+            ])
           );
 
           const set = this.#el(document, 'AdaptationSet', {
@@ -371,7 +368,9 @@ class FormatUtils {
             mimeType: mime_types[i].split(';')[0],
             startWithSAP: '1',
             subsegmentAlignment: 'true',
-            lang: first_format.language as string
+            lang: first_format.language as string,
+            // Non-standard attribute used by shaka instead of the standard Label element
+            label: first_format.audio_track?.display_name as string
           }, children);
 
           period.appendChild(set);

test/main.test.ts

@@ -296,6 +296,13 @@ describe('YouTube.js Tests', () => {
         expect(incremental_continuation.sections).toBeDefined();
         expect(incremental_continuation.sections?.length).toBeGreaterThan(0);
       });
+      
+      test('HomeFeed#applyFilter', async () => {
+        home = await home.applyFilter(home.filters[1]);
+        expect(home).toBeDefined();
+        expect(home.sections).toBeDefined();
+        expect(home.sections?.length).toBeGreaterThan(0);
+      });
     });
 
     test('Innertube#music.getExplore', async () => {