//===
// VARIABLES
//===
const EVENTS = ['i-click', 'i-view', 'i-scroll-up', 'i-scroll-down', 'i-hover'];
const FUNCTION_TREE = {
    'class': ['add', 'remove', 'toggle']
};

//===
// FUNCTIONS
//===
function validateSyntax() {

    // Get every items from EVENTS

    // Check all event syntax
    return EVENTS.map((event) => {
        // Check element FUNCTION_TREE
        return [...document.querySelectorAll(`[${event}]`)].map((element) => {
            // Check KEY FUNCTION_TREE
            let checked = Object.keys(FUNCTION_TREE).map((key) => {
                // Check METHODS FUNCTION_TREE
                return FUNCTION_TREE[key].map((method) => {
                    return RegExp(`^${key}:${method}\\('\\w+', *'[#,.,a-zA-Z]\\w*'\\)$`).test(element.getAttribute(event));
                }).some(method => method);
            }).every(key => key);
            // Notify error
            if(!checked) {
                console.error('FFNM: Bad syntax');
                console.error(element);
            }

            return checked;
        }).every(item => item);
    }).every(event => event);
}


//===
// LINTER
//===


//===
// INIT
//===
console.log("EStabien " + validateSyntax());