@waline/client 2.15.8 → 3.0.0-alpha.2

package/src/typings/comment.ts

@@ -1,94 +0,0 @@
-export interface WalineCommentData {
-  /**
-   * User Nickname
-   */
-  nick: string;
-
-  /**
-   * User email
-   */
-  mail: string;
-
-  /**
-   * User link
-   */
-  link?: string;
-
-  /**
-   * Content of comment
-   */
-  comment: string;
-
-  /**
-   * User Agent
-   */
-  ua: string;
-
-  /**
-   * Parent comment id
-   */
-
-  pid?: string;
-
-  /**
-   * Root comment id
-   */
-  rid?: string;
-
-  /**
-   * User id being at
-   */
-  at?: string;
-
-  /**
-   * Comment link
-   */
-  url: string;
-
-  /**
-   * Recaptcha Token
-   */
-  recaptchaV3?: string;
-
-  /**
-   * Turnstile Token
-   */
-  turnstile?: string;
-}
-
-export type WalineCommentStatus = 'approved' | 'waiting' | 'spam';
-
-export interface WalineComment extends Exclude<WalineCommentData, 'ua'> {
-  /**
-   * User avatar
-   */
-  avatar: string;
-
-  /**
-   * User type
-   */
-  type?: 'administrator' | 'guest' | `verify:${string}`;
-
-  objectId: string;
-
-  /**
-   * Time ISOString when the comment is created
-   */
-  createdAt: string;
-
-  insertedAt: string;
-  updatedAt: string;
-  children: WalineComment[];
-  sticky?: boolean;
-  browser?: string;
-  os?: string;
-  level?: number;
-  addr?: string;
-  label?: string;
-  // TODO: Rename it to `userId` in next major version
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  user_id?: string | number;
-  status?: WalineCommentStatus;
-  like?: number;
-  orig?: string;
-}

package/src/typings/index.ts

@@ -1,5 +0,0 @@
-export * from './base';
-export * from './comment';
-export * from './locale';
-export * from './waline';
-export * from './options';

package/src/typings/locale.ts

@@ -1,73 +0,0 @@
-export interface WalineDateLocale {
-  seconds: string;
-  minutes: string;
-  hours: string;
-  days: string;
-  now: string;
-}
-
-export type WalineLevelLocale = Record<`level${number}`, string>;
-
-export interface WalineReactionLocale {
-  reactionTitle: string;
-  reaction0: string;
-  reaction1: string;
-  reaction2: string;
-  reaction3: string;
-  reaction4: string;
-  reaction5: string;
-  reaction6: string;
-  reaction7: string;
-  reaction8: string;
-}
-
-export interface WalineLocale
-  extends WalineDateLocale,
-    WalineLevelLocale,
-    WalineReactionLocale {
-  nick: string;
-  mail: string;
-  link: string;
-  optional: string;
-  placeholder: string;
-  sofa: string;
-  submit: string;
-  comment: string;
-  refresh: string;
-  more: string;
-  uploading: string;
-  login: string;
-  admin: string;
-  sticky: string;
-  word: string;
-  anonymous: string;
-  gif: string;
-  gifSearchPlaceholder: string;
-
-  // manage
-  approved: string;
-  waiting: string;
-  spam: string;
-  unsticky: string;
-
-  // sorting
-  oldest: string;
-  latest: string;
-  hottest: string;
-
-  // hint
-  nickError: string;
-  mailError: string;
-  wordHint: string;
-
-  // i18n
-  like: string;
-  cancelLike: string;
-  reply: string;
-  cancelReply: string;
-  preview: string;
-  emoji: string;
-  uploadImage: string;
-  profile: string;
-  logout: string;
-}

package/src/typings/options.ts

@@ -1,44 +0,0 @@
-import { type WalineProps } from './waline.js';
-
-export interface WalineInitOptions extends Omit<WalineProps, 'path'> {
-  /**
-   * Waline 的初始化挂载器。必须是一个**有效的** CSS 选择器 或 HTML 元素
-   *
-   * The DOM element to be mounted on initialization. It must be a **valid** CSS selector string or HTML Element.
-   */
-  el?: string | HTMLElement | null;
-
-  /**
-   * 评论数统计
-   *
-   * Comment number support
-   *
-   * @default false
-   */
-  comment?: string | boolean;
-
-  /**
-   * 页面访问量统计
-   *
-   * Pageview number support
-   *
-   * @default false
-   */
-  pageview?: string | boolean;
-
-  /**
-   * 当前 _文章页_ 路径，用于区分不同的 _文章页_ ，以保证正确读取该 _文章页_ 下的评论列表
-   *
-   * 你可以将其设置为 `window.location.pathname`
-   *
-   * Article path id. Used to distinguish different _article pages_ to ensure loading the correct comment list under the _article page_.
-   *
-   * You can set it to `window.location.pathname`
-   *
-   * @default window.location.pathname
-   */
-  path?: string;
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type WalineAbort = (reason?: any) => void;

package/src/typings/waline.ts

@@ -1,251 +0,0 @@
-import {
-  type WalineCommentSorting,
-  type WalineHighlighter,
-  type WalineEmojiInfo,
-  type WalineEmojiPresets,
-  type WalineImageUploader,
-  type WalineLoginStatus,
-  type WalineMeta,
-  type WalineTeXRenderer,
-  type WalineSearchOptions,
-} from './base.js';
-import { type WalineLocale } from './locale.js';
-
-export interface WalineProps {
-  /**
-   * Waline 的服务端地址
-   *
-   * Waline server address url
-   */
-  serverURL: string;
-
-  /**
-   * 当前 _文章页_ 路径，用于区分不同的 _文章页_ ，以保证正确读取该 _文章页_ 下的评论列表
-   *
-   * 你可以将其设置为 `window.location.pathname`
-   *
-   * Article path id. Used to distinguish different _article pages_ to ensure loading the correct comment list under the _article page_.
-   *
-   * You can set it to `window.location.pathname`
-   */
-  path: string;
-
-  /**
-   * 评论者相关属性
-   *
-   * `Meta` 可选值: `'nick'`, `'mail'`, `'link'`
-   *
-   * Reviewer attributes.
-   *
-   * Optional values for `Meta`: `'nick'`, `'mail'`, `'link'`
-   *
-   * @default ['nick', 'mail', 'link']
-   */
-  meta?: WalineMeta[];
-
-  /**
-   * 设置**必填项**，默认昵称为匿名
-   *
-   * Set required fields, default anonymous with nickname
-   *
-   * @default []
-   */
-  requiredMeta?: WalineMeta[];
-
-  /**
-   * 评论字数限制。填入单个数字时为最大字数限制
-   *
-   * @more 设置为 `0` 时无限制
-   *
-   * Comment word s limit. When a single number is filled in, it 's the maximum number of comment words.
-   *
-   * @more No limit when set to `0`.
-   *
-   * @default 0
-   */
-  wordLimit?: number | [number, number];
-
-  /**
-   * 评论列表分页，每页条数
-   *
-   * number of pages per page
-   *
-   * @default 10
-   */
-  pageSize?: number;
-
-  /**
-   * Waline 显示语言
-   *
-   * 可选值:
-   *
-   * - `'zh'`
-   * - `'zh-cn'`
-   * - `'zh-CN'`
-   * - `'zh-tw'`
-   * - `'zh-TW'`
-   * - `'en'`
-   * - `'en-US'`
-   * - `'en-us'`
-   * - `'jp'`
-   * - `'jp-jp'`
-   * - `'jp-JP'`
-   * - `'pt-br'`
-   * - `'pt-BR'`
-   * - `'ru'`
-   * - `'ru-ru'`
-   * - `'ru-RU'`
-   *
-   * Display language for waline
-   *
-   * Optional value:
-   *
-   * - `'zh'`
-   * - `'zh-cn'`
-   * - `'zh-CN'`
-   * - `'zh-tw'`
-   * - `'zh-TW'`
-   * - `'en'`
-   * - `'en-US'`
-   * - `'en-us'`
-   * - `'jp'`
-   * - `'jp-jp'`
-   * - `'jp-JP'`
-   * - `'pt-br'`
-   * - `'pt-BR'`
-   * - `'ru'`
-   * - `'ru-ru'`
-   * - `'ru-RU'`
-   *
-   * @default navigator.language
-   */
-  lang?: string;
-
-  /**
-   * 自定义 waline 语言显示
-   *
-   * @see [自定义语言](https://waline.js.org/client/i18n.html)
-   *
-   * Custom display language in waline
-   *
-   * @see [I18n](https://waline.js.org/en/client/i18n.html)
-   */
-  locale?: Partial<WalineLocale>;
-
-  /**
-   * 评论列表排序方式
-   *
-   * Sorting method for comment list
-   *
-   * @default 'latest'
-   */
-  commentSorting?: WalineCommentSorting;
-
-  /**
-   * 是否启用暗黑模式适配
-   *
-   * @more 设置 `'auto'` 会根据设备暗黑模式自适应。填入 CSS 选择器会在对应选择器生效时启用夜间模式。
-   *
-   * Whether to enable darkmode support
-   *
-   * @more Setting `'auto'` will display darkmode due to device settings. Filling in CSS selector will enable darkmode only when the selector match waline ancestor nodes.
-   */
-  dark?: string | boolean;
-
-  /**
-   * 设置表情包
-   *
-   * Set Emojis
-   *
-   * @default ['//unpkg.com/@waline/emojis@1.1.0/weibo']
-   */
-  emoji?: (WalineEmojiInfo | WalineEmojiPresets)[] | boolean;
-
-  /**
-   * 设置搜索功能
-   *
-   * Customize Search feature
-   *
-   * @default true
-   */
-  search?: WalineSearchOptions | boolean;
-
-  /**
-   * 代码高亮
-   *
-   * Code highlighting
-   *
-   * @default true
-   */
-
-  highlighter?: WalineHighlighter | boolean;
-
-  /**
-   * 自定义图片上传方法，方便更好的存储图片
-   *
-   * 方法执行时会将图片对象传入。
-   *
-   * Custom image upload callback to manage picture by yourself.
-   *
-   * We will pass a picture file object when execute it.
-   *
-   * @default true
-   */
-
-  imageUploader?: WalineImageUploader | boolean;
-
-  /**
-   * 自定义数学公式处理方法，用于预览。
-   *
-   * Custom math formula parse callback for preview.
-   *
-   * @default true
-   */
-  texRenderer?: WalineTeXRenderer | boolean;
-
-  /**
-   *
-   * 登录模式状态，可选值:
-   *
-   * - `'enable'`: 启用登录 (默认)
-   * - `'disable'`: 禁用登录，用户只能填写信息评论
-   * - `'force'`: 强制登录，用户必须注册并登录才可发布评论
-   *
-   * Login mode status, optional values:
-   *
-   * - `'enable'`: enable login (default)
-   * - `'disable'`: Login is disabled, users should fill in information to comment
-   * - `'force'`: Forced login, users must login to comment
-   *
-   * @default 'enable'
-   */
-  login?: WalineLoginStatus;
-
-  /**
-   * 是否在页脚展示版权信息
-   *
-   * 为了支持 Waline，我们强烈建议你开启它
-   *
-   * Whether show copyright in footer
-   *
-   * We strongly recommended you to keep it on to support waline
-   *
-   * @default true
-   */
-  copyright?: boolean;
-
-  /**
-   * recaptcha v3 client key
-   */
-  recaptchaV3Key?: string;
-
-  /**
-   * turnstile client key
-   */
-  turnstileKey?: string;
-
-  /**
-   * reaction
-   */
-  reaction?: string[] | boolean;
-}

package/src/utils/config.ts

@@ -1,122 +0,0 @@
-import { decodePath, isLinkHttp, removeEndingSplash } from './path.js';
-import {
-  DEFAULT_EMOJI,
-  DEFAULT_LANG,
-  DEFAULT_LOCALES,
-  DEFAULT_REACTION,
-  defaultUploadImage,
-  defaultHighlighter,
-  defaultTeXRenderer,
-  getDefaultSearchOptions,
-  getMeta,
-} from '../config/index.js';
-import {
-  type WalineEmojiInfo,
-  type WalineEmojiMaps,
-  type WalineLocale,
-  type WalineProps,
-} from '../typings/index.js';
-
-export interface WalineEmojiConfig {
-  tabs: Pick<WalineEmojiInfo, 'name' | 'icon' | 'items'>[];
-  map: WalineEmojiMaps;
-}
-
-export interface WalineConfig
-  extends Required<
-    Omit<
-      WalineProps,
-      | 'emoji'
-      | 'imageUploader'
-      | 'highlighter'
-      | 'texRenderer'
-      | 'wordLimit'
-      | 'reaction'
-      | 'search'
-    >
-  > {
-  locale: WalineLocale;
-  wordLimit: [number, number] | false;
-  reaction: string[];
-  emoji: Exclude<WalineProps['emoji'], boolean | undefined>;
-  highlighter: Exclude<WalineProps['highlighter'], true | undefined>;
-  imageUploader: Exclude<WalineProps['imageUploader'], true | undefined>;
-  texRenderer: Exclude<WalineProps['texRenderer'], true | undefined>;
-  search: Exclude<WalineProps['search'], true | undefined>;
-}
-
-export const getServerURL = (serverURL: string): string => {
-  const result = removeEndingSplash(serverURL);
-
-  return isLinkHttp(result) ? result : `https://${result}`;
-};
-
-const getWordLimit = (
-  wordLimit: WalineProps['wordLimit'],
-): [number, number] | false =>
-  Array.isArray(wordLimit) ? wordLimit : wordLimit ? [0, wordLimit] : false;
-
-const fallback = <T = unknown>(
-  value: T | boolean | undefined,
-  fallback: T,
-): T | false =>
-  typeof value === 'function' ? value : value === false ? false : fallback;
-
-export const getConfig = ({
-  serverURL,
-
-  path = location.pathname,
-  lang = typeof navigator === 'undefined' ? 'en-US' : navigator.language,
-  locale,
-  emoji = DEFAULT_EMOJI,
-  meta = ['nick', 'mail', 'link'],
-  requiredMeta = [],
-  dark = false,
-  pageSize = 10,
-  wordLimit,
-  imageUploader,
-  highlighter,
-  texRenderer,
-  copyright = true,
-  login = 'enable',
-  search,
-  reaction,
-  recaptchaV3Key = '',
-  turnstileKey = '',
-  commentSorting = 'latest',
-  ...more
-}: WalineProps): WalineConfig => ({
-  serverURL: getServerURL(serverURL),
-  path: decodePath(path),
-  locale: {
-    ...(DEFAULT_LOCALES[lang] || DEFAULT_LOCALES[DEFAULT_LANG]),
-    ...(typeof locale === 'object' ? locale : {}),
-  } as WalineLocale,
-  wordLimit: getWordLimit(wordLimit),
-  meta: getMeta(meta),
-  requiredMeta: getMeta(requiredMeta),
-  imageUploader: fallback(imageUploader, defaultUploadImage),
-  highlighter: fallback(highlighter, defaultHighlighter),
-  texRenderer: fallback(texRenderer, defaultTeXRenderer),
-  lang: Object.keys(DEFAULT_LOCALES).includes(lang) ? lang : 'en-US',
-  dark,
-  emoji: typeof emoji === 'boolean' ? (emoji ? DEFAULT_EMOJI : []) : emoji,
-  pageSize,
-  login,
-  copyright,
-  search:
-    search === false
-      ? false
-      : typeof search === 'object'
-      ? search
-      : getDefaultSearchOptions(lang),
-  recaptchaV3Key,
-  turnstileKey,
-  reaction: Array.isArray(reaction)
-    ? reaction
-    : reaction === true
-    ? DEFAULT_REACTION
-    : [],
-  commentSorting,
-  ...more,
-});

package/src/utils/darkmode.ts

@@ -1,11 +0,0 @@
-const style = `{--waline-white:#000;--waline-light-grey:#666;--waline-dark-grey:#999;--waline-color:#888;--waline-bgcolor:#1e1e1e;--waline-bgcolor-light:#272727;--waline-bgcolor-hover: #444;--waline-border-color:#333;--waline-disable-bgcolor:#444;--waline-disable-color:#272727;--waline-bq-color:#272727;--waline-info-bgcolor:#272727;--waline-info-color:#666}`;
-
-export const getDarkStyle = (selector?: string | boolean): string => {
-  if (typeof selector === 'string') {
-    return selector === 'auto'
-      ? `@media(prefers-color-scheme:dark){body${style}}`
-      : `${selector}${style}`;
-  }
-
-  return selector === true ? `:root${style}` : '';
-};

package/src/utils/date.ts

@@ -1,71 +0,0 @@
-import { WalineDateLocale } from '../typings';
-
-const padWithZeros = (vNumber: number, width: number): string => {
-  let numAsString = vNumber.toString();
-
-  while (numAsString.length < width) {
-    numAsString = '0' + numAsString;
-  }
-
-  return numAsString;
-};
-
-export const dateFormat = (date: Date): string => {
-  const vDay = padWithZeros(date.getDate(), 2);
-  const vMonth = padWithZeros(date.getMonth() + 1, 2);
-  const vYear = padWithZeros(date.getFullYear(), 2);
-
-  return `${vYear}-${vMonth}-${vDay}`;
-};
-
-export const getTimeAgo = (
-  date: Date | string,
-  now: Date,
-  locale: WalineDateLocale,
-): string => {
-  if (!date) return '';
-
-  const time =
-    typeof date === 'string'
-      ? new Date(date.indexOf(' ') !== -1 ? date.replace(/-/g, '/') : date)
-      : date;
-
-  const timePassed = now.getTime() - time.getTime();
-
-  const days = Math.floor(timePassed / (24 * 3600 * 1000));
-
-  if (days === 0) {
-    // 计算相差小时数
-
-    // 计算天数后剩余的毫秒数
-    const leave1 = timePassed % (24 * 3600 * 1000);
-    const hours = Math.floor(leave1 / (3600 * 1000));
-
-    if (hours === 0) {
-      //计算相差分钟数
-
-      // 计算小时数后剩余的毫秒数
-      const leave2 = leave1 % (3600 * 1000);
-      const minutes = Math.floor(leave2 / (60 * 1000));
-
-      // 计算相差秒数
-      if (minutes === 0) {
-        // 计算分钟数后剩余的毫秒数
-        const leave3 = leave2 % (60 * 1000);
-        const seconds = Math.round(leave3 / 1000);
-
-        return `${seconds} ${locale.seconds}`;
-      }
-
-      return `${minutes} ${locale.minutes}`;
-    }
-
-    return `${hours} ${locale.hours}`;
-  }
-
-  if (days < 0) return locale.now;
-
-  if (days < 8) return `${days} ${locale.days}`;
-
-  return dateFormat(time);
-};

package/src/utils/email.ts

@@ -1,8 +0,0 @@
-/**
- * @ref https://html.spec.whatwg.org/multipage/input.html#valid-e-mail-address
- */
-const EMAIL_REG_EXP =
-  /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
-
-export const isValidEmail = (email: string): boolean =>
-  EMAIL_REG_EXP.test(email);