src/extension/typescript/background.ts

@@ -1,24 +1,4 @@
-import type { Track, Artist } from "./modules/SpotifyAPI";
+function onRuntimeMessage(message: any) {}
-
-function onRuntimeMessage(message: Track) {
-  const artist = message.artist;
-
-  console.log(message.coverArt);
-
-  browser.notifications
-    .create({
-      title: message.title,
-      message: message.artist.name,
-      iconUrl: message.coverArt,
-      type: "basic",
-    })
-    .then(() => {
-      console.log("OK");
-    })
-    .catch((err) => {
-      console.error(err);
-    });
-}
 
 browser.runtime.onMessage.addListener(onRuntimeMessage);
 

src/extension/typescript/content.ts

@@ -4,7 +4,4 @@ const API = new SpotifyAPI();
 
 // use the API
 
-const data = API.getCurrentTrack();
+API.getCurrentTrack();
-
-browser.runtime.sendMessage(data);
-

src/extension/typescript/modules/SpotifyAPI.ts

@@ -6,14 +6,20 @@ export type Artist = {
 };
 
 export type Track = {
-  title: string;
+  track: {
-  URL: string;
+    title: string;
-  coverArt: string;
+    URL: string;
+    coverArt: string;
 
-  artist: Artist;
+    artist: Artist | Artist[];
+  };
+
+  playing: boolean;
 };
 
-export type PlayState = {
+export type Playstate = {
+  track: Track;
+
   isPlaying: boolean;
 };
 
@@ -33,44 +39,24 @@ export default class SpotifyAPI {
     return `${window.location.protocol}//${window.location.host}${relativeURL}`;
   }
 
-  getCurrentTrack(): Track {
+  getCurrentTrack() {
     const titleElement = this.scraper.getBarElement("title")!;
     const trackURL = `${titleElement.getAttribute("href")}`;
 
     const artistElement = this.scraper.getBarElement("artist")!;
-    const artistName = artistElement.textContent!;
+    const artistName = artistElement.textContent;
-    const artistURL = artistElement.getAttribute("href")!;
+    const artistURL = artistElement.getAttribute("href");
 
-    const coverArtImage = this.scraper
+    // console.log(trackElement.textContent);
-      .getBarElement("coverArtImage")!
-      .getAttribute("src")!;
 
-    return {
+    console.log(
-      title: titleElement.textContent!,
+      `Now playing: ${
-      URL: this.generateFullURL(trackURL),
+        titleElement.textContent
-
+      } by ${artistName} (${this.generateFullURL(trackURL)})`
-      coverArt: coverArtImage,
+    );
-
-      artist: {
-        name: artistName,
-        URL: this.generateFullURL(artistURL),
-      },
-    };
   }
 
-  getPlaystate() {
+  getPlaystate() {}
-    const playbackControlButton = this.scraper.getBarElement(
-      "playbackControlButton"
-    )!;
-
-    /* The button's aria-label attribute contains the action that it will perform once clicked
-    not its current playstate */
-    return playbackControlButton.getAttribute("aria-label") === "Play"
-      ? false
-      : true;
-  }
-
-  getPlayback() {}
 
   // TODO: Implement events: onPlay, onPause (?), trackChanged, playstateChanged