var url = 'https://terminal.jcubic.pl/ansi/read.php'; // CORS enabled

(async function() {
    function get(url) {
        return fetch(url).then(res => res.text()).then(text=>text.trim());
    }
    var files = (await get(url + '?action=ls')).split('\n');
    function get_ansi(name) {
        return fetch(url + '?raw=1&file=' + name).
            then(res => res.arrayBuffer()).then(a => new Uint8Array(a));
    }
    function echo_ansi(buff) {
        var meta = AnsiLove.sauceBytes(buff);
        var cols = 80;
        var str = iconv.decode(buff, 'CP437');
        // remove code that move cursor after new line - hope this works
        str = str.replace(/\r?\n?\x1b\[A\x1b\[[0-9]+C/g, '');
        // main code - this will use unix_formatting file to format ANSI artwork
        str = $.terminal.apply_formatters(str, {});
        if (meta) {
            if (str.match(/\x1a/)) { // 26 - end of file in DOS
                str = str.replace(/\x1a.*/, '');
            }
            console.log(meta);
            cols = meta.tInfo1;
            var lines = $.terminal.split_equal(str, cols);
            // one flush to output whole image to the screen
            lines.map(line => term.echo(line, {flush: false}));
            term.flush();
        } else {
            // should we wrap to 80 cols if there is no meta SAUCE data?
            term.echo(str);
        }
        term.resume();
    }

    var term = $('body').terminal({
        help: function() {
            this.echo([
                'use [[;#444;]ls] to display list of files and [[;#444;]cat]',
                ' to display the artwork, you can also [[u;;]drag and drop] the file.',
                '\nOnly Code Page 437 encoding files will work (classic demo s',
                'cene files).\nType [[;#444;]credits] to show credits for ANSI',
                ' Art works. Use tab so you don\'t need to type whole filename.',
                '\nType [[;#444;]clear] to clear terminal.'
            ].join(''), {keepWords: true});
        },
        cat: function(name) {
            this.pause();
            get_ansi(name).then(echo_ansi);
        },
        ls: function() {
            console.log(files);
            this.echo(files);
        },
        credits: function() {
            this.echo('ANSI artworks taken from [[!;;;;https://fuel.wtf/packs/fuel27/]fuel magazine]')
        }
    }, {
        completion: function(string, callback) {
            if (this.get_command().match(/^cat /)) {
                callback(files);
            } else {
                callback(['ls', 'file', 'credits', 'help']);
            }
        },
        outputLimit: 250,
        greetings: 'ANSI ART Terminal viewer\nType [[;#444;]help] for more info\n',
        name: 'ansi'
    }).drop(function(array_buff) { // drop plugin
        echo_ansi(new Uint8Array(array_buff));
        return term.read('press enter to continue ');
    }, {
        type: 'arraybuffer',
        error: function(e) {
            term.exception(e);
        },
        complete: function() {
            term.echo('all files rendered');
        }
    });
})();