MusareMeteor/app/app.js

History = new Mongo.Collection("history");

if (Meteor.isClient) {
    Meteor.startup(function() {
        reCAPTCHA.config({
            publickey: '6LcVxg0TAAAAAE18vBiH00UAyaJggsmLm890SjZl'
        });
    });

    var hpSound = undefined;
    var songsArr = [];
    var _sound = undefined;
    Template.register.events({
        "submit form": function(e){
            e.preventDefault();
            var username = e.target.registerUsername.value;
            var email = e.target.registerEmail.value;
            var password = e.target.registerPassword.value;
            var captchaData = grecaptcha.getResponse();
            Meteor.call("createUserMethod", {username: username, email: email, password: password}, captchaData, function(err, res) {
                grecaptcha.reset();

                if (err) {
                    console.log(err);
                } else {
                    Meteor.loginWithPassword(username, password);
                }
            });
        },

        "click #facebook-login": function(){
            Meteor.loginWithFacebook()
        },

        "click #github-login": function(){
            Meteor.loginWithGithub()
        },

        "click #login": function(){
            $("#register-view").hide();
            $("#login-view").show();
        }
    });

    Template.login.events({
        "submit form": function(e){
            e.preventDefault();
            var username = e.target.loginUsername.value;
            var password = e.target.loginPassword.value;
            Meteor.loginWithPassword(username, password);
            Accounts.onLoginFailure(function(){
                $("input").css("background-color","indianred").addClass("animated shake");
                    $("input").on("click",function(){
                        $("input").css({
                            "background-color": "transparent",
                            "width": "250px"
                     });
                })
            });
        },

        "click #facebook-login": function(){
            Meteor.loginWithFacebook()
        },

        "click #github-login": function(){
            Meteor.loginWithGithub()
        },

        "click #register": function(){
            $("#login-view").hide();
            $("#register-view").show();
        }
    });

    Template.dashboard.events({
        "click .logout": function(e){
            e.preventDefault();
            Meteor.logout();
            if (hpSound !== undefined) {
                hpSound.stop();
            }
        },

        "click .button-tunein": function(){
            SC.stream("/tracks/172055891/", function(sound){
                sound._player._volume = 0.3;
                sound.play();
            });
        },

        "click #play": function(){
            $("#play").hide();
            SC.stream("/tracks/172055891/", function(sound){
                hpSound = sound;
                sound._player._volume = 0.3;
                sound.play();
                $("#stop").on("click", function(){
                    $("#stop").hide();
                    $("#play").show();
                    sound._player.pause();
                })
            });
            $("#stop").show();
        }
    });

    Template.room.events({
      "click #search-song": function(){
        SC.get('/tracks', { q: $("#song-input").val()}, function(tracks) {
          console.log(tracks);
          songsArr = [];
          $("#song-results").empty()
          for(var i in tracks){
            $("#song-results").append("<p>" + tracks[i].title + "</p>")
            songsArr.push({title: tracks[i].title, id: tracks[i].id, duration: tracks[i].duration / 1000});
          }
          $("#song-results p").click(function(){
            var title = $(this).text();
            for(var i in songsArr){
              if(songsArr[i].title === title){
                var id = songsArr[i].id;
                var duration = songsArr[i].duration;
                var songObj = {
                  title: songsArr[i].title,
                  id: id,
                  duration: duration,
                  type: "soundcloud"
                }
              }
            }
            console.log(id);
            Meteor.call("addToPlaylist", songObj, function(err,res){
              console.log(res);
            });
            // if (_sound !== undefined)_sound.stop();
            // SC.stream("/tracks/" + id, function(sound){
            //   _sound = sound;
            //   sound._player._volume = 0.3;
            //   sound.play()
            // });
          })
        });
      }
    });

    Template.room.helpers({
        type: function() {
          var parts = location.href.split('/');
          var id = parts.pop();
          return id.toUpperCase();
        },
        title: function(){
          return Session.get("title");
        },
        artist: function(){
          return Session.get("artist");
        }
    });

    Template.room.onCreated(function () {
        var currentSong = undefined;
        var _sound = undefined;
        var size = 0;

        function getTimeElapsed() {
            if (currentSong !== undefined) {
                return Date.now() - currentSong.started;
            }
            return 0;
        }

        function startSong() {
            if (currentSong !== undefined) {
                if (_sound !== undefined)_sound.stop();
                if (currentSong.song.type === "soundcloud") {
                  $("#player").attr("src", "")
                  SC.stream("/tracks/" + currentSong.song.id + "/", function(sound){
                    _sound = sound;
                    sound._player._volume = 0.3;
                    console.log(sound);
                    sound.play();
                    Session.set("title", currentSong.song.title || "Title");
                    Session.set("artist", currentSong.song.artist || "Artist");
                    Session.set("duration", currentSong.song.duration)
                    $("#seeker-bar").css("transition", Session.get("duration") + "s")
                    $("#seeker-bar").width(1400);
                    setTimeout(function() { // HACK, otherwise seek doesn't work.
                        sound._player.seek(getTimeElapsed());
                    }, 500);
                  });
                } else {
                    console.log("YT!");
                    $("#player").attr("src", "http://www.youtube.com/embed/" + currentSong.song.id + "?autoplay=1&controls=0&autohide=1");
                    Session.set("title", currentSong.song.title || "Title");
                    Session.set("artist", currentSong.song.artist || "Artist");
                    Session.set("duration", currentSong.song.duration);
                    $("#seeker-bar").css("transition", Session.get("duration") + "s");
                    $("#seeker-bar").width(1400);
                }
            }
        }

        Meteor.subscribe("history");
        Meteor.setInterval(function() {
            var data = undefined;
            var dataCursor = History.find({type: "edm"});
            dataCursor.map(function(doc) {
                if (data === undefined) {
                    data = doc;
                }
            });
            if (data.history.length > size) {
                currentSong = data.history[data.history.length-1];
                size = data.history.length;
                startSong();
            }
        }, 1000);
    });
}

if (Meteor.isServer) {
    Meteor.startup(function() {
        reCAPTCHA.config({
            privatekey: '6LcVxg0TAAAAAI2fgIEEWHFxwNXeVIs8mzq5cfRM'
        });
    });

    Meteor.users.deny({update: function () { return true; }});
    Meteor.users.deny({insert: function () { return true; }});
    Meteor.users.deny({remove: function () { return true; }});

    var startedAt = Date.now();
    var songs = [
      {id: "eMrh3wYb1mM", title: "Where Are U Now", artist: "Pentatonix", duration: 244, type: "youtube"},
      {id: 170202151, title: "Runnaway (U & I)", artist: "Galantis", duration: 193, type: "soundcloud"}
    ];
    var currentSong = 0;
    addToHistory(songs[currentSong], startedAt);

    function addToHistory(song, startedAt) {
        History.update({type: "edm"}, {$push: {history: {song: song, started: startedAt}}});
    }

    function skipSong() {
        if (currentSong < (songs.length - 1)) {
            currentSong++;
        } else currentSong = 0;
        songTimer();
        addToHistory(songs[currentSong], startedAt);
    }

    function songTimer() {
        startedAt = Date.now();
        Meteor.setTimeout(function() {
            skipSong();
        }, songs[currentSong].duration * 1000);
    }

    ServiceConfiguration.configurations.remove({
        service: "facebook"
    });

    ServiceConfiguration.configurations.insert({
        service: "facebook",
        appId: "1496014310695890",
        secret: "9a039f254a08a1488c08bb0737dbd2a6"
    });

    ServiceConfiguration.configurations.remove({
        service: "github"
    });

    ServiceConfiguration.configurations.insert({
        service: "github",
        clientId: "dcecd720f47c0e4001f7",
        secret: "375939d001ef1a0ca67c11dbf8fb9aeaa551e01b"
    });

    songTimer();

    Meteor.publish("history", function() {
        return History.find({type: "edm"})
    });

    Meteor.methods({
        createUserMethod: function(formData, captchaData) {
            var verifyCaptchaResponse = reCAPTCHA.verifyCaptcha(this.connection.clientAddress, captchaData);
            if (!verifyCaptchaResponse.success) {
                console.log('reCAPTCHA check failed!', verifyCaptchaResponse);
                throw new Meteor.Error(422, 'reCAPTCHA Failed: ' + verifyCaptchaResponse.error);
            } else {
                console.log('reCAPTCHA verification passed!');
                Accounts.createUser({
                    username: formData.username,
                    email: formData.email,
                    password: formData.password
                });
            }
            return true;
        },
        addToPlaylist: function(songObj){
          songs.push(songObj);
          return songs;
        }
    });
}

Router.route("/", {
    template: "home"
});

Router.route("/:type", {
    template: "room"
});