kit/assets/support/support.js

/** @module support */
__PluginManager__.register('support', function(module, exports, require, global){

    window.pre = console.log;


    var data = function(){
        function normalizeData(val) {
            if (val === 'true') {
                return true
            }

            if (val === 'false') {
                return false
            }

            if (val === Number(val).toString()) {
                return Number(val)
            }

            if (val === '' || val === 'null') {
                return null
            }

            return val
        }

        function normalizeDataKey(key) {
            return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`);
        }

        const manipulator = {
            set(element, key, value, prefix = 'kit') {
                if(prefix !== '') {
                    prefix = '-' + prefix;
                }
                element.setAttribute(`data${prefix}-${normalizeDataKey(key)}`, value)
            },

            remove(element, key, prefix = 'kit') {
                if(prefix !== '') {
                    prefix = '-' + prefix;
                }
                element.removeAttribute(`data${prefix}-${normalizeDataKey(key)}`)
            },

            getList(element, prefix = 'kit') {
                element = getNode(element);

                if (!element) {
                    return {};
                }

                const attributes = {};

                Object.keys(element.dataset)
                    .filter(key => key.startsWith(prefix))
                    .forEach(key => {
                        var regex = new RegExp(`^${prefix}`, '');
                        var pureKey = key.replace(regex, '');
                        pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);
                        if(pureKey !== '') {
                            attributes[pureKey] = normalizeData(element.dataset[key])
                        }
                    });

                return attributes
            },

            get(element, key, prefix = 'kit') {
                if(prefix !== '') {
                    prefix = '-' + prefix;
                }
                return normalizeData(element.getAttribute(`data${prefix}-${normalizeDataKey(key)}`))
            },
        };
        return manipulator;
    }();


    var node = {
        isRelate: function (node, container = document) {
            return node === container || container.contains(node);
        }
    };
    var str = {
        ucFirst: function (str) {
            if (!str) return str;
            return str[0].toUpperCase() + str.slice(1);
        }
    };
    var arr = {
        isKey: function (key) {
            var n = Number(key);
            return isInteger(n) && (''+n === ''+key);
        }
    };
    function uniqueId (length = 32, firstLetter = true) {
        var idStr = '';
        if(length < 1) return idStr;
        if(firstLetter) {
            length && (idStr = (Math.floor((Math.random() * 25)) + 10).toString(36));
            if (length === 1) return idStr;
        }
        do {
            idStr += (Math.floor((Math.random() * 35))).toString(36);
        } while (idStr.length < length);
        return (idStr);
    }
    function valueEx(value) {
        var args = [];
        if(arguments.length > 1)
            for(var i = 1; arguments.length - 1 >= i;i++) {
                args.push(arguments[i]);
            }
        if(typeof value === 'function') {
            return value.apply(this, args);
        }
        return value;
    }
    function empty(val){
        return arguments.length === 0 ||
            val === undefined ||
            val === null ||
            Number.isNaN(val) === true ||
            val === '' ||
            val === 0 ||
            val === false;
    }
    function emptyEx(val) {
        return empty(val) ||
            (isObject(val) && (function () {
                for(v in val) return false;
                return true;
            })());
    }
    function typeOf(value) {
        return typeof value;
    }
    function isObject(value) {
        return typeOf(value)  === 'object' ? value !== null : typeof value === 'function';
    }
    function isNumber(value) {
        return !Number.isNaN(value) && isFinite(value) && typeof value === 'number';
    }
    function isArray(value) { return Array.isArray(value);}
    /**
     * @return {number}
     */
    function toNumber(value, def = 0) {
        var n = Number(value);
        return isNumber(n)?n:def;
    }
    function isInteger(value) {
        return isNumber(value) && (value % 1) === 0;
    }
    function isFloat(value) {
        return isNumber(value);
    }
    function isString(value) {
        return typeof value === 'string';
    }
    function isNode(value) {
        return value instanceof Node;
    }
    function isElement(value) {
        return value instanceof Element;
    }
    function isNodeList(value) {
        return value instanceof NodeList;
    }
    function isDomObject(o) {
        return isNode(o) || isElement(o) || isNodeList(o);
    }
    /**
     * @param selector
     * @return Element
     */
    function getNode(selector) {
        if(isString(selector) && selector !== '') {
            return document.querySelector(selector);
        }
        if(isNode(selector)) {
            return selector;
        }
        return null;
    }

    var extend = function(target) {
        if(!arguments[1]) {
            return;
        }
        for(i=1; i < arguments.length; i++) {
            var source = arguments[i];

            for(var prop in source) {
                if(!target[prop] && source.hasOwnProperty(prop)) {
                    target[prop] = source[prop];
                }
            }
        }
    };
    function isA(o,c){
        return null!=c&&"undefined"!=typeof Symbol&&c[Symbol.hasInstance]?!!c[Symbol.hasInstance](o):o instanceof c
    }
    function makeNode(html = '') {
        if(isNode(html)) {
            return html;
        }
        if(isString(html)) {
            html = html.trim();
        }
        var nodeWrap = document.createElement('div');
        nodeWrap.innerHTML = html;
        var r = nodeWrap.firstChild;
        r && r.remove();
        return r;
    }
    function makeNodeList(html = '') {
        if(isNodeList(html)) {
            return html;
        }
        if(isString(html)) {
            html = html.trim();
        }
        var nodeWrap = document.createElement('div');
        if(isNode(html)) {
            nodeWrap.append(html);
        } else {
            nodeWrap.innerHTML = html;
        }
        return nodeWrap.childNodes;
    }
    function setNodeData(node, key, value) {
        if(!isElement(node)) return false;
        node.kit = node.kit || {};
        node.kit[key] = value;
    }
    function setObjProp(object, branch, value) {
        if(!Array.isArray(branch)) {
            branch = [branch];
        }
        if(!isObject(object)) return false;
        var i = 0, obj = {}, result = true;
        obj[i] = object;
        branch.forEach(function (key) {
            if(!result) {
                return;
            }
            ++i;
            if(i === branch.length) {
                obj[i-1][key] = value;
                return;
            }
            obj[i-1][key] = obj[i-1][key] || {};
            result = isObject(obj[i-1][key]);
            obj[i] = obj[i-1][key];
        });
        return result;
    }
    function getNodeData(node, key, def = null) {
        if(!Array.isArray(key)) {
            key = [key];
        }
        var branch = ['kit'].concat(key);
        return getObjProp(node, branch, def);
    }

    function getObjProp(object, branch, def = null) {
        if(!Array.isArray(branch)) {
            branch = [branch];
        }
        if(!isObject(object)) return def;
        var i = 0, obj = {}, result = true;
        obj[i] = object;
        branch.forEach(function (key) {
            if(!result) {
                return;
            }
            ++i;
            if(!isObject(obj[i-1]) || !obj[i-1].hasOwnProperty(key)) {
                result = false;
                return;
            }
            obj[i] = obj[i-1][key];
        });
        if(result) {
            return obj[i];
        }
        return def;
    }
    function definePropertyGet(obj, key, val) {
        Object.defineProperty(obj, key, {
            get: function () {
                return valueEx(val);
            },
        });
    }
    function args2array(arguments) {
        var args = [];
        for (var i = 0; i < arguments.length; i++) {
            args.push(arguments[i]);
        }
        return args;
    }
    function innerHtml(wrap, content) {
        var wrapNode = getNode(wrap);
        if(!isElement(wrapNode)) {
            return false;
        }
        while (wrapNode.firstChild) {
            wrapNode.removeChild(wrapNode.firstChild);
        }
        if(isNode(content)) {
            wrapNode.append(content);
        } else if(isNodeList(content)) {
            content.forEach(function(node){
                wrapNode.append(node);
            });
        } else {
            wrapNode.innerHTML = content;
        }
        return true;
    }
    function insertAfter(newNode, referenceNode) {
        referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
    }
    function setTagName(node, tagName) {
        if(!tagName) {
            return null;
        }
        node = getNode(node);
        if(!isNode(node)) {
            return null;
        }
        if(node.tagName.toUpperCase() === tagName.toUpperCase()) {
            return node;
        }
        var result = document.createElement(tagName);
        var childNodes = [].slice.call(node.childNodes);
        for (var i = 0; i < [].slice.call(childNodes).length; i++) {
            result.appendChild(childNodes[i]);
        }
        node.getAttributeNames().forEach(function (attrName) {
            result.setAttribute(attrName, node.getAttribute(attrName))
        });
        if(node.parentNode){
            node.parentNode.insertBefore(result, node.nextSibling);
            node.remove();
        }
        return result;
    }

    function toString(value) {
        return String(value);
    }

    function getDataOptions(node, pluginId, prefix = 'kit') {
        node = getNode(node);
        node.getAttribute('')
    }

    /**
     * @memberOf kit
     */
    var support = {
        node: node,
        str: str,
        arr: arr,
        uniqueId,
        valueEx,
        empty,
        isNumber,
        typeOf,
        isObject,
        isInteger,
        isFloat,
        isString,
        isNode,
        isElement,
        getNode,
        extend,
        isA,
        makeNode,
        setNodeData,
        getNodeData,
        toNumber,
        definePropertyGet,
        args2array,
        innerHtml,
        makeNodeList,
        setTagName,
        tagName: setTagName,
        data,
        setObjProp,
        getObjProp
    };

    return module.exports = support;
});