artalk 2.7.0 → 2.7.2

package/src/defaults.ts

@@ -1,61 +0,0 @@
-import type { ArtalkConfig } from '~/types'
-
-const defaults: ArtalkConfig = {
-  el: '',
-  pageKey: '',
-  pageTitle: '',
-  server: '',
-  site: '',
-
-  placeholder: '',
-  noComment: '',
-  sendBtn: '',
-  darkMode: false,
-  editorTravel: true,
-
-  flatMode: 'auto',
-  nestMax: 2,
-  nestSort: 'DATE_ASC',
-
-  emoticons: "https://cdn.jsdelivr.net/gh/ArtalkJS/Emoticons/grps/default.json",
-
-  vote: true,
-  voteDown: false,
-  uaBadge: true,
-  listSort: true,
-  preview: true,
-  countEl: '#ArtalkCount',
-  pvEl: '#ArtalkPV',
-
-  gravatar: {
-    mirror: 'https://cravatar.cn/avatar/',
-    params: 'd=mp&s=240',
-  },
-
-  pagination: {
-    pageSize: 20,
-    readMore: true,
-    autoLoad: true,
-  },
-
-  heightLimit: {
-    content: 300,
-    children: 400,
-    scrollable: false,
-  },
-
-  imgUpload: true,
-  reqTimeout: 15000,
-  versionCheck: true,
-  useBackendConf: true,
-
-  locale: 'zh-CN',
-}
-
-if (ARTALK_LITE) {
-  defaults.vote = false
-  defaults.uaBadge = false
-  defaults.emoticons = false
-}
-
-export default defaults

package/src/editor/editor.html

@@ -1,18 +0,0 @@
-<div class="atk-main-editor">
-  <div class="atk-header">
-    <input name="nick" class="atk-nick" type="text" required="required">
-    <input name="email" class="atk-email" type="email" required="required">
-    <input name="link" class="atk-link" type="url">
-  </div>
-  <div class="atk-textarea-wrap">
-    <textarea class="atk-textarea"></textarea>
-  </div>
-  <div class="atk-plug-panel-wrap" style="display: none;"></div>
-  <div class="atk-bottom">
-    <div class="atk-item atk-plug-btn-wrap"></div>
-    <div class="atk-item">
-      <button type="button" class="atk-send-btn"></button>
-    </div>
-  </div>
-  <div class="atk-notify-wrap"></div>
-</div>

package/src/editor/editor.ts

@@ -1,114 +0,0 @@
-import type { CommentData, ContextApi, EditorApi } from '~/types'
-import Component from '../lib/component'
-import * as Ui from '../lib/ui'
-import marked from '../lib/marked'
-import { render, EditorUI } from './ui'
-import EditorStateManager from './state'
-
-class Editor extends Component implements EditorApi {
-  private ui: EditorUI
-  private state: EditorStateManager
-
-  getUI() { return this.ui }
-  getPlugs() { return this.ctx.get('editorPlugs') }
-  getState() { return this.state.get() }
-
-  constructor(ctx: ContextApi) {
-    super(ctx)
-
-    // init editor ui
-    this.ui = render()
-    this.$el = this.ui.$el
-
-    // init state manager
-    this.state = new EditorStateManager(this)
-  }
-
-  getHeaderInputEls() {
-    return { nick: this.ui.$nick, email: this.ui.$email, link: this.ui.$link }
-  }
-
-  getContentFinal() {
-    let content = this.getContentRaw()
-
-    // plug hook: final content transformer
-    const plugs = this.getPlugs()
-    if (plugs) content = plugs.getTransformedContent(content)
-
-    return content
-  }
-
-  getContentRaw() {
-    return this.ui.$textarea.value || ''
-  }
-
-  getContentMarked() {
-    return marked(this.getContentFinal())
-  }
-
-  setContent(val: string) {
-    this.ui.$textarea.value = val
-
-    // plug hook: content updated
-    this.getPlugs()?.getEvents().trigger('content-updated', val)
-  }
-
-  insertContent(val: string) {
-    if ((document as any).selection) {
-      this.ui.$textarea.focus();
-      (document as any).selection.createRange().text = val
-      this.ui.$textarea.focus()
-    } else if (this.ui.$textarea.selectionStart || this.ui.$textarea.selectionStart === 0) {
-      const sStart = this.ui.$textarea.selectionStart
-      const sEnd = this.ui.$textarea.selectionEnd
-      const sT = this.ui.$textarea.scrollTop
-      this.setContent(this.ui.$textarea.value.substring(0, sStart) + val + this.ui.$textarea.value.substring(sEnd, this.ui.$textarea.value.length))
-      this.ui.$textarea.focus()
-      this.ui.$textarea.selectionStart = sStart + val.length
-      this.ui.$textarea.selectionEnd = sStart + val.length
-      this.ui.$textarea.scrollTop = sT
-    } else {
-      this.ui.$textarea.focus()
-      this.ui.$textarea.value += val
-    }
-  }
-
-  focus() {
-    this.ui.$textarea.focus()
-  }
-
-  reset() {
-    this.setContent('')
-    this.resetState()
-  }
-
-  resetState() {
-    this.state.switch('normal')
-  }
-
-  setReply(comment: CommentData, $comment: HTMLElement) {
-    this.state.switch('reply', { comment, $comment })
-  }
-
-  setEditComment(comment: CommentData, $comment: HTMLElement) {
-    this.state.switch('edit', { comment, $comment })
-  }
-
-  showNotify(msg: string, type: any) {
-    Ui.showNotify(this.ui.$notifyWrap, msg, type)
-  }
-
-  showLoading() {
-    Ui.showLoading(this.ui.$el)
-  }
-
-  hideLoading() {
-    Ui.hideLoading(this.ui.$el)
-  }
-
-  submit() {
-    this.ctx.trigger('editor-submit')
-  }
-}
-
-export default Editor

package/src/editor/state.ts

@@ -1,52 +0,0 @@
-import type { EditorState, CommentData } from '~/types'
-import * as Ui from '@/lib/ui'
-import type Editor from './editor'
-import Mover from '../plugins/editor/mover'
-
-export default class EditorStateManager {
-  constructor(private editor: Editor) {}
-
-  private stateCurt: EditorState = 'normal'
-  private stateUnmountFn: (() => void)|null = null
-
-  /** Get current state */
-  get() {
-    return this.stateCurt
-  }
-
-  /**
-   * Switch editor state
-   *
-   * @param state The state to switch
-   * @param payload The cause of state switch
-   */
-  switch(state: EditorState, payload?: { $comment: HTMLElement, comment: CommentData }) {
-    // trigger unmount
-    if (this.stateUnmountFn) {
-      this.stateUnmountFn()
-      this.stateUnmountFn = null
-
-      // move editor back to the initial position
-      this.editor.getPlugs()?.get(Mover)?.back()
-    }
-
-    // invoke effect function and save unmount function
-    if (state !== 'normal' && payload) {
-      // move editor position
-      let moveAfterEl = payload.$comment
-      if (!this.editor.conf.flatMode) moveAfterEl = moveAfterEl.querySelector<HTMLElement>('.atk-footer')!
-      this.editor.getPlugs()?.get(Mover)?.move(moveAfterEl)
-
-      const $relative = this.editor.ctx.conf.scrollRelativeTo && this.editor.ctx.conf.scrollRelativeTo()
-      Ui.scrollIntoView(this.editor.getUI().$el, true, $relative)
-
-      const plugin = this.editor.getPlugs()?.getPlugs().find(p => p.editorStateEffectWhen === state)
-      if (plugin && plugin.editorStateEffect) {
-        this.stateUnmountFn = plugin.editorStateEffect(payload.comment)
-      }
-    }
-
-    // change current state
-    this.stateCurt = state
-  }
-}

package/src/editor/ui.ts

@@ -1,36 +0,0 @@
-import * as Utils from '../lib/utils'
-import EditorHTML from './editor.html?raw'
-
-const Sel = {
-  $header: '.atk-header',
-  $nick: '.atk-header [name="nick"]',
-  $email: '.atk-header [name="email"]',
-  $link: '.atk-header [name="link"]',
-  $textareaWrap: '.atk-textarea-wrap',
-  $textarea: '.atk-textarea',
-  $bottom: '.atk-bottom',
-  $submitBtn: '.atk-send-btn',
-  $notifyWrap: '.atk-notify-wrap',
-  $plugBtnWrap: '.atk-plug-btn-wrap',
-  $plugPanelWrap: '.atk-plug-panel-wrap',
-}
-
-export interface EditorUI extends Record<keyof typeof Sel, HTMLElement> {
-  $el: HTMLElement
-  $nick: HTMLInputElement
-  $email: HTMLInputElement
-  $link: HTMLInputElement
-  $textarea: HTMLTextAreaElement
-  $submitBtn: HTMLButtonElement
-  $sendReply?: HTMLElement
-  $editCancelBtn?: HTMLElement
-}
-
-export function render() {
-  const $el = Utils.createElement(EditorHTML)
-  const ui = { $el }
-  Object.entries(Sel).forEach(([k, sel]) => {
-    ui[k] = $el.querySelector(sel)
-  })
-  return ui as EditorUI
-}

package/src/i18n/en.ts

@@ -1,81 +0,0 @@
-export default {
-  /* Editor */
-  placeholder: 'Leave a comment',
-  noComment: 'No Comment',
-  send: 'Send',
-  save: 'Save',
-  nick: 'Nickname',
-  email: 'Email',
-  link: 'Website',
-  emoticon: 'Emoji',
-  preview: 'Preview',
-  image: 'Image',
-  uploadFail: 'Upload Failed',
-  commentFail: 'Failed to comment',
-  restoredMsg: 'Content has been restored',
-  onlyAdminCanReply: 'Only admin can reply',
-  uploadLoginMsg: 'Please fill in your name and email to upload',
-
-  /* List */
-  counter: '{count} Comments',
-  sortLatest: 'Latest',
-  sortOldest: 'Oldest',
-  sortBest: 'Best',
-  sortAuthor: 'Author',
-  openComment: 'Open Comment',
-  closeComment: 'Close Comment',
-  listLoadFailMsg: 'Failed to load comments',
-  listRetry: 'Click to retry',
-  loadMore: 'Load More',
-
-  /* Comment */
-  admin: 'Admin',
-  reply: 'Reply',
-  voteUp: 'Up',
-  voteDown: 'Down',
-  voteFail: 'Vote Failed',
-  readMore: 'Read More',
-  actionConfirm: 'Confirm',
-  collapse: 'Collapse',
-  collapsed: 'Collapsed',
-  collapsedMsg: 'This comment has been collapsed',
-  expand: 'Expand',
-  approved: 'Approved',
-  pending: 'Pending',
-  pendingMsg: 'Pending, visible only to commenter.',
-  edit: 'Edit',
-  editCancel: 'Cancel Edit',
-  delete: 'Delete',
-  deleteConfirm: 'Confirm',
-  pin: 'Pin',
-  unpin: 'Unpin',
-
-  /* Time */
-  seconds: 'seconds ago',
-  minutes: 'minutes ago',
-  hours: 'hours ago',
-  days: 'days ago',
-  now: 'just now',
-
-  /* Checker */
-  adminCheck: 'Enter admin password:',
-  captchaCheck: 'Enter the CAPTCHA to continue:',
-  confirm: 'Confirm',
-  cancel: 'Cancel',
-
-  /* Sidebar */
-  msgCenter: 'Messages',
-  ctrlCenter: 'Admin',
-
-  /* General */
-  frontend: 'Frontend',
-  backend: 'Backend',
-  loading: 'Loading',
-  loadFail: 'Load Failed',
-  editing: 'Editing',
-  editFail: 'Edit Failed',
-  deleting: 'Deleting',
-  deleteFail: 'Delete Failed',
-  reqGot: 'Request got',
-  reqAborted: 'Request timed out or terminated unexpectedly',
-}

package/src/i18n/external.ts

@@ -1,10 +0,0 @@
-import type { I18n } from '.'
-
-export const GLOBAL_LOCALES_KEY = "ArtalkI18n"
-
-export function defineLocaleExternal(lang: string, locale: I18n, aliases?: string[]) {
-  if (!window[GLOBAL_LOCALES_KEY]) window[GLOBAL_LOCALES_KEY] = {}
-  window[GLOBAL_LOCALES_KEY][lang] = locale
-  if (aliases) aliases.forEach(l => { window[GLOBAL_LOCALES_KEY][l] = locale })
-  return locale
-}

package/src/i18n/index.ts

@@ -1,67 +0,0 @@
-import en from './en'
-import zhCN from './zh-CN'
-import { GLOBAL_LOCALES_KEY } from './external'
-
-export type I18n = typeof en
-export type I18nKeys = keyof I18n
-
-// @note the key of language is followed by `ISO 639`
-// https://en.wikipedia.org/wiki/ISO_639
-// https://datatracker.ietf.org/doc/html/rfc5646#section-2.1
-export const internal = {
-  'en': en,
-  'en-US': en,
-  'zh-CN': zhCN,
-}
-
-/**
- * find a locale object by language name
- */
-export function findLocaleSet(lang: string): I18n {
-  // normalize a key of language to `ISO 639`
-  lang = lang.replace(
-    /^([a-zA-Z]+)(-[a-zA-Z]+)?$/,
-    (_, p1: string, p2: string) => (p1.toLowerCase() + (p2 || '').toUpperCase())
-  )
-
-  // internal finding
-  if (internal[lang]) {
-    return internal[lang]
-  }
-
-  // external finding
-  if (window[GLOBAL_LOCALES_KEY] && window[GLOBAL_LOCALES_KEY][lang]) {
-    return window[GLOBAL_LOCALES_KEY][lang]
-  }
-
-  // case when not found:
-  // use `en` by default
-  return internal.en
-}
-
-/**
- * System locale setting
- */
-let LocaleConf: I18n|string = 'en'
-let LocaleDict: I18n = findLocaleSet(LocaleConf) // en by default
-
-/**
- * Set system locale
- */
-export function setLocale(locale: I18n|string) {
-  if (locale === LocaleConf) return
-  LocaleConf = locale
-  LocaleDict = (typeof locale === 'string') ? findLocaleSet(locale) : locale
-}
-
-/**
- * Get an i18n message by key
- */
-export function t(key: I18nKeys, args: {[key: string]: string} = {}) {
-  let str = LocaleDict?.[key] || key
-  str = str.replace(/\{\s*(\w+?)\s*\}/g, (_, token) => args[token] || '')
-
-  return str
-}
-
-export default t

package/src/i18n/jp.ts

@@ -1,83 +0,0 @@
-import { defineLocaleExternal } from './external'
-
-export default defineLocaleExternal('jp', {
-  /* エディタ */
-  placeholder: 'コメントを残す',
-  noComment: 'コメントなし',
-  send: '送信',
-  save: '保存',
-  nick: 'ニックネーム',
-  email: 'メール',
-  link: 'ウェブサイト',
-  emoticon: '絵文字',
-  preview: 'プレビュー',
-  image: '画像',
-  uploadFail: 'アップロードに失敗しました',
-  commentFail: 'コメントに失敗しました',
-  restoredMsg: 'コンテンツが復元されました',
-  onlyAdminCanReply: '管理者のみが返信できます',
-  uploadLoginMsg: 'アップロードするには、名前とメールアドレスを入力してください',
-
-  /* リスト */
-  counter: '{count} コメント',
-  sortLatest: '最新のもの',
-  sortOldest: '最も古い',
-  sortBest: 'ベスト',
-  sortAuthor: '著者',
-  openComment: 'コメントを開く',
-  closeComment: 'コメントを閉じる',
-  listLoadFailMsg: 'コメントの読み込みに失敗しました',
-  listRetry: 'クリックで再試行',
-  loadMore: 'もっと読み込む',
-
-  /* コメント */
-  admin: '管理者',
-  reply: '返信',
-  voteUp: 'アップ',
-  voteDown: 'ダウン',
-  voteFail: '投票に失敗しました',
-  readMore: '続きを読む',
-  actionConfirm: '確認',
-  collapse: '折りたたむ',
-  collapsed: '折りたたまれた',
-  collapsedMsg: 'このコメントは折りたたまれました',
-  expand: '展開',
-  approved: '承認されました',
-  pending: '保留中',
-  pendingMsg: '保留中、コメント投稿者にのみ表示されます',
-  edit: '編集',
-  editCancel: '編集をキャンセル',
-  delete: '削除',
-  deleteConfirm: '確認',
-  pin: 'ピン',
-  unpin: 'ピン外し',
-
-  /* 時間 */
-  seconds: '秒前',
-  minutes: '分前',
-  hours: '時間前',
-  days: '数日前',
-  now: 'たった今',
-
-  /* チェッカー */
-  adminCheck: '管理者パスワードを入力してください:',
-  captchaCheck: '続けるにはCAPTCHAを入力してください:',
-  confirm: '確認',
-  cancel: '取消',
-
-  /* サイドバー */
-  msgCenter: 'メッセージ',
-  ctrlCenter: 'コンソール',
-
-  /* 一般 */
-  frontend: 'フロントエンド',
-  backend: 'バックエンド',
-  loading: '読み込み中',
-  loadFail: '読み込みに失敗しました',
-  editing: '編集中',
-  editFail: '編集に失敗しました',
-  deleting: '削除中',
-  deleteFail: '削除に失敗しました',
-  reqGot: 'リクエストを取得しました',
-  reqAborted: 'リクエストがタイムアウトしたか、予期せず終了した',
-}, ['jp-JP'])

package/src/i18n/zh-CN.ts

@@ -1,85 +0,0 @@
-import type { I18n } from '.'
-
-const zhCN: I18n = {
-  /* 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: '请求超时或意外终止',
-}
-
-export default zhCN

package/src/i18n/zh-TW.ts

@@ -1,83 +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: '請求超時或意外終止',
-})