artalk 2.1.4 → 2.1.7

package/src/components/item-text-editor.ts

@@ -1,136 +0,0 @@
-import '../style/item-text-editor.less'
-
-import * as Utils from '../lib/utils'
-
-interface ItemTextEditorConf {
-  initValue?: string
-  validator?: (value: string) => boolean
-  onYes?: (value: string) => boolean|void|Promise<boolean|void>
-  onNo?: () => boolean|void|Promise<boolean|void>
-  placeholder?: string
-}
-
-/**
- * 通用列表项目文本编辑器
- */
-export default class ItemTextEditor {
-  private conf: ItemTextEditorConf
-  public $el: HTMLElement
-
-  public $input: HTMLInputElement
-  public $yesBtn: HTMLElement
-  public $noBtn: HTMLElement
-
-  public value: string = ''
-  public allowSubmit = true
-
-  constructor(conf: ItemTextEditorConf) {
-    this.conf = conf
-
-    this.$el = Utils.createElement(
-    `<div class="atk-item-text-editor-layer">
-      <div class="atk-edit-form">
-        <input class="atk-main-input" type="text" placeholder="输入内容..." autocomplete="off" autofocus>
-      </div>
-      <div class="atk-actions">
-        <div class="atk-item atk-yes-btn">
-          <i class="atk-icon atk-icon-yes"></i>
-        </div>
-        <div class="atk-item atk-no-btn">
-          <i class="atk-icon atk-icon-no"></i>
-        </div>
-      </div>
-    </div>`)
-
-    this.$input = this.$el.querySelector('.atk-main-input')!
-    this.$yesBtn = this.$el.querySelector('.atk-yes-btn')!
-    this.$noBtn = this.$el.querySelector('.atk-no-btn')!
-
-    this.$input.value = conf.initValue || ''
-    this.value = conf.initValue || ''
-    if (this.conf.placeholder) this.$input.placeholder = this.conf.placeholder
-
-    this.$input.oninput = () => this.onInput()
-    this.$input.onkeyup = (evt) => {
-      if (evt.key === 'Enter' || evt.keyCode === 13) { // 按下回车键
-        evt.preventDefault()
-        this.submit()
-      }
-    }
-
-    window.setTimeout(() => this.$input.focus(), 80)
-
-    this.$yesBtn.onclick = () => { this.submit() }
-    this.$noBtn.onclick = () => { this.cancel() }
-  }
-
-  public appendTo(parentDOM: HTMLElement) {
-    parentDOM.append(this.$el)
-    return this
-  }
-
-  private onInput() {
-    this.value = this.$input.value
-
-    // 验证器
-    if (this.conf.validator) {
-      const ok = this.conf.validator(this.value)
-      this.setAllowSubmit(ok)
-      if (!ok) {
-        this.$input.classList.add('atk-invalid')
-      } else {
-        this.$input.classList.remove('atk-invalid')
-      }
-    }
-  }
-
-  public setAllowSubmit(allow: boolean) {
-    if (this.allowSubmit === allow) return
-    this.allowSubmit = allow
-    if (!allow) {
-      this.$yesBtn.classList.add('.atk-disabled')
-    } else {
-      this.$yesBtn.classList.remove('.atk-disabled')
-    }
-  }
-
-  public async submit() {
-    if (!this.allowSubmit) return
-
-    if (this.conf.onYes) {
-      let isContinue: any
-      if (this.conf.onYes instanceof (async () => {}).constructor) {
-        isContinue = await this.conf.onYes(this.value)
-      } else {
-        isContinue = this.conf.onYes(this.value)
-      }
-
-      if (isContinue === undefined || isContinue === true) {
-        this.closeEditor()
-      }
-    } else {
-      this.closeEditor()
-    }
-  }
-
-  public async cancel() {
-    if (this.conf.onNo) {
-      let isContinue: any
-      if (this.conf.onNo instanceof (async () => {}).constructor) {
-        isContinue = await this.conf.onNo()
-      } else {
-        isContinue = this.conf.onNo()
-      }
-
-      if (isContinue === undefined || isContinue === true) {
-        this.closeEditor()
-      }
-    } else {
-      this.closeEditor()
-    }
-  }
-
-  public closeEditor() {
-    this.$el.remove()
-  }
-}

package/src/components/sidebar-view.ts

@@ -1,26 +0,0 @@
-import Context from '../context'
-import Component from '../lib/component'
-import * as Utils from '../lib/utils'
-import Comment from './comment'
-
-export default class SidebarView extends Component {
-  static viewName = ''
-  static viewTitle = ''
-  static viewAdminOnly = false
-
-  viewTabs = {}
-  viewActiveTab = ''
-
-  protected $parent: HTMLElement
-
-  constructor(ctx: Context, $parent: HTMLElement) {
-    super(ctx)
-
-    this.$parent = $parent
-    this.$el = Utils.createElement(`<div class="atk-sidebar-view"></div>`)
-  }
-
-  mount(siteName: string) {}
-
-  switchTab(tab: string, siteName: string): boolean|void {}
-}

package/src/components/sidebar-views/comments-view.ts

@@ -1,73 +0,0 @@
-import Context from '../../context'
-import SidebarView from '../sidebar-view'
-import * as Utils from '../../lib/utils'
-import ListLite from '../list-lite'
-
-export default class MessageView extends SidebarView {
-  static viewName = 'comments'
-  static viewTitle = '评论'
-
-  viewTabs: any = {}
-  viewActiveTab = ''
-
-  list!: ListLite
-
-  mount(siteName: string) {
-    // tabs
-    if (this.ctx.user.data.isAdmin) {
-      this.viewTabs = {
-        admin_all: '全部',
-        admin_pending: '待审',
-        all: '个人',
-      }
-      this.viewActiveTab = 'admin_all'
-    } else {
-      this.viewTabs = {
-        mentions: '提及',
-        all: '全部',
-        mine: '我的',
-        pending: '待审',
-      }
-      this.viewActiveTab = 'mentions'
-    }
-
-    this.list = new ListLite(this.ctx)
-    this.list.flatMode = true
-    this.list.unreadHighlight = true
-    this.list.scrollListenerAt = this.$parent
-    this.list.pageMode = 'pagination'
-    this.list.noCommentText = '<div class="atk-sidebar-no-content">无内容</div>'
-    this.list.renderComment = (comment) => {
-      comment.setOpenURL(`${comment.data.page_key}#atk-comment-${comment.data.id}`)
-      comment.onReplyBtnClick = () => {
-        if (this.ctx.conf.editorTravel === true) {
-          this.ctx.trigger('editor-reply', {data: comment.data, $el: comment.$el, scroll: false})
-        } else {
-          this.ctx.trigger('sidebar-hide')
-          this.ctx.trigger('editor-reply', {data: comment.data, $el: comment.$el, scroll: true})
-        }
-      }
-    }
-    this.list.paramsEditor = (params) => {
-      params.site_name = siteName
-    }
-
-    this.$el.innerHTML = ''
-    this.$el.append(this.list.$el)
-
-    this.switchTab(this.viewActiveTab, siteName)
-  }
-
-  switchTab(tab: string, siteName: string): boolean|void {
-    //console.log(tab, siteName)
-    this.viewActiveTab = tab
-    this.list.paramsEditor = (params) => {
-      params.type = tab as any
-      params.site_name = siteName
-    }
-    this.list.fetchComments(0)
-
-    return true
-  }
-}
-

package/src/components/sidebar-views/pages-view.ts

@@ -1,61 +0,0 @@
-import Api from '~/src/api'
-import Context from '../../context'
-import Component from '../../lib/component'
-import * as Utils from '../../lib/utils'
-import * as Ui from '../../lib/ui'
-import PageList from '../admin/page-list'
-import Comment from '../comment'
-import Pagination, { PaginationConf } from '../pagination'
-import SidebarView from '../sidebar-view'
-
-const PAGE_SIZE = 20
-
-export default class PagesView extends SidebarView {
-  static viewName = 'pages'
-  static viewTitle = '页面'
-  static viewAdminOnly = true
-
-  viewTabs = {}
-  viewActiveTab = ''
-
-  pageList!: PageList
-  pagination!: Pagination
-
-  mount(siteName: string) {
-    if (!this.pageList) {
-      this.pageList = new PageList(this.ctx)
-      this.$el.append(this.pageList.$el)
-    }
-
-    this.switchTab(this.viewActiveTab, siteName)
-  }
-
-  switchTab(tab: string, siteName: string): boolean|void {
-    this.reqPages(siteName, 0)
-  }
-
-  async reqPages(siteName: string, offset: number) {
-    this.pageList.clearAll()
-    ;(this.$el.parentNode as any)?.scrollTo(0, 0)
-
-    Ui.showLoading(this.$el)
-
-    const data = await new Api(this.ctx).pageGet(siteName, offset, PAGE_SIZE)
-    this.pageList.importPages(data.pages || [])
-
-    Ui.hideLoading(this.$el)
-
-    if (!this.pagination) {
-      this.pagination = new Pagination(data.total, {
-        pageSize: PAGE_SIZE,
-        onChange: (o: number) => {
-          this.reqPages(siteName, o)
-        }
-      })
-
-      this.$el.append(this.pagination.$el)
-    }
-    if (this.pagination && offset === 0)
-      this.pagination.update(offset, data.total)
-  }
-}

package/src/components/sidebar-views/setting-view.ts

@@ -1,21 +0,0 @@
-import Api from '~/src/api'
-import Context from '../../context'
-import Component from '../../lib/component'
-import * as Utils from '../../lib/utils'
-import SiteList from '../admin/site-list'
-import Comment from '../comment'
-import SidebarView from '../sidebar-view'
-
-export default class SettingView extends SidebarView {
-  static viewName = 'setting'
-  static viewTitle = '配置'
-  static viewAdminOnly = true
-
-  viewTabs = {}
-  viewActiveTab = ''
-
-  mount(siteName: string) {
-  }
-
-  switchTab(tab: string, siteName: string) {}
-}

package/src/components/sidebar-views/sites-view.ts

@@ -1,36 +0,0 @@
-import Api from '~/src/api'
-import Context from '../../context'
-import Component from '../../lib/component'
-import * as Utils from '../../lib/utils'
-import SiteList from '../admin/site-list'
-import Comment from '../comment'
-import SidebarView from '../sidebar-view'
-
-export default class SitesView extends SidebarView {
-  static viewName = 'sites'
-  static viewTitle = '站点'
-  static viewAdminOnly = true
-
-  viewTabs = {}
-  viewActiveTab = ''
-
-  siteList!: SiteList
-
-  mount(siteName: string) {
-    if (!this.siteList) {
-      this.siteList = new SiteList(this.ctx)
-      this.$el.append(this.siteList.$el)
-    }
-
-    this.reqSites()
-  }
-
-  switchTab(tab: string, siteName: string) {
-    this.reqSites()
-  }
-
-  async reqSites() {
-    const sites = await new Api(this.ctx).siteGet()
-    this.siteList.loadSites(sites)
-  }
-}

package/src/components/sidebar-views/transfer-view.ts

@@ -1,218 +0,0 @@
-import Api from '~/src/api'
-import Context from '../../context'
-import Component from '../../lib/component'
-import * as Utils from '../../lib/utils'
-import * as Ui from '../../lib/ui'
-import SiteList from '../admin/site-list'
-import Comment from '../comment'
-import SidebarView from '../sidebar-view'
-
-export default class TransferView extends SidebarView {ß
-  static viewName = 'transfer'
-  static viewTitle = '迁移'
-  static viewAdminOnly = true
-
-  viewTabs = {
-    'import': '导入',
-    'export': '导出',
-  }
-  viewActiveTab = 'import'
-
-  mount(siteName: string) {
-    this.switchTab('import', siteName)
-  }
-
-  switchTab(tab: string, siteName: string) {
-    if (tab === 'import') {
-      this.initImport()
-    } else if (tab === 'export') {
-      // if (window.confirm(`开始导出？`))
-      this.initExport()
-      return false
-    }
-    return true
-  }
-
-  initImport() {
-    this.$el.innerHTML =
-    `<div class="atk-log-wrap" style="display: none;">
-      <div class="atk-log-back-btn">返回</div>
-      <div class="atk-log"></div>
-    </div>
-    <div class="atk-form">
-    <div class="atk-label">数据类型</div>
-    <select name="AtkDataType">
-      <option value="artrans">Artrans (数据行囊)</option>
-      <option value="artalk_v1">Artalk v1 (PHP 旧版)</option>
-      <option value="typecho">Typecho</option>
-      <option value="wordpress">WordPress</option>
-      <option value="disqus">Disqus</option>
-      <option value="commento">Commento</option>
-      <option value="valine">Valine</option>
-      <option value="twikoo">Twikoo</option>
-    </select>
-    <div class="atk-label atk-data-file-label">数据文件</div>
-    <input type="file" name="AtkDataFile" accept="text/plain,.json">
-    <div class="atk-label">目标站点名</div>
-    <input type="text" name="AtkSiteName" placeholder="输入内容..." autocomplete="off">
-    <div class="atk-label">目标站点 URL</div>
-    <input type="text" name="AtkSiteURL" placeholder="输入内容..." autocomplete="off">
-    <div class="atk-label">启动参数（可选）</div>
-    <textarea name="AtkPayload"></textarea>
-    <span class="atk-desc">启动参数查阅：“<a href="https://artalk.js.org/guide/transfer.html" target="_blank">文档 · 数据搬家</a>”</span>
-    <button class="atk-btn" name="AtkSubmit">导入</button>
-    </div>`
-
-    const $form = this.$el.querySelector<HTMLSelectElement>('.atk-form')!
-    const $dataType = $form.querySelector<HTMLSelectElement>('[name="AtkDataType"]')!
-    const $dataFile = $form.querySelector<HTMLInputElement>('[name="AtkDataFile"]')!
-    const $dataFileLabel = $form.querySelector<HTMLInputElement>('.atk-data-file-label')!
-    const $siteName = $form.querySelector<HTMLInputElement>('[name="AtkSiteName"]')!
-    const $siteURL = $form.querySelector<HTMLInputElement>('[name="AtkSiteURL"]')!
-    const $payload = $form.querySelector<HTMLTextAreaElement>('[name="AtkPayload"]')!
-    const $submitBtn = $form.querySelector<HTMLButtonElement>('[name="AtkSubmit"]')!
-    const setError = (msg: string) => window.alert(msg)
-
-    $dataType.onchange = () => {
-      if (['typecho'].includes($dataType.value)) {
-        $dataFile.style.display = 'none'
-        $dataFileLabel.style.display = 'none'
-      } else {
-        $dataFile.style.display = ''
-        $dataFileLabel.style.display = ''
-      }
-    }
-
-    $submitBtn.onclick = () => {
-      const dataType = $dataType.value.trim()
-      const siteName = $siteName.value.trim()
-      const siteURL = $siteURL.value.trim()
-      const payload = $payload.value.trim()
-
-      if (dataType === '') {
-        setError('请选择数据类型')
-        return
-      }
-
-      // 请求 payload 参数制备
-      let rData: any = {}
-      if (payload) {
-        // JSON 格式检验
-        try {
-          rData = JSON.parse(payload)
-        } catch (err) {
-          setError(`Payload JSON 格式有误：${String(err)}`)
-          return
-        }
-
-        if (rData !instanceof Object) {
-          setError(`Payload 需为 JSON 对象`)
-          return
-        }
-      }
-      if (siteName) rData.t_name = siteName
-      if (siteURL) rData.t_url = siteURL
-
-      // 创建导入会话
-      const createSession = (dataStr?: string) => {
-        const $logWrap = this.$el.querySelector<HTMLElement>('.atk-log-wrap')!
-        const $log = $logWrap.querySelector<HTMLElement>('.atk-log')!
-        const $backBtn = this.$el.querySelector<HTMLElement>('.atk-log-back-btn')!
-
-        $logWrap.style.display = ''
-        $form.style.display = 'none'
-
-        $backBtn.onclick = () => {
-          $logWrap.style.display = 'none'
-          $form.style.display = ''
-        }
-
-        if (dataStr) rData.json_data = dataStr
-
-        // 创建 iframe
-        const frameName = `f_${+new Date()}`
-        const $frame = document.createElement('iframe')
-        $frame.className = 'atk-iframe'
-        $frame.name = frameName
-        $log.innerHTML = ''
-        $log.append($frame)
-
-        const formParams: {[k: string]: string} = {
-          type: dataType,
-          payload: JSON.stringify(rData),
-          token: this.ctx.user.data.token || '',
-        }
-
-        // 创建临时表单，初始化 iframe
-        const $formTmp = document.createElement('form')
-        $formTmp.style.display = 'none'
-        $formTmp.setAttribute('method', 'post')
-        $formTmp.setAttribute('action', `${this.ctx.conf.server}/admin/import`)
-        $formTmp.setAttribute("target", frameName)
-
-        Object.entries(formParams).forEach(([key, val]) => {
-          const $inputTmp = document.createElement('input')
-          $inputTmp.setAttribute('type', 'hidden')
-          $inputTmp.setAttribute('name', key)
-          $inputTmp.value = val
-          $formTmp.appendChild($inputTmp)
-        })
-
-        $logWrap.append($formTmp)
-        $formTmp.submit()
-        $formTmp.remove()
-      }
-
-      const reader = new FileReader()
-      reader.onload = () => {
-        const data = String(reader.result)
-        createSession(data)
-      }
-
-      // 是否已选择文件
-      if ($dataFile.files?.length) {
-        // 先读取文件
-        reader.readAsText($dataFile.files[0])
-      } else {
-        // 直接开始会话
-        createSession()
-      }
-    }
-  }
-
-  async initExport() {
-    Ui.showLoading(this.$el)
-
-    try {
-      const d = await new Api(this.ctx).export()
-      this.download(`artrans-${this.getYmdHisFilename()}.json`, d)
-    } catch (err: any) {
-      console.log(err)
-      window.alert(`${String(err)}`)
-      return
-    } finally { Ui.hideLoading(this.$el) }
-  }
-
-  download(filename: string, text: string) {
-    const el = document.createElement('a')
-    el.setAttribute('href', `data:text/json;charset=utf-8,${encodeURIComponent(text)}`);
-    el.setAttribute('download', filename)
-    el.style.display = 'none'
-    document.body.appendChild(el)
-    el.click()
-    document.body.removeChild(el)
-  }
-
-  getYmdHisFilename() {
-    const date = new Date()
-
-    const year = date.getFullYear()
-    const month = date.getMonth() + 1
-    const day = date.getDate()
-    const hours = date.getHours()
-    const minutes = date.getMinutes()
-    const seconds = date.getSeconds()
-
-    return `${year}${month}${day}-${hours}${Utils.padWithZeros(minutes, 2)}${Utils.padWithZeros(seconds, 2)}`
-  }
-}