Remove some of the old boilerplate project info, add basic youtube pl…

…aylist search
nukeop · Jan 23, 2017 · e974093 · e974093
1 parent 131de4c
commit e974093
Show file tree

Hide file tree

Showing 4 changed files with 59 additions and 34 deletions.
diff --git a/app/app.html b/app/app.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>Hello Electron React!</title>
+    <title>nuclear music player</title>
     <script>
       (function() {
         if (!process.env.HOT) {

diff --git a/app/components/Home.js b/app/components/Home.js
@@ -195,7 +195,7 @@ export default class Home extends Component {
       var _this = this;
       this.state.searchTerms = document.getElementById("searchField").value;
       this.state.songList = [];
-      var tempList = [];
+      var searchResults = [];
 
       if (searchSources.length < 1) {
         this.showAlertInfo("Please select a source.");
@@ -205,37 +205,61 @@ export default class Home extends Component {
       _this.songSearchStartCallback();
 
       if (searchSources.indexOf('youtube') >= 0){
-        Axios.get(this.prepareUrl("https://www.googleapis.com/youtube/v3/search?part=id,snippet&maxResults=50&q="+this.state.searchTerms))
+        Axios.get(this.prepareUrl("https://www.googleapis.com/youtube/v3/search?part=id,snippet&type=video&maxResults=50&q="+this.state.searchTerms))
         .then(function(response) {
           response.data.items.map(function(el){
-            if (el.id.kind === "youtube#video"){
-
-              var newYoutubeItem = {
-                source: 'youtube',
-                data: {
-                  id: el.id.videoId,
-                  thumbnail: el.snippet.thumbnails.medium.url,
-                  title: el.snippet.title,
-                  length: "Unknown",
-                  streamUrl: "",
-                  streamUrlLoading: false
-                }
-              };
-
-              Axios.get(_this.prepareUrl("https://www.googleapis.com/youtube/v3/videos?part=id,snippet,contentDetails&id="+newYoutubeItem.data.id))
-                .then(function(response){
-                  newYoutubeItem.data.length = _this.ytDurationToStr(response.data.items[0].contentDetails.duration);
-                  tempList.push(newYoutubeItem);
-
-                  _this.songListChangeCallback(tempList);
-                  _this.setState({songList: tempList});
-                });
-            }
+
+            var newYoutubeItem = {
+              source: 'youtube',
+              data: {
+                id: el.id.videoId,
+                thumbnail: el.snippet.thumbnails.medium.url,
+                title: el.snippet.title,
+                length: "Unknown",
+                streamUrl: "",
+                streamUrlLoading: false
+              }
+            };
+
+            Axios.get(_this.prepareUrl("https://www.googleapis.com/youtube/v3/videos?part=id,snippet,contentDetails&id="+newYoutubeItem.data.id))
+            .then(function(response){
+              newYoutubeItem.data.length = _this.ytDurationToStr(response.data.items[0].contentDetails.duration);
+              searchResults.push(newYoutubeItem);
+
+              _this.songListChangeCallback(searchResults);
+              _this.setState({songList: searchResults});
+            });
           });
         });
       }
 
+      if (searchSources.indexOf('youtube playlists') >= 0) {
+        Axios.get(this.prepareUrl("https://www.googleapis.com/youtube/v3/search?part=id,snippet&type=playlist&maxResults=50&q="+this.state.searchTerms))
+        .then(function(response) {
+          response.data.items.map(function(el){
+
+            console.log(response);
+            var newYoutubePlaylistItem = {
+              source: 'youtube playlists',
+              data: {
+                id: el.id.playlistId,
+                thumbnail: el.snippet.thumbnails.medium.url,
+                title: el.snippet.title,
+                length: "N/A",
+              }
+            };
+            searchResults.push(newYoutubePlaylistItem);
+
+          });
+
+          _this.songListChangeCallback(searchResults);
+          _this.setState({songList: searchResults});
+        });
+      }
     }
+
+
+
   }
 
   togglePlay(){

diff --git a/app/components/SearchField.js b/app/components/SearchField.js
@@ -9,6 +9,7 @@ export default class SearchField extends Component {
     this.state = {
       allowableSources: [
         { value: 'youtube' },
+        { value: 'youtube playlists' },
         { value: 'bandcamp' },
         { value: 'soundcloud' },
         { value: 'vimeo' },

diff --git a/app/package.json b/app/package.json
@@ -1,15 +1,15 @@
 {
-  "name": "electron-react-boilerplate",
-  "productName": "electron-react-boilerplate",
-  "version": "1.0.0",
-  "description": "Electron application boilerplate based on React, React Router, Webpack, React Hot Loader for rapid application development",
+  "name": "nuclear",
+  "productName": "nuclear",
+  "version": "0.1.0",
+  "description": " An Electron-based, multiplatform music player app that streams from multiple sources ",
   "main": "./main.js",
   "author": {
-    "name": "C. T. Lin",
-    "email": "chentsulin@gmail.com",
-    "url": "https://github.com/chentsulin"
+    "name": "nukeop",
+    "email": "alsw@protonmail.com",
+    "url": "https://github.com/nukeop/"
   },
-  "license": "MIT",
+  "license": "GPL-3.0",
   "dependencies": {
   }
 }