Order code

src/syntax.js

@@ -0,0 +1,61 @@
+
+//===
+// 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}\\('.+'(, ?'[.#i\\w][_-\\w0-9]+')?\\)$`).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);
+}
+
+
+/**
+ * Method return params
+ * return JSON - {'functionParent': '', 'functionChild': '', 'value': '', 'target': ''}
+ * example - is-click="class:add('show', '#menu')"
+ * return {'functionParent': 'class', 'functionChild': 'add', 'value': 'show', 'target': '#menu'}
+ */
+function splitParams(element, attribute) {
+    let params = element.getAttribute(attribute);
+    let functionParent = RegExp("^(\\w+):").exec(params)[1];
+    let functionChild = RegExp(":(\\w+)\\(").exec(params)[1];
+    let value = RegExp("\\(\'(\\w[_-\\w0-9]+)\',?").exec(params)[1];
+    let resultTarget = RegExp(", ?\'([.#i\\w][_-\\w0-9]+)\'\\)");
+    let target = resultTarget.exec(params) !== null ? resultTarget.exec(params)[1] : undefined;
+    return {'functionParent': functionParent, 'functionChild': functionChild, 'value': value, 'target': target};
+}
+
+/**
+ * Method that returns all validated elements filtered by an event
+ * return Array
+ */
+function getElementsValidatesByEvent(nameEvent) {
+    return [...elementsValidates].filter(element => {
+        return element.hasAttribute(nameEvent);
+    });
+}