<html>
    <head>
        <title>Elegance calculator</title>
        <style>
            textarea { min-width: 49%; resize: none }
            .full { min-height: 300px }
            .reduced { min-height: 100px }
            body { font-family: Arial }
        </style>
        <script>
    builtin_console_log = console.log;
    var err2, costfield;
    document.addEventListener("DOMContentLoaded", function(e) {
        err2 = document.getElementById('err2');
        costfield = document.getElementById('cost');
        evalbutton = document.getElementById('evaluate');
        data = document.getElementById('data');
        savefile = document.getElementById('savefile');
        saved = document.getElementById('saved');
        costfield.value = "\
/*\n\
 * Edit to your will, and click on 'Evaluate' to update the costs with your custom values.\n\
 * All the functions and operators used here are as defined in the pastebin.\n\
 * Pastebin link : http://pastebin.com/raw/9pYSr1hq\n\
 * \n\
 * This text area also works as a JavaScript console,\n\
 * with all console.log() outputs redirected to the box on the right.\n\
 */\n\n\
cost = {            /* Defines the cost of each function and operator. The lower = the more elegant. */\n\
  DIGIT: 0,         /* Any single digit (1-5) */\n\
  PARENTHESIS: 0,   /* Value for a pair of parenthesis */\n\
  PLUS: 1,\n\
  MINUS: 1,\n\
  TIMES: 1,\n\
  DIVIDE: 1,\n\
  POWER: 1,\n\
  MODULO: 1,\n\
  CONCAT: 1,        /* Any concatenation of 2 or more digits, explicit (a & b) or not (ab)*/\n\
  ABSOLUTE_VALUE: 1,\n\
  KNUTH_ARROW: 2,\n\
  FACTORIAL: 2,\n\
  DOUBLE_FACTORIAL: 2,\n\
  SUPERFACTORIAL: 2,\n\
  HYPERGEOM: 2,\n\
  GAMMA: 2,\n\
  SQUARE_ROOT: 2,\n\
  PARTITION: 2,\n\
  MOBIUS: 2,\n\
  FIBONACCI: 2,\n\
  TRIBONACCI: 2,\n\
  SIGMA: 2,\n\
  DIVISOR_SUM: 2,\n\
  DIVISOR_COUNT: 2,\n\
  CATALAN: 2,\n\
  SMALL_OMEGA: 2,\n\
  BIG_OMEGA: 2,\n\
  PRIME_COUNT: 2,\n\
  PRIME_NUMBER: 2,\n\
  EULER_TOTIENT: 2,\n\
  MULTISIGMADIGIT: 3,\n\
  ACKERMANN: 3,\n\
  PRIMORIAL: 3,\n\
  SIGN: 4,\n\
  EXPONENTIAL: 4,\n\
  LOGARITHM: 4,\n\
  DECIMAL_SEPARATOR: 4,\n\
  REPEATING_DECIMAL: 4,\n\
  PERCENT: 4,\n\
  SINE: 5,\n\
  COSINE: 5,\n\
  TANGENT: 5,\n\
  SECANT: 5,\n\
  COSECANT: 5,\n\
  COTANGENT: 5,\n\
  ARC_SINE: 5,\n\
  ARC_COSINE: 5,\n\
  ARC_TANGENT: 5,\n\
  ARC_SECANT: 5,\n\
  ARC_COSECANT: 5,\n\
  ARC_COTANGENT: 5,\n\
  FLOOR: 6,\n\
  CEIL: 6,\n\
  BACKWARDS: 6,\n\
  BINARYBEANSTALK: 7,\n\
  NONPRIME: 7,\n\
  TOTIENT_SUM: 7\n};";
        evalbutton.onclick = evaluate;
        data.value = "[(σ(A(1)) - A(2) + P(3)!] * 4 * σ(σ(A(S(5)))) = 3052\n\n(Example shamelessly stolen from /u/KingCaspianX)\nPlease only use \"mod\" for modulo, since \"%\" defaults to percentages";
        document.getElementById('clear').onclick = function(e) {
            err2.value = "";
        }
        document.getElementById('save').onclick = function(e) {
            localStorage.setItem(savefile.value.replace(/\W/g, ""), costfield.value);
            saved.innerHTML = "Saved file.";
            setTimeout(function() {saved.innerHTML = ""}, 5000);
        }
        document.getElementById('load').onclick = function(e) {
            x = localStorage.getItem(savefile.value.replace(/\W/g, ""));
            if (x) {
                costfield.value = x;
                saved.innerHTML = "Loaded file.";
            } else {
                saved.innerHTML = "File doesn't exist.";
            }
            setTimeout(function() {saved.innerHTML = ""}, 5000);
        }
        eval(costfield.value);
        cost.ABSOLUTE_VALUE /= 2;
        localStorage.setItem("__cost", cost);
        console.log = function() {
            builtin_console_log.apply(console, arguments);
            for (i in arguments) {
                err2.value += arguments[i] + " ";
            }
            err2.value += "\n";
        }
    });
    
    function evaluate() {
        try {
            eval(costfield.value);
            cost.ABSOLUTE_VALUE /= 2;
            localStorage.setItem("__cost", cost);
            console.log('Successfully parsed.');
        } catch(e) {
            console.log('Error parsing code : ' + e);
        }
    }
    
    function trigo(m, n) {
        return ["SINE", "COSINE", "TANGENT", "SECANT", "COSECANT", "COTANGENT"]["sincostanseccsccot".indexOf(m.splice(n, 3))/3] + "¤";
    }

    function tokenize(str) {
        c = 0;
        str = str.replace(/\s/g, "").replace(/=.*$/g, "").replace("−", "-").replace(/(×|x|⋅)/g, "*").replace(/[÷:]/g, "/");
        str = str.replace(/[⁺⁻⁽⁾¹²³⁴⁵]+/g, function(m, o, s) {return "¤POWER¤(" + m + ")"}).replace(/\(([¹²³⁴⁵]*)\)/g, function(m, p, o, s) {return p}); // add () if more than digits in exponents
        str = str.replace(/\((⁻[¹²³⁴⁵]*)\)/g, function(m, p, o, s) {return p}).replace(/(\D)\.(\d)/g, function(m, p, q, o, s) {return p + "0." + q}); // remove () if -
        str = str.replace(/[⁺⁻⁽⁾¹²³⁴⁵]/g, function(m, o, s) {return "+-()12345".charAt("⁺⁻⁽⁾¹²³⁴⁵".indexOf(m))}).replace(/\d/g, "¤DIGIT¤"); // convert
        str = str.replace(/(\+|-|\*|\/)/g, function(m, o, s) { return ["¤PLUS¤", "¤MINUS¤", "¤TIMES¤", "¤DIVIDE¤"]["+-*/".indexOf(m)]});
        str = str.replace(/↑↑+/g, function (m, o, s) {return "¤KNUTH_ARROW¤" + m.length}).replace(/[\[\{\<]/g, "(").replace(/[\]\}\>\)⌋⌉]/g, "");
        str = str.replace(/!!/g, "¤DOUBLE_FACTORIAL¤").replace(/sf\(/g, "¤SUPERFACTORIAL¤").replace(/!/g, "¤FACTORIAL¤").replace(/H\(/g, "¤HYPERGEOM¤").replace(/gamma\(/g, "Γ(");
        str = str.replace(/Γ\(/g, "¤GAMMA¤").replace(/cotan\(/g, "¤COTANGENT¤").replace(/¤DIGIT¤((¤DIGIT¤)+|&)/, "¤CONCAT¤").replace(/\[^↑]/g, "¤POWER¤");
        str = str.replace(/(sin|cos|tan|sec|csc|cot)\(/g, function(m, o, s) {return "¤" + trigo(m, 0)});
        str = str.replace(/(arc|)(sin|cos|tan|sec|csc|cot)(\^-1|)\(/g, function(m, o, s) {return "¤ARC_" + trigo(m, 3);})
        str = str.replace(/a(sin|cos|tan|sec|csc|cot)\(/g, function(m, o, s) {return "¤ARC_" + trigo(m, 1);})
        str = str.replace(/(exp\(|e^)/g, "¤EXPONENTIAL¤").replace(/ln\(/g, "¤LOGARITHM¤").replace(/(√(\(|)|sqrt\()/g, "¤SQUARE_ROOT¤").replace(/(abs\(|\|)/g, "¤ABSOLUTE_VALUE¤");
        str = str.replace(/(floor\(|⌊)/g, "¤FLOOR¤").replace(/(ceil\(|⌈)/g, "¤CEIL¤").replace(/A\(/g, "¤ACKERMANN¤").replace(/R\(/g, "¤BACKWARDS¤").replace(/p\(/g, "¤PARTITION¤");
        str = str.replace(/(µ|mu)\(/g, "¤MOBIUS¤").replace(/sgn\(/g, "¤SIGN¤").replace(/F\(/g, "¤FIBONACCI¤").replace(/T\(/g, "¤TRIBONACCI¤");
        str = str.replace(/binarybeanstalk\(/g, "¤BINARYBEANSTALK¤").replace(/(σ|sigma)\(/g, "¤SIGMA¤").replace(/(σ_\d+|sigma_\d+)\(/g, "¤MULTISIGMADIGIT¤");
        str = str.replace(/S\(/g, "¤DIVISOR_SUM¤").replace(/d\(/g, "¤DIVISOR_COUNT¤").replace(/C\(/g, "¤CATALAN¤").replace(/(π|pi)\(/g, "¤PRIME_COUNT¤").replace(/P\(/g, "¤PRIME_NUMBER¤");
        str = str.replace(/(nonprime|composite)\(/g, "¤NONPRIME¤").replace(/(φ|phi)\(/g, "¤EULER_TOTIENT¤").replace(/sumtotient\(/g, "¤TOTIENT_SUM¤");
        str = str.replace(/(ω|omega)\(/g, "¤SMALL_OMEGA¤").replace(/(Ω|Omega|OMEGA)\(/g, "¤BIG_OMEGA¤").replace(/p(¤DIGIT¤)+#/g, "¤PRIMORIAL¤¤DIGIT¤");
        str = str.replace(/(\.|,)/g, "¤DECIMAL_SEPARATOR¤").replace(/(\'|`)/g, "¤REPEATING_DECIMAL¤").replace(/%/g, "¤PERCENT¤").replace(/mod/g, "¤MODULO¤").replace(/\(/g, "¤PARENTHESIS¤");
        sp = str.split("¤").filter(Boolean);
        for (i in sp) {
            if (cost[sp[i]] == undefined && sp[i] != "") {
                console.log("Couldn't parse [" + sp[i] + "] in equation:" + i);
            } else if (sp[i] != "") {
                c += cost[sp[i]];
            }
        }
        document.getElementById('err').value = sp + "\nCost : " + c + " (the lower the better)";
    }
        </script>
    </head>
    <body>
        <textarea class="reduced" id=data></textarea>
        <textarea class="reduced" disabled id=err></textarea><br/><br/>
        <button onclick="tokenize(data.value)" style="margin-right: 10px">Calculate cost</button>
        This calculator supports full expressions, with and without the right side (anything after the equal sign is ignored). It will default all unknown functions and operators to a cost of 0.<br/><br/>
        <textarea class="full" id=cost></textarea>
        <textarea class="full" disabled id=err2></textarea><br/><br/>
        <button id=evaluate>Evaluate</button>
        <button id=clear>Clear console</button>
        <input placeholder="Savefile (alphanumeric characters only)" style="min-width:300px" id="savefile"></input>
        <button id=save>Save costs to file</button>
        <button id=load style="margin-right: 10px">Load costs from file</button>
        <span id="saved" style="color: red"></span>&nbsp; Storage is persistent through refreshes.<a href="../solver/index.html" style="float: right; margin-right: 2%">Go to the solver</a>
    </body>
</html>