Friday mode

Ziller321 · Ziller321 · commit 1b357b864263 · 2018-08-31T11:00:26.000+03:00
diff --git a/.env.example b/.env.example
@@ -0,0 +1,2 @@
+clientId=<SPOTIFY-ID>
+clientSecret=<SPOTIFY-SECRET>
diff --git a/index.html b/index.html
@@ -30,7 +30,8 @@
       padding: 30px;
       margin: 0;
       text-align: center;
-      background: #292929;
+      /* background: #292929; */
+      background: rgba(0, 0, 0, .5);
       color: #1ed760;
       font-size: 90px;
       text-transform: uppercase;
@@ -89,12 +90,32 @@
       color: #777777;
       padding: 5px 15px;
     }
+
+    .party {
+      -webkit-animation: PartyAnimation .6s infinite;
+      /* Safari 4+ */
+      -moz-animation: PartyAnimation .6s infinite;
+      /* Fx 5+ */
+      -o-animation: PartyAnimation .6s infinite;
+      /* Opera 12+ */
+      animation: PartyAnimation .6s infinite;
+      /* IE 10+, Fx 29+ */
+    }
+
+    @-webkit-keyframes PartyAnimation {
+      0% {
+        background-color: rgb(117, 209, 63);
+      }
+      100% {
+        background-color: #e50000;
+      }
+    }
   </style>
 </head>
 
 <body>
 
-  <h1>
+  <h1 class="mainHeader">
     Now playing
   </h1>
 
@@ -138,7 +159,8 @@ <h1>
       time: document.querySelector('.timehead'),
       currentTime: document.querySelector('.currentTime'),
       totalTime: document.querySelector('.totalTime'),
-      dj: document.querySelector('.dj')
+      dj: document.querySelector('.dj'),
+      mainHeader: document.querySelector('.mainHeader')
     }
 
     fetch("/track")
@@ -151,6 +173,17 @@ <h1>
           e.albumart.src = track.albumArtURL
           e.totalTime.innerHTML = secondsToTime(track.duration)
           e.dj.innerHTML = "DJ: " + track.dj
+
+          // Friday
+          if (track.isFridaySong) {
+            e.mainHeader.innerHTML = `<img src="https://cultofthepartyparrot.com/parrots/hd/parrot.gif" /> PARTY TIME
+    <img src="https://cultofthepartyparrot.com/parrots/hd/parrot.gif" />`
+
+            document.body.classList.add("party")
+          } else {
+            e.mainHeader.innerHTML = "Now playing"
+            document.body.classList.remove("party")
+          }
         }
 
         e.time.style.width = String((track.position / track.duration) * 100) + "%"
@@ -161,6 +194,7 @@ <h1>
   setInterval(() => {
     main();
   }, 1000)
+
 </script>
 
 </html>
diff --git a/main.js b/main.js
@@ -1,21 +1,86 @@
+require('dotenv').config()
 const { Sonos } = require('sonos')
 const express = require('express')
-const path = require("path");
+const path = require("path")
+const request = require('request')
+const SpotifyWebApi = require('spotify-web-api-node')
 const app = express()
 
 const ip = "192.168.172.240"
-const device = new Sonos(ip);
+const device = new Sonos(ip)
+
+const clientId = process.env.clientId
+const clientSecret = process.env.clientSecret
+const redirectUri = 'localhost:3000'
+
+const spotifyApi = new SpotifyWebApi({
+  clientId,
+  clientSecret,
+  redirectUri
+})
+
+let token = null;
+let fridayList = []
 
 app.get('/', (_, res) => res.sendFile(path.join(__dirname, 'index.html')))
 
 app.get('/track', async (_, res) => {
+  getFridayList();
   const track = await device.currentTrack();
   const dj = await device.getSpotifyConnectInfo()
 
+  const re = /:(.+)(?=\?)/
+  const spotifyUri = track.uri.match(re)
+  const isFridaySong = fridayList.includes(decodeURIComponent(spotifyUri[1]))
+
   res.json({
     ...track,
-    dj: dj.activeUser
+    dj: dj.activeUser,
+    isFridaySong
   })
 })
 
+fetchToken = () => {
+  return new Promise((resolve, reject) => {
+    try {
+      console.log("Fetch token")
+      const authOptions = {
+        url: 'https://accounts.spotify.com/api/token',
+        headers: {
+          Authorization:
+            'Basic ' +
+            new Buffer(clientId + ':' + clientSecret).toString('base64')
+        },
+        form: {
+          grant_type: 'client_credentials'
+        },
+        json: true
+      };
+
+      request.post(authOptions, function(error, response, body) {
+        if (!error && response.statusCode === 200) {
+          resolve(body.access_token)
+        }
+      });
+    } catch (error) {
+      console.log(error)
+      reject('No tokenz')
+    }
+  })
+
+}
+
+getFridayList = async() => {
+  if(fridayList.length > 0) return
+  if (token == null) {
+    token = await fetchToken()
+  }
+
+  spotifyApi.setAccessToken(token);
+  const list = await spotifyApi.getPlaylist('jonikiiskinen', '7zbIctats0MGzBO2vtPFiv')
+
+  fridayList = list.body.tracks.items.map(t => t.track.uri)
+}
+
+
 app.listen(3000, () => console.log('listening on port 3000!'))
diff --git a/package.json b/package.json
@@ -1,6 +1,10 @@
 {
   "dependencies": {
+    "dotenv": "^6.0.0",
     "express": "^4.16.3",
-    "sonos": "^1.4.1"
+    "node-fetch": "^2.2.0",
+    "request": "^2.88.0",
+    "sonos": "^1.4.1",
+    "spotify-web-api-node": "^3.1.1"
   }
 }
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+clientId=<SPOTIFY-ID>`
	`2`	`+clientSecret=<SPOTIFY-SECRET>`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,10 @@`
`1`	`1`	`{`
`2`	`2`	`"dependencies": {`
	`3`	`+ "dotenv": "^6.0.0",`
`3`	`4`	`"express": "^4.16.3",`
`4`		`- "sonos": "^1.4.1"`
	`5`	`+ "node-fetch": "^2.2.0",`
	`6`	`+ "request": "^2.88.0",`
	`7`	`+ "sonos": "^1.4.1",`
	`8`	`+ "spotify-web-api-node": "^3.1.1"`
`5`	`9`	`}`
`6`	`10`	`}`