hexo-theme-butterfly/source/js/utils.js

/* eslint-disable no-unused-vars */

function debounce (func, wait, immediate) {
  let timeout
  return function () {
    const context = this
    const args = arguments
    const later = function () {
      timeout = null
      if (!immediate) func.apply(context, args)
    }
    const callNow = immediate && !timeout
    clearTimeout(timeout)
    timeout = setTimeout(later, wait)
    if (callNow) func.apply(context, args)
  }
}

function throttle (func, wait, options) {
  let timeout, context, args
  let previous = 0
  if (!options) options = {}

  const later = function () {
    previous = options.leading === false ? 0 : new Date().getTime()
    timeout = null
    func.apply(context, args)
    if (!timeout) context = args = null
  }

  const throttled = function () {
    const now = new Date().getTime()
    if (!previous && options.leading === false) previous = now
    const remaining = wait - (now - previous)
    context = this
    args = arguments
    if (remaining <= 0 || remaining > wait) {
      if (timeout) {
        clearTimeout(timeout)
        timeout = null
      }
      previous = now
      func.apply(context, args)
      if (!timeout) context = args = null
    } else if (!timeout && options.trailing !== false) {
      timeout = setTimeout(later, remaining)
    }
  }

  return throttled
}

function sidebarPaddingR () {
  const innerWidth = window.innerWidth
  const clientWidth = document.body.clientWidth
  const paddingRight = innerWidth - clientWidth
  if (innerWidth !== clientWidth) {
    $('body').css('padding-right', paddingRight)
  }
}

function scrollToDest (name) {
  const scrollOffset = $(name).offset().top
  let offset
  if ($(window).scrollTop() > scrollOffset) {
    offset = 65
  } else {
    offset = 0
  }
  $('body,html').animate({
    scrollTop: scrollOffset - offset
  })
}

function snackbarShow (text, showAction, duration) {
  const sa = (typeof showAction !== 'undefined') ? showAction : false
  const dur = (typeof duration !== 'undefined') ? duration : 2000
  const position = GLOBAL_CONFIG.Snackbar.position
  const bg = document.documentElement.getAttribute('data-theme') === 'light' ? GLOBAL_CONFIG.Snackbar.bgLight : GLOBAL_CONFIG.Snackbar.bgDark
  Snackbar.show({
    text: text,
    backgroundColor: bg,
    showAction: sa,
    duration: dur,
    pos: position
  })
}

const initJustifiedGallery = function (selector) {
  selector.each(function (i, o) {
    if ($(this).is(':visible')) {
      $(this).justifiedGallery({
        rowHeight: 220,
        margins: 4
      })
    }
  })
}

const diffDate = (d, more = false) => {
  const dateNow = new Date()
  const datePost = new Date(d)
  const dateDiff = dateNow.getTime() - datePost.getTime()
  const dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000))
  let result
  if (more) {
    if (dateDiff <= 3600000) { // < 1 hour
      result = GLOBAL_CONFIG.date_suffix.one_hour
    } else if (dateDiff < 3600000 * 24) { // 1 hour < x < 24 hours
      result = Math.floor(dateDiff / 3600000) + ' ' + GLOBAL_CONFIG.date_suffix.hours
    } else if (dayDiff >= 1 || dayDiff < 365) { // 1 day < x < 365 days
      result = dayDiff + ' ' + GLOBAL_CONFIG.date_suffix.day
    } else { // > 365 days
      result = d.toLocaleDateString().replace(/\//g, '-')
    }
  } else {
    result = dayDiff
  }
  return result
}

const loadComment = (dom, callback) => {
  if ('IntersectionObserver' in window) {
    const observerItem = new IntersectionObserver((entries) => {
      if (entries[0].isIntersecting) {
        callback()
        observerItem.disconnect()
      }
    }, { threshold: [0] })
    observerItem.observe(dom)
  } else {
    callback()
  }
}