artalk 2.6.3 → 2.7.0

package/dist/src/editor/plugs/upload-plug.d.ts

@@ -1,10 +0,0 @@
-import Editor from '../editor';
-import EditorPlug from './editor-plug';
-export default class UploadPlug extends EditorPlug {
-    static Name: string;
-    $imgUploadInput?: HTMLInputElement;
-    /** 允许的图片格式 */
-    allowImgExts: string[];
-    constructor(editor: Editor);
-    uploadImg(file: File): Promise<void>;
-}

package/dist/src/editor/reply.d.ts

@@ -1,9 +0,0 @@
-import type { CommentData } from '../../types/artalk-data';
-import Editor from './editor';
-export interface ReplyManager {
-    editor: Editor;
-    comment?: CommentData;
-    setReply(comment: CommentData, $comment: HTMLElement, scroll?: boolean): void;
-    cancelReply(): void;
-}
-export declare function createReplyManager(editor: Editor): ReplyManager;

package/dist/src/editor/submit.d.ts

@@ -1,16 +0,0 @@
-import type { CommentData } from '../../types/artalk-data';
-import Editor from './editor';
-export interface SubmitManager {
-    editor: Editor;
-    do: () => Promise<void>;
-    customs: CustomSubmit[];
-    registerCustom(c: CustomSubmit): void;
-}
-export declare function createSubmitManager(editor: Editor): SubmitManager;
-interface CustomSubmit {
-    activeCond: () => void;
-    pre?: () => void;
-    req?: () => Promise<CommentData>;
-    post?: (nComment: CommentData) => void;
-}
-export {};

package/dist/src/lib/dark-mode.d.ts

@@ -1,4 +0,0 @@
-import type Context from '../../types/context';
-export declare function syncDarkModeConf(ctx: Context): void;
-export declare function setDarkMode(ctx: Context, darkMode: boolean | 'auto', alterConf?: boolean): void;
-export declare function updateClassName(ctx: Context, darkMode: boolean): void;

package/dist/src/lib/stat.d.ts

@@ -1,15 +0,0 @@
-import ContextApi from '../../types/context';
-import ArtalkPlug from '../../types/plug';
-export interface CountConf {
-    ctx: ContextApi;
-    /** 是否增加当前页面 PV 数 */
-    pvAdd?: boolean;
-}
-export declare const PvCountWidget: ArtalkPlug;
-/** 初始化评论数和 PV 数量展示元素 */
-export declare function initCountWidget(p: CountConf): Promise<void>;
-export declare function handleStatCount(p: CountConf, args: {
-    api: 'page_pv' | 'page_comment';
-    countEl: string;
-    curtPageCount?: number;
-}): Promise<void>;

package/dist/src/list/index.d.ts

@@ -1,2 +0,0 @@
-import List from './list';
-export default List;

package/dist/src/list/list-lite.d.ts

@@ -1,77 +0,0 @@
-import { ListData, CommentData, NotifyData } from '../../types/artalk-data';
-import Context from '../../types/context';
-import Component from '../lib/component';
-import Comment from '../comment';
-import PgHolder, { TPgMode } from './paginator';
-import * as ListNest from './list-nest';
-export default class ListLite extends Component {
-    /** 列表评论集区域元素 */
-    protected $commentsWrap: HTMLElement;
-    /** 最后一次请求得到的列表数据 */
-    protected data?: ListData;
-    /** 是否处于加载中状态 */
-    protected isLoading: boolean;
-    /** 配置是否已加载 */
-    private confLoaded;
-    /** 无评论显示文字 */
-    noCommentText?: string;
-    /** 嵌套模式下的排序方式 */
-    private _nestSortBy?;
-    get nestSortBy(): ListNest.SortByType;
-    set nestSortBy(val: ListNest.SortByType);
-    /** 平铺模式 */
-    private _flatMode?;
-    get flatMode(): boolean;
-    set flatMode(val: boolean);
-    /** 分页方式 */
-    _pageMode?: TPgMode;
-    get pageMode(): 'pagination' | 'read-more';
-    set pageMode(val: 'pagination' | 'read-more');
-    /** 分页方式持有者 */
-    pgHolder?: PgHolder;
-    /** 每页数量 (每次请求获取量) */
-    private _pageSize?;
-    get pageSize(): number;
-    set pageSize(val: number);
-    /** 监听指定元素上的滚动 */
-    scrollListenerAt?: HTMLElement;
-    /** 翻页归位到指定元素 */
-    repositionAt?: HTMLElement;
-    renderComment?: (comment: Comment) => void;
-    paramsEditor?: (params: any) => void;
-    onAfterLoad?: (data: ListData) => void;
-    /** 未读标记 */
-    protected unread: NotifyData[];
-    unreadHighlight?: boolean;
-    constructor(ctx: Context);
-    getData(): ListData | undefined;
-    clearData(): void;
-    getLoading(): boolean;
-    getCommentsWrapEl(): HTMLElement;
-    /** 设置加载状态 */
-    setLoading(val: boolean, isFirstLoad?: boolean): void;
-    /** 评论获取 */
-    fetchComments(offset: number): Promise<void>;
-    protected onLoad(data: ListData, offset: number): void;
-    /** 分页模式 */
-    private refreshPagination;
-    /** 错误处理 */
-    protected onError(msg: any, offset: number, errData?: any): void;
-    /** 刷新界面 */
-    refreshUI(): void;
-    /** 重新加载列表 */
-    reload(): void;
-    /** 创建新评论 */
-    protected createComment(cData: CommentData, ctxData?: CommentData[]): Comment;
-    /** 导入评论 · 通过请求数据 */
-    importComments(srcData: CommentData[]): void;
-    private importCommentsNest;
-    /** 导入评论 · 平铺模式 */
-    private putCommentFlatMode;
-    /** 新增评论 · 首部添加 */
-    insertComment(commentData: CommentData): void;
-    /** 更新评论 */
-    updateComment(commentData: CommentData): void;
-    /** 更新未读数据 */
-    updateUnread(notifies: NotifyData[]): void;
-}

package/dist/src/list/list-ui.d.ts

@@ -1,16 +0,0 @@
-import ListLite from './list-lite';
-/** 界面刷新 */
-export declare function refreshUI(list: ListLite): void;
-/** 构建错误提示界面 */
-export declare function renderErrorDialog(list: ListLite, errMsg: string, errData?: any): HTMLElement;
-/** 版本检测弹窗 */
-export declare function versionCheckDialog(list: ListLite, feVer: string, beVer: string): boolean;
-/** 评论排序方式选择下拉菜单 */
-export declare function renderDropdown(conf: {
-    $dropdownWrap: HTMLElement;
-    dropdownList: [string, () => void][];
-}): void;
-/** 删除评论排序方式选择下拉菜单 */
-export declare function removeDropdown(conf: {
-    $dropdownWrap: HTMLElement;
-}): void;

package/dist/src/list/paginator/adaptors/index.d.ts

@@ -1,12 +0,0 @@
-import { IPgHolderConf, TPgMode } from '../index';
-declare const Adaptors: Record<TPgMode, IPgAdaptor<any>>;
-export default Adaptors;
-export interface IPgAdaptor<T> {
-    instance: T;
-    el: HTMLElement;
-    createInstance(conf: IPgHolderConf): [T, HTMLElement];
-    setLoading(val: boolean): void;
-    update(offset: number, total: number): void;
-    next(): void;
-    showErr?(msg: string): void;
-}

package/dist/src/list/paginator/adaptors/pagination.d.ts

@@ -1,9 +0,0 @@
-import Pagination from '../../../components/pagination';
-import { IPgAdaptor } from '.';
-interface IPaginationAdaptor extends IPgAdaptor<Pagination> {
-}
-/**
- * 翻页形式的分页
- */
-declare const _default: IPaginationAdaptor;
-export default _default;

package/dist/src/list/paginator/adaptors/read-more.d.ts

@@ -1,10 +0,0 @@
-import ReadMoreBtn from '../../../components/read-more-btn';
-import { IPgAdaptor } from '.';
-interface IReadMoreAdaptor extends IPgAdaptor<ReadMoreBtn> {
-    autoLoadScrollEvent?: () => void;
-}
-/**
- * 阅读更多形式的分页
- */
-declare const _default: IReadMoreAdaptor;
-export default _default;

package/dist/src/list/paginator/holder.d.ts

@@ -1,16 +0,0 @@
-import { IPgHolderConf, TPgMode } from '.';
-/**
- * 分页方式持有者（调度器）
- */
-export default class PgHolder {
-    private conf;
-    constructor(conf: IPgHolderConf);
-    getAdaptor(): import("./adaptors").IPgAdaptor<any>;
-    init(): void;
-    setLoading(val: boolean): void;
-    update(offset: number, total: number): void;
-    getEl(): HTMLElement;
-    showErr(msg: string): void;
-    setMode(val: TPgMode): void;
-    next(): void;
-}

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

@@ -1,139 +0,0 @@
-import { I18n } from '../src/i18n'
-import { CommentData } from './artalk-data'
-
-export default interface ArtalkConfig {
-  /** 装载元素 */
-  el: string|HTMLElement
-
-  /** 页面唯一标识（完整 URL） */
-  pageKey: string
-
-  /** 页面标题 */
-  pageTitle: string
-
-  /** 服务器地址 */
-  server: string
-
-  /** 站点名 */
-  site: string
-
-  /** 评论框占位字符 */
-  placeholder: string
-
-  /** 评论为空时显示字符 */
-  noComment: string
-
-  /** 发送按钮文字 */
-  sendBtn: string
-
-  /** 评论框穿梭（显示在待回复评论后面） */
-  editorTravel: boolean
-
-  /** 表情包 */
-  emoticons: object|any[]|string|false
-
-  /** Gravatar 头像 */
-  gravatar: {
-    /** API 地址 */
-    mirror: string
-    /** API 参数 */
-    params: string
-  }
-
-  /** 头像链接生成器 */
-  avatarURLBuilder?: (comment: CommentData) => string,
-
-  /** 分页配置 */
-  pagination: {
-    /** 每次请求获取数量 */
-    pageSize: number
-    /** 阅读更多模式 */
-    readMore: boolean
-    /** 滚动到底部自动加载 */
-    autoLoad: boolean
-  }
-
-  /** 内容限高 */
-  heightLimit: {
-    /** 评论内容限高 */
-    content: number
-
-    /** 子评论区域限高 */
-    children: number
-
-    /** 滚动限高 */
-    scrollable: boolean
-  }
-
-  /** 评论投票按钮 */
-  vote: boolean
-
-  /** 评论投票反对按钮 */
-  voteDown: boolean
-
-  /** 评论预览功能 */
-  preview: boolean
-
-  /** 评论数绑定元素 Selector */
-  countEl: string
-
-  /** PV 数绑定元素 Selector */
-  pvEl: string
-
-  /** 夜间模式 */
-  darkMode: boolean|'auto'
-
-  /** 请求超时（单位：秒） */
-  reqTimeout: number
-
-  /** 平铺模式 */
-  flatMode: boolean|'auto'
-
-  /** 嵌套模式 · 最大层数 */
-  nestMax: number
-
-  /** 嵌套模式 · 排序方式 */
-  nestSort: 'DATE_ASC'|'DATE_DESC'
-
-  /** 显示 UA 徽标 */
-  uaBadge: boolean
-
-  /** 评论列表排序功能 (显示 Dropdown) */
-  listSort: boolean
-
-  /** 图片上传功能 */
-  imgUpload: boolean
-
-  /** 图片上传器 */
-  imgUploader?: (file: File) => Promise<string>
-
-  /** 版本检测 */
-  versionCheck: boolean
-
-  /** 引用后端配置 */
-  useBackendConf: boolean
-
-  /** 语言本地化 */
-  locale: I18n|string
-}
-
-/**
- * 本地持久化用户数据
- * @note 始终保持一层结构，不支持多层结构
- */
-export interface LocalUser {
-  /** 昵称 */
-  nick: string
-
-  /** 邮箱 */
-  email: string
-
-  /** 链接 */
-  link: string
-
-  /** TOKEN */
-  token: string
-
-  /** 是否为管理员 */
-  isAdmin: boolean
-}

package/dist/types/plug.d.ts

@@ -1,4 +0,0 @@
-import ContextApi from './context'
-
-type ArtalkPlug = (ctx: ContextApi) => void
-export default ArtalkPlug

package/src/api/api-base.ts

@@ -1,27 +0,0 @@
-import Context from '~/types/context'
-import Api from '.'
-import { POST, Fetch } from './request'
-
-abstract class ApiBase {
-  protected api: Api
-  protected ctx: Context
-
-  constructor(api: Api, ctx: Context) {
-    this.api = api
-    this.ctx = ctx
-  }
-
-  protected async POST<T>(path: string, data?: {[key: string]: any}) {
-    return POST<T>(this.ctx, this.api.baseURL+path, data)
-  }
-
-  protected async Fetch(path: string, init: RequestInit, timeout?: number): Promise<any> {
-    return Fetch(this.ctx, this.api.baseURL+path, init, timeout)
-  }
-}
-
-interface ApiBase {
-
-}
-
-export default ApiBase

package/src/comment/render-ctx.ts

@@ -1,30 +0,0 @@
-import Comment from './comment'
-import ActionBtn from '../components/action-btn'
-
-export default class RenderCtx {
-  public comment: Comment
-
-  public get ctx() { return this.comment.ctx }
-  public get data() { return this.comment.getData() }
-  public get conf() { return this.comment.conf }
-  public get cConf() { return this.comment.getConf() }
-
-  public $el!: HTMLElement
-  public $main!: HTMLElement
-  public $header!: HTMLElement
-  public $headerNick!: HTMLElement
-  public $headerBadgeWrap!: HTMLElement
-  public $body!: HTMLElement
-  public $content!: HTMLElement
-  public $childrenWrap!: HTMLElement|null
-  public $actions!: HTMLElement
-  public voteBtnUp?: ActionBtn
-  public voteBtnDown?: ActionBtn
-
-  public $replyTo?: HTMLElement // 回复评论内容 (平铺下显示)
-  public $replyAt?: HTMLElement // 回复 AT（层级嵌套下显示）
-
-  public constructor(comment: Comment) {
-    this.comment = comment
-  }
-}

package/src/editor/edit-mode.ts

@@ -1,103 +0,0 @@
-import type { CommentData } from '~/types/artalk-data'
-import * as Utils from '../lib/utils'
-import Editor from './editor'
-import User from '../lib/user'
-
-export interface EditModeManager {
-  editor: Editor
-  comment?: CommentData
-  setEdit: (comment: CommentData, $comment: HTMLElement) => void
-  cancelEdit: () => void
-}
-
-export function createEditModeManager(editor: Editor) {
-  const m: EditModeManager = {
-    editor,
-    comment: undefined,
-    setEdit: (c, e) => edit(m, c, e),
-    cancelEdit: () => cancelEdit(m)
-  }
-
-  initEditModeSubmit(m)
-
-  return m
-}
-
-function edit(m: EditModeManager, comment: CommentData, $comment: HTMLElement) {
-  cancelEdit(m)
-  m.editor.cancelReply()
-
-  const ui = m.editor.getUI()
-  if (!ui.$editCancelBtn) {
-    const $btn = Utils.createElement(
-      `<div class="atk-send-reply">` +
-        `${m.editor.$t('editCancel')} ` +
-        `<span class="atk-cancel">×</span>` +
-      `</div>`
-    )
-    $btn.onclick = () => {
-      cancelEdit(m)
-    }
-    ui.$textareaWrap.append($btn)
-    ui.$editCancelBtn = $btn
-  }
-  m.comment = comment
-
-  ui.$header.style.display = 'none' // TODO support modify header information
-
-  m.editor.travel($comment)
-
-  ui.$nick.value = comment.nick || ''
-  ui.$email.value = comment.email || ''
-  ui.$link.value = comment.link || ''
-
-  m.editor.setContent(comment.content)
-  ui.$textarea.focus()
-
-  m.editor.refreshSendBtnText()
-}
-
-function cancelEdit(m: EditModeManager) {
-  if (!m.comment) return
-
-  const ui = m.editor.getUI()
-
-  if (ui.$editCancelBtn) {
-    ui.$editCancelBtn.remove()
-    ui.$editCancelBtn = undefined
-  }
-
-  m.comment = undefined
-  m.editor.travelBack()
-
-  const { nick, email, link } = User.data
-  ui.$nick.value = nick
-  ui.$email.value = email
-  ui.$link.value = link
-
-  m.editor.setContent('')
-  m.editor.refreshSendBtnText()
-
-  ui.$header.style.display = '' // TODO support modify header information
-}
-
-function initEditModeSubmit(m: EditModeManager) {
-  m.editor.getSubmitManager()!.registerCustom({
-    activeCond: () => !!m.comment, // active this custom submit when edit mode
-    req: async () => {
-      const saveData = {
-        content: m.editor.getFinalContent(),
-        nick: m.editor.getUI().$nick.value,
-        email: m.editor.getUI().$email.value,
-        link: m.editor.getUI().$link.value,
-      }
-      const nComment = await m.editor.ctx.getApi().comment.commentEdit({
-        ...m.comment, ...saveData
-      })
-      return nComment
-    },
-    post: (nComment: CommentData) => {
-      m.editor.ctx.updateComment(nComment)
-    }
-  })
-}

package/src/editor/funcs.ts

@@ -1,97 +0,0 @@
-import Editor from './editor'
-import User from '../lib/user'
-import { createMover } from './mover'
-import { createPlugManager } from './plug-manager'
-import { createReplyManager } from './reply'
-import { createEditModeManager } from './edit-mode'
-import { createSubmitManager } from './submit'
-
-const EditorFuncs = {
-  localStorage, header, textarea, submitBtn, submitManager,
-  plugs, mover, replyManager, editModeManager,
-}
-
-export default function initEditorFuncs(editor: Editor) {
-  Object.entries(EditorFuncs).forEach(([k, init]) => {
-    init(editor)
-  })
-}
-
-// ================== Editor Functions ======================
-
-function localStorage(editor: Editor) {
-  const localContent = window.localStorage.getItem('ArtalkContent') || ''
-  if (localContent.trim() !== '') {
-    editor.showNotify(editor.$t('restoredMsg'), 'i')
-    editor.setContent(localContent)
-  }
-
-  editor.getUI().$textarea.addEventListener('input', () => (editor.saveToLocalStorage()))
-}
-
-function header(editor: Editor) {
-  const $inputs = editor.getHeaderInputEls()
-  Object.entries($inputs).forEach(([key, $input]) => {
-    $input.value = User.data[key] || ''
-    $input.addEventListener('input', () => onHeaderInput(editor, key, $input))
-
-    // 设置 Placeholder
-    $input.placeholder = `${editor.$t(key as any)}`
-  })
-}
-
-function onHeaderInput(editor: Editor, field: string, $input: HTMLInputElement) {
-  if (editor.isEditMode) return // 评论编辑模式，不修改个人信息
-
-  User.update({
-    [field]: $input.value.trim()
-  })
-
-  editor.getPlugs()?.triggerHeaderInputEvt(field, $input)
-}
-
-function textarea(editor: Editor) {
-  // 占位符
-  editor.getUI().$textarea.placeholder = editor.ctx.conf.placeholder || editor.$t('placeholder')
-
-  // 修复按下 Tab 输入的内容
-  editor.getUI().$textarea.addEventListener('keydown', (e) => {
-    const keyCode = e.keyCode || e.which
-
-    if (keyCode === 9) {
-      e.preventDefault()
-      editor.insertContent('\t')
-    }
-  })
-
-  // 输入框高度随内容而变化
-  editor.getUI().$textarea.addEventListener('input', () => {
-    editor.adjustTextareaHeight()
-  })
-}
-
-function submitBtn(editor: Editor) {
-  editor.refreshSendBtnText()
-  editor.getUI().$submitBtn.addEventListener('click', () => (editor.submit()))
-}
-
-function plugs(editor: Editor) {
-  editor.setPlugs(createPlugManager(editor))
-}
-
-function mover(editor: Editor) {
-  if (!editor.conf.editorTravel) return
-  editor.setMover(createMover(editor))
-}
-
-function replyManager(editor: Editor) {
-  editor.setReplyManager(createReplyManager(editor))
-}
-
-function editModeManager(editor: Editor) {
-  editor.setEditModeManager(createEditModeManager(editor))
-}
-
-function submitManager(editor: Editor) {
-  editor.setSubmitManager(createSubmitManager(editor))
-}

package/src/editor/index.ts

@@ -1,3 +0,0 @@
-import Editor from './editor'
-
-export default Editor

package/src/editor/mover.ts

@@ -1,43 +0,0 @@
-import Editor from './editor'
-import * as Utils from '../lib/utils'
-
-export interface Mover {
-  editor: Editor
-  isMoved: boolean
-  move(afterEl: HTMLElement): void
-  back(): void
-}
-
-export function createMover(editor: Editor): Mover {
-  const m: Mover = {
-    editor,
-    isMoved: false,
-    move: (el) => move(m, el),
-    back: () => back(m)
-  }
-
-  return m
-}
-
-function move(m: Mover, afterEl: HTMLElement) {
-  if (m.isMoved) return
-  m.isMoved = true
-
-  const editorEl = m.editor.getUI().$el
-
-  editorEl.after(Utils.createElement('<div class="atk-editor-travel-placeholder"></div>'))
-
-  const $travelPlace = Utils.createElement('<div></div>')
-  afterEl.after($travelPlace)
-  $travelPlace.replaceWith(editorEl)
-
-  editorEl.classList.add('atk-fade-in') // 添加渐入动画
-}
-
-function back(m: Mover) {
-  if (!m.isMoved) return
-  m.isMoved = false
-  m.editor.ctx.$root.querySelector('.atk-editor-travel-placeholder')?.replaceWith(m.editor.getUI().$el)
-
-  m.editor.cancelReply()  // 取消回复
-}