xml_formatting.js

/**@license
 *       __ _____                     ________                              __
 *      / // _  /__ __ _____ ___ __ _/__  ___/__ ___ ______ __ __  __ ___  / /
 *  __ / // // // // // _  // _// // / / // _  // _//     // //  \/ // _ \/ /
 * /  / // // // // // ___// / / // / / // ___// / / / / // // /\  // // / /__
 * \___//____ \\___//____//_/ _\_  / /_//____//_/ /_/ /_//_//_/ /_/ \__\_\___/
 *           \/              /____/
 * http://terminal.jcubic.pl
 *
 * This is example of custom formatter for jQuery Terminal
 *
 * Copyright (c) 2014-2021 Jakub Jankiewicz <https://jcubic.pl/me>
 * Released under the MIT license
 *
 */
/* global define */
(function(factory) {
    var root;
    if (typeof window !== 'undefined') {
        root = window;
    } else if (typeof self !== 'undefined') {
        root = self;
    } else if (typeof global !== 'undefined') {
        root = global;
    } else {
        throw new Error('Unknow context');
    }
    if (typeof define === 'function' && define.amd) {
        // AMD. Register as an anonymous module.
        // istanbul ignore next
        define(['jquery', 'jquery.terminal'], factory);
    } else if (typeof module === 'object' && module.exports) {
        // Node/CommonJS
        module.exports = function(root, jQuery) {
            if (jQuery === undefined) {
                // require('jQuery') returns a factory that requires window to
                // build a jQuery instance, we normalize how we use modules
                // that require this pattern but the window provided is a noop
                // if it's defined (how jquery works)
                if (typeof window !== 'undefined') {
                    jQuery = require('jquery');
                } else {
                    jQuery = require('jquery')(root);
                }
            }
            if (!jQuery.fn.terminal) {
                if (typeof window !== 'undefined') {
                    require('jquery.terminal');
                } else {
                    require('jquery.terminal')(jQuery);
                }
            }
            factory(jQuery);
            return jQuery;
        };
    } else {
        // Browser
        // istanbul ignore next
        factory(root.jQuery);
    }
})(function($) {
    if (!$.terminal) {
        throw new Error('$.terminal is not defined');
    }
    // this formatter allow to echo xml where tags are colors like:
    // <red>hello <navy>blue</navy> world</red>
    // it allso support special tags e.g. link, img or bold
    var tags = {
        font: function(attrs) {
            var style = [];
            if ('size' in attrs) {
                style.push('--size:' + attrs.size);
            }
            if ('spacing' in attrs) {
                style.push('letter-spacing: ' + attrs.spacing);
            }
            return '[[;;;;;{"style": "' + style.join(';') + '"}]';
        },
        img: function(attrs) {
            return '[[@;;;;' + attrs.src + ']' + (attrs.alt || '') + ']';
        },
        bold: function() {
            return '[[b;rgba(255,255,255,0.9);]';
        },
        overline: function() {
            return '[[o;;]';
        },
        strike: function() {
            return '[[s;;]';
        },
        underline: function() {
            return '[[u;;]';
        },
        glow: function() {
            return '[[g;;]';
        },
        italic: function() {
            return '[[i;;]';
        },
        link: function(attrs) {
            return '[[!;;;;' + attrs.href + ']';
        }
    };
    // short aliases
    tags.b = tags.bold;
    tags.a = tags.link;
    tags.i = tags.italic;
    var tag_re = /(<\/?\s*[a-zA-Z]+(?: [^>]+)?>)/;
    function xml_formatter(string) {
        return string.split(tag_re).map(function(string) {
            if (string.match(tag_re)) {
                if (string[1] === '/') {
                    return ']';
                }
                string = string.replace(/^<|>$/g, '');
                var m = string.match(/^([a-zA-Z]+)(?:\s*(.+))?/);
                var name = m[1].toLowerCase();
                var attrs = {};
                if (m[2]) {
                    var string_attrs = m[2];
                    var re = /([a-zA-Z]+)\s*=\s*"([^"]+)"/g;
                    var match;
                    while (match = re.exec(string_attrs)) {
                        var attr_name = match[1];
                        var value = match[2];
                        attrs[attr_name] = value;
                    }
                }
                if (tags[name]) {
                    return tags[name](attrs);
                } else {
                    return '[[;' + name + ';]';
                }
            }
            return string.replace(/&lt;/g, '<').replace(/&gt;/g, '>');
        }).join('');
    }
    xml_formatter.__no_warn__ = true;
    xml_formatter.tags = tags;
    $.terminal.defaults.allowedAttributes.push('style');
    $.terminal.xml_formatter = xml_formatter;
    $.terminal.new_formatter(xml_formatter);
});