mlmym/public/utils.js

function request(url, params, callback, errorcallback = function(){}) {
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState != 4 ) { return }
    if (xmlHttp.status == 200) {
      return callback(xmlHttp.responseText);
    }
    errorcallback(xmlHttp.responseText);
  }
  var method = "GET"
  if (params) method = "POST"
  xmlHttp.open(method, url, true);
  if (method = "POST")
    xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  xmlHttp.send(params);
}
function postClick(e) {
  e = e || window.event;
  if (e.target.className.indexOf("expando-button") == -1) { return }
  var targ = e.currentTarget || e.srcElement || e;
  if (targ.nodeType == 3) targ = targ.parentNode;
  var bdy = targ.getElementsByClassName("expando")[0]
  var btn = targ.getElementsByClassName("expando-button")[0]
  if (bdy.className.indexOf("open")>-1) {
    bdy.className = 'expando';
    btn.className = "expando-button"
    targ.getElementsByClassName("embed")[0].innerHTML = ""
  } else {
    bdy.className = 'expando open';
    btn.className = "expando-button open"
    var url = targ.getElementsByClassName("url")[0].href
    if (id = parseYoutube(url)) {
      targ.getElementsByClassName("embed")[0].innerHTML = youtubeIframe(id)
    }
  }
}
function commentClick(e) {
  e = e || window.event;
  var targ = e.currentTarget || e.srcElement || e;
  if (targ.nodeType == 3) targ = targ.parentNode;
  if (e.target.name=="submit") {
    e.preventDefault()
    var form = e.target.parentNode
    if (form) {
      data = new FormData(form)
      if (("c"+data.get("commentid")) == targ.id) {
        
      } else if (("c"+data.get("parentid")) == targ.id) {
        targ = form
      } else { return }
      params = new URLSearchParams(data).toString()
      params += "&" + e.target.name + "=" + e.target.value
      params += "&xhr=1"
      e.target.disabled = "disabled"
      request(targ.target || "", params,
        function(res){
          targ.outerHTML = res
          setup()
        },
        function(res){
          e.target.disabled = ""
        })
    }
    return false
  }
  if (e.target.className.indexOf("minimize") != -1) {
    if (e.target.getAttribute("for") != targ.id) { return }
    e.preventDefault()
    var btn = targ.getElementsByClassName("minimize")[0]
    var children = targ.getElementsByClassName("children")[0]
    if (targ.className.indexOf("hidden") == -1) {
      targ.className = "comment hidden"
      btn.innerHTML = "[+]"
    } else {
      targ.className = "comment"
      btn.innerHTML = "[-]"
    }
    return false
  }
  if (e.target.className.indexOf("hidechildren") != -1) {
    if (e.target.getAttribute("for") != targ.id) { return }
    e.preventDefault()
    var btn = targ.getElementsByClassName("hidechildren")[0]
    var children = targ.getElementsByClassName("children")[0]
    if (children.className.indexOf("hidden") == -1) {
      children.className = "children hidden"
      btn.className = "hidechildren hidden"
    } else {
      children.className = "children"
      btn.className = "hidechildren"
    }
    return false
  }
  if ((e.target.className.indexOf("edit") != -1) ||
    (e.target.className.indexOf("source") != -1) ||
    (e.target.className.indexOf("reply") != -1)) {
    var id = targ.id
    if (e.target.getAttribute("for") != id) { return }
    e.preventDefault()
    request(e.target.href+"&xhr",false, function(res){
      targ.outerHTML = res
      setup()
    })
    return false
  }
  if (e.target.className.indexOf("loadmore") != -1) {
    var id = targ.id
    if (e.target.getAttribute("for") != id) { return }
    e.preventDefault()
    var comments = targ.getElementsByClassName("comment")
    var skip = []
    for (var i = 0; i < comments.length; i++) {
      skip.push(comments[i].id)
    }
    request(e.target.href+"&xhr",false, function(res){
      var parent = e.target.parentNode
      parent.innerHTML = res
      parent.innerHTML = parent.getElementsByClassName("children")[0].innerHTML
      var comments = parent.getElementsByClassName("comment")
      for (var i = 0; i < skip.length; i++) {
        for (var c = 0; c < comments.length; c++) {
          if (skip[i] == comments[c].id) {
            comments[c].remove()
          }
        }
      }
      parent.outerHTML = parent.innerHTML
      setup()
    })
    return false
  }
}

function loadMoreComments(e) {
  e.preventDefault()
  page = e.target.getAttribute("data-page")
  var urlParams = new URLSearchParams(window.location.search);
  urlParams.set("xhr", "1")
  urlParams.set("page", page)
  e.target.innerHTML = "loading"
  e.target.className = "loading"
  request(window.location.origin+window.location.pathname+"?"+urlParams.toString(), "",
    function(res){
      if (res.trim()) {
        e.target.parentNode.outerHTML = res + '<div class="morecomments"><a id="lmc" href="" data-page="'+(parseInt(page)+1)+'">load more comments</a></div>'
        setup()
      } else {
        e.target.parentNode.innerHTML = ""
      }
    }, function() {
      e.target.innerHTML = "loading failed"
    })
  return false;
}
function loadMore(e) {
  e.preventDefault()
  page = e.target.getAttribute("data-page")
  e.target.disabled="disabled"
  e.target.value="loading"
  var urlParams = new URLSearchParams(window.location.search);
  urlParams.set("xhr", "1")
  urlParams.set("page", page)
  request(window.location.origin+window.location.pathname+"?"+urlParams.toString(), "",
    function(res){
      if (res.trim()) {
        e.target.outerHTML = res + '<input id="loadmore" type="submit" data-page="'+(parseInt(page)+1)+'" value="load more">'
        if (showimages = document.getElementById("showimages")) {
          if (showimages.className == "selected") {
            toggleImages(true)
          }
        }
        var loadmore = document.getElementById("loadmore")
        loadmore.className = "show"
        loadmore.addEventListener("click", loadMore)
        setup()
      }
      else {
        e.target.outerHTML = '<input id="end" type="submit" value="" disabled>'
      }
    },
    function(res) {
      e.target.outerHTML = '<input id="loadmore" type="submit" data-page="'+parseInt(page)+'" value="loading failed">'
      var loadmore = document.getElementById("loadmore")
      loadmore.className = "show"
      loadmore.addEventListener("click", loadMore)
    }
  )
  return false;
}
function hideAllChildComments(e) {
  e.preventDefault()
  var comments = document.getElementsByClassName("comment")
  if (e.target.innerHTML == "hide all child comments") {
    e.target.innerHTML = "show all child comments"
  } else {
    e.target.innerHTML = "hide all child comments"
  }
  for (var i = 0; i < comments.length; i++) {
    var comment = comments[i]
    var btn = comment.getElementsByClassName("hidechildren")
    if (!btn.length) { continue }
    btn = btn[0]
    if (btn.getAttribute("for") != comment.id) { continue }
    var children = comment.getElementsByClassName("children")[0]
    if (e.target.innerHTML == "show all child comments") {
      children.className = "children hidden"
      btn.className = "hidechildren hidden"
    } else {
      children.className = "children"
      btn.className = "hidechildren"
    }
  }
  return false
}
function formSubmit(e) {
  e = e || window.event;
  var targ = e.currentTarget || e.srcElement || e;
  e.preventDefault()
  var data = new FormData(targ)
  params = new URLSearchParams(data).toString()
  params += "&" + e.submitter.name + "=" + e.submitter.value
  params += "&xhr=1"
  e.submitter.disabled = "disabled"
  request(targ.target, params,
    function(res){
      if (data.get("op") == "read_post") {
        document.getElementById("p"+data.get("postid")).remove()
        return
      }
      targ.outerHTML = res
      setup()
    },
    function(res){
      e.submitter.disabled = ""
    }
  )
  return false
}

function openSettings(e) {
  e.preventDefault()
  var settings = document.getElementById("settingspopup")
  settings.className = "open"
  request(e.target.href + "?xhr=1", "", function(res) {
    settings.innerHTML = res
    var options = document.getElementsByClassName("scripting")
    for (var i = 0; i < options.length; i++) {
      var input = options[i].getElementsByTagName('input')
      if (!input.length) { continue }
      if (localStorage.getItem(input[0].name) == "true") {
        input[0].checked = "checked"
      }
    }
    document.getElementById("settings").addEventListener("submit", saveSettings)
    document.getElementById("closesettings").addEventListener("click", closeSettings)
  })
  return false
}

function closeSettings(e) {
  e.preventDefault()
  var settings = document.getElementById("settingspopup")
  settings.className = ""
  return false
}

function saveSettings(e) {
  e = e || window.event;
  var targ = e.currentTarget || e.srcElement || e;
  var data = new FormData(targ)
  e.preventDefault()
  var params = new URLSearchParams(data).toString()
  request(targ.target, params, function(res) {
    ["endlessScrolling", "autoLoad"].map(function(x) {
      localStorage.setItem(x, data.get(x)=="on")
    })
    window.location.reload()
  })
  return false;
}

function parseYoutube(url){
  if (url.indexOf("youtu") == -1) return false
  var regExp = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
  var match = url.match(regExp);
  if (match && match.length > 1) {
    return match[1]
  }
  return false
}
function youtubeIframe(id) {
  return '<iframe width="560" height="315" src="https://www.youtube.com/embed/'+id+'" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>'
}

function showImages(e) {
  e = e || window.event;
  e.preventDefault()
  var targ = e.currentTarget || e.srcElement || e;
  var parent = targ.parentNode
  if (parent.className == "") {
    parent.className = "selected"
    toggleImages(true)
  } else {
    parent.className = ""
    toggleImages(false)
  }
  return false
}

function toggleImages(open) {
  var posts = document.getElementsByClassName("post")
  for (var i = 0; i < posts.length; i++) {
    var btn = posts[i].getElementsByClassName("expando-button")[0]
    if (btn.className.indexOf("hidden") != -1) { continue }
    var img = posts[i].getElementsByClassName("image")
    if (!img.length) { continue }
    var bdy = posts[i].getElementsByClassName("expando")[0]
    if (open) {
      bdy.className = 'expando open showimage';
      btn.className = "expando-button open"
    } else {
      bdy.className = 'expando';
      btn.className = "expando-button"
    }
  }
}

function setup() {
  if (showimages = document.getElementById("se")) {
    showimages.addEventListener("click", showImages)
  }
  if (settings = document.getElementById("opensettings")) {
    settings.addEventListener("click", openSettings)
  }
  if (hidechildren = document.getElementById("hidechildren")){
    hidechildren.addEventListener("click", hideAllChildComments)
  }
  if (lmc = document.getElementById("lmc")){
    var pager = document.getElementsByClassName("pager")
    if (pager.length) {
      pager[0].style.display = "none";
    }
    lmc.addEventListener("click", loadMoreComments)
  }
  var posts = document.getElementsByClassName("post")
  for (var i = 0; i < posts.length; i++) {
    posts[i].addEventListener("click", postClick)
    var forms = posts[i].getElementsByClassName("link-btn")
    for (var f = 0; f < forms.length; f++) {
      forms[f].addEventListener("submit", formSubmit)
    }
    var url = posts[i].getElementsByClassName("url")[0].href
    if (id = parseYoutube(url)) {
      var btn = posts[i].getElementsByClassName("expando-button")[0]
      if (btn.className.indexOf("open") > -1) {
        posts[i].getElementsByClassName("embed")[0].innerHTML = youtubeIframe(id)
      } else {
        btn.className = "expando-button"
      }
    }
  }
  var comments = document.getElementsByClassName("comment")
  for (var i = 0; i < comments.length; i++) {
    comments[i].addEventListener("click", commentClick)
  }
}
setup()

if (localStorage.getItem("endlessScrolling") == "true") {
  var pager = document.getElementsByClassName("pager")
  if (pager.length) pager[0].className = "pager hidden"
  var loadmore = document.getElementById("loadmore")
  if (loadmore) {
    loadmore.className = "show"
    loadmore.addEventListener("click", loadMore)
  }
}
if (localStorage.getItem("autoLoad") == "true") {
  window.onscroll = function(e) {
    if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight) {
      if (localStorage.getItem("endlessScrolling") == "true") {
        if (loadmore = document.getElementById("loadmore")) {
          loadmore.click()
        }
      }
      if (lmc = document.getElementById("lmc")) {
        lmc.click()
      }
    }
  };
}

// delete cookies without HTTPOnly
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
    var cookie = cookies[i];
    var eqPos = cookie.indexOf("=");
    var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
    document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;SameSite=None;Secure";
}