tona-plugins 1.0.1

package/src/utils/cnblog.js

@@ -0,0 +1,282 @@
+const { currentBlogApp } = window
+
+/**
+ * 判断访问者是否为博主
+ * @returns {boolean} boolean - 是否为博主
+ */
+export const isOwner = () => window.isBlogOwner
+
+/**
+ * 判断用户登录是否登录
+ * @returns {boolean} 是否登录
+ */
+export const getLoginState = () => window.isLogined
+
+/**
+ * 判断是否开启公告
+ * @returns {boolean} 是否开启公告
+ */
+export const openNews = () => Boolean($('#profile_block').length)
+
+/**
+ * 获取博客园昵称
+ * @returns {string} 博客园昵称
+ */
+export function getBlogname() {
+  if (openNews()) {
+    return $('#profile_block>a:nth-of-type(1)').html().trim()
+  }
+  const headerTitle = $('#Header1_HeaderTitle').text().trim()
+  if (headerTitle.length) {
+    return headerTitle
+  }
+  return currentBlogApp
+}
+
+/**
+ * 获取粉丝数
+ * @returns {number} 粉丝数
+ */
+export function getFollowers() {
+  const count = openNews()
+    ? $('#profile_block a:nth-of-type(3)').text().trim()
+    : '未知'
+  return count
+}
+
+/**
+ * 获取关注的人数
+ * @returns {number} 关注的人数
+ */
+export function getFollowing() {
+  const count = openNews()
+    ? $('#profile_block a:nth-of-type(4)').text().trim()
+    : '未知'
+  return count
+}
+
+/**
+ * 判断是否已经关注
+ * @returns {boolean} 是否已经关注
+ */
+export function getFollowState() {
+  return $('#p_b_follow>a').text().trim() === '-取消关注'
+}
+
+/**
+ * 获取园龄
+ * @returns {string} 园龄
+ */
+export function getBlogAge() {
+  return openNews()
+    ? $('#profile_block a:nth-of-type(2)').text().trim()
+    : '未知'
+}
+
+/**
+ * 获取当前博文链接
+ * @returns {string} 当前博文链接
+ */
+export function getCurrentPostUrl() {
+  return !location.href.includes('#')
+    ? location.href
+    : location.href.substring(0, location.href.lastIndexOf('#'))
+}
+
+/**
+ * 获取博客园 user guid
+ */
+export function getBlogUserGuid() {
+  const strValue = $('body>script:last').text()
+
+  const regex = /'([^"]*)'/
+  return regex.exec(strValue)[1]
+}
+
+/**
+ * 关注
+ */
+export function follow() {
+  const guid = window.cb_blogUserGuid
+  if (guid) {
+    window.follow(guid)
+  } else {
+    $('#p_b_follow>a').trigger('click')
+  }
+}
+
+/**
+ * 取消关注
+ */
+export function unfollow() {
+  window.unfollow(window.cb_blogUserGuid)
+}
+
+/**
+ * 判断文章是否打开了评论
+ * @returns {boolean} 文章是否打开了评论
+ */
+export const IsCommentTurnedOn = () => Boolean($('#tbCommentBody').length)
+
+/**
+ * 判断是否为博文详情页
+ * @returns {boolean} 是否为博文详情页
+ */
+export function isPostDetailsPage() {
+  return Boolean($('#post_detail').length)
+}
+
+/**
+ * 是否为首页
+ * @returns {boolean} 是否为首页
+ */
+export function isHomePage() {
+  return Boolean($('.day').length)
+}
+
+/**
+ * 是否为标签列表页
+ * @returns {boolean} 是否为标签列表页
+ */
+export function isTagListPage() {
+  return Boolean($('#taglist_main').length)
+}
+
+/**
+ * 是否为博文详情页
+ * @returns {boolean} 是否为博文详情页
+ */
+export function isEntrylistPage() {
+  return Boolean($('.entrylistPosttitle').length)
+}
+
+/**
+ * 判断是否为相册页
+ * @returns {boolean} 是否为相册页
+ */
+export function isAlbumPage() {
+  return Boolean($('.gallery').length)
+}
+
+/**
+ * 判断是否为博文分类页
+ * @returns {boolean} 是否为博文分类页
+ */
+export function isCategoryPage() {
+  return Boolean($('.entrylistItem').length)
+}
+
+/**
+ * 获取当前页面名称
+ * @returns {string} 'post' | 'index' | 'tag' | 'list' | 'tag' | 'taglist'
+ */
+export function getCurrentPage() {
+  const postDetailExists = $('#post_detail').length
+  const dayExists = $('.day').length
+  const taglistMainExists = $('#taglist_main').length
+  const entrylistPosttitleExists = $('.entrylistPosttitle').length
+  const mypostsExists = $('#myposts').length
+
+  if (postDetailExists) {
+    return 'post'
+  } else if (dayExists) {
+    return 'index'
+  } else if (taglistMainExists || mypostsExists) {
+    return 'tag'
+  } else if (entrylistPosttitleExists) {
+    return 'list'
+  }
+  return undefined
+}
+
+/**
+ * 判断编辑器类型是否为 md
+ * @returns {boolean} 编辑器类型是否为 md
+ */
+export function isMd() {
+  return $('#cnblogs_post_body').hasClass('cnblogs-markdown')
+}
+
+// TODO
+/**
+ * 判断编辑器类型是否为 tinymce 5
+ */
+export function isTinymce5() {}
+
+/**
+ * 判断文章内容是否存在标题
+ * @returns {boolean} 文章内容是否存在标题
+ */
+export function hasPostTitle() {
+  return Boolean(
+    $(
+      '#cnblogs_post_body>h1,#cnblogs_post_body>h2,#cnblogs_post_body>h3,#cnblogs_post_body>h4',
+    ).length,
+  )
+}
+
+/**
+ * 推荐博文
+ * 博客园过滤机制禁止调用 `windown.votePost`
+ * https://group.cnblogs.com/topic/115024.html
+ */
+export function likePost() {
+  // const id = window.location.href.match(/p\/(\S*).html/)[1]
+  // window.votePost(parseInt(id), 'Digg')
+  $('.diggit').trigger('click')
+}
+
+/**
+ * 获取用户信息
+ * 仅当用户代码放到页脚 HTML 中才有效
+ * @returns {Promise} 表示用户信息的 Promise 对象
+ */
+export function getUserInfo() {
+  return new Promise((resolve) => {
+    $(document).ajaxComplete((_, xhr, settings) => {
+      if (settings.url === 'https://account.cnblogs.com/user/userinfo') {
+        resolve($.parseJSON(xhr.responseText))
+      }
+    })
+  })
+}
+
+/**
+ * 获取消息数
+ * @returns {(string|undefined)} 消息数
+ */
+export function getMessageCount() {
+  return $('#msg_count').text()
+}
+
+/**
+ * 获取随笔数量
+ * @returns {string} 随笔数量
+ */
+export function getPostCount() {
+  return $('#stats_post_count').text().trim().replace(/\D/g, '')
+}
+
+/**
+ * 获取文章数量
+ * @returns {string} 文章数量
+ */
+export function getArticleCount() {
+  return $('#stats_article_count').text().trim().replace(/\D/g, '')
+}
+
+/**
+ * 获取评论数量
+ * @returns {string} 评论数量
+ */
+export function getCommentCount() {
+  return $('#stats-comment_count').text().trim().replace(/\D/g, '')
+}
+
+/**
+ * 获取博客访问总量
+ * @returns {string} 博客访问总量
+ */
+export function getViewCount() {
+  return $('#stats-total-view-count>span').text().trim()
+}

package/src/utils/helpers.js

@@ -0,0 +1,418 @@
+/**
+ * 将字符串复制到剪贴板
+ */
+export function copyToClipboard(str) {
+  return navigator.clipboard.writeText(str)
+}
+
+/**
+ * 监听 DOM 变化
+ */
+export function createMutationObserve(selector, callback) {
+  const observer = new MutationObserver(() => {
+    callback().then(() => {
+      observer.disconnect()
+    })
+  })
+  observer.observe(selector, {
+    attributes: true,
+    childList: true,
+    subtree: true,
+  })
+}
+
+/**
+ * HTML 反转义
+ */
+export function HTMLDecode(str) {
+  return $('<textarea/>').html(str).text()
+}
+
+/**
+ * 插入 css
+ */
+export function insertStyle(style) {
+  const styleElement = document.createElement('style')
+  styleElement.innerHTML = style
+  document.head.appendChild(styleElement)
+}
+
+/**
+ * 监听鼠标滚轮
+ * @param {Function} upCallback 向上滚动回调
+ * @param {Function} downCallback 向下滚动回调
+ */
+export function mousewheel(upCallback, downCallback) {
+  if (!downCallback) {
+    downCallback = upCallback
+  }
+  const removeListener = () => {
+    $(document).unbind('mousewheel DOMMouseScroll')
+  }
+  const up = () => {
+    upCallback()
+    removeListener()
+  }
+  const down = () => {
+    upCallback()
+    removeListener()
+  }
+  $(document).on('mousewheel DOMMouseScroll', (e) => {
+    // e.preventDefault()
+    const wheel = e.originalEvent.wheelDelta || -e.originalEvent.detail
+    const delta = Math.max(-1, Math.min(1, wheel))
+    delta < 0 ? up() : down()
+  })
+}
+
+/**
+ * 获取季节
+ */
+export function getQuarter() {
+  const month = new Date().getMonth()
+  if (month < 3) {
+    return 'Spring'
+  } else if (month < 6) {
+    return 'Summer'
+  } else if (month < 9) {
+    return 'Autumn'
+  } else if (month < 12) {
+    return 'Winter'
+  }
+}
+
+/**
+ * 获取英文月份
+ * @returns {string} 英文月份单词
+ */
+export function getMonth() {
+  const monthsInEng = [
+    'Jan',
+    'Feb',
+    'March',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sept',
+    'Oct',
+    'Nov',
+    'Dec',
+  ]
+  const month = new Date().getMonth()
+  return monthsInEng[month]
+}
+
+/**
+ * 判断元素是否在视口范围内
+ * @param {object} el - DOM selector
+ * @returns {boolean} 元素是否在视口范围内
+ */
+export function isElementInViewport(el) {
+  const rect = el.getBoundingClientRect()
+  return (
+    rect.top >= 0 &&
+    rect.left >= 0 &&
+    rect.bottom <=
+      (window.innerHeight || document.documentElement.clientHeight) &&
+    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+  )
+}
+
+/**
+ * 创建 link 标签
+ * @param {string} href - css 链接
+ */
+export function loadLink(href) {
+  $('head').append('<link>')
+  const link = $('head').children(':last')
+  link.attr({
+    rel: 'stylesheet',
+    type: 'text/css',
+    href,
+  })
+}
+
+/**
+ * 判断当前是否为夜间
+ * @returns {boolean} 是否为夜间
+ */
+export function isNight() {
+  const nowHour = new Date().getHours()
+  const isNight = nowHour > 19 || nowHour <= 5
+  return isNight
+}
+
+/**
+ * 支持颜色的控制台打印函数
+ * @param {string} str - 要打印的字符串
+ * @param {string} color - 打印颜色
+ */
+export function prettyLog(str, color = '#ffb3cc') {
+  // eslint-disable-next-line no-console
+  console.log(`%c  ${str}`, `color: ${color}; font-weight: bold;`)
+}
+
+/**
+ * 获取今天的日期，格式： yyyy-MM-dd
+ * @returns {string} 今天的日期
+ */
+export function getDate() {
+  const time = new Date()
+  const year = time.getFullYear()
+  const month = `0${time.getMonth() + 1}`.slice(-2)
+  const day = `0${time.getDate()}`.slice(-2)
+  // const hour = ('0' + time.getHours()).slice(-2)
+  // const minute = ('0' + time.getMinutes()).slice(-2)
+  // const second = ('0' + time.getSeconds()).slice(-2)
+  const today = `${year}-${month}-${day}`
+  return today
+}
+
+/**
+ * 获取数组中随机元素
+ * @param {Array} arr - 任意数组
+ * @param {number} count - 要获取的随机元素的数量
+ * @returns {any} 可能是数组中的任意指定数量的元素
+ */
+export function randomArrayElements(arr, count = 1) {
+  const shuffled = arr.slice(0)
+  let i = arr.length
+  const min = i - count
+  let temp
+  let index
+  while (i-- > min) {
+    index = Math.floor((i + 1) * Math.random())
+    temp = shuffled[index]
+    shuffled[index] = shuffled[i]
+    shuffled[i] = temp
+  }
+  return shuffled.slice(min)
+}
+
+/**
+ * sleep
+ */
+export async function sleep(time) {
+  return new Promise((res) => setTimeout(res, time))
+}
+
+/**
+ * 获取一个随机图片 url
+ * @returns {string} 随机图片 url
+ */
+export function randomImgUrl() {
+  const animeImages = 'https://api.mz-moe.cn/img'
+  const random = Math.floor(Math.random() * 950)
+  const url = `${animeImages}/img${random}.jpg`
+  return url
+}
+
+/**
+ * 滚动穿透处理
+ * @param {boolean} show - 蒙层是否已经显示
+ */
+export function unpass(show) {
+  if (show) {
+    const body = document.body
+    body.style.position = ''
+    const top = body.style.top
+
+    document.body.scrollTop = document.documentElement.scrollTop =
+      -Number.parseInt(top, 10)
+    body.style.top = ''
+  } else {
+    const scrollTop =
+      document.body.scrollTop || document.documentElement.scrollTop
+    document.body.style.cssText += `position:fixed;width:100%;top:-${scrollTop}px;`
+  }
+}
+
+/**
+ * 轮询
+ */
+export function poll(conditionFn, callback) {
+  if (conditionFn()) {
+    const res = callback()
+    if (typeof res === 'boolean' || typeof res === 'string') {
+      return res
+    }
+    return true
+  }
+  let count = 1
+  const intervalId = setInterval(() => {
+    if (conditionFn()) {
+      const res = callback()
+      if (typeof res === 'boolean' || typeof res === 'string') {
+        return res
+      }
+      clearInterval(intervalId)
+      return true
+    }
+    if (count === 50) {
+      clearInterval(intervalId)
+      return false
+    }
+    count++
+  }, 500)
+}
+
+/**
+ * 加载 script
+ * @param {string} url - script 链接
+ * @param {Function} callback - 加载成功后要执行的回调函数
+ */
+export function loadScript(url, callback = () => {}) {
+  $.ajax({
+    type: 'GET',
+    dataType: 'script',
+    cache: true,
+    url,
+    success() {
+      callback()
+    },
+  })
+}
+
+export function debounce(func, wait, immediate) {
+  let timeout
+  return function (...args) {
+    const later = () => {
+      timeout = null
+      if (!immediate) {
+        func.apply(this, args)
+      }
+    }
+    const callNow = immediate && !timeout
+    clearTimeout(timeout)
+    timeout = setTimeout(later, wait)
+    if (callNow) {
+      func.apply(this, args)
+    }
+  }
+}
+
+export function throttle(func, wait, mustRun) {
+  let timeout
+  let startTime = new Date()
+
+  return function (...args) {
+    const curTime = new Date()
+
+    clearTimeout(timeout)
+
+    if (curTime - startTime >= mustRun) {
+      func.apply(this, args)
+      startTime = curTime
+    } else {
+      timeout = setTimeout(() => func.apply(this, args), wait)
+    }
+  }
+}
+
+/**
+ * 获取对象的随机属性
+ * @param {object} obj - JS 对象
+ * @returns 对象的随机属性
+ */
+export function randomProperty(obj) {
+  let result
+  let count = 0
+  for (const prop in obj) {
+    if (Math.random() < 1 / ++count) {
+      result = prop
+    }
+  }
+  return result
+}
+
+/**
+ * 获取随机颜色
+ * @param {string} type - 返回的颜色值类型 "rgba" | "16"
+ * @returns 随机颜色值
+ */
+export function randomColor(type) {
+  let res = ''
+  if (type === 'rgba') {
+    const r = Math.floor(Math.random() * 256)
+    const g = Math.floor(Math.random() * 256)
+    const b = Math.floor(Math.random() * 256)
+    const a = 0.6
+    res = `rgba(${r},${g},${b},${a})`
+  } else if (type === '16') {
+    res = `#${Math.floor(Math.random() * 0xffffff).toString(16)}`
+  } else {
+    const colors = type || [
+      '#FE0302',
+      '#FF7204',
+      '#FFAA02',
+      '#FFD302',
+      '#FFFF00',
+      '#A0EE00',
+      '#00CD00',
+      '#019899',
+      '#4266BE',
+      '#89D5FF',
+      '#CC0273',
+      '#CC0273',
+    ]
+    const random = Math.floor(Math.random() * colors.length)
+    res = colors[random]
+  }
+  return res
+}
+
+/**
+ * 获取元素相对与浏览器视口的位置
+ * @param {object} el - DOM 对象
+ * @returns {object} "top", "bottom", "left", "right", "height", "width"
+ */
+export function getClientRect(el) {
+  const { top, bottom, left, right, height, width } = el.getBoundingClientRect()
+  return {
+    top,
+    bottom,
+    left,
+    right,
+    height: height || bottom - top,
+    width: width || right - left,
+  }
+}
+
+/**
+ * 生成随机数
+ * @param {number} max - 最大值
+ * @param {number} min - 最小值
+ * @returns 介于最大值与最小值闭区间的随机数
+ */
+export function randomNum(max, min) {
+  Number.parseInt(Math.random() * (max - min + 1) + min, 10)
+  return Math.floor(Math.random() * (max - min + 1) + min)
+}
+
+/**
+ * 返回用户设备类型
+ * @returns {string} 'pc' | 'phone'
+ */
+export function userAgent() {
+  const width = $(window).width()
+  return width > 768 ? 'pc' : 'phone'
+}
+
+/**
+ * 判断当前设备是否为手机
+ * @returns {boolean} 当前设备是否为手机
+ */
+export function isPhone() {
+  const width = $(window).width()
+  return width <= 768
+}
+
+/**
+ * 判断字符串是否为 http 网址
+ * @returns {boolean} 是否为 http 网址
+ */
+export function isUrl(string) {
+  return /http/.test(string)
+}

package/src/utils/shared.js

@@ -0,0 +1,2 @@
+export const isFunction = (val) => typeof val === 'function'
+export const extend = Object.assign