fix(Library)!: Add support for the new layout and remove profile & stats info

src/parser/classes/ButtonView.ts

@@ -0,0 +1,28 @@
+import { YTNode } from '../helpers.js';
+import type { RawNode } from '../index.js';
+import NavigationEndpoint from './NavigationEndpoint.js';
+
+export default class ButtonView extends YTNode {
+  static type = 'ButtonView';
+
+  icon_name: string;
+  title: string;
+  accessibility_text: string;
+  style: string;
+  is_full_width: boolean;
+  type: string;
+  button_size: string;
+  on_tap: NavigationEndpoint;
+
+  constructor(data: RawNode) {
+    super();
+    this.icon_name = data.iconName;
+    this.title = data.title;
+    this.accessibility_text = data.accessibilityText;
+    this.style = data.style;
+    this.is_full_width = data.isFullWidth;
+    this.type = data.type;
+    this.button_size = data.buttonSize;
+    this.on_tap = new NavigationEndpoint(data.onTap);
+  }
+}

src/parser/classes/ContentMetadataView.ts

@@ -0,0 +1,26 @@
+import { YTNode } from '../helpers.js';
+import type { RawNode } from '../index.js';
+import { Text } from '../misc.js';
+
+export type MetadataRow = {
+  metadata_parts: {
+    text: Text;
+  }[];
+};
+
+export default class ContentMetadataView extends YTNode {
+  static type = 'ContentMetadataView';
+
+  metadata_rows: MetadataRow[];
+  delimiter: string;
+
+  constructor(data: RawNode) {
+    super();
+    this.metadata_rows = data.metadataRows.map((row: RawNode) => ({
+      metadata_parts: row.metadataParts.map((part: RawNode) => ({
+        text: Text.fromAttributed(part.text)
+      }))
+    }));
+    this.delimiter = data.delimiter;
+  }
+}

src/parser/classes/FlexibleActionsView.ts

@@ -0,0 +1,22 @@
+import { type ObservedArray, YTNode } from '../helpers.js';
+import { Parser, type RawNode } from '../index.js';
+import ButtonView from './ButtonView.js';
+
+export type ActionRow = {
+  actions: ObservedArray<ButtonView>;
+};
+
+export default class FlexibleActionsView extends YTNode {
+  static type = 'FlexibleActionsView';
+
+  actions_rows: ActionRow[];
+  style: string;
+
+  constructor(data: RawNode) {
+    super();
+    this.actions_rows = data.actionsRows.map((row: RawNode) => ({
+      actions: Parser.parseArray(row.actions, ButtonView)
+    }));
+    this.style = data.style;
+  }
+}

src/parser/classes/PageHeaderView.ts

@@ -1,17 +1,23 @@
 import { YTNode } from '../helpers.js';
 import { Parser, type RawNode } from '../index.js';
+import ContentMetadataView from './ContentMetadataView.js';
 import ContentPreviewImageView from './ContentPreviewImageView.js';
 import DynamicTextView from './DynamicTextView.js';
+import FlexibleActionsView from './FlexibleActionsView.js';
 
 export default class PageHeaderView extends YTNode {
   static type = 'PageHeaderView';
 
-  image: ContentPreviewImageView | null;
   title: DynamicTextView | null;
+  image: ContentPreviewImageView | null;
+  metadata: YTNode | null;
+  actions: YTNode | null;
 
   constructor(data: RawNode) {
     super();
-    this.image = Parser.parseItem(data.image, ContentPreviewImageView);
     this.title = Parser.parseItem(data.title, DynamicTextView);
+    this.image = Parser.parseItem(data.image, ContentPreviewImageView);
+    this.metadata = Parser.parseItem(data.metadata, ContentMetadataView);
+    this.actions = Parser.parseItem(data.actions, FlexibleActionsView);
   }
 }