app.js

(function()
{
    "use strict";

    function grab(a)
    {
        var select = document.querySelectorAll(a);
        return (select.length === 1 ? select[0] : select);
    }

    ///////////////////////////////////////////////////////////////////////

    function EepromHandler()
    {
        var _ref = this;

        function init()
        {
            for(var i = 0, dat = []; i < 10; i++)
            {
                var s    = (i < 8) ? 56 : 32,
                    m    = (i < 8) ? 0x4441 : 0x4849,
                    slot = [].slice.apply(new Uint8Array(s)),
                    len  = slot.length,
                    t    = len-2,
                    sum = 0;
                slot[len-4] = m   >> 8; slot[len-3] = m   & 0xFF;
                while(t--) {sum+=slot[t];}
                slot[len-2] = sum >> 8; slot[len-1] = sum & 0xFF;
                dat = dat.concat(slot);
            }
            _ref.data = dat;
        }

        function check(data)
        {
            var i, b, checkValue = 0;
            for(i = 0, b = 0; i < 512; i+= 112, b += 3)
            {
                var size      = (i >= 448) ? 32 : 56;
                var magic0    = (i >= 448) ? 0x4849 : 0x4441;
                var magic1    = (data[i + size - 4] << 8) + data[i + size - 3];
                var checksum1 = (data[i + size - 2] << 8) + data[i + size - 1];
                var checksum0 = sumCheck(i, size - 2, data);
                var dupeChck = dupeCheck(i, size, data);
                var dsm = (magic0 >> 8) + magic0 & 0xFF;
                var c1 = (magic1 === magic0);
                var c2 = (checksum1 === checksum0) && (checksum0 >= dsm);
                var c3 = (dupeChck === size);
                checkValue |= (c1 << 0 + b) + (c2 << 1 + b) + (c3 << 2 + b);
            }
            return checkValue;
        }

        function doUpdate()
        {
            var md = this.param;
            var size = (md.glob === true) ? 32 : 56;
            var baseAddress = (md.glob === true) ? 0x01C0: Editor.baseAddress;
            
            if(md.id === "num")
            {
                _ref.data[       baseAddress + md.address] = parseInt(this.value & 0xFF, 10);
                _ref.data[size + baseAddress + md.address] = parseInt(this.value & 0xFF, 10);
            }
            else if(md.id === "flag")
            {
                _ref.data[       baseAddress + md.address] ^= md.bit;
                _ref.data[size + baseAddress + md.address] ^= md.bit;
            }
            
            var sum = sumCheck(baseAddress, size-2, _ref.data);
            var sum2 = [sum >> 8, sum & 0xFF];
            
            _ref.data[baseAddress + size   - 2] = sum2[0];
            _ref.data[baseAddress + size   - 1] = sum2[1];
            _ref.data[baseAddress + size*2 - 2] = sum2[0];
            _ref.data[baseAddress + size*2 - 1] = sum2[1];
        }
        
        function dupeCheck(offset, size, data)
        {
            var total = 0, i;  
            for(i = offset; i < offset + size; i++)
            {
                total += (data[i] === data[i + size]) ? 1 : 0;
            }
            return total;
        }
        
        function sumCheck(offset, size, data)
        {
            var checksum = 0, i;
            for(i = offset; i < offset + size; i++)
            {
                checksum = checksum + data[i];
            }
            return checksum;
        }
        
        this.init   = init;
        this.update = doUpdate;
        this.check  = check;
    }

    ///////////////////////////////////////////////////////////////////////

    function UIHandler()
    {
        var _ref = this, controls = [];

        function init()
        {
            Eeprom.init();

            _ref.saveButton  = grab("#sv1");
            _ref.nameDisplay = grab("#nam");
            _ref.saveButton.disabled = true;
            _ref.nameDisplay.innerText = "Unsaved file";



            var ci = createInterface();
            grab("#left").appendChild(ci.levelTable);
            grab("#right").appendChild(ci.miscFlags);

            _ref._sound = grab("#snd");
            _ref._lang  = grab("#lng");

            _ref._sound.param = {
                glob : true,
                id : "num",
                address : 0x0011
            };
            _ref._lang.param = {
                glob : true,
                id : "num",
                address : 0x0013
            };
            controls.push(_ref._sound);
            controls.push(_ref._lang);
            _ref._sound.oninput = Eeprom.update;
            _ref._lang.oninput = Eeprom.update;

            updateControls();

            grab("#lod").onclick = File.openFile;
            grab("#sv1").onclick = File.saveFile;
            grab("select").onchange = changeSlot;

            initDrag();
        }

        function updateControls()
        {
            for(var i = 0; i < controls.length; i++)
            {
                var baseAddress = (controls[i].param.glob === true) ? 0x01C0: Editor.baseAddress;
                if(controls[i].param.id === "num")
                {
                    controls[i].value = parseInt(Eeprom.data[baseAddress + controls[i].param.address], 10);
                }
                else if(controls[i].param.id === "flag")
                {
                    controls[i].checked = Eeprom.data[baseAddress + controls[i].param.address] & controls[i].param.bit;
                }
            }
        }
                
        function changeSlot()
        {
            _ref.baseAddress = this.selectedIndex * 112;
            updateControls();
        }

        function createInterface()
        {
            var levelNames = {
                0x08 : "Castle",
                0x0C : "1 Bob-omb Battlefield",
                0x0D : "2 Whomp's Fortress",
                0x0E : "3 Jolly Roger Bay",
                0x0F : "4 Cool, Cool Mountain",
                0x10 : "5 Big Boo's Haunt",
                0x11 : "6 Hazy Maze Cave",
                0x12 : "7 Lethal Lava Land",
                0x13 : "8 Shifting Sand Land",
                0x14 : "9 Dire, Dire Docks",
                0x15 : "10 Snowman's Land",
                0x16 : "11 Wet-Dry World",
                0x17 : "12 Tall, Tall Mountain",
                0x18 : "13 Tiny-Huge Island",
                0x19 : "14 Tick Tock Clock",
                0x1A : "15 Rainbow Ride",
                0x1B : "Bowser in the Dark World",
                0x1C : "Bowser in the Fire Sea",
                0x1D : "Bowser in the Sky",
                0x1E : "The Princess's Secret Slide",
                0x1F : "Cavern of the Metal Cap",
                0x20 : "Tower of the Wing Cap",
                0x21 : "Vanish Cap Under the Moat",
                0x22 : "Wing Mario Over the Rainbow",
                0x23 : "The Secret Aquarium",
                0x24 : "\"The End\" Screen"
            };
            
            var miscFlags = {
                0x0B : {
                    0 : "Save file is occupied on main menu",
                    1 : "Wing cap activated",
                    2 : "Metal cap activated",
                    3 : "Vanish cap activated",
                    4 : "Have key (basement)",
                    5 : "Have key (2nd floor)",
                    6 : "Key door unlocked (basement)",
                    7 : "Key door unlocked (2nd floor)"
                },
                0x0A : {
                    0 : "Portal moved back (Dire Dire Docks)",
                    1 : "Castle moat drained",
                    2 : "Star door animation seen (Secret Slide)",
                    3 : "Star door animation seen (Whomp)",
                    4 : "Star door animation seen (Cool)",
                    5 : "Star door animation seen (Jolly)",
                    6 : "Star door animation seen (Bowser)",
                    7 : "Star door animation seen (Bowser 2)"
                },
                0x09 : {
                    0 : "Lost cap - Level ID (Coordinates)",
                    1 : "Lost cap - Shifting Sand Land",
                    2 : "Lost cap - Tall, Tall Mountain",
                    3 : "Lost cap - Snowman's Land",
                    4 : "Star door animation seen (Third floor/Clock)",
                    5 : "unknown or unused",
                    6 : "unknown or unused",
                    7 : "unknown or unused"
                }
            };
            
            var levelTable       = document.createElement("table");
            levelTable.innerHTML = "<tbody><tr><th>Level</th><th>Level flags</th><th>Coins</th></tr></tbody>";

            var i, j, o;
            for(i = 0x08; i <= 0x24; i++)
            {
                if(i !== 0x09 && i !== 0x0A && i !== 0x0B)
                {
                    var row = document.createElement('tr');
                    row.innerHTML = "<td>" + levelNames[i] + "</td><td></td><td></td>";
                    levelTable.childNodes[0].appendChild(row); // Append new <tr> to the <tbody>
                    var currentRow = levelTable.childNodes[0].lastChild; // Get the last added <tr>
                    
                    for(j = 0; j < (i<0x24?8:7); j++)
                    {
                        if(j === 7){ var y = i + 1; } else { y = i }
                        o = document.createElement("input");
                        o.type = "checkbox";
                        o.param = {
                            id: "flag",
                            bit: (1 << j),
                            address: y
                        };
                        o.onchange = Eeprom.update;
                        if(j==6){
                        currentRow.childNodes[2].appendChild(o);
                        }else {
                          currentRow.childNodes[1].appendChild(o);  
                        }
                        controls.push(o);
                    }
                    
                    if(i >= 0xC && i <= 0x1A)
                    {
                        o = document.createElement("input");
                        o.oninput = Eeprom.update;
                        o.param = {
                            id : "num",
                            address : i + 25
                        };
                        o.size = 2;
                        o.type = "text";
                        o.value = (i+25).toString(16);
                        currentRow.childNodes[2].appendChild(o);
                        controls.push(o);
                    }
                }
            }
            
            var _miscFlags = document.createElement("div");
            _miscFlags.innerHTML = "<div id=titl>Misc flags</div>";
            for(i = 0x0B; i >= 0x09; i--)
            {
                for(j = 0; j < 8; j++)
                {
                    var p = document.createElement("label");
                    p.innerHTML = " "+miscFlags[i][j];
                    o = document.createElement("input");
                    o.type = "checkbox";
                    o.param = {
                        id : "flag",
                        bit : (1 << j),
                        address : i
                    };
                    o.onchange = Eeprom.update;
                    p.insertBefore(o, p.firstChild);
                    _miscFlags.appendChild(p);
                    controls.push(o);
                }
            }
                    p = document.createElement("div");
                    p.id = "fuck";
                    p.innerHTML = "<div id=hh>Lost cap level ID (8, 10 or 36)</div>";
                    o = document.createElement("input");
                    o.type = "text";
                    o.param = {
                        id : "num",
                        address : 0
                    };
                    o.size = 2;
                    o.onchange = Eeprom.update;
                    controls.push(o);
                    p.appendChild(o);
                    _miscFlags.appendChild(p);

            return {
                levelTable: levelTable,
                miscFlags: _miscFlags
            };
        }

        function initDrag()
        {
            var dragIsFile = false;
            var lastTarget = null;
            
            function handleLoad(evt)
            {
                var fl = evt.target.files || evt.dataTransfer.files;
                if(dragIsFile === true || fl !== undefined)
                {
                    evt.preventDefault();
                    grab("#dropzone").style.visibility = "hidden";
                    grab("#dropzone").style.opacity = 0;
                    grab("#textnode").style.fontSize = "42px";
                    grab("#tw").className = "";
                    if(fl[0].size == 512 || fl[0].size == 2048 || fl[0].size == 296960) File.doLoad(fl[0]);
                }
            };
            
            window.addEventListener("dragenter", function(evt)
            {
                var dT = evt.dataTransfer;
                for(var i = dT.types.length, files = false; i--;)
                {
                    if(dT.types[i] === "Files") {files = true;}
                }
                var containsFiles = (files === true),
                    isOneItem     = (dT.items.length === 1);
                dragIsFile = (containsFiles && isOneItem) === true ? true : false;
                if(dragIsFile) {
                    lastTarget = evt.target;
                    grab("#dropzone").style.visibility = "";
                    grab("#dropzone").style.opacity = 1;
                    grab("#textnode").style.fontSize = "48px";
                    grab("#tw").className = "blr";
                }
            });
           window.addEventListener("dragleave", function(evt)
            {
                if(evt.target === lastTarget) {
                    lastTarget = evt.target;
                    grab("#dropzone").style.visibility = "hidden";
                    grab("#dropzone").style.opacity = 0;
                    grab("#textnode").style.fontSize = "42px";
                    grab("#tw").className = "";
                }
            });
            
            window.addEventListener("dragover", function(evt)
            {
                evt.preventDefault();
                if(dragIsFile === false)
                {   
                    evt.dataTransfer.dropEffect = "none"; // prevents drop, shows red X
                }
            });
            
            document.getElementById("fileOpen").onchange = handleLoad;
            window.addEventListener("drop", handleLoad);
        }
        
        this.baseAddress = 0;
        this.updateControls = updateControls;
        this.init = init;
    }
    
    ///////////////////////////////////////////////////////////////////////

    function FileHandler()
    {
        var _ref = this;
        
        function doSave(data, fname)
        {
            let a = document.createElement("a"), b = URL.createObjectURL(data);
            a.download = fname, a.href = b, a.dispatchEvent(new MouseEvent("click"));
            setTimeout(() => URL.revokeObjectURL(b), 3e3);
        }
        
        function doLoad(fl)
        {
            var f   = new FileReader();
            f.file  = fl;
            f.readAsArrayBuffer( fl.slice(0, 512) );
            f.onload = function(evt)
            {
                var dat = new Uint8Array(evt.target.result);
                if(Eeprom.check(dat) === 0x7FFF)
                {
                    Eeprom.data = dat;
                    Editor.updateControls();
                    Editor.saveButton.disabled = false;
                    Editor.nameDisplay.innerText = evt.target.file.name;
                    console.log("File loaded: " + evt.target.file.name);
                }
            };
        }
        
        function openFile()
        {
            document.getElementById("fileOpen").click();
        }
        
        function saveFile()
        {
            doSave(new Blob([Eeprom.data]), Editor.nameDisplay.innerText);
        }
        
        this.openFile   = openFile;
        this.saveFile   = saveFile;
        this.doLoad     = doLoad;
    }

    ///////////////////////////////////////////////////////////////////////

    var Eeprom = new EepromHandler(),
        Editor = new UIHandler(),
        File   = new FileHandler();
    
    window.SM64App = {
        Editor: Editor,
        Eeprom: Eeprom,
        File: File
    };
})();

window.addEventListener("load", function()
{
    SM64App.Editor.init();
});