chibi.js ➔ serializeData - Code Metrics - jaxon-php/jaxon-mono - Measure and Improve Code Quality continuously with Scrutinizer

chibi.js ➔ serializeData F
last analyzed 2025-11-09 15:48 UTC

↳ Parent: jaxon-examples/public/js/libs/chibi/chibi.js
Complexity

Conditions
Size

Total Lines	63
Code Lines	41
Duplication

Lines	0
Ratio	0 %
Importance

Changes
Metric	Value
cc	16
eloc	41
dl	0
loc	63
rs	2.4
c	0
b	0
f	0
How to fix Long Method Complexity

/*!chibi 3.0.9, Copyright 2012-2017 Kyle Barrow, released under MIT license */
(function () {
    'use strict';

    let readyfn = [],
        loadedfn = [],
        domready = false,
        pageloaded = false,
        jsonpcount = 0,
        d = document,
        w = window;

    // Fire any function calls on ready event
    function fireReady() {
        domready = true;
        readyfn.forEach(func => func());
        readyfn = [];
    }

    // Fire any function calls on loaded event
    function fireLoaded() {
        pageloaded = true;
        // For browsers with no DOM loaded support
        if (!domready) {
            fireReady();
        }
        loadedfn.forEach(func => func());
        loadedfn = [];
    }

    // Check DOM ready, page loaded
    if (d.addEventListener) {
        // Standards
        d.addEventListener('DOMContentLoaded', fireReady, false);
        w.addEventListener('load', fireLoaded, false);
    } else if (d.attachEvent) {
        // IE
        d.attachEvent('onreadystatechange', fireReady);
        // IE < 9
        w.attachEvent('onload', fireLoaded);
    } else {
        // Anything else
        w.onload = fireLoaded;
    }

    // Utility functions

    // Loop through node array
    function nodeLoop(fn, nodes) {
        let i;
        // Good idea to walk up the DOM
        for (i = nodes.length - 1; i >= 0; i -= 1) {
            fn(nodes[i]);
        }
    }

    // Convert to camel case
    function cssCamel(property) {
        return property.replace(/-\w/g, function (result) {return result.charAt(1).toUpperCase(); });
    }

    // Get computed style
    function computeStyle(elm, property) {
        // IE, everything else or null
        return (elm.currentStyle) ? elm.currentStyle[cssCamel(property)] : (w.getComputedStyle) ? w.getComputedStyle(elm, null).getPropertyValue(property) : null;

    }

    // Returns URI encoded query string pair
    function queryPair(name, value) {
        return encodeURIComponent(name).replace(/%20/g, '+') + '=' + encodeURIComponent(value).replace(/%20/g, '+');
    }

    // Set CSS, important to wrap in try to prevent error thrown on unsupported property
    function setCss(elm, property, value) {
        try {
            elm.style[cssCamel(property)] = value;
        } catch (e) {
            console.error('Could not set css style property "' + property + '".');
        }
    }

    // Show CSS
    function showCss(elm) {
        elm.style.display = '';
        // For elements still hidden by style block
        if (computeStyle(elm, 'display') === 'none') {
            elm.style.display = 'block';
        }
    }

    // Serialize form & JSON values
    function serializeData(nodes) {
        let querystring = '', subelm, i, j;
        if (nodes.constructor === Object) { // Serialize JSON data
            for (subelm in nodes) {
                if (nodes.hasOwnProperty(subelm)) {
                    if (nodes[subelm].constructor === Array) {
                        for (i = 0; i < nodes[subelm].length; i += 1) {
                            querystring += '&' + queryPair(subelm, nodes[subelm][i]);
                        }
                    } else {
                        querystring += '&' + queryPair(subelm, nodes[subelm]);
                    }
                }
            }
        } else { // Serialize node data
            nodeLoop(function (elm) {
                if (elm.nodeName === 'FORM') {
                    for (i = 0; i < elm.elements.length; i += 1) {

                        subelm = elm.elements[i];

                        if (!subelm.disabled) {

                            switch (subelm.type) {
                            // Ignore buttons, unsupported XHR 1 form fields
                            case 'button':
                            case 'image':
                            case 'file':
                            case 'submit':
                            case 'reset':
                                break;

                            case 'select-one':
                                if (subelm.length > 0) {
                                    querystring += '&' + queryPair(subelm.name, subelm.value);

                                }
                                break;

                            case 'select-multiple':
                                for (j = 0; j < subelm.length; j += 1) {

                                    if (subelm[j].selected) {
                                        querystring += '&' + queryPair(subelm.name, subelm[j].value);
                                    }
                                }
                                break;

                            case 'checkbox':
                            case 'radio':
                                if (subelm.checked) {
                                    querystring += '&' + queryPair(subelm.name, subelm.value);
                                }
                                break;

                            // Everything else including shinny new HTML5 input types
                            default:
                                querystring += '&' + queryPair(subelm.name, subelm.value);
                            }
                        }
                    }
                }
            }, nodes);
        }
        // Tidy up first &
        return (querystring.length > 0) ? querystring.substring(1) : '';
    }

    // Class helper
    function classHelper(classes, action, nodes) {
        let classarray, search, replace, i, has = false;
        if (classes) {
            // Trim any whitespace
            classarray = classes.split(/\s+/);
            nodeLoop(function (elm) {
                for (i = 0; i < classarray.length; i += 1) {

                    search = new RegExp('\\b' + classarray[i] + '\\b', 'g');
                    replace = new RegExp(' *' + classarray[i] + '\\b', 'g');
                    if (action === 'remove') {
                        elm.className = elm.className.replace(replace, '');

                    } else if (action === 'toggle') {
                        elm.className = (elm.className.match(search)) ? elm.className.replace(replace, '') : elm.className + ' ' + classarray[i];

                    } else if (action === 'has') {
                        if (elm.className.match(search)) {
                            has = true;
                            break;
                        }
                    }
                }
            }, nodes);
        }
        return has;
    }

    // HTML insertion helper
    function insertHtml(value, position, nodes) {
        let tmpnodes, tmpnode;
        if (value) {
            nodeLoop(function (elm) {
                // No insertAdjacentHTML support for FF < 8 and IE doesn't allow insertAdjacentHTML table manipulation, so use this instead
                // Convert string to node. We can't innerHTML on a document fragment
                tmpnodes = d.createElement('div');
                tmpnodes.innerHTML = value;
                while ((tmpnode = tmpnodes.lastChild) !== null) {
                    // Catch error in unlikely case elm has been removed
                    try {
                        if (position === 'before') {
                            elm.parentNode.insertBefore(tmpnode, elm);

                        } else if (position === 'after') {
                            elm.parentNode.insertBefore(tmpnode, elm.nextSibling);
                        } else if (position === 'append') {
                            elm.appendChild(tmpnode);
                        } else if (position === 'prepend') {
                            elm.insertBefore(tmpnode, elm.firstChild);
                        }
                    } catch (e) {break; }
                }
            }, nodes);
        }
    }

    // Get nodes and return chibi
    function chibi(selector) {
        let cb, nodes = [], json = false, nodelist, i;

        if (selector) {

            // Element node, would prefer to use (selector instanceof HTMLElement) but no IE support
            if (selector.nodeType && selector.nodeType === 1) {
                nodes = [selector]; // return element as node list
            } else if (typeof selector === 'object') {
                // JSON, document object or node list, would prefer to use (selector instanceof NodeList) but no IE support
                json = (typeof selector.length !== 'number');
                nodes = selector;
            } else if (typeof selector === 'string') {

                // A very light querySelectorAll polyfill for IE < 8. It suits my needs but is restricted to IE CSS support, is no speed demon, and does leave older mobile browsers in the cold (that support neither querySelectorAll nor currentStyle/getComputedStyle). If you want to use a fuller featured selector engine like Qwery, Sizzle et al, just return results to the nodes array: nodes = altselectorengine(selector)

                // IE < 8
                if (!d.querySelectorAll) {
                    // Polyfill querySelectorAll
                    d.querySelectorAll = function (selector) {

                        let style, head = d.getElementsByTagName('head')[0], allnodes, selectednodes = [], i;

                        style = d.createElement('STYLE');
                        style.type = 'text/css';

                        if (style.styleSheet) {
                            style.styleSheet.cssText = selector + ' {a:b}';

                            head.appendChild(style);

                            allnodes = d.getElementsByTagName('*');

                            for (i = 0; i < allnodes.length; i += 1) {
                                if (computeStyle(allnodes[i], 'a') === 'b') {
                                    selectednodes.push(allnodes[i]);
                                }
                            }

                            head.removeChild(style);
                        }

                        return selectednodes;
                    };
                }

                nodelist = d.querySelectorAll(selector);

                // Convert node list to array so results have full access to array methods
                // Array.prototype.slice.call not supported in IE < 9 and often slower than loop anyway
                for (i = 0; i < nodelist.length; i += 1) {
                    nodes[i] = nodelist[i];
                }

            }
        }

        // Only attach nodes if not JSON
        cb = json ? {} : nodes;

        // Public functions

        // Fire on DOM ready
        cb.ready = function (fn) {
            if (fn) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                if (domready) {
                    fn();
                    return cb;
                } else {

                    readyfn.push(fn);

                }
            }
        };
        // Fire on page loaded
        cb.loaded = function (fn) {
            if (fn) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                if (pageloaded) {
                    fn();
                    return cb;
                } else {

                    loadedfn.push(fn);

                }
            }
        };
        // Executes a function on nodes
        cb.each = function (fn) {
            if (typeof fn === 'function') {
                nodeLoop(function (elm) {
                    // <= IE 8 loses scope so need to apply
                    return fn.apply(elm, arguments);
                }, nodes);
            }
            return cb;
        };
        // Find parent
        cb.parent = function () {
            return nodes.length > 0 ? chibi(nodes[0].parentNode) : null;
        };
        // Find first
        cb.first = function () {
            return chibi(nodes.shift());
        };
        // Find last
        cb.last = function () {
            return chibi(nodes.pop());
        };
        // Find odd
        cb.odd = function () {
            let odds = [], i;
            for (i = 0; i < nodes.length; i += 2) {
                odds.push(nodes[i]);
            }
            return chibi(odds);
        };
        // Find even
        cb.even = function () {
            let evens = [], i;
            for (i = 1; i < nodes.length; i += 2) {
                evens.push(nodes[i]);
            }
            return chibi(evens);
        };
        // Hide node
        cb.hide = function () {
            nodeLoop(function (elm) {
                elm.style.display = 'none';
            }, nodes);
            return cb;
        };
        // Show node
        cb.show = function () {
            nodeLoop(function (elm) {
                showCss(elm);
            }, nodes);
            return cb;
        };
        // Toggle node display
        cb.toggle = function () {
            nodeLoop(function (elm) {
                // computeStyle instead of style.display == 'none' catches elements that are hidden via style block
                if (computeStyle(elm, 'display') === 'none') {
                    showCss(elm);
                } else {
                    elm.style.display = 'none';
                }

            }, nodes);
            return cb;
        };
        // Remove node
        cb.remove = function () {
            nodeLoop(function (elm) {
                // Catch error in unlikely case elm has been removed
                try {
                    elm.parentNode.removeChild(elm);
                } catch (e) {}

            }, nodes);
            return chibi();
        };
        // Get/Set CSS
        cb.css = function (property, value) {
            if (property) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                if (value || value === '') {
                    nodeLoop(function (elm) {
                        setCss(elm, property, value);
                    }, nodes);
                    return cb;
                }
                if (nodes[0]) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                    if (nodes[0].style[cssCamel(property)]) {
                        return nodes[0].style[cssCamel(property)];
                    }
                    if (computeStyle(nodes[0], property)) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                        return computeStyle(nodes[0], property);
                    }
                }
            }
        };
        // Get class(es)
        cb.getClass = function () {
            if (nodes[0] && nodes[0].className.length > 0) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                // Weak IE trim support
                return nodes[0].className.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '').replace(/\s+/,' ');
            }
        };
        // Set (replaces) classes
        cb.setClass = function (classes) {
            if (classes || classes === '') {
                nodeLoop(function (elm) {
                    elm.className = classes;
                }, nodes);
            }
            return cb;
        };
        // Add class
        cb.addClass = function (classes) {
            if (classes) {
                nodeLoop(function (elm) {
                    elm.className += ' ' + classes;
                }, nodes);
            }
            return cb;
        };
        // Remove class
        cb.removeClass = function (classes) {
            classHelper(classes, 'remove', nodes);
            return cb;
        };
        // Toggle class
        cb.toggleClass = function (classes) {
            classHelper(classes, 'toggle', nodes);
            return cb;
        };
        // Has class
        cb.hasClass = function (classes) {
            return classHelper(classes, 'has', nodes);
        };
        // Get/set HTML
        cb.html = function (value) {
            if (value || value === '') {
                nodeLoop(function (elm) {
                    elm.innerHTML = value;
                }, nodes);
                return cb;
            }
            if (nodes[0]) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                return nodes[0].innerHTML;
            }
        };
        // Insert HTML before selector
        cb.htmlBefore = function (value) {
            insertHtml(value, 'before', nodes);
            return cb;
        };
        // Insert HTML after selector
        cb.htmlAfter = function (value) {
            insertHtml(value, 'after', nodes);
            return cb;
        };
        // Insert HTML after selector innerHTML
        cb.htmlAppend = function (value) {
            insertHtml(value, 'append', nodes);
            return cb;
        };
        // Insert HTML before selector innerHTML
        cb.htmlPrepend = function (value) {
            insertHtml(value, 'prepend', nodes);
            return cb;
        };
        // Get/Set HTML attributes
        cb.attr = function (property, value) {
            if (property) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                property = property.toLowerCase();
                // IE < 9 doesn't allow style or class via get/setAttribute so switch. cssText returns prettier CSS anyway
                if (value || value === '') {
                    nodeLoop(function (elm) {
                        if (property === 'style') {
                            elm.style.cssText = value;
                        } else if (property === 'class') {
                            elm.className = value;
                        } else {
                            elm.setAttribute(property, value);
                        }
                    }, nodes);
                    return cb;
                }
                if (nodes[0]) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                    if (property === 'style') {
                        if (nodes[0].style.cssText) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                            return nodes[0].style.cssText;
                        }
                    } else if (property === 'class') {
                        if (nodes[0].className) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                            return nodes[0].className;
                        }
                    } else {
                        if (nodes[0].getAttribute(property)) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                            return nodes[0].getAttribute(property);
                        }
                    }
                }
            }
        };
        // Get/Set HTML data property
        cb.data = function (key, value) {
            if (key) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                return cb.attr('data-'+key, value);
            }
        };
        // Get/Set form element values
        cb.val = function (value) {
            let values, i, j;
            if (value || value === '') {
                nodeLoop(function (elm) {
                    switch (elm.nodeName) {
                    case 'SELECT':
                        if (typeof value === 'string' || typeof value === 'number') {
                            value = [value];
                        }
                        for (i = 0; i < elm.length; i += 1) {

                            // Multiple select
                            for (j = 0; j < value.length; j += 1) {

                                elm[i].selected = '';
                                if (elm[i].value === value[j]) {
                                    elm[i].selected = 'selected';
                                    break;
                                }
                            }
                        }
                        break;
                    case 'INPUT':
                    case 'TEXTAREA':
                    case 'BUTTON':
                        elm.value = value;
                        break;
                    }
                }, nodes);

                return cb;
            }
            if (nodes[0]) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                switch (nodes[0].nodeName) {
                case 'SELECT':
                    values = [];
                    for (i = 0; i < nodes[0].length; i += 1) {
                        if (nodes[0][i].selected) {
                            values.push(nodes[0][i].value);
                        }
                    }
                    return (values.length > 1) ? values : values[0];
                case 'INPUT':
                case 'TEXTAREA':
                case 'BUTTON':
                    return nodes[0].value;
                }

            }
        };
        // Return matching checked checkbox or radios
        cb.checked = function (check) {
            if (typeof check === 'boolean') {
                nodeLoop(function (elm) {
                    if (elm.nodeName === 'INPUT' && (elm.type === 'checkbox' || elm.type === 'radio')) {
                        elm.checked = check;
                    }
                }, nodes);
                return cb;
            }
            if (nodes[0] && nodes[0].nodeName === 'INPUT' && (nodes[0].type === 'checkbox' || nodes[0].type === 'radio')) {
function isBig(a) {
    if (a > 5000) {
        return "yes";
    }
}

console.log(isBig(5001)); //returns yes
console.log(isBig(42)); //returns undefined
                return (!!nodes[0].checked);
            }
        };
        // Add event handler
        cb.on = function (event, fn) {
            if (selector === w || selector === d) {
                nodes = [selector];
            }
            nodeLoop(function (elm) {
                if (d.addEventListener) {
                    elm.addEventListener(event, fn, false);
                } else if (d.attachEvent) {
                    // <= IE 8 loses scope so need to apply, we add this to object so we can detach later (can't detach anonymous functions)
                    elm[event + fn] =  function () { return fn.apply(elm, arguments); };
                    elm.attachEvent('on' + event, elm[event + fn]);
                }
            }, nodes);
            return cb;
        };
        // Remove event handler
        cb.off = function (event, fn) {
            if (selector === w || selector === d) {
                nodes = [selector];
            }
            nodeLoop(function (elm) {
                if (d.addEventListener) {
                    elm.removeEventListener(event, fn, false);
                } else if (d.attachEvent) {
                    elm.detachEvent('on' + event, elm[event + fn]);
                    // Tidy up
                    elm[event + fn] = null;
                }
            }, nodes);
            return cb;
        };
        // Basic XHR 1, no file support. Shakes fist at IE
        cb.ajax = function (url, method, callback, nocache, nojsonp) {
            let xhr,
                query = serializeData(nodes),
                type = (method) ? method.toUpperCase() : 'GET',
                hostsearch = new RegExp('http[s]?://(.*?)/', 'gi'),
                domain = hostsearch.exec(url),
                timestamp = '_ts=' + (+new Date()),
                head = d.getElementsByTagName('head')[0],
                jsonpcallback = 'chibi' + (+new Date()) + (jsonpcount += 1),
                script;

            if (query && (type === 'GET' || type === 'DELETE')) {
                url += (url.indexOf('?') === -1) ? '?' + query : '&' + query;
                query = null;
            }

            // JSONP if cross domain url
            if (type === 'GET' && !nojsonp && domain && w.location.host !== domain[1]) {

                if (nocache) {
                    url += (url.indexOf('?') === -1) ? '?' + timestamp : '&' + timestamp;
                }

                // Replace possible encoded ?
                url = url.replace('=%3F', '=?');

                // Replace jsonp ? with callback
                if (callback && url.indexOf('=?') !== -1) {

                    url = url.replace('=?', '=' + jsonpcallback);

                    w[jsonpcallback] = function (data) {
                        try {
                            callback(data, 200);
                        } catch (e) {}


                        // Tidy up
                        w[jsonpcallback] = undefined;
                    };
                }

                // JSONP
                script = document.createElement('script');
                script.async = true;
                script.src = url;

                // Tidy up
                script.onload = function () {
                    head.removeChild(script);
                };

                head.appendChild(script);

            } else {

                if (w.XMLHttpRequest) {
                    xhr = new XMLHttpRequest();
                } else if (w.ActiveXObject) {
                    xhr = new ActiveXObject('Microsoft.XMLHTTP'); // IE < 9

                }

                if (xhr) {

                    if (nocache) {
                        url += (url.indexOf('?') === -1) ? '?' + timestamp : '&' + timestamp;
                    }

                    // Douglas Crockford: "Synchronous programming is disrespectful and should not be employed in applications which are used by people"
                    xhr.open(type, url, true);

                    xhr.onreadystatechange = function () {
                        if (xhr.readyState === 4) {
                            if (callback) {
                                callback(xhr.responseText, xhr.status);
                            }
                        }
                    };

                    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');

                    if (type === 'POST' || type === 'PUT') {
                        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                    }

                    xhr.send(query);

                }
            }
            return cb;
        };
        // Alias to cb.ajax(url, 'get', callback, nocache, nojsonp)
        cb.get = function (url, callback, nocache, nojsonp) {
            return cb.ajax(url, 'get', callback, nocache, nojsonp);
        };
        // Alias to cb.ajax(url, 'post', callback, nocache)
        cb.post = function (url, callback, nocache) {
            return cb.ajax(url, 'post', callback, nocache);
        };

        return cb;
    }

    // Set Chibi's global namespace here (chibi)
    w.chibi = chibi;

}());

1			/!chibi 3.0.9, Copyright 2012-2017 Kyle Barrow, released under MIT license /
2			(function () {
3			'use strict';
4
5			let readyfn = [],
6			loadedfn = [],
7			domready = false,
8			pageloaded = false,
9			jsonpcount = 0,
10			d = document,
11			w = window;
12
13			// Fire any function calls on ready event
14			function fireReady() {
15			domready = true;
16			readyfn.forEach(func => func());
17			readyfn = [];
18			}
19
20			// Fire any function calls on loaded event
21			function fireLoaded() {
22			pageloaded = true;
23			// For browsers with no DOM loaded support
24			if (!domready) {
25			fireReady();
26			}
27			loadedfn.forEach(func => func());
28			loadedfn = [];
29			}
30
31			// Check DOM ready, page loaded
32			if (d.addEventListener) {
33			// Standards
34			d.addEventListener('DOMContentLoaded', fireReady, false);
35			w.addEventListener('load', fireLoaded, false);
36			} else if (d.attachEvent) {
37			// IE
38			d.attachEvent('onreadystatechange', fireReady);
39			// IE < 9
40			w.attachEvent('onload', fireLoaded);
jaxon-php / jaxon-mono

chibi.js ➔ serializeData F last analyzed 2025-11-09 15:48 UTC

Complexity

Size

Duplication

Importance

How to fix Long Method Complexity

Long Method

Complexity

Duplication Side-by-Side

Filter issues like

chibi.js ➔ serializeData F
last analyzed 2025-11-09 15:48 UTC
