szurubooru/public_html/js/Util/Misc.js

var App = App || {};
App.Util = App.Util || {};

App.Util.Misc = function(_, jQuery, marked, promise) {

    var exitConfirmationEnabled = false;

    function transparentPixel() {
        return 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
    }

    function enableExitConfirmation() {
        exitConfirmationEnabled = true;
        jQuery(window).bind('beforeunload', function(e) {
            return 'There are unsaved changes.';
        });
    }

    function disableExitConfirmation() {
        exitConfirmationEnabled = false;
        jQuery(window).unbind('beforeunload');
    }

    function isExitConfirmationEnabled() {
        return exitConfirmationEnabled;
    }

    function loadImagesNicely($img) {
        if (!$img.get(0).complete) {
            $img.addClass('loading');
            $img.css({opacity: 0});
            var $div = jQuery('<div>Loading ' + $img.attr('alt') + '&hellip;</div>');
            var width = $img.width();
            var height = $img.height();
            if (width > 50 && height > 50) {
                $div.css({
                    position: 'absolute',
                    width: width + 'px',
                    height: height + 'px',
                    color: 'rgba(0, 0, 0, 0.15)',
                    zIndex: -1,
                    display: 'flex',
                    alignItems: 'center',
                    justifyContent: 'center',
                    textAlign: 'center'});
                $div.insertBefore($img);
                $div.offset($img.offset());
            }
            $img.bind('load', function() {
                $img.animate({opacity: 1}, 'fast');
                $img.removeClass('loading');
                $div.fadeOut($div.remove);
            });
        }
    }

    function promiseTemplate(templateName) {
        return promiseTemplateFromDOM(templateName) ||
            promiseTemplateWithAJAX(templateName);
    }

    function promiseTemplateFromDOM(templateName) {
        var $template = jQuery('#' + templateName + '-template');
        if ($template.length) {
            return promise.make(function(resolve, reject) {
                resolve(_.template($template.html()));
            });
        }
        return null;
    }

    function promiseTemplateWithAJAX(templateName) {
        return promise.make(function(resolve, reject) {
            var templatesDir = '/templates';
            var templateUrl = templatesDir + '/' + templateName + '.tpl';

            jQuery.ajax({
                url: templateUrl,
                method: 'GET',
                success: function(data, textStatus, xhr) {
                    resolve(_.template(data));
                },
                error: function(xhr, textStatus, errorThrown) {
                    console.log(new Error('Error while loading template ' + templateName + ': ' + errorThrown));
                    reject();
                },
            });
        });
    }

    function formatRelativeTime(timeString) {
        if (!timeString) {
            return 'never';
        }

        var then = Date.parse(timeString);
        var now = Date.now();
        var difference = Math.abs(now - then);
        var future = now < then;

        var text = (function(difference) {
            var mul = 1000;
            var prevMul;

            mul *= 60;
            if (difference < mul) {
                return 'a few seconds';
            } else if (difference < mul * 2) {
                return 'a minute';
            }

            prevMul = mul; mul *= 60;
            if (difference < mul) {
                return Math.round(difference / prevMul) + ' minutes';
            } else if (difference < mul * 2) {
                return 'an hour';
            }

            prevMul = mul; mul *= 24;
            if (difference < mul) {
                return Math.round(difference / prevMul) + ' hours';
            } else if (difference < mul * 2) {
                return 'a day';
            }

            prevMul = mul; mul *= 30.42;
            if (difference < mul) {
                return Math.round(difference / prevMul) + ' days';
            } else if (difference < mul * 2) {
                return 'a month';
            }

            prevMul = mul; mul *= 12;
            if (difference < mul) {
                return Math.round(difference / prevMul) + ' months';
            } else if (difference < mul * 2) {
                return 'a year';
            }

            return Math.round(difference / mul) + ' years';
        })(difference);

        if (text === 'a day') {
            return future ? 'tomorrow' : 'yesterday';
        }
        return future ? 'in ' + text : text + ' ago';
    }

    function formatAbsoluteTime(timeString) {
        var time = new Date(Date.parse(timeString));
        return time.toString();
    }

    function formatUnits(number, base, suffixes, callback) {
        if (!number && number !== 0) {
            return NaN;
        }
        number *= 1.0;

        var suffix = suffixes.shift();
        while (number >= base && suffixes.length > 0) {
            suffix = suffixes.shift();
            number /= base;
        }

        if (typeof(callback) === 'undefined') {
            callback = function(number, suffix) {
                return suffix ? number.toFixed(1) + suffix : number;
            };
        }

        return callback(number, suffix);
    }

    function formatFileSize(fileSize) {
        return formatUnits(
            fileSize,
            1024,
            ['B', 'K', 'M', 'G'],
            function(number, suffix) {
                var decimalPlaces = number < 20 && suffix !== 'B' ? 1 : 0;
                return number.toFixed(decimalPlaces) + suffix;
            });
    }

    function formatMarkdown(text) {
        var renderer = new marked.Renderer();

        var options = {
            renderer: renderer,
            breaks: true,
            sanitize: true,
            smartypants: true,
        };

        var sjis = [];

        var preDecorator = function(text) {
            text = text.replace(/\[sjis\]((?:[^\[]|\[(?!\/?sjis\]))+)\[\/sjis\]/ig, function(match, capture) {
                var ret = '%%%SJIS' + sjis.length;
                sjis.push(capture);
                return ret;
            });
            //prevent ^#... from being treated as headers, due to tag permalinks
            text = text.replace(/^#/g, '%%%#');
            //fix \ before ~ being stripped away
            text = text.replace(/\\~/g, '%%%T');
            //post, user and tags premalinks
            text = text.replace(/(^|^\(|(?:[^\]])\(|[\s<>\[\]\)])([+#@][a-zA-Z0-9_-]+)/g, '$1[$2]($2)');
            text = text.replace(/\]\(@(\d+)\)/g, '](#/post/$1)');
            text = text.replace(/\]\(+([a-zA-Z0-9_-]+)\)/g, '](#/user/$1)');
            text = text.replace(/\]\(#([a-zA-Z0-9_-]+)\)/g, '](#/posts/query=$1)');
            return text;
        };

        var postDecorator = function(text) {
            //restore fixes
            text = text.replace(/%%%T/g, '\\~');
            text = text.replace(/%%%#/g, '#');

            text = text.replace(/%%%SJIS(\d+)/, function(match, capture) { return '<div class="sjis">' + sjis[capture] + '</div>'; });

            //search permalinks
            text = text.replace(/\[search\]((?:[^\[]|\[(?!\/?search\]))+)\[\/search\]/ig, '<a href="#/posts/query=$1"><code>$1</code></a>');
            //spoilers
            text = text.replace(/\[spoiler\]((?:[^\[]|\[(?!\/?spoiler\]))+)\[\/spoiler\]/ig, '<span class="spoiler">$1</span>');
            //[small]
            text = text.replace(/\[small\]((?:[^\[]|\[(?!\/?small\]))+)\[\/small\]/ig, '<small>$1</small>');
            //strike-through
            text = text.replace(/(^|[^\\])(~~|~)([^~]+)\2/g, '$1<del>$3</del>');
            text = text.replace(/\\~/g, '~');
            return text;
        };

        return postDecorator(marked(preDecorator(text), options));
    }

    function appendComplexRouteParam(baseUri, params) {
        var result = baseUri + '/';
        _.each(params, function(v, k) {
            if (typeof(v) !== 'undefined') {
                result += k + '=' + v + ';';
            }
        });
        return result.slice(0, -1);
    }

    function simplifySearchQuery(query) {
        if (typeof(query) === 'undefined') {
            return {};
        }
        if (query.page === 1) {
            delete query.page;
        }
        query = _.pick(query, _.identity); //remove falsy values
        return query;
    }

    return {
        promiseTemplate: promiseTemplate,
        formatRelativeTime: formatRelativeTime,
        formatAbsoluteTime: formatAbsoluteTime,
        formatFileSize: formatFileSize,
        formatMarkdown: formatMarkdown,
        enableExitConfirmation: enableExitConfirmation,
        disableExitConfirmation: disableExitConfirmation,
        isExitConfirmationEnabled: isExitConfirmationEnabled,
        transparentPixel: transparentPixel,
        loadImagesNicely: loadImagesNicely,
        appendComplexRouteParam: appendComplexRouteParam,
        simplifySearchQuery: simplifySearchQuery,
    };

};

App.DI.registerSingleton('util', ['_', 'jQuery', 'marked', 'promise'], App.Util.Misc);