/** Copyright Stewart Allen <sa@grid.space> -- All Rights Reserved */

import { $ } from '../moto/webui.js';
import { api } from './api.js';
import { Stack } from './stack.js';

let freeMem = true,
    stacks = {},
    tallest = 0,
    min = 0,
    max = 0,
    labels, API, UC, UI, DYN;

function init() {
    labels = $("layers");
    API = api,
    UC = API.uc,
    UI = API.ui;
}

function setFreeMem(bool) {
    Object.values(stacks).forEach(stack => stack.obj.setFreeMem(bool));
    freeMem = bool;
    return this;
}

function clear() {
    if (!API) {
        init();
    }
    // remove stacks from their views
    for (const [stack, data] of Object.entries(stacks)) {
        data.clear();
    }
    min = max = tallest = 0;
    stacks = {};
    DYN = UI.dyn = {};

    // clear labels
    UC.setGroup(labels);
    labels.innerHTML = '';
}

function rotate(set) {
    Object.values(stacks).forEach(stack => {
        stack.obj.rotate(set);
    });
}

function getStack(name) {
    return stacks[name];
}

function getStacks() {
    return Object.entries(stacks);
}

function getLabels() {
    return Object.keys(DYN);
}

function setVisible(label, bool) {
    let ctrl = DYN[label];
    if (ctrl) {
        ctrl.toggle.checked = bool;
        ctrl.group.forEach(mat => {
            mat.visible = bool;
        });
    }
}

function create(name, view) {
    if (stacks[name]) {
        return stacks[name];
    }
    const stack = stacks[name] = {
        layers: [ ],
        obj: new Stack(view, freeMem, api.conf.get().controller.shiny),
        add: function(layers) {
            let lmap = layers.layers;
            let map = stack.obj.addLayers(layers);
            for (const [label, mats] of Object.entries(map)) {
                if (!DYN[label]) {
                    let check = DYN[label] = {
                        group: [],
                        toggle: UC.newBoolean(label, (abc) => {
                            ctrl.group.forEach(mat => {
                                mat.visible = ctrl.toggle.checked;
                            });
                            if (ctrl.toggle.checked) {
                                api.event.emit("stack.show", label);
                            } else {
                                api.event.emit("stack.hide", label)
                            }
                        })
                    };
                    let color = lmap[label].color.check;
                    if (color !== undefined) {
                        let div = document.createElement('div');
                        div.setAttribute('class', 'color');
                        div.style.backgroundColor = `#${color.toString(16).padStart(6,0)}`;
                        check.toggle.parentNode.appendChild(div);
                        check.toggle.classList.add("color");
                    }
                }
                const ctrl = DYN[label];
                ctrl.group.appendAll(mats);
                ctrl.toggle.checked = mats.state;
            }
            tallest = Math.max(tallest, stack.obj.size());
        },
        remove: function() {
            view.remove(stack.obj.view);
            THREE.dispose(stack.obj.view);
        },
        clear: function() {
            view.remove(stack.obj.view);
            THREE.dispose(stack.obj.view);
        },
        button: function(label, action) {
            UC.newRow([ UC.newButton(label, action) ]);
        }
    };
    return stack;
}

function remove(name) {
    const stack = stacks[name];
    if (stack) {
        stack.remove();
        delete stacks[name];
    }
}

function getRange() {
    return {min, max, tallest};
}

function setRange(newMin, newMax) {
    Object.values(stacks).forEach(stack => {
        stack.obj.setVisible(newMin,newMax);
    });
    min = newMin;
    max = newMax;
}

function setFraction(frac) {
    Object.values(stacks).forEach(stack => {
        stack.obj.setLastFraction(frac);
    });
}

export default {
    clear,
    create,
    rotate,
    remove,
    getStack,
    getStacks,
    getRange,
    setRange,
    getLabels,
    setVisible,
    setFraction,
    setFreeMem
};

export {
    clear,
    create,
    rotate,
    remove,
    getStack,
    getStacks,
    getRange,
    setRange,
    getLabels,
    setVisible,
    setFraction,
    setFreeMem
};