Optimize gulp
This commit is contained in:
89
src/core.js
89
src/core.js
@ -1,48 +1,55 @@
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
//===
|
||||
// VARIABLES
|
||||
//===
|
||||
const EVENTS = ['i-click', 'i-view', 'i-scroll-up', 'i-scroll-down', 'i-hover'];
|
||||
const FUNCTION_TREE = {
|
||||
'class': ['add', 'remove', 'toggle']
|
||||
};
|
||||
//===
|
||||
// VARIABLES
|
||||
//===
|
||||
const EVENTS = ['i-click', 'i-view', 'i-scroll-up', 'i-scroll-down', 'i-hover'];
|
||||
const FUNCTION_TREE = {
|
||||
'class': ['add', 'remove', 'toggle']
|
||||
};
|
||||
let elementsValidates = [];
|
||||
|
||||
//===
|
||||
// FUNCTIONS
|
||||
//===
|
||||
function validateSyntax() {
|
||||
//===
|
||||
// FUNCTIONS
|
||||
//===
|
||||
/**
|
||||
* Method that validates syntax and reports.
|
||||
* return - Bool
|
||||
*/
|
||||
function validateSyntax() {
|
||||
elementsValidates = [];
|
||||
// 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);
|
||||
if(checked) {
|
||||
// Save element validate
|
||||
elementsValidates.push(element);
|
||||
} else {
|
||||
// Notify error
|
||||
console.error('FFNM: Bad syntax');
|
||||
console.error(element);
|
||||
}
|
||||
return checked;
|
||||
}).every(item => item);
|
||||
}).every(event => event);
|
||||
}
|
||||
|
||||
// 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);
|
||||
}
|
||||
function addEventClick() {
|
||||
}
|
||||
|
||||
|
||||
//===
|
||||
// LINTER
|
||||
//===
|
||||
//===
|
||||
// INIT
|
||||
//===
|
||||
validateSyntax();
|
||||
|
||||
|
||||
//===
|
||||
// INIT
|
||||
//===
|
||||
console.log("EStabien " + validateSyntax());
|
||||
});
|
||||
|
Reference in New Issue
Block a user