Update Xpui track watcher and root selector, fix getArtist return val…

…ue (#16)

* fix: return `data.data.artistUnion`

* fix: `data.data`, not `data.artist`

* fix: use `data.item` for track data

src/core/api/ApiUtils.ts

@@ -66,7 +66,7 @@ export class ApiUtils {
 					persistCache: true,
 				}
 			)
-			return data.artistUnion as ApiPartnerArtist
+			return data.data.artistUnion as ApiPartnerArtist
 		}
 
 		const vars = {

src/ui/apps/NowPlayingApp.tsx

@@ -51,10 +51,12 @@ export class NowPlayingApp extends React.Component<
 	render() {
 		const data = this.state.data
 		if (!data) return null
+		// @ts-expect-error: 'item' is not in types
+		const trackData = data.track ?? data.item
 		const track: TrackBase = {
-			uri: URI.from(data.track.uri),
-			title: data.track.metadata.title,
-			artists: [data.track.metadata.artist_name],
+			uri: URI.from(trackData.uri),
+			title: trackData.metadata.title,
+			artists: [trackData.metadata.artist_name],
 		}
 		if (BeatSaber.IsZlink) {
 			return <StyledApp trackBase={track} />

src/ui/watchers/xpui/AppWatcher.ts

@@ -3,7 +3,12 @@ import { TracklistWatcher } from "./TracklistWatcher"
 
 export class AppWatcher extends BaseWatcher<HTMLBodyElement> {
 	connect(): void {
-		this.observe(".Root__main-view .os-content main", {
+		const selector = document.querySelector(
+			".Root__main-view .os-content main"
+		)
+			? ".Root__main-view .os-content main"
+			: ".Root__main-view .main-view-container__scroll-node"
+		this.observe(selector, {
 			subtree: true,
 			childList: true,
 		})