index.js

/*======================================================================*/
/*AngularJS*/
var SYMBOLS = '!"#$%&\'()*+,-./:;<=>?@[]^_`{|}~ \n\\';
//regex special meanings: \, ^, $, ., |, ?, *, +, (, ), [, {
var SYMBOLSARR = [" ", "\n", "\\\.", "!", '\\\?', '\\\(', '\\\)', "\\\,", "\\\|"];
//Emoji mappings
var emojiMappings;
var personalEmojiMappings;
//URL's for emoji mappings
emojiMappingsURL = "http://erikyangs.com/emojipastagenerator/emojiMapping.json";
personalEmojiMappingsURL = "http://erikyangs.com/emojipastagenerator/personalEmojiMapping.json";
//emoji load flag
var emojisReady = false;

// Define the app
var app = angular.module('mainApp', []);

app.controller('mainController', function mainController($scope, $http, $q) {
    //gets data from both json files
    //http://stackoverflow.com/questions/14545573/angular-accessing-data-of-multiple-http-calls-how-to-resolve-the-promises
    $q.all([$http.get(emojiMappingsURL), $http.get(personalEmojiMappingsURL)])
    .then(
        function(data){
            //data is returned as a list
            for(var i in data){
                mapping = data[i];
                if(mapping["config"]["url"] == emojiMappingsURL){
                    emojiMappings = mapping["data"];
                }
                else if(mapping["config"]["url"] == personalEmojiMappingsURL){
                    personalEmojiMappings = wordArrayJSON(lowercaseJSON(mapping["data"]));
                }
                else{
                    console.log("Error when assigning emojiMappings.");
                    alert("Emojis may not be loading. Sorry about that. Contact me for fixes.");
                }   
            }
            emojisReady = true;
        }, 
        function(error){
            console.log("Error when getting emojiMappings: " + error);
            alert("Emojis may not be loading. Sorry about that. Contact me for fixes.");
        }
    );

    //stores data from textarea from ng-model
    $scope.input = "";

    $scope.convertToEmojipasta = function(input) {
        if (emojisReady) {
            //var wordArray = createWordArray(addPersonalEmojis(input));
            var wordArray = createWordArray(input);
            return wordArrayToEmojipasta(wordArray);
        }
        else if (input){
            return "Loading...";
        }
        else{
            return "";
        }
    }
});

/*======================================================================*/
/*JQuery*/
//emojilib: https://raw.githubusercontent.com/muan/emojilib/master/emojis.json

var emojiRepeatArray;
$(document).ready(function() {
    //textarea resizing with content
    $("#textinput").on('input', function(event) {
        $("#textinput").css("height", "1px");
        var scrollHeight = $("#textinput").prop("scrollHeight");
        var minHeight = $(window).height() * 0.30;
        //if new line
        if (event.keyCode == 13) {
            scrollHeight += 30;
        }
        if (scrollHeight > minHeight) {
            $("#textinput").css("height", scrollHeight);
        } else {
            $("#textinput").css("height", minHeight);
        }
    });

    //copy button
    $("#copybutton").click(function(event){
        selectElementContents(document.getElementById("emojipasta"));
        document.execCommand("copy");
        clearSelection();
        $("#copynotification").fadeIn(300, function() { $(this).delay(500).fadeOut(1000); });
    });

    //seed for which words will have 1,2,3 emojis
    emojiRepeatArray = getRandomIntArray(50);
});

/*======================================================================*/
/*Copy text helper methods*/
function selectElementContents(el) {
    if (window.getSelection && document.createRange) {
        var sel = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(el);
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (document.selection && document.body.createTextRange) {
        var textRange = document.body.createTextRange();
        textRange.moveToElementText(el);
        textRange.select();       
    }
}

function clearSelection() {
    if (document.selection) {
        document.selection.empty();
    } else if (window.getSelection) {
        window.getSelection().removeAllRanges();
    }
}

/*======================================================================*/
/*Emojipasta helper methods*/
//takes input string and makes each word into string
function createWordArray(input) {
    var output = [];
    var currentWord = "";
    for (var i = 0; i < input.length; i++) {
        //if symbol present
        if (SYMBOLS.indexOf(input[i]) > -1) {
            if (currentWord != "") {
                output.push(currentWord);
                currentWord = "";
            }
            output.push(input[i]);
        } else {
            currentWord += input[i];
        }
    }
    //push last word
    if (currentWord != "") {
        output.push(currentWord);
    }
    return output;
}

function wordArrayToEmojipasta(wordArray) {
    var output = "";
    var i = 0;
    //console.log(wordArray);
    while (i < wordArray.length) {
        word = wordArray[i];

        var personalEmoji = personalEmojiMappings[word.toLowerCase()];
        var emoji = emojiMappings[word.toLowerCase()];

        //personalEmojiMappings.json multi-word
        if (personalEmoji && typeof(personalEmoji) === "object") {
            var wordArraySliced = wordArray.slice(i, i + personalEmoji.length);
            var wordArraySlicedLowercase = lowercaseArray(wordArraySliced);
            if (arraysEqual(personalEmoji.wordArray, wordArraySlicedLowercase)) {
                var totalWord = "";
                for(var k = 0; k<wordArraySliced.length; k++){
                    totalWord += wordArraySliced[k];
                }
                output += totalWord + " " + personalEmoji.emoji;
                i += personalEmoji.length - 1;
            } else {
                output += word;
            }
        } //personalEmojiMappings.json one word
        else if (personalEmoji && typeof(personalEmoji) !== "object") {
            output += word;
            output += " " + personalEmoji;
        } //emojiMappings.json
        else {
            output += word;

            if (emoji) {
                var repeat = emojiRepeatArray[i % emojiRepeatArray.length];
                var totalEmoji = "";
                for (var j = 0; j < repeat; j++) {
                    totalEmoji += emoji;
                }
                output += " " + totalEmoji;
            }
        }
        i++;
    }
    return output;
}

/* Deprecated. Replaces every occurence of the word, even within words (e.g. w🍑ass🍑up)
function addPersonalEmojis(input) {
    var result = new String(input);
    var lowercaseInput = input.toLowerCase();
    for (var key in personalEmojiMappings) {
        if (lowercaseInput.includes(key.toLowerCase())) {
            var emoji = personalEmojiMappings[key];
            result = result.replace(new RegExp(key, 'ig'), function(match) {
                return emoji + " " + match + " " + emoji;
            });
        }
    }
    return result;
}*/

/*======================================================================*/
/*General Helper Methods*/
//inclusive min, exclusive max
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min)) + min;
}

//random int array of x integers
function getRandomIntArray(x) {
    var result = [];
    for (var i = 0; i < x; i++) {
        result.push(getRandomInt(1, 4));
    }
    return result;
}

//checks if values of array are equal
function arraysEqual(a, b) {
    if (a === b) {
        return true;
    }
    if (a == null || b == null) {
        return false;
    }
    if (a.length != b.length) {
        return false;
    }
    for (var i = 0; i < a.length; ++i) {
        if (a[i] !== b[i]) return false;
    }
    return true;
}

/*======================================================================*/
/*Made for updating emojis and testing purposes*/
function parseJSON(data) {
    emojiMappings = JSON && JSON.parse(data) || $.parseJSON(data);
}

//creates a map from words&keywords to emojis from emojis.json
function modifyEmojiLib(x) {
    var output = {};

    for (var key in x) {
        var char = x[key].char;

        //add the key
        if (!(key in output)) {
            output[key] = char;
        }

        var keywords = x[key].keywords;
        for (var i = 0; i < keywords.length; i++) {
            keyword = keywords[i];
            //pairs emoji with first keyword occurrence (for the time being)
            if (!(keyword in output)) {
                output[keyword] = char;
            }
        }
    }
    var str = JSON.stringify(output, null, 4);
    $("#json").text(str);
    return output;
}

//alphabetize the object o
function alphabetizeJSON(o) {
    var sorted = {},
        key, a = [];

    for (key in o) {
        if (o.hasOwnProperty(key)) {
            a.push(key);
        }
    }

    a.sort();

    for (key = 0; key < a.length; key++) {
        sorted[a[key]] = o[a[key]];
    }

    var str = JSON.stringify(sorted, null, 4);
    console.log(str)
    $("#json").text(str);
    return sorted;
}

//makes all keys in object lowercase
function lowercaseJSON(obj) {
    var key, keys = Object.keys(obj);
    var n = keys.length;
    var newobj = {};
    while (n--) {
        key = keys[n];
        newobj[key.toLowerCase()] = obj[key];
    }
    return newobj;
}

//makes all keys in array lowercase
function lowercaseArray(array) {
    var result = [];
    for (var i = 0; i < array.length; i++) {
        result.push(array[i].toLowerCase());
    }
    return result;
}

//makes keys with more than one word have object values.
function wordArrayJSON(obj) {
    var keys = Object.keys(obj);
    var result = {};
    for (var i = 0; i < keys.length; i++) {
        var key = keys[i];
        var val = obj[key];

        //var keyWordArray = key.split(new RegExp(SYMBOLSARR.join("|"), 'g'));
        var keyWordArray = createWordArray(key);
        if (keyWordArray.length > 1) {
            //keys will be the first word
            result[keyWordArray[0]] = { "words": key, "wordArray": keyWordArray, "emoji": val, "length": keyWordArray.length };
        } else {
            result[key] = val;
        }
    }
    return result;
}