artalk 2.0.4 → 2.1.1

package/dist/types/artalk-config.d.ts

@@ -1,79 +0,0 @@
-export interface ArtalkConfig {
-  /**
-   * 装载元素
-   */
-  el: string
-
-  /**
-   * 评论框占位字符
-   */
-  placeholder?: string
-
-  /**
-   * 评论为空时显示字符
-   */
-  noComment?: string
-
-  /**
-   * 发送按钮文字
-   */
-  sendBtn?: string
-
-  /**
-   * 默认头像（URL or Gravatar Type）
-   */
-  defaultAvatar?: string
-
-  /**
-   * 页面唯一标识
-   */
-  pageKey: string
-
-  /**
-   * 页面可访问链接
-   */
-  pageUrl?: string
-
-  /**
-   * 页面标题
-   */
-  pageTitle?: string
-
-  /**
-   * 服务器地址
-   */
-  server: string
- 
-  /**
-   * 站点名
-   */
-  site?: string
-
-  /**
-   * 表情包
-   */
-  emoticons?: object|any
-
-  /**
-   * 头像
-   */
-  gravatar?: {
-    /** CDN 地址 */
-    cdn?: string
-  }
-
-  /**
-   * 查看更多配置
-   */
-  readMore?: {
-    /** 每次请求获取数量 */
-    pageSize?: number
-    /** 滚动到底部自动加载 */
-    autoLoad?: boolean
-  }
-
-  /**
-   * 暗黑模式
-   */
-  darkMode?: boolean
-}

package/dist/types/artalk-data.d.ts

@@ -1,153 +0,0 @@
-export interface CommentData {
-  /** 评论 ID */
-  id: number
-
-  /** 评论正文 */
-  content: string
-
-  /** 用户昵称 */
-  nick: string
-
-  /** 用户邮箱（已加密） */
-  email_encrypted: string
-
-  /** 用户链接 */
-  link: string
-
-  /** 回复目标评论 ID */
-  rid: number
-
-  /** User Agent */
-  ua: string
-
-  /** 评论日期 */
-  date: string
-
-  /** 是否折叠 */
-  is_collapsed?: boolean
-
-  /** 是否待审 */
-  is_pending?: boolean
-
-  /** 是否为管理员 */
-  is_admin?: boolean
-
-  /** 徽章文字 */
-  badge_name?: string
-
-  /** 徽章颜色 */
-  badge_color?: string
-
-  /** 是否允许回复 */
-  is_allow_reply?: boolean
-
-  /** 评论页面 key */
-  page_key: string
-
-  /** 评论页面 url */
-  page_url?: string
-
-  /** 评论页面 title */
-  page_title?: string
-
-  /** 是否可见 */
-  visible: boolean
-
-  /** 站点名（用于隔离） */
-  site_name: string
-
-  /** 赞同数 */
-  vote_up: number
-
-  /** 反对数 */
-  vote_down: number
-}
-
-export interface ListData {
-  /** 评论数据 */
-  comments: CommentData[]
-
-  /** 父级评论总数 */
-  total_parents: number
-
-  /** 评论总数（包括所有子评论） */
-  total: number
-
-  /** 页面信息 */
-  page: PageData
-
-  unread: NotifyData[]
-
-  unread_count: number
-
-  sites?: SiteData[]
-}
-
-export interface PageData {
-  /** 页面 ID */
-  id: number
-
-  /** 页面唯一标识符 */
-  key: string
-
-  /** 页面标题 */
-  title: string
-
-  /** 页面 url */
-  url: string
-
-  /** 仅管理员可评 */
-  admin_only: boolean
-
-  /** 站点名（用于隔离） */
-  site_name: string
-}
-
-export interface SiteData {
-  /** 站点 ID */
-  id: number
-
-  /** 站点名 */
-  name: string
-
-  /** 站点 URLs */
-  urls: string[]
-
-  /** 站点 URLs（原始字符串） */
-  urls_raw: string
-
-  /** 站点主 URL */
-  first_url: string
-}
-
-export interface UserData {
-  /** 用户 ID */
-  id: number
-
-  /** 用户名 */
-  name: string
-
-  /** 邮箱 */
-  email: string
-
-  /** 链接 */
-  link: string
-
-  /** 徽章名称 */
-  badge_name: string
-
-  /** 徽章颜色 */
-  badge_color: string
-
-  /** 是否属于管理员 */
-  is_admin: boolean
-}
-
-export interface NotifyData {
-  id: number
-  user_id: number
-  comment_id: number
-  is_read: boolean
-  is_emailed: boolean
-  read_link: string
-}

package/dist/types/global.d.ts

@@ -1 +0,0 @@
-declare const ARTALK_VERSION: string

package/dist/types/index.d.ts

@@ -1,8 +0,0 @@
-import { ArtalkConfig } from "./artalk-config"
-
-declare class Artalk {
-  constructor (conf: ArtalkConfig)
-}
-
-export as namespace Artalk
-export default Artalk

package/dist/types/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/example/pjax/res1.html

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <title>Res</title>
-  <!-- 1. 引入 Artalk.css -->
-  <link rel="stylesheet" href="/dist/Artalk.css">
-</head>
-<body>
-
-<div class="main"> <!-- △ fragment: .main -->
-  <section id="comments">
-    <div id="ArtalkComments"></div>
-  </section>
-
-  <!-- 2. 引入 Artalk.js -->
-  <script src="/dist/Artalk.js"></script>
-  <!-- 3. 配置 Artalk -->
-  <script>
-  window.artalk = new Artalk({
-    el: '#ArtalkComments',
-    placeholder: '来啊，快活啊 ( ゜- ゜)',
-    noComment: '快来成为第一个评论的人吧~',
-    defaultAvatar: 'mp',
-    pageKey: 'pjax-example-page1',
-    serverUrl: 'http://localhost:23366/index.php',
-    readMore: {
-      pageSize: 15,
-      autoLoad: true
-    }
-  });
-  </script>
-
-</div>
-
-<!-- Pjax 配置 -->
-<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/jquery-pjax@2.0.1/jquery.pjax.min.js"></script>
-
-</body>
-</html>

package/example/pjax/res2.html

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <title>Res</title>
-  <!-- 1. 引入 Artalk.css -->
-  <link rel="stylesheet" href="/dist/Artalk.css">
-</head>
-<body>
-
-<div class="main"> <!-- △ fragment: .main -->
-  <section id="comments">
-    <div id="ArtalkComments"></div>
-  </section>
-
-  <!-- 2. 引入 Artalk.js -->
-  <script src="/dist/Artalk.js"></script>
-  <!-- 3. 配置 Artalk -->
-  <script>
-  window.artalk = new Artalk({
-    el: '#ArtalkComments',
-    placeholder: '来啊，快活啊 ( ゜- ゜)',
-    noComment: '快来成为第一个评论的人吧~',
-    defaultAvatar: 'mp',
-    pageKey: 'pjax-example-page2',
-    serverUrl: 'http://localhost:23366/index.php',
-    readMore: {
-      pageSize: 15,
-      autoLoad: true
-    }
-  });
-  </script>
-
-</div>
-
-<!-- Pjax 配置 -->
-<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/jquery-pjax@2.0.1/jquery.pjax.min.js"></script>
-
-</body>
-</html>

package/src/Artalk.ts

@@ -1,160 +0,0 @@
-import './style/main.less'
-import Checker from './lib/checker'
-import Editor from './components/Editor'
-import List from './components/List'
-import Sidebar from './components/Sidebar'
-import { GetLayerWrap } from './components/Layer'
-import * as Ui from './lib/ui'
-import * as Utils from './lib/utils'
-import { ArtalkConfig } from '~/types/artalk-config'
-import Context from './Context'
-import emoticons from './assets/emoticons.json'
-import Constant from './Constant'
-
-const defaultOpts: ArtalkConfig = {
-  el: '',
-  placeholder: '来啊，快活啊 ( ゜- ゜)',
-  noComment: '快来成为第一个评论的人吧~',
-  sendBtn: '发送评论',
-  defaultAvatar: 'mp',
-  pageKey: '',
-  server: '',
-  site: '',
-  emoticons,
-  gravatar: {
-    cdn: 'https://sdn.geekzu.org/avatar/'
-  },
-  darkMode: false,
-}
-
-export default class Artalk {
-  public conf: ArtalkConfig
-  public ctx: Context
-  public el: HTMLElement
-  public readonly contextID: number = new Date().getTime() // 实例唯一 ID
-  public checker: Checker
-  public editor: Editor
-  public list: List
-  public sidebar: Sidebar
-  public comments: Comment[] = []
-
-  constructor (conf: ArtalkConfig) {
-    // Version Information
-    console.log(`\n %c `
-      + `Artalk v${ARTALK_VERSION} %c 一款简洁有趣的可拓展评论系统 \n\n%c`
-      + `> https://artalk.js.org\n`
-      + `> https://github.com/ArtalkJS/Artalk\n`,
-      'color: #FFF; background: #1DAAFF; padding:5px 0;', 'color: #FFF; background: #656565; padding:5px 0;', '')
-
-    // Options
-    this.conf = { ...defaultOpts, ...conf }
-    this.conf.server = this.conf.server.replace(/\/$/, '')
-
-    // Default `pageKey` conf
-    if (!this.conf.pageKey) {
-      // TODO 自动获取和 atk_comment query 冲突
-      // eslint-disable-next-line prefer-destructuring
-      this.conf.pageKey = window.location.href.split('#')[0]
-    }
-
-    // Main Element
-    try {
-      const el = document.querySelector<HTMLElement>(this.conf.el)
-      if (el === null) {
-        throw Error(`Sorry, Target element "${this.conf.el}" was not found.`)
-      }
-      this.el = el
-    } catch (e) {
-      console.error(e)
-      throw new Error('Artalk config `el` error')
-    }
-
-    // Create context
-    this.ctx = new Context(this.el, this.conf)
-
-    this.el.classList.add('artalk')
-    this.el.setAttribute('atk-run-id', this.contextID.toString())
-
-    // 若该元素中 artalk 已装载
-    if (this.el.innerHTML.trim() !== '') this.el.innerHTML = ''
-
-    // Components
-    this.initDarkMode()
-
-    this.checker = new Checker(this.ctx)
-
-    this.editor = new Editor(this.ctx)
-    this.list = new List(this.ctx)
-    this.sidebar = new Sidebar(this.ctx)
-
-    this.el.appendChild(this.editor.el)
-    this.el.appendChild(this.list.el)
-    this.el.appendChild(this.sidebar.el)
-
-    // 请求获取评论
-    this.list.reqComments()
-
-    // 锚点快速跳转评论
-    window.addEventListener('hashchange', () => {
-      this.list.checkGoToCommentByUrlHash()
-    })
-
-    // 仅管理员显示控制
-    this.ctx.addEventListener('check-admin-show-el', () => {
-      const items: HTMLElement[] = []
-
-      this.el.querySelectorAll<HTMLElement>(`[atk-only-admin-show]`).forEach(item => items.push(item))
-      // for layer
-      const { wrapEl: layerWrapEl } = GetLayerWrap(this.ctx)
-      if (layerWrapEl)
-        layerWrapEl.querySelectorAll<HTMLElement>(`[atk-only-admin-show]`).forEach(item => items.push(item))
-
-      items.forEach((itemEl: HTMLElement) => {
-        if (this.ctx.user.data.isAdmin)
-          itemEl.classList.remove('atk-hide')
-        else
-          itemEl.classList.add('atk-hide')
-      })
-    })
-
-    this.ctx.addEventListener('user-changed', () => {
-      this.ctx.dispatchEvent('check-admin-show-el')
-      this.ctx.dispatchEvent('list-refresh-ui')
-    })
-  }
-
-  /** 暗黑模式 - 初始化 */
-  initDarkMode() {
-    if (this.conf.darkMode) {
-      this.el.classList.add(Constant.DARK_MODE_CLASSNAME)
-    } else {
-      this.el.classList.remove(Constant.DARK_MODE_CLASSNAME)
-    }
-
-    // for Layer
-    const { wrapEl: layerWrapEl } = GetLayerWrap(this.ctx)
-    if (layerWrapEl) {
-      if (this.conf.darkMode) {
-        layerWrapEl.classList.add(Constant.DARK_MODE_CLASSNAME)
-      } else {
-        layerWrapEl.classList.remove(Constant.DARK_MODE_CLASSNAME)
-      }
-    }
-  }
-
-  /** 暗黑模式 - 设定 */
-  setDarkMode(darkMode: boolean) {
-    this.ctx.conf.darkMode = darkMode
-    this.initDarkMode()
-  }
-
-  /** 暗黑模式 - 开启 */
-  openDarkMode() {
-    this.setDarkMode(true)
-  }
-
-  /** 暗黑模式 - 关闭 */
-  closeDarkMode() {
-    this.setDarkMode(false)
-  }
-}

package/src/Constant.ts

@@ -1,6 +0,0 @@
-const Constant = {
-  DARK_MODE_CLASSNAME: 'atk-dark-mode'
-}
-
-export default Constant
-

package/src/Context.ts

@@ -1,34 +0,0 @@
-import { ArtalkConfig } from '~/types/artalk-config'
-import User from './lib/user'
-import { EventPayloadMap, Listener, Event } from './Event'
-
-export default class Context {
-  public cid: number // Context 唯一标识
-  public rootEl: HTMLElement
-  public conf: ArtalkConfig
-  public user: User
-
-  private eventList: Event[] = []
-
-  public constructor (rootEl: HTMLElement, conf: ArtalkConfig) {
-    this.cid = +new Date()
-    this.rootEl = rootEl
-    this.conf = conf
-    this.user = new User(this.conf)
-  }
-
-  public addEventListener<K extends keyof EventPayloadMap>(name: K, listener: Listener<EventPayloadMap[K]>): void {
-    this.eventList.push({ name, listener: listener as any })
-  }
-
-  public removeEventListener<K extends keyof EventPayloadMap>(name: K): void {
-    this.eventList = this.eventList.filter((event) => event.name !== name)
-  }
-
-  public dispatchEvent<K extends keyof EventPayloadMap>(name: K, payload?: EventPayloadMap[K]): void {
-    this.eventList
-      .filter((event) => event.name === name)
-      .map((event) => event.listener)
-      .forEach((listener) => listener(payload as any))
-  }
-}

package/src/Event.d.ts

@@ -1,59 +0,0 @@
-import { ListData, CommentData, NotifyData } from '~/types/artalk-data'
-
-/** EventName to EventPayload Type */
-export interface EventPayloadMap {
-  'list-loading': undefined
-  'list-clear': undefined
-  'list-refresh-ui': undefined
-  'list-import': CommentData[]
-  'list-insert': CommentData
-  'list-comment-del': CommentData
-  'list-reload': undefined
-  'list-update-data': (data: ListData | undefined) => void
-  'sidebar-show'?: SidebarShowPayload
-  'sidebar-hide': undefined
-  'check-admin-show-el': undefined
-  'editor-open-comment': undefined
-  'editor-close-comment': undefined
-  'editor-show-loading': undefined
-  'editor-hide-loading': undefined
-  'editor-notify': NotifyConf
-  'editor-reply': CommentData
-  'user-changed': undefined
-  'unread-update': UnreadUpdatePayload
-  'checker-admin': CheckerConf
-  'checker-captcha': CheckerCaptchaConf
-}
-
-export interface CheckerConf {
-  onSuccess?: (inputVal: string, dialogEl?: HTMLElement) => void
-  onMount?: (dialogEl: HTMLElement) => void
-  onCancel?: () => void
-}
-
-export interface NotifyConf {
-  msg: string
-  type: any
-}
-
-export interface CheckerCaptchaConf extends CheckerConf {
-  imgData?: string
-}
-
-export interface SidebarShowPayload {
-  viewName?: string
-}
-
-export interface UnreadUpdatePayload {
-  notifies: NotifyData[]
-}
-
-// ============================================
-export interface Listener<P> {
-  (payload: P): void
-}
-
-export interface Event<K extends keyof EventPayloadMap = keyof EventPayloadMap> {
-  name: keyof EventPayloadMap
-  listener: Listener<EventPayloadMap[K]>
-}