glowing-bear/js/imgur.js

(function() {
'use strict';

var weechat = angular.module('weechat');

weechat.factory('imgur', ['$rootScope', 'settings', function($rootScope, settings) {

    var process = function(image, callback) {

        // Is it an image?
        if (!image || !image.type.match(/image.*/)) return;

        // New file reader
        var reader = new FileReader();

        // When image is read
        reader.onload = function (event) {
            var image = event.target.result.split(',')[1];
            upload(image, callback);
        };

        // Read image as data url
        reader.readAsDataURL(image);

    };

    // Upload image to imgur from base64
    var upload = function( base64img, callback ) {

        // API authorization, either via Client ID (anonymous) or access token
        // (add to user's imgur account), see also:
        // https://github.com/glowing-bear/glowing-bear/wiki/Getting-an-imgur-token-&-album-hash
        var accessToken = "164efef8979cd4b";
        var isClientID = true;

        // Check whether the user has provided an access token
        if (settings.iToken.length > 37){
            accessToken = settings.iToken;
            isClientID = false;
        }

        // Progress bars container
        var progressBars = document.getElementById("imgur-upload-progress"),
            currentProgressBar = document.createElement("div");

        // Set progress bar attributes
        currentProgressBar.className='imgur-progress-bar';
        currentProgressBar.style.width = '0';

        // Append progress bar
        progressBars.appendChild(currentProgressBar);

        // Create new form data
        var fd = new FormData();
        fd.append("image", base64img); // Append the file
        fd.append("type", "base64"); // Set image type to base64

        // Add the image to the provided album if configured to do so
        if (!isClientID && settings.iAlb.length >= 6) {
            fd.append("album", settings.iAlb);
        }

        // Create new XMLHttpRequest
        var xhttp = new XMLHttpRequest();

        // Post request to imgur api
        xhttp.open("POST", "https://api.imgur.com/3/image", true);

        // Set headers
        if (isClientID) {
            xhttp.setRequestHeader("Authorization", "Client-ID " + accessToken);
        } else {
            xhttp.setRequestHeader("Authorization", "Bearer " + accessToken);
        }
        xhttp.setRequestHeader("Accept", "application/json");

        // Handler for response
        xhttp.onload = function() {

            // Remove progress bar
            currentProgressBar.parentNode.removeChild(currentProgressBar);

            // Check state and response status
            if(xhttp.status === 200) {

                // Get response text
                var response = JSON.parse(xhttp.responseText);

                // Send link as message
                if( response.data && response.data.link ) {

                    if (callback && typeof(callback) === "function") {
                        callback(response.data.link.replace(/^http:/, "https:"), response.data.deletehash);
                    }

                } else {
                    showErrorMsg();
                }

            } else {
                showErrorMsg();
            }

        };

        if( "upload" in xhttp ) {
            // Set progress
            xhttp.upload.onprogress = function (event) {
                // Check if we can compute progress
                if (event.lengthComputable) {
                    // Complete in percent
                    var complete = (event.loaded / event.total * 100 | 0);

                    // Set progress bar width
                    currentProgressBar.style.width = complete + '%';
                }
            };
        }
        // Send request with form data
        xhttp.send(fd);
    };

    // Delete an image from imgur with the deletion link
    var deleteImage = function( deletehash, callback ) {

        // API authorization, either via Client ID (anonymous) or access token
        // (add to user's imgur account), see also:
        // https://github.com/glowing-bear/glowing-bear/wiki/Getting-an-imgur-token-&-album-hash
        var accessToken = "164efef8979cd4b";
        var isClientID = true;

        // Check whether the user has provided an access token
        if (settings.iToken.length > 37){
            accessToken = settings.iToken;
            isClientID = false;
        }

        // Create new XMLHttpRequest
        var xhttp = new XMLHttpRequest();

        // Post request to imgur api
        xhttp.open("DELETE", "https://api.imgur.com/3/image/" + deletehash, true);

        // Set headers
        if (isClientID) {
            xhttp.setRequestHeader("Authorization", "Client-ID " + accessToken);
        } else {
            xhttp.setRequestHeader("Authorization", "Bearer " + accessToken);
        }
        xhttp.setRequestHeader("Accept", "application/json");

        // Handler for response
        xhttp.onload = function() {
            // Check state and response status
            if(xhttp.status === 200) {
                callback(deletehash);
            } else {
                showErrorMsg();
            }
        };
        
        // Send request with form data
        xhttp.send(null);
    };

    var showErrorMsg = function() {
        // Show error msg
        $rootScope.uploadError = true;
        $rootScope.$apply();

        // Hide after 5 seconds
        setTimeout(function(){
            // Hide error msg
            $rootScope.uploadError = false;
            $rootScope.$apply();
        }, 5000);
    };

    return {
        process: process,
        deleteImage: deleteImage
    };

}]);

})();