jQuery-Axios.min.js

////////////////////
////////////////////
///JQUERY + AXIOS///
////////////////////
////////////////////

/* JQUERY + AXIOS fully customized by Aldrin Caballero */

let isReady = false
class Axios {
  get(url) {
    return new Promise((resolve, reject) => {
      var xhr = new XMLHttpRequest()
      xhr.open('GET', url)
      const headers = () => {
        var headers = xhr.getAllResponseHeaders()
        var arr = headers.trim().split(/[\r\n]+/)
        var headerMap = {}
        arr.forEach(line => {
          var parts = line.split(': ')
          var header = parts.shift()
          var value = parts.join(': ')
          headerMap[header] = value
        })
        return headerMap
      }
      const loadData = () => {
        return Object.freeze({
          data: xhr.response,
          status: xhr.status,
          statusText: xhr.statusText,
          'request-type': 'XMLHttpRequest',
          headers: headers()
        })
      }
      xhr.onload = () => resolve(loadData())
      
      xhr.onerror = () => reject(loadData())
      
      xhr.send(null)
    })
  }

  post(url, data) {
    return new Promise((resolve, reject) => {
      let _data;
      if (typeof data == 'string') {
        let arr = data.split('')
        if (arr[0] == '.' || arr[0] == '#' || data.length > 1) {
          _data = $(data).serialize()
        }
      }
      else if (data == '[object Object]') {
        let url = new URLSearchParams()
        for (var [k, v] of Object.entries(data)) {
          url.append(k, v)
        }
        _data = url
      } else if (data == '[object FormData]') {
        let _url = new URLSearchParams()
        for (var [k, v] of data.entries()) {
          _url.append(k, v)
        }
        _data = _url
      }

      var xhr = new XMLHttpRequest()
      xhr.open('POST', url, true)
      xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
      const headers = () => {
        var headers = xhr.getAllResponseHeaders()
        var arr = headers.trim().split(/[\r\n]+/)
        var headerMap = {}
        arr.forEach(line => {
          var parts = line.split(': ')
          var header = parts.shift()
          var value = parts.join(': ')
          headerMap[header] = value
        })
        return headerMap
      }
      const loadData = () => {
        return Object.freeze({
          data: xhr.response,
          status: xhr.status,
          statusText: xhr.statusText,
          'request-type': 'XMLHttpRequest',
          headers: headers()
        })
      }
      xhr.onload = () => resolve(loadData())
      xhr.onerror = () => reject(loadData())
      
      xhr.send(_data)

    })

  }
}

const $ = (selector) => {
  const $ = (element) => {
    return (element == document || element == this) ? element : document.querySelectorAll(element)
  }
  class Ready {
    ready(callback) {
      if (typeof callback == 'function' && selector == document) {
        selector.addEventListener('DOMContentLoaded', () => {
          isReady = true
          callback()
        })
      }
    }

  }

  class Main {
    hide(callback) {
      $(selector).forEach(el => el.style.display = 'none');
      if (typeof callback == 'function') {
        callback()
      }
    }

    show(callback) {
      $(selector).forEach(el => el.style.display = 'block')
      if (typeof callback == 'function') {
        callback()
      }
    }

    click(callback) {
      $(selector).forEach(el => el.onclick = callback)
    }

    dblclick(callback) {
      $(selector).forEach(el => el.ondblclick = callback)
    }

    mouseenter(callback) {
      $(selector).forEach(el => el.onmouseenter = callback)
    }

    mouseleave(callback) {
      $(selector).forEach(el => el.onmouseleave = callback)
    }

    mouseup(callback) {
      $(selector).forEach(el => el.onmouseup = callback)
    }
    setAttr(attribute, value) {
      if(typeof attribute == 'object' && arguments.length == 1) {
        $(selector).forEach(e => {
          for(var [k, v] of Object.entries(arguments[0])) {
            e.setAttribute(k, v);
          }
        })
      } else if(arguments.length > 1 && typeof attribute == 'string' && typeof value == 'string') {
        $(selector).forEach(e => {
          e.setAttribute(attribute, value)
        })
      }
    }
    
    removeAttr(name) {
      if(Array.isArray(name) && arguments.length == 1) {
        $(selector).forEach(e => {
          for(var attr of name) {
            e.removeAttribute(attr)
          } 
        })
      } else if(arguments.length == 1 && typeof name == 'string') {
        $(selector).forEach(e => {
          e.removeAttribute(name)
        })
      }
    }
    attr(name) {
      return $(selector)[0].getAttribute(name)
    }
    mousedown(callback) {
      $(selector).forEach(el => el.onmousedown = callback)
    }

    hover(mouseEnter, mouseLeave) {
      this.mouseenter(mouseEnter)
      this.mouseleave(mouseLeave)
    }

    focus(callback) {
      $(selector).forEach(el => el.onfocus = callback)
    }

    blur(callback) {
      $(selector).forEach(el => el.onblur = callback)
    }

    on(event, callback) {
      if (arguments.length == 1 && typeof arguments[0] == 'object') {
        for (const [key, func] of Object.entries(arguments[0])) {
          $(selector).forEach(el => el.addEventListener(key, func))
        }
      } else {
        $(selector).forEach(el => el.addEventListener(event, callback))
      }
    }

    bind(event, callback) {
      if (arguments.length == 1 && typeof arguments[0] == 'object') {
        for (const [key, func] of Object.entries(arguments[0])) {
          $(selector).forEach(el => el.addEventListener(key, func))
        }
      } else {
        $(selector).forEach(el => el.addEventListener(event, callback))
      }
    }

    live(event, callback) {
      if (arguments.length == 1 && typeof arguments[0] == 'object') {
        for (const [key, func] of Object.entries(arguments[0])) {
          $(selector).forEach(el => el.addEventListener(key, func))
        }
      } else {
        $(selector).forEach(el => el.addEventListener(event, callback))
      }
    }

    change(callback) {
      $(selector).forEach(el => el.onchange = callback)
    }

    val(value) {
      if (arguments.length > 0) {
        $(selector)[0].value = value
      }
      return $(selector)[0].value
    }
    text(text) {
      if (typeof text == 'string') {
        $(selector)[0].innerText = text
      }
      return $(selector)[0].innerText
    }

    html(string) {
      if (typeof string == 'string') {
        $(selector)[0].innerHTML = string
      }
      return $(selector)[0].innerHTML
    }

    focusin(callback) {
      $(selector).forEach(e => e.onfocusin = callback)
    }

    focusout(callback) {
      $(selector).forEach(e => e.onfocusout = callback)
    }
    keydown(callback) {
      $(selector).forEach(e => e.onkeydown = callback)
    }
    keypress(callback) {
      $(selector).forEach(e => e.onkeypress = callback)
    }
    keyup(callback) {
      $(selector).forEach(e => e.onkeyup = callback)
    }
    serialize() {
      var formData = new FormData($(selector)[0]);
      var url = new URLSearchParams();
      for (var [key, value] of formData.entries()) {
        url.append(key, value)
      }
      return url
    }
    submit(callback) {
      $(selector)[0].addEventListener('submit', callback)
    }
    toFormData() {
      return new FormData($(selector)[0])
    }
  }
  return (!isReady) ? new Ready() : new Main()
}