artalk 2.7.1 → 2.7.2

package/src/i18n/zh-TW.ts

@@ -1,86 +0,0 @@
-import { defineLocaleExternal } from './external'
-
-export default defineLocaleExternal('zh-TW', {
-  /* Editor */
-  placeholder: '鍵入內容...',
-  noComment: '「此時無聲勝有聲」',
-  send: '發送評論',
-  save: '保存評論',
-  nick: '昵稱',
-  email: '郵箱',
-  link: '網址',
-  emoticon: '表情',
-  preview: '預覽',
-  image: '圖片',
-  uploadFail: '上傳失敗',
-  commentFail: '評論失敗',
-  restoredMsg: '內容已自動恢復',
-  onlyAdminCanReply: '僅管理員可評論',
-  uploadLoginMsg: '填入你的名字郵箱才能上傳哦',
-
-  /* List */
-  counter: '{count} 條評論',
-  sortLatest: '最新',
-  sortOldest: '最早',
-  sortBest: '最熱',
-  sortAuthor: '作者',
-  openComment: '打開評論',
-  closeComment: '關閉評論',
-  listLoadFailMsg: '無法獲取評論列表數據',
-  listRetry: '點擊重新獲取',
-  loadMore: '加載更多',
-
-  /* Comment */
-  admin: '管理員',
-  reply: '回覆',
-  voteUp: '贊同',
-  voteDown: '反對',
-  voteFail: '投票失敗',
-  readMore: '閱讀更多',
-  actionConfirm: '確認操作',
-  collapse: '摺疊',
-  collapsed: '已摺疊',
-  collapsedMsg: '該評論已被系統或管理員摺疊',
-  expand: '展開',
-  approved: '已審',
-  pending: '待審',
-  pendingMsg: '審核中，僅本人可見。',
-  edit: '編輯',
-  editCancel: '取消編輯',
-  delete: '刪除',
-  deleteConfirm: '確認刪除',
-  pin: '置頂',
-  unpin: '取消置頂',
-
-  /* Time */
-  seconds: '秒前',
-  minutes: '分鐘前',
-  hours: '小時前',
-  days: '天前',
-  now: '剛剛',
-
-  /* Checker */
-  adminCheck: '鍵入密碼來驗證管理員身份：',
-  captchaCheck: '鍵入驗證碼繼續：',
-  confirm: '確認',
-  cancel: '取消',
-
-  /* Sidebar */
-  msgCenter: '通知中心',
-  ctrlCenter: '控制中心',
-
-  /* General */
-  frontend: '前端',
-  backend: '後端',
-  loading: '加載中',
-  loadFail: '加載失敗',
-  editing: '修改中',
-  editFail: '修改失敗',
-  deleting: '刪除中',
-  deleteFail: '刪除失敗',
-  reqGot: '請求響應',
-  reqAborted: '請求超時或意外終止',
-  updateMsg: '請更新 Artalk {name} 以獲得完整體驗',
-  currentVersion: '當前版本',
-  ignore: '忽略',
-})

package/src/layer/index.ts

@@ -1,4 +0,0 @@
-export * from './layer'
-export * from './wrap'
-export * from './scrollbar-helper'
-export * from './layer-manager'

package/src/layer/layer-manager.ts

@@ -1,32 +0,0 @@
-import type { ContextApi } from '~/types'
-import { getScrollbarHelper } from './scrollbar-helper'
-import { LayerWrap } from './wrap'
-import { Layer } from './layer'
-
-export class LayerManager {
-  private wrap: LayerWrap
-  private ctx: ContextApi
-
-  constructor(ctx: ContextApi) {
-    this.ctx = ctx
-
-    this.wrap = new LayerWrap()
-    document.body.appendChild(this.wrap.getWrap())
-
-    ctx.on('destroy', () => {
-      this.wrap.getWrap().remove()
-    })
-
-    // 记录页面原始 CSS 属性
-    getScrollbarHelper().init()
-  }
-
-  getEl() {
-    return this.wrap.getWrap()
-  }
-
-  create(name: string, el?: HTMLElement | undefined) {
-    const layer = new Layer(this.wrap, name, el)
-    return layer
-  }
-}

package/src/layer/layer.ts

@@ -1,39 +0,0 @@
-import type { LayerWrap } from './wrap'
-
-export class Layer {
-  private $el: HTMLElement
-  private wrap: LayerWrap
-  private onAfterHide?: () => void
-
-  constructor(wrap: LayerWrap, name: string, el?: HTMLElement) {
-    this.wrap = wrap
-    this.$el = this.wrap.createItem(name, el)
-  }
-
-  setOnAfterHide(func: () => void) {
-    this.onAfterHide = func
-  }
-
-  getEl() {
-    return this.$el
-  }
-
-  show() {
-    this.$el.style.display = ''
-    this.wrap.show()
-  }
-
-  hide() {
-    this.wrap.hide(() => {
-      this.$el.style.display = 'none'
-      this.onAfterHide && this.onAfterHide()
-    })
-  }
-
-  destroy() {
-    this.wrap.hide(() => {
-      this.$el.remove()
-      this.onAfterHide && this.onAfterHide()
-    })
-  }
-}

package/src/layer/scrollbar-helper.ts

@@ -1,24 +0,0 @@
-import * as Ui from '@/lib/ui'
-
-let bodyOrgOverflow: string
-let bodyOrgPaddingRight: string
-
-export function getScrollbarHelper() {
-  return {
-    init() {
-      bodyOrgOverflow = document.body.style.overflow
-      bodyOrgPaddingRight = document.body.style.paddingRight
-    },
-
-    unlock() {
-      document.body.style.overflow = bodyOrgOverflow
-      document.body.style.paddingRight = bodyOrgPaddingRight
-    },
-
-    lock() {
-      document.body.style.overflow = 'hidden'
-      const barPaddingRight = parseInt(window.getComputedStyle(document.body, null).getPropertyValue('padding-right'), 10)
-      document.body.style.paddingRight = `${Ui.getScrollBarWidth() + barPaddingRight || 0}px`
-    }
-  }
-}

package/src/layer/sidebar-layer.html

@@ -1,8 +0,0 @@
-<div class="atk-sidebar-layer">
-  <div class="atk-sidebar-inner">
-    <div class="atk-sidebar-header">
-      <div class="atk-sidebar-close"><i class="atk-icon atk-icon-close"></i></div>
-    </div>
-    <div class="atk-sidebar-iframe-wrap"></div>
-  </div>
-</div>

package/src/layer/sidebar-layer.ts

@@ -1,155 +0,0 @@
-import type { ContextApi, SidebarShowPayload } from '~/types'
-import Component from '@/lib/component'
-import * as Utils from '@/lib/utils'
-import * as Ui from '@/lib/ui'
-import SidebarHTML from './sidebar-layer.html?raw'
-import User from '../lib/user'
-import type { Layer } from './layer'
-
-export default class SidebarLayer extends Component {
-  public layer?: Layer
-  public $header: HTMLElement
-  public $closeBtn: HTMLElement
-  public $iframeWrap: HTMLElement
-  public $iframe?: HTMLIFrameElement
-
-  constructor(ctx: ContextApi) {
-    super(ctx)
-
-    this.$el = Utils.createElement(SidebarHTML)
-    this.$header = this.$el.querySelector('.atk-sidebar-header')!
-    this.$closeBtn = this.$header.querySelector('.atk-sidebar-close')!
-    this.$iframeWrap = this.$el.querySelector('.atk-sidebar-iframe-wrap')!
-
-    this.$closeBtn.onclick = () => {
-      this.hide()
-    }
-
-    // event
-    this.ctx.on('user-changed', () => { this.firstShow = true })
-  }
-
-  private firstShow = true
-
-  /** 显示 */
-  public async show(conf: SidebarShowPayload = {}) {
-    this.$el.style.transform = '' // 动画清除，防止二次打开失效
-
-    // 获取 Layer
-    this.initLayer()
-    this.layer!.show()
-
-    // 管理员身份验证 (若身份失效，弹出验证窗口)
-    this.authCheck({
-      onSuccess: () => this.show(conf) // retry show after auth check
-    })
-
-    // 第一次加载
-    if (this.firstShow) {
-      this.$iframeWrap.innerHTML = ''
-      this.$iframe = this.createIframe(conf.view)
-      this.$iframeWrap.append(this.$iframe)
-      this.firstShow = false
-    } else {
-      const $iframe = this.$iframe!
-
-      // 夜间模式
-      const isIframeSrcDarkMode = $iframe.src.includes('darkMode=1')
-
-      if (this.conf.darkMode && !isIframeSrcDarkMode)
-        this.iframeLoad($iframe, `${this.$iframe!.src}&darkMode=1`)
-
-      if (!this.conf.darkMode && isIframeSrcDarkMode)
-        this.iframeLoad($iframe, this.$iframe!.src.replace('&darkMode=1', ''))
-    }
-
-    // 执行滑动显示动画
-    setTimeout(() => {
-      this.$el.style.transform = 'translate(0, 0)'
-    }, 100)
-
-    // 清空 unread
-    setTimeout(() => {
-      this.ctx.getData().updateUnreads([])
-    }, 0)
-
-    this.ctx.trigger('sidebar-show')
-  }
-
-  /** 隐藏 */
-  public hide() {
-    // 执行动画
-    this.$el.style.transform = ''
-
-    this.layer?.hide()
-
-    this.ctx.trigger('sidebar-hide')
-  }
-
-  // --------------------------------------------------
-
-  private async authCheck(opts: { onSuccess: () => void }) {
-    const resp = await this.ctx.getApi().user.loginStatus()
-    if (resp.is_admin && !resp.is_login) {
-      this.firstShow = true
-
-      this.ctx.checkAdmin({
-        onSuccess: () => {
-          setTimeout(() => {
-            opts.onSuccess()
-          }, 500)
-        },
-        onCancel: () => {
-          this.hide()
-        }
-      })
-    }
-  }
-
-  private initLayer() {
-    if (this.layer) return
-
-    this.layer = this.ctx.get('layerManager').create('sidebar', this.$el)
-    this.layer.setOnAfterHide(() => {
-      // 防止评论框被吞
-      this.ctx.editorResetState()
-    })
-  }
-
-  private createIframe(view?: string) {
-    const $iframe = Utils.createElement<HTMLIFrameElement>('<iframe></iframe>')
-
-    // 准备 Iframe 参数
-    const baseURL = (import.meta.env.DEV)  ? 'http://localhost:23367/'
-      : Utils.getURLBasedOnApi({
-        base: this.ctx.conf.server,
-        path: '/sidebar/',
-      })
-
-    const query: any = {
-      pageKey: this.conf.pageKey,
-      site: this.conf.site || '',
-      user: JSON.stringify(User.data),
-      time: +new Date()
-    }
-
-    if (view) query.view = view
-    if (this.conf.darkMode) query.darkMode = '1'
-    if (typeof this.conf.locale === 'string') query.locale = this.conf.locale
-
-    const urlParams = new URLSearchParams(query);
-    this.iframeLoad($iframe, `${baseURL}?${urlParams.toString()}`)
-
-    return $iframe
-  }
-
-  private iframeLoad($iframe: HTMLIFrameElement, src: string) {
-    $iframe.src = src
-
-    // 加载动画
-    Ui.showLoading(this.$iframeWrap)
-    $iframe.onload = () => {
-      Ui.hideLoading(this.$iframeWrap)
-    }
-  }
-}

package/src/layer/wrap.ts

@@ -1,77 +0,0 @@
-import * as Utils from '@/lib/utils'
-import { getScrollbarHelper } from './scrollbar-helper'
-
-export class LayerWrap {
-  private $wrap: HTMLElement
-  private $mask: HTMLElement
-  private allowMaskClose: boolean = true
-  private items: HTMLElement[] = []
-
-  constructor() {
-    this.$wrap = Utils.createElement(
-      `<div class="atk-layer-wrap" style="display: none;"><div class="atk-layer-mask"></div></div>`
-    )
-    this.$mask = this.$wrap.querySelector<HTMLElement>('.atk-layer-mask')!
-  }
-
-  createItem(name: string, el?: HTMLElement) {
-    if (!el) {
-      el = document.createElement('div')
-      el.classList.add('atk-layer-item')
-      el.setAttribute('data-layer-name', name)
-      el.style.display = 'none'
-    }
-    this.$wrap.appendChild(el)
-    this.items.push(el)
-    return el
-  }
-
-  getWrap() {
-    return this.$wrap
-  }
-
-  getMask() {
-    return this.$mask
-  }
-
-  setMaskClose(enabled: boolean) {
-    this.allowMaskClose = enabled
-  }
-
-  show() {
-    this.$wrap.style.display = 'block'
-    this.$mask.style.display = 'block'
-    this.$mask.classList.add('atk-fade-in')
-    this.$mask.onclick = () => {
-      if (this.allowMaskClose) this.hide()
-    }
-    getScrollbarHelper().lock()
-  }
-
-  hide(callback?: () => void) {
-    // if wrap contains more than one item, do not hide entire wrap
-    if (this.items.filter(e => e.isConnected && e.style.display !== 'none').length > 1) {
-      callback && callback()
-      return
-    }
-
-    const onAfterHide = () => {
-      this.$wrap.style.display = 'none'
-      this.$wrap.classList.remove('atk-fade-out')
-
-      callback && callback()
-
-      getScrollbarHelper().unlock()
-
-      this.$wrap.onanimationend = null
-    }
-
-    // perform animation
-    this.$wrap.classList.add('atk-fade-out')
-    if (window.getComputedStyle(this.$wrap)['animation-name'] !== 'none') {
-      this.$wrap.onanimationend = () => onAfterHide()
-    } else {
-      onAfterHide()
-    }
-  }
-}

package/src/lib/component.ts

@@ -1,12 +0,0 @@
-import type { ArtalkConfig, ContextApi } from '~/types'
-
-export default abstract class Component {
-  public $el!: HTMLElement
-  public readonly conf: ArtalkConfig
-
-  public constructor(
-    public ctx: ContextApi
-  ) {
-    this.conf = ctx.conf
-  }
-}

package/src/lib/detect.ts

@@ -1,222 +0,0 @@
-const win = (window as any) || {}
-const nav = navigator || {}
-
-function Detect(userAgent?: string) {
-  const u = String(userAgent || nav.userAgent)
-  const dest = {
-    os: '',
-    osVersion: '',
-    engine: '',
-    browser: '',
-    device: '',
-    language: '',
-    version: ''
-  }
-
-  // 内核
-  const engineMatch = {
-    Trident: u.includes('Trident') || u.includes('NET CLR'),
-    Presto: u.includes('Presto'),
-    WebKit: u.includes('AppleWebKit'),
-    Gecko: u.includes('Gecko/')
-  }
-
-  // 浏览器
-  const browserMatch = {
-    Safari: u.includes('Safari'),
-    Chrome: u.includes('Chrome') || u.includes('CriOS'),
-    IE: u.includes('MSIE') || u.includes('Trident'),
-    Edge: u.includes('Edge') || u.includes('Edg'),
-    Firefox: u.includes('Firefox') || u.includes('FxiOS'),
-    'Firefox Focus': u.includes('Focus'),
-    Chromium: u.includes('Chromium'),
-    Opera: u.includes('Opera') || u.includes('OPR'),
-    Vivaldi: u.includes('Vivaldi'),
-    Yandex: u.includes('YaBrowser'),
-    Kindle: u.includes('Kindle') || u.includes('Silk/'),
-    360: u.includes('360EE') || u.includes('360SE'),
-    UC: u.includes('UC') || u.includes(' UBrowser'),
-    QQBrowser: u.includes('QQBrowser'),
-    QQ: u.includes('QQ/'),
-    Baidu: u.includes('Baidu') || u.includes('BIDUBrowser'),
-    Maxthon: u.includes('Maxthon'),
-    Sogou: u.includes('MetaSr') || u.includes('Sogou'),
-    LBBROWSER: u.includes('LBBROWSER'),
-    '2345Explorer': u.includes('2345Explorer'),
-    TheWorld: u.includes('TheWorld'),
-    MIUI: u.includes('MiuiBrowser'),
-    Quark: u.includes('Quark'),
-    Qiyu: u.includes('Qiyu'),
-    Wechat: u.includes('MicroMessenger'),
-    Taobao: u.includes('AliApp(TB'),
-    Alipay: u.includes('AliApp(AP'),
-    Weibo: u.includes('Weibo'),
-    Douban: u.includes('com.douban.frodo'),
-    Suning: u.includes('SNEBUY-APP'),
-    iQiYi: u.includes('IqiyiApp'),
-  }
-
-  // 系统或平台
-  const osMatch = {
-    Windows: u.includes('Windows'),
-    Linux: u.includes('Linux') || u.includes('X11'),
-    'macOS': u.includes('Macintosh'),
-    Android: u.includes('Android') || u.includes('Adr'),
-    Ubuntu: u.includes('Ubuntu'),
-    FreeBSD: u.includes('FreeBSD'),
-    Debian: u.includes('Debian'),
-    'Windows Phone': u.includes('IEMobile') || u.includes('Windows Phone'),
-    BlackBerry: u.includes('BlackBerry') || u.includes('RIM'),
-    MeeGo: u.includes('MeeGo'),
-    Symbian: u.includes('Symbian'),
-    iOS: u.includes('like Mac OS X'),
-    'Chrome OS': u.includes('CrOS'),
-    WebOS: u.includes('hpwOS'),
-  }
-
-  // 设备
-  const deviceMatch = {
-    Mobile: u.includes('Mobi') || u.includes('iPh') || u.includes('480'),
-    Tablet: u.includes('Tablet') || u.includes('Pad') || u.includes('Nexus 7')
-  }
-
-  // 修正
-  if (deviceMatch.Mobile) {
-    deviceMatch.Mobile = !(u.includes('iPad'))
-  } else if (browserMatch.Chrome && u.includes('Edg')) {
-    // Chrome 内核的 Edge
-    browserMatch.Chrome = false
-    browserMatch.Edge = true
-  } else if (win.showModalDialog && win.chrome) {
-    browserMatch.Chrome = false
-    browserMatch['360'] = true
-  }
-
-  // 默认设备
-  dest.device = 'PC'
-
-  // 语言
-  dest.language = (() => {
-    const g = ((nav as any).browserLanguage || nav.language)
-    const arr = g.split('-')
-    if (arr[1]) arr[1] = arr[1].toUpperCase()
-    return arr.join('_')
-  })()
-
-  // 应用判断数据
-  const hash = {
-    engine: engineMatch,
-    browser: browserMatch,
-    os: osMatch,
-    device: deviceMatch,
-  }
-  Object.entries(hash).forEach(([type, match]) => {
-    Object.entries(match).forEach(([name, result]) => {
-      if (result === true) dest[type] = name
-    })
-  })
-
-  // 系统版本信息
-  const osVersion = {
-    Windows: () => {
-      const v = u.replace(/^.*Windows NT ([\d.]+);.*$/, '$1')
-      const wvHash = {
-        '6.4': '10',
-        '6.3': '8.1',
-        '6.2': '8',
-        '6.1': '7',
-        '6.0': 'Vista',
-        '5.2': 'XP',
-        '5.1': 'XP',
-        '5.0': '2000',
-        '10.0': '10',
-        '11.0': '11' // 自定的，不是微软官方的判断方法
-      }
-      return wvHash[v] || v
-    },
-    Android: () => u.replace(/^.*Android ([\d.]+);.*$/, '$1'),
-    iOS: () => u.replace(/^.*OS ([\d_]+) like.*$/, '$1').replace(/_/g, '.'),
-    Debian: () => u.replace(/^.*Debian\/([\d.]+).*$/, '$1'),
-    'Windows Phone': () => u.replace(/^.*Windows Phone( OS)? ([\d.]+);.*$/, '$2'),
-    'macOS': () => u.replace(/^.*Mac OS X ([\d_]+).*$/, '$1').replace(/_/g, '.'),
-    WebOS: () => u.replace(/^.*hpwOS\/([\d.]+);.*$/, '$1')
-  }
-
-  dest.osVersion = ''
-  if (osVersion[dest.os]) {
-    dest.osVersion = osVersion[dest.os]()
-    if (dest.osVersion === u) {
-      dest.osVersion = ''
-    }
-  }
-
-  // 浏览器版本信息
-  const version = {
-    Safari: () => u.replace(/^.*Version\/([\d.]+).*$/, '$1'),
-    Chrome: () => u.replace(/^.*Chrome\/([\d.]+).*$/, '$1').replace(/^.*CriOS\/([\d.]+).*$/, '$1'),
-    IE: () => u.replace(/^.*MSIE ([\d.]+).*$/, '$1').replace(/^.*rv:([\d.]+).*$/, '$1'),
-    Edge: () => u.replace(/^.*(Edge|Edg|Edg[A-Z]{1})\/([\d.]+).*$/, '$2'),
-    Firefox: () => u.replace(/^.*Firefox\/([\d.]+).*$/, '$1').replace(/^.*FxiOS\/([\d.]+).*$/, '$1'),
-    'Firefox Focus': () => u.replace(/^.*Focus\/([\d.]+).*$/, '$1'),
-    Chromium: () => u.replace(/^.*Chromium\/([\d.]+).*$/, '$1'),
-    Opera: () => u.replace(/^.*Opera\/([\d.]+).*$/, '$1').replace(/^.*OPR\/([\d.]+).*$/, '$1'),
-    Vivaldi: () => u.replace(/^.*Vivaldi\/([\d.]+).*$/, '$1'),
-    Yandex: () => u.replace(/^.*YaBrowser\/([\d.]+).*$/, '$1'),
-    Kindle: () => u.replace(/^.*Version\/([\d.]+).*$/, '$1'),
-    Maxthon: () => u.replace(/^.*Maxthon\/([\d.]+).*$/, '$1'),
-    QQBrowser: () => u.replace(/^.*QQBrowser\/([\d.]+).*$/, '$1'),
-    QQ: () => u.replace(/^.*QQ\/([\d.]+).*$/, '$1'),
-    Baidu: () => u.replace(/^.*BIDUBrowser[\s/]([\d.]+).*$/, '$1'),
-    UC: () => u.replace(/^.*UC?Browser\/([\d.]+).*$/, '$1'),
-    Sogou: () => u.replace(/^.*SE ([\d.X]+).*$/, '$1').replace(/^.*SogouMobileBrowser\/([\d.]+).*$/, '$1'),
-    '2345Explorer': () => u.replace(/^.*2345Explorer\/([\d.]+).*$/, '$1'),
-    TheWorld: () => u.replace(/^.*TheWorld ([\d.]+).*$/, '$1'),
-    MIUI: () => u.replace(/^.*MiuiBrowser\/([\d.]+).*$/, '$1'),
-    Quark: () => u.replace(/^.*Quark\/([\d.]+).*$/, '$1'),
-    Qiyu: () => u.replace(/^.*Qiyu\/([\d.]+).*$/, '$1'),
-    Wechat: () => u.replace(/^.*MicroMessenger\/([\d.]+).*$/, '$1'),
-    Taobao: () => u.replace(/^.*AliApp\(TB\/([\d.]+).*$/, '$1'),
-    Alipay: () => u.replace(/^.*AliApp\(AP\/([\d.]+).*$/, '$1'),
-    Weibo: () => u.replace(/^.*weibo__([\d.]+).*$/, '$1'),
-    Douban: () => u.replace(/^.*com.douban.frodo\/([\d.]+).*$/, '$1'),
-    Suning: () => u.replace(/^.*SNEBUY-APP([\d.]+).*$/, '$1'),
-    iQiYi: () => u.replace(/^.*IqiyiVersion\/([\d.]+).*$/, '$1'),
-  }
-
-  dest.version = ''
-  if (version[dest.browser]) {
-    dest.version = version[dest.browser]()
-    if (dest.version === u) {
-      dest.version = ''
-    }
-  }
-
-  // 简化版本号
-  /* if (_this.osVersion.indexOf('.')) {
-    _this.osVersion = _this.osVersion.substring(0, _this.osVersion.indexOf('.'))
-  } */
-  if (dest.version.indexOf('.')) {
-    dest.version = dest.version.substring(0, dest.version.indexOf('.'))
-  }
-
-  // 修正
-  if (dest.os === 'iOS' && u.includes('iPad')) {
-    dest.os = 'iPadOS'
-  } else if (dest.browser === 'Edge' && !u.includes('Edg')) {
-    dest.engine = 'EdgeHTML'
-  } else if (dest.browser === 'MIUI') {
-    dest.os = 'Android'
-  } else if (dest.browser === 'Chrome' && Number(dest.version) > 27) {
-    dest.engine = 'Blink'
-  } else if (dest.browser === 'Opera' && Number(dest.version) > 12) {
-    dest.engine = 'Blink'
-  } else if (dest.browser === 'Yandex') {
-    dest.engine = 'Blink'
-  } else if (dest.browser === undefined) {
-    dest.browser = 'Unknow App'
-  }
-
-  return dest
-}
-
-export default Detect