Add Spotify previews to scrobble widget

rameezv · Mar 1, 2023 · 9941f74 · 9941f74
1 parent 9a14169
commit 9941f74
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 7 deletions.
diff --git a/.gitignore b/.gitignore
@@ -39,3 +39,5 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
+
+/src/api_keys.ts
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
     "@fortawesome/fontawesome-svg-core": "~1.2.15",
     "@fortawesome/free-brands-svg-icons": "~5.7.2",
     "@fortawesome/free-solid-svg-icons": "~5.7.2",
-    "angular-last-fm-scrobbles": "^7.0.0",
+    "angular-last-fm-scrobbles": "^8.0.0",
     "core-js": "^2.5.4",
     "firebase": "^6.1.1",
     "node-gyp": "^9.3.1",

diff --git a/src/app/music/music.component.html b/src/app/music/music.component.html
@@ -1,4 +1,4 @@
-<last-fm-scrobbles username="bigtreeworld" [apiKey]="lastFmApiKey"></last-fm-scrobbles>
+<last-fm-scrobbles username="bigtreeworld" [apiKey]="lastFmApiKey" [spotifyClientId]="spotifyClientId" [spotifyClientSecret]="spotifyClientSecret"></last-fm-scrobbles>
 
 <div class="playlist-section">
   <button class="playlist-expand-collapse" (click)="togglePlaylistsExpanded()" mat-button><span>Browse my playlists</span><mat-icon>{{ playlistsExpanded ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}</mat-icon></button>

diff --git a/src/app/music/music.component.ts b/src/app/music/music.component.ts
@@ -1,4 +1,5 @@
 import { Component, Inject } from '@angular/core';
+import { LAST_FM_API_KEY, SPOTIFY_CLIENT_ID, SPOTIFY_CLIENT_SECRET } from '../../api_keys';
 
 enum Source {
   SPOTIFY,
@@ -18,7 +19,9 @@ interface Playlist {
   styleUrls: ['./music.component.scss']
 })
 export class MusicComponent {
-  lastFmApiKey = '27faee170fc87214923dfa18ea3624fc';
+  lastFmApiKey = LAST_FM_API_KEY;
+  spotifyClientId = SPOTIFY_CLIENT_ID;
+  spotifyClientSecret = SPOTIFY_CLIENT_SECRET;
   sourceEnum = Source;
   playlists: Playlist[] = [{
     name: 'Eternals',