artalk 2.7.0 → 2.7.2

package/src/api/page.ts

@@ -1,83 +0,0 @@
-import type { PageData, CommentData } from '~/types'
-import ApiBase from './_base'
-
-/**
- * 页面 API
- */
-export default class PageApi extends ApiBase {
-  /** 页面 · 获取 */
-  public async pageGet(siteName?: string, offset?: number, limit?: number) {
-    const params: any = {
-      site_name: siteName || '',
-      offset: offset || 0,
-      limit: limit || 15,
-    }
-
-    const d = await this.POST<any>('/admin/page-get', params)
-    return (d as { pages: PageData[], total: number })
-  }
-
-  /** 页面 · 修改 */
-  public async pageEdit(data: PageData) {
-    const params: any = {
-      id: data.id,
-      key: data.key,
-      title: data.title,
-      admin_only: data.admin_only,
-      site_name: data.site_name || this.options.siteName,
-    }
-
-    const d = await this.POST<any>('/admin/page-edit', params)
-    return (d.page as PageData)
-  }
-
-  /** 页面 · 删除 */
-  public pageDel(pageKey: string, siteName?: string) {
-    const params: any = {
-      key: String(pageKey),
-      site_name: siteName || '',
-    }
-
-    return this.POST('/admin/page-del', params)
-  }
-
-  /** 页面 · 数据更新 */
-  public async pageFetch(id?: number, siteName?: string, getStatus?: boolean) {
-    const params: any = {}
-    if (id) params.id = id
-    if (siteName) params.site_name = siteName
-    if (getStatus) params.get_status = getStatus
-
-    const d = await this.POST<any>('/admin/page-fetch', params)
-    return (d as any)
-  }
-
-  /** PV */
-  public async pv() {
-    const params: any = {
-      page_key: this.options.pageKey || '',
-      page_title: this.options.pageTitle || ''
-    }
-
-    const p = await this.POST<any>('/pv', params)
-    return p.pv as number
-  }
-
-  /** 统计 */
-  public async stat(
-    type: 'latest_comments'|'latest_pages'|'pv_most_pages'|'comment_most_pages'|
-          'page_pv'|'site_pv'|'page_comment'|'site_comment',
-    pageKeys?: string|string[],
-    limit?: number
-  ) {
-    const params: any = {
-      type,
-    }
-
-    if (pageKeys) params.page_keys = Array.isArray(pageKeys) ? pageKeys.join(',') : pageKeys
-    if (limit) params.limit = limit
-
-    const data = await this.POST<PageData[]|CommentData[]|object|number>(`/stat`, params)
-    return data
-  }
-}

package/src/api/site.ts

@@ -1,51 +0,0 @@
-import type { SiteData } from '~/types'
-import ApiBase from './_base'
-
-/**
- * 站点 API
- */
-export default class SiteApi extends ApiBase {
-  /** 站点 · 获取 */
-  public async siteGet() {
-    const params: any = {}
-
-    const d = await this.POST<any>('/admin/site-get', params)
-    return (d.sites as SiteData[])
-  }
-
-  /** 站点 · 创建 */
-  public async siteAdd(name: string, urls: string) {
-    const params: any = {
-      name, urls,
-      site_name: '' // 全局保留字段，当前站点名
-    }
-
-    const d = await this.POST<any>('/admin/site-add', params)
-    return (d.site as SiteData)
-  }
-
-  /** 站点 · 修改 */
-  public async siteEdit(data: SiteData) {
-    const params: any = {
-      id: data.id,
-      name: data.name || '',
-      urls: data.urls || '',
-    }
-
-    const d = await this.POST<any>('/admin/site-edit', params)
-    return (d.site as SiteData)
-  }
-
-  /** 站点 · 删除 */
-  public siteDel(id: number, delContent = false) {
-    const params: any = { id, del_content: delContent }
-
-    return this.POST('/admin/site-del', params)
-  }
-
-  /** 导出 */
-  public async export() {
-    const d = await this.Fetch(`/admin/export`, { method: 'POST' }, 0)
-    return (d.data?.data || '' as string)
-  }
-}

package/src/api/system.ts

@@ -1,49 +0,0 @@
-import type { ArtalkConfig } from '~/types'
-import ApiBase from './_base'
-
-interface ApiVersionInfo {
-  app: string
-  version: string
-  commit_hash: string
-}
-
-interface SystemConfResp {
-  frontend_conf: Partial<ArtalkConfig>
-  version: ApiVersionInfo
-}
-
-/**
- * 系统 API
- */
-export default class SystemApi extends ApiBase {
-  /** 获取配置 */
-  public async conf(): Promise<SystemConfResp> {
-    const data = await this.POST<any>(`/conf`)
-
-    return {
-      frontend_conf: data.frontend_conf,
-      version: data.version,
-    }
-  }
-
-  /** 获取配置数据 */
-  public async getSettings() {
-    const data = await this.POST<{custom: string, template: string}>('/admin/setting-get')
-    return data
-  }
-
-  /** 保存配置数据 */
-  public async saveSettings(yamlStr: string) {
-    const data = await this.POST<boolean>('/admin/setting-save', {
-      data: yamlStr,
-    })
-    return data
-  }
-
-  /** 获取 API 版本信息 */
-  public async version() {
-    const resp = await fetch(`${this.options.baseURL}/version`, { method: 'POST' })
-    const data = await resp.json()
-    return data as { app: string, version: string, commit_hash: string, fe_min_version: string }
-  }
-}

package/src/api/upload.ts

@@ -1,28 +0,0 @@
-import { ToFormData } from './_request'
-import ApiBase from './_base'
-import User from '../lib/user'
-
-/**
- * 上传 API
- */
-export default class UploadApi extends ApiBase {
-  /** 图片上传 */
-  public async imgUpload(file: File) {
-    const params: any = {
-      name: User.data.nick,
-      email: User.data.email,
-      page_key: this.options.pageKey,
-    }
-
-    const form = ToFormData(params)
-    form.set('file', file)
-
-    const init: RequestInit = {
-      method: 'POST',
-      body: form
-    }
-
-    const json = await this.Fetch('/img-upload', init)
-    return ((json.data || {}) as any) as { img_file: string, img_url: string }
-  }
-}

package/src/api/user.ts

@@ -1,132 +0,0 @@
-import type { UserData, NotifyData, UserDataForAdmin } from '~/types'
-import ApiBase from './_base'
-import { ToFormData } from './_request'
-import User from '../lib/user'
-
-/**
- * 用户 API
- */
-export default class UserApi extends ApiBase {
-  /** 用户 · 登录 */
-  public async login(name: string, email: string, password: string) {
-    const params: any = {
-      name, email, password
-    }
-
-    const data = await this.POST<any>('/login', params)
-    return data as { token: string, user: UserData }
-  }
-
-  /** 用户 · 获取  */
-  public userGet(name: string, email: string) {
-    const ctrl = new AbortController()
-    const params: any = {
-      name, email
-    }
-
-    const req = this.Fetch(`/user-get`, {
-      method: 'POST',
-      body: ToFormData(params),
-      signal: ctrl.signal,
-    }).then((json) => ({
-      user: json.data.user as UserData|null,
-      is_login: json.data.is_login as boolean,
-      unread: (json.data.unread || []) as NotifyData[],
-      unread_count: json.data.unread_count || 0,
-    }))
-
-    return {
-      req,
-      abort: () => { ctrl.abort() },
-    }
-  }
-
-  /** 用户 · 登录状态 */
-  public async loginStatus() {
-    const data = await this.POST<any>('/login-status', {
-      name: User.data.nick,
-      email: User.data.email
-    })
-    return (data || { is_login: false, is_admin: false }) as { is_login: boolean, is_admin: boolean }
-  }
-
-  /** 用户 · 注销 */
-  public async logout() {
-    return this.POST('/logout')
-  }
-
-  /** 已读标记 */
-  public markRead(commentID: number, notifyKey: string, readAll = false) {
-    const params: any = {
-      comment_id: commentID,
-      notify_key: notifyKey,
-    }
-
-    if (readAll) {
-      delete params.comment_id
-      delete params.notify_key
-      params.read_all = true
-      params.name = User.data.nick
-      params.email = User.data.email
-    }
-
-    return this.POST(`/mark-read`, params)
-  }
-
-  /** 用户 · 列表 */
-  public async userList(offset?: number, limit?: number, type?: 'all'|'admin'|'in_conf') {
-    const params: any = {
-      offset: offset || 0,
-      limit: limit || 15,
-    }
-
-    if (type) params.type = type
-
-    const d = await this.POST<any>('/admin/user-get', params)
-    return (d as { users: UserDataForAdmin[], total: number })
-  }
-
-  /** 用户 · 新增 */
-  public async userAdd(user: Partial<UserDataForAdmin>, password?: string) {
-    const params: any = {
-      name: user.name || '',
-      email: user.email || '',
-      password: password || '',
-      link: user.link || '',
-      is_admin: user.is_admin || false,
-      site_names: user.site_names_raw || '',
-      receive_email: user.receive_email || true,
-      badge_name: user.badge_name || '',
-      badge_color: user.badge_color || '',
-    }
-
-    const d = await this.POST<any>('/admin/user-add', params)
-    return (d.user as UserDataForAdmin)
-  }
-
-  /** 用户 · 修改 */
-  public async userEdit(user: Partial<UserDataForAdmin>, password?: string) {
-    const params: any = {
-      id: user.id,
-      name: user.name || '',
-      email: user.email || '',
-      password: password || '',
-      link: user.link || '',
-      is_admin: user.is_admin || false,
-      site_names: user.site_names_raw || '',
-      receive_email: user.receive_email || true,
-      badge_name: user.badge_name || '',
-      badge_color: user.badge_color || '',
-    }
-
-    const d = await this.POST<any>('/admin/user-edit', params)
-    return (d.user as UserDataForAdmin)
-  }
-
-  /** 用户 · 删除 */
-  public userDel(userID: number) {
-    return this.POST('/admin/user-del', {
-      id: String(userID)
-    })
-  }
-}

package/src/artalk.ts

@@ -1,119 +0,0 @@
-import './style/main.scss'
-
-import type { ArtalkConfig, EventPayloadMap, ArtalkPlugin, ContextApi } from '~/types'
-import type { EventHandler } from './lib/event-manager'
-import ConcreteContext from './context'
-import defaults from './defaults'
-import { handelCustomConf, convertApiOptions } from './config'
-import Services from './service'
-import { DefaultPlugins } from './plugins'
-import * as Stat from './plugins/stat'
-import Api from './api'
-
-/** Global Plugins for all instances */
-const GlobalPlugins: ArtalkPlugin[] = [ ...DefaultPlugins ]
-
-/**
- * Artalk
- *
- * @see https://artalk.js.org
- */
-export default class Artalk {
-  public conf!: ArtalkConfig
-  public ctx!: ContextApi
-  public $root!: HTMLElement
-
-  /** Plugins */
-  protected plugins: ArtalkPlugin[] = [ ...GlobalPlugins ]
-
-  constructor(conf: Partial<ArtalkConfig>) {
-    // Init Config
-    this.conf = handelCustomConf(conf)
-    if (this.conf.el instanceof HTMLElement) this.$root = this.conf.el
-
-    // Init Context
-    this.ctx = new ConcreteContext(this.conf, this.$root)
-
-    // Init Services
-    Object.entries(Services).forEach(([name, initService]) => {
-      const obj = initService(this.ctx)
-      if (obj) this.ctx.inject(name as any, obj) // auto inject deps to ctx
-    })
-
-    // Init Plugins
-    this.plugins.forEach(plugin => {
-      if (typeof plugin === 'function') plugin(this.ctx)
-    })
-
-    // Trigger inited event
-    this.ctx.trigger('inited')
-  }
-
-  /** Update config of Artalk */
-  public update(conf: Partial<ArtalkConfig>) {
-    this.ctx.updateConf(conf)
-    return this
-  }
-
-  /** Reload comment list of Artalk */
-  public reload() {
-    this.ctx.reload()
-  }
-
-  /** Destroy instance of Artalk */
-  public destroy() {
-    this.ctx.trigger('destroy')
-    this.$root.remove()
-  }
-
-  /** Add an event listener */
-  public on<K extends keyof EventPayloadMap>(name: K, handler: EventHandler<EventPayloadMap[K]>) {
-    this.ctx.on(name, handler)
-  }
-
-  /** Remove an event listener */
-  public off<K extends keyof EventPayloadMap>(name: K, handler: EventHandler<EventPayloadMap[K]>) {
-    this.ctx.off(name, handler)
-  }
-
-  /** Trigger an event */
-  public trigger<K extends keyof EventPayloadMap>(name: K, payload?: EventPayloadMap[K]) {
-    this.ctx.trigger(name, payload)
-  }
-
-  /** Set dark mode */
-  public setDarkMode(darkMode: boolean) {
-    this.ctx.setDarkMode(darkMode)
-  }
-
-  // ===========================
-  //       Static Members
-  // ===========================
-
-  /** Default Configs */
-  public static readonly defaults: ArtalkConfig = defaults
-
-  /** Init Artalk */
-  public static init(conf: Partial<ArtalkConfig>): Artalk {
-    return new Artalk(conf)
-  }
-
-  /** Use plugin, the plugin will be used when Artalk.init */
-  public static use(plugin: ArtalkPlugin) {
-    if (GlobalPlugins.includes(plugin)) return
-    GlobalPlugins.push(plugin)
-  }
-
-  /** Load count widget */
-  public static loadCountWidget(c: Partial<ArtalkConfig>) {
-    const conf = handelCustomConf(c)
-
-    Stat.initCountWidget({
-      getApi: () => new Api(convertApiOptions(conf)),
-      pageKey: conf.pageKey,
-      countEl: conf.countEl,
-      pvEl: conf.pvEl,
-      pvAdd: false
-    })
-  }
-}

package/src/comment/actions.ts

@@ -1,83 +0,0 @@
-import type Comment from './comment'
-import ActionBtn from '../components/action-btn'
-
-export default class CommentActions {
-  private comment: Comment
-
-  private get ctx() { return this.comment.ctx }
-  private get data() { return this.comment.getData() }
-  private get cConf() { return this.comment.getConf() }
-
-  public constructor(comment: Comment) {
-    this.comment = comment
-  }
-
-  /** 投票操作 */
-  public vote(type: 'up'|'down') {
-    const actionBtn = (type === 'up') ? this.comment.getRender().voteBtnUp : this.comment.getRender().voteBtnDown
-
-    this.ctx.getApi().comment.vote(this.data.id, `comment_${type}`)
-    .then((v) => {
-      this.data.vote_up = v.up
-      this.data.vote_down = v.down
-      this.comment.getRender().voteBtnUp?.updateText()
-      this.comment.getRender().voteBtnDown?.updateText()
-    })
-    .catch((err) => {
-      actionBtn?.setError(this.ctx.$t('voteFail'))
-      console.log(err)
-    })
-  }
-
-  /** 管理员 - 评论状态修改 */
-  public adminEdit(type: 'collapsed'|'pending'|'pinned', btnElem: ActionBtn) {
-    if (btnElem.isLoading) return // 若正在修改中
-
-    btnElem.setLoading(true, `${this.ctx.$t('editing')}...`)
-
-    // 克隆并修改当前数据
-    const modify = { ...this.data }
-    if (type === 'collapsed') {
-      modify.is_collapsed = !modify.is_collapsed
-    } else if (type === 'pending') {
-      modify.is_pending = !modify.is_pending
-    } else if (type === 'pinned') {
-      modify.is_pinned = !modify.is_pinned
-    }
-
-    this.ctx.getApi().comment.commentEdit(modify).then((data) => {
-      btnElem.setLoading(false)
-
-      // 刷新当前 Comment UI
-      this.comment.setData(data)
-    }).catch((err) => {
-      console.error(err)
-      btnElem.setError(this.ctx.$t('editFail'))
-    })
-  }
-
-  /** 管理员 - 评论删除 */
-  public adminDelete(btnElem: ActionBtn) {
-    if (btnElem.isLoading) return // 若正在删除中
-
-    btnElem.setLoading(true, `${this.ctx.$t('deleting')}...`)
-    this.ctx.getApi().comment.commentDel(this.data.id, this.data.site_name)
-      .then(() => {
-        btnElem.setLoading(false)
-        if (this.cConf.onDelete) this.cConf.onDelete(this.comment)
-      })
-      .catch((e) => {
-        console.error(e)
-        btnElem.setError(this.ctx.$t('deleteFail'))
-      })
-  }
-
-  /** 快速跳转到该评论 */
-  public goToReplyComment() {
-    const origHash = window.location.hash
-    const modifyHash = `#atk-comment-${this.data.rid}`
-
-    window.location.hash = modifyHash
-    if (modifyHash === origHash) window.dispatchEvent(new Event('hashchange')) // 强制触发事件
-  }
-}

package/src/comment/comment.html

@@ -1,18 +0,0 @@
-<div class="atk-comment-wrap">
-  <div class="atk-comment">
-    <div class="atk-avatar"></div>
-    <div class="atk-main">
-      <div class="atk-header">
-        <span class="atk-item atk-nick"></span>
-        <span class="atk-badge-wrap"></span>
-        <span class="atk-item atk-date"></span>
-      </div>
-      <div class="atk-body">
-        <div class="atk-content"></div>
-      </div>
-      <div class="atk-footer">
-        <div class="atk-actions"></div>
-      </div>
-    </div>
-  </div>
-</div>