artalk 2.8.5 → 2.8.7

package/dist/ArtalkLite.mjs

@@ -142,11 +142,14 @@ class HttpClient {
         /* Json */
       ];
       const responseFormat = format || requestParams.format;
-      return this.customFetch(`${baseUrl || this.baseUrl || ""}${path}${queryString ? `?${queryString}` : ""}`, __spreadProps(__spreadValues({}, requestParams), {
-        headers: __spreadValues(__spreadValues({}, requestParams.headers || {}), type && type !== "multipart/form-data" ? { "Content-Type": type } : {}),
-        signal: (cancelToken ? this.createAbortSignal(cancelToken) : requestParams.signal) || null,
-        body: typeof body === "undefined" || body === null ? null : payloadFormatter(body)
-      })).then((response) => __async(this, null, function* () {
+      return this.customFetch(
+        `${baseUrl || this.baseUrl || ""}${path}${queryString ? `?${queryString}` : ""}`,
+        __spreadProps(__spreadValues({}, requestParams), {
+          headers: __spreadValues(__spreadValues({}, requestParams.headers || {}), type && type !== "multipart/form-data" ? { "Content-Type": type } : {}),
+          signal: (cancelToken ? this.createAbortSignal(cancelToken) : requestParams.signal) || null,
+          body: typeof body === "undefined" || body === null ? null : payloadFormatter(body)
+        })
+      ).then((response) => __async(this, null, function* () {
         const r = response;
         r.data = null;
         r.error = null;
@@ -185,7 +188,9 @@ class HttpClient {
   toQueryString(rawQuery) {
     const query = rawQuery || {};
     const keys = Object.keys(query).filter((key) => "undefined" !== typeof query[key]);
-    return keys.map((key) => Array.isArray(query[key]) ? this.addArrayQueryParam(query, key) : this.addQueryParam(query, key)).join("&");
+    return keys.map(
+      (key) => Array.isArray(query[key]) ? this.addArrayQueryParam(query, key) : this.addQueryParam(query, key)
+    ).join("&");
   }
   addQueryParams(rawQuery) {
     const queryString = this.toQueryString(rawQuery);
@@ -209,6 +214,133 @@ class HttpClient {
 let Api$1 = class Api extends HttpClient {
   constructor() {
     super(...arguments);
+    __publicField(this, "auth", {
+      /**
+       * @description Login by email with verify code (Need send email verify code first) or password
+       *
+       * @tags Auth
+       * @name LoginByEmail
+       * @summary Login by email
+       * @request POST:/auth/email/login
+       * @response `200` `HandlerResponseUserLogin` OK
+       * @response `400` `(HandlerMap & {
+          msg?: string,
+      
+      })` Bad Request
+       * @response `500` `(HandlerMap & {
+          msg?: string,
+      
+      })` Internal Server Error
+       */
+      loginByEmail: (data, params = {}) => this.request(__spreadValues({
+        path: `/auth/email/login`,
+        method: "POST",
+        body: data,
+        type: "application/json",
+        format: "json"
+      }, params)),
+      /**
+       * @description Register by email and verify code (if user exists, will update user, like forget password. Need send email verify code first)
+       *
+       * @tags Auth
+       * @name RegisterByEmail
+       * @summary Register by email
+       * @request POST:/auth/email/register
+       * @response `200` `HandlerResponseUserLogin` OK
+       * @response `400` `(HandlerMap & {
+          msg?: string,
+      
+      })` Bad Request
+       * @response `500` `(HandlerMap & {
+          msg?: string,
+      
+      })` Internal Server Error
+       */
+      registerByEmail: (data, params = {}) => this.request(__spreadValues({
+        path: `/auth/email/register`,
+        method: "POST",
+        body: data,
+        type: "application/json",
+        format: "json"
+      }, params)),
+      /**
+       * @description Send email including verify code to user
+       *
+       * @tags Auth
+       * @name SendVerifyEmail
+       * @summary Send verify email
+       * @request POST:/auth/email/send
+       * @response `200` `(HandlerMap & {
+          msg?: string,
+      
+      })` OK
+       * @response `400` `(HandlerMap & {
+          msg?: string,
+      
+      })` Bad Request
+       * @response `500` `(HandlerMap & {
+          msg?: string,
+      
+      })` Internal Server Error
+       */
+      sendVerifyEmail: (data, params = {}) => this.request(__spreadValues({
+        path: `/auth/email/send`,
+        method: "POST",
+        body: data,
+        type: "application/json",
+        format: "json"
+      }, params)),
+      /**
+       * @description Get all users with same email, if there are more than one user with same email, need merge
+       *
+       * @tags Auth
+       * @name CheckDataMerge
+       * @summary Check data merge
+       * @request GET:/auth/merge
+       * @secure
+       * @response `200` `HandlerResponseAuthDataMergeCheck` OK
+       * @response `400` `(HandlerMap & {
+          msg?: string,
+      
+      })` Bad Request
+       * @response `500` `(HandlerMap & {
+          msg?: string,
+      
+      })` Internal Server Error
+       */
+      checkDataMerge: (params = {}) => this.request(__spreadValues({
+        path: `/auth/merge`,
+        method: "GET",
+        secure: true,
+        format: "json"
+      }, params)),
+      /**
+       * @description This function is to solve the problem of multiple users with the same email address, should be called after user login and then check, and perform data merge.
+       *
+       * @tags Auth
+       * @name ApplyDataMerge
+       * @summary Apply data merge
+       * @request POST:/auth/merge
+       * @secure
+       * @response `200` `HandlerResponseAuthDataMergeApply` OK
+       * @response `400` `(HandlerMap & {
+          msg?: string,
+      
+      })` Bad Request
+       * @response `500` `(HandlerMap & {
+          msg?: string,
+      
+      })` Internal Server Error
+       */
+      applyDataMerge: (data, params = {}) => this.request(__spreadValues({
+        path: `/auth/merge`,
+        method: "POST",
+        body: data,
+        secure: true,
+        type: "application/json",
+        format: "json"
+      }, params))
+    });
     __publicField(this, "cache", {
       /**
        * @description Flush all cache on the server
@@ -469,6 +601,24 @@ let Api$1 = class Api extends HttpClient {
         method: "GET",
         format: "json"
       }, params)),
+      /**
+       * @description Get social login providers
+       *
+       * @tags System
+       * @name GetSocialLoginProviders
+       * @summary Get Social Login Providers
+       * @request GET:/conf/auth/providers
+       * @response `200` `HandlerResponseConfAuthProviders` OK
+       * @response `404` `(HandlerMap & {
+          msg?: string,
+      
+      })` Not Found
+       */
+      getSocialLoginProviders: (params = {}) => this.request(__spreadValues({
+        path: `/conf/auth/providers`,
+        method: "GET",
+        format: "json"
+      }, params)),
       /**
        * @description Get Domain Info
        *
@@ -1328,8 +1478,6 @@ function getDefaultExportFromCjs(x) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps)
       _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps)
-      _defineProperties(Constructor, staticProps);
     Object.defineProperty(Constructor, "prototype", {
       writable: false
     });
@@ -2228,7 +2376,7 @@ const insaneOptions = {
   allowedAttributes: {
     "*": ["title", "accesskey"],
     a: ["href", "name", "target", "aria-label", "rel"],
-    img: ["src", "alt", "title", "atk-emoticon", "aria-label"],
+    img: ["src", "alt", "title", "atk-emoticon", "aria-label", "data-src", "class", "loading"],
     // for code highlight
     code: ["class"],
     span: ["class", "style"]
@@ -2236,7 +2384,8 @@ const insaneOptions = {
   filter: (node) => {
     const allowed = [
       ["code", /^hljs\W+language-(.*)$/],
-      ["span", /^(hljs-.*)$/]
+      ["span", /^(hljs-.*)$/],
+      ["img", /^lazyload$/]
     ];
     allowed.forEach(([tag, reg]) => {
       if (node.tag === tag && !!node.attrs.class && !reg.test(node.attrs.class)) {
@@ -2313,18 +2462,26 @@ const hanabi = /* @__PURE__ */ getDefaultExportFromCjs(hanabiExports);
 function renderCode(code) {
   return hanabi(code);
 }
-function getRenderer() {
+function getRenderer(options) {
   const renderer = new marked$1.Renderer();
   renderer.link = markedLinkRenderer(renderer, renderer.link);
   renderer.code = markedCodeRenderer();
+  renderer.image = markedImageRenderer(renderer, renderer.image, options);
   return renderer;
 }
 const markedLinkRenderer = (renderer, orgLinkRenderer) => (href, title, text) => {
-  const localLink = href == null ? void 0 : href.startsWith(`${window.location.protocol}//${window.location.hostname}`);
+  const getLinkOrigin = (link) => {
+    try {
+      return new URL(link).origin;
+    } catch (e) {
+      return "";
+    }
+  };
+  const isSameOriginLink = getLinkOrigin(href) === window.location.origin;
   const html = orgLinkRenderer.call(renderer, href, title, text);
   return html.replace(
     /^<a /,
-    `<a target="_blank" ${!localLink ? `rel="noreferrer noopener nofollow"` : ""} `
+    `<a target="_blank" ${!isSameOriginLink ? `rel="noreferrer noopener nofollow"` : ""} `
   );
 };
 const markedCodeRenderer = () => (block, lang) => {
@@ -2341,6 +2498,16 @@ const markedCodeRenderer = () => (block, lang) => {
 <code class="hljs language-${realLang}">${colorized.replace(/&amp;/g, "&")}</code>
 </pre>`;
 };
+const markedImageRenderer = (renderer, orgImageRenderer, { imgLazyLoad }) => (href, title, text) => {
+  const html = orgImageRenderer.call(renderer, href, title, text);
+  if (!imgLazyLoad)
+    return html;
+  if (imgLazyLoad === "native" || imgLazyLoad === true)
+    return html.replace(/^<img /, '<img class="lazyload" loading="lazy" ');
+  if (imgLazyLoad === "data-src")
+    return html.replace(/^<img /, '<img class="lazyload" ').replace("src=", "data-src=");
+  return html;
+};
 let instance;
 let replacers = [];
 const markedOptions = {
@@ -2354,16 +2521,18 @@ function getInstance() {
 function setReplacers(arr) {
   replacers = arr;
 }
-function initMarked() {
+function initMarked(options) {
   try {
     if (!marked$1.name)
       return;
   } catch (e) {
     return;
   }
-  marked$1.setOptions(__spreadValues({
-    renderer: getRenderer()
-  }, markedOptions));
+  marked$1.setOptions(__spreadValues(__spreadValues({
+    renderer: getRenderer({
+      imgLazyLoad: options.imgLazyLoad
+    })
+  }, markedOptions), options.markedOptions));
   instance = marked$1;
 }
 function marked(src) {
@@ -2494,176 +2663,14 @@ class DataManager {
     this.events.trigger("page-loaded", pageData);
   }
 }
-const en = {
-  /* Editor */
-  placeholder: "Leave a comment",
-  noComment: "No Comment",
-  send: "Send",
-  save: "Save",
-  nick: "Nickname",
-  email: "Email",
-  link: "Website",
-  emoticon: "Emoji",
-  preview: "Preview",
-  uploadImage: "Upload Image",
-  uploadFail: "Upload Failed",
-  commentFail: "Failed to comment",
-  restoredMsg: "Content has been restored",
-  onlyAdminCanReply: "Only admin can reply",
-  uploadLoginMsg: "Please fill in your name and email to upload",
-  /* List */
-  counter: "{count} Comments",
-  sortLatest: "Latest",
-  sortOldest: "Oldest",
-  sortBest: "Best",
-  sortAuthor: "Author",
-  openComment: "Open Comment",
-  closeComment: "Close Comment",
-  listLoadFailMsg: "Failed to load comments",
-  listRetry: "Retry",
-  loadMore: "Load More",
-  /* Comment */
-  admin: "Admin",
-  reply: "Reply",
-  voteUp: "Up",
-  voteDown: "Down",
-  voteFail: "Vote Failed",
-  readMore: "Read More",
-  actionConfirm: "Confirm",
-  collapse: "Collapse",
-  collapsed: "Collapsed",
-  collapsedMsg: "This comment has been collapsed",
-  expand: "Expand",
-  approved: "Approved",
-  pending: "Pending",
-  pendingMsg: "Pending, visible only to commenter.",
-  edit: "Edit",
-  editCancel: "Cancel Edit",
-  delete: "Delete",
-  deleteConfirm: "Confirm",
-  pin: "Pin",
-  unpin: "Unpin",
-  /* Time */
-  seconds: "seconds ago",
-  minutes: "minutes ago",
-  hours: "hours ago",
-  days: "days ago",
-  now: "just now",
-  /* Checker */
-  adminCheck: "Enter admin password:",
-  captchaCheck: "Enter the CAPTCHA to continue:",
-  confirm: "Confirm",
-  cancel: "Cancel",
-  /* Sidebar */
-  msgCenter: "Messages",
-  ctrlCenter: "Admin",
-  emailVerified: "Email has been verified",
-  /* General */
-  frontend: "Frontend",
-  backend: "Backend",
-  loading: "Loading",
-  loadFail: "Load Failed",
-  editing: "Editing",
-  editFail: "Edit Failed",
-  deleting: "Deleting",
-  deleteFail: "Delete Failed",
-  reqGot: "Request got",
-  reqAborted: "Request timed out or terminated unexpectedly",
-  updateMsg: "Please update Artalk {name} to get the best experience!",
-  currentVersion: "Current Version",
-  ignore: "Ignore",
-  open: "Open",
-  openName: "Open {name}"
-};
-const zhCN = {
-  /* Editor */
-  placeholder: "键入内容...",
-  noComment: "「此时无声胜有声」",
-  send: "发送",
-  save: "保存",
-  nick: "昵称",
-  email: "邮箱",
-  link: "网址",
-  emoticon: "表情",
-  preview: "预览",
-  uploadImage: "上传图片",
-  uploadFail: "上传失败",
-  commentFail: "评论失败",
-  restoredMsg: "内容已自动恢复",
-  onlyAdminCanReply: "仅管理员可评论",
-  uploadLoginMsg: "填入你的名字邮箱才能上传哦",
-  /* List */
-  counter: "{count} 条评论",
-  sortLatest: "最新",
-  sortOldest: "最早",
-  sortBest: "最热",
-  sortAuthor: "作者",
-  openComment: "打开评论",
-  closeComment: "关闭评论",
-  listLoadFailMsg: "无法获取评论列表数据",
-  listRetry: "点击重新获取",
-  loadMore: "加载更多",
-  /* Comment */
-  admin: "管理员",
-  reply: "回复",
-  voteUp: "赞同",
-  voteDown: "反对",
-  voteFail: "投票失败",
-  readMore: "阅读更多",
-  actionConfirm: "确认操作",
-  collapse: "折叠",
-  collapsed: "已折叠",
-  collapsedMsg: "该评论已被系统或管理员折叠",
-  expand: "展开",
-  approved: "已审",
-  pending: "待审",
-  pendingMsg: "审核中，仅本人可见。",
-  edit: "编辑",
-  editCancel: "取消编辑",
-  delete: "删除",
-  deleteConfirm: "确认删除",
-  pin: "置顶",
-  unpin: "取消置顶",
-  /* Time */
-  seconds: "秒前",
-  minutes: "分钟前",
-  hours: "小时前",
-  days: "天前",
-  now: "刚刚",
-  /* Checker */
-  adminCheck: "键入密码来验证管理员身份：",
-  captchaCheck: "键入验证码继续：",
-  confirm: "确认",
-  cancel: "取消",
-  /* Sidebar */
-  msgCenter: "通知中心",
-  ctrlCenter: "控制中心",
-  emailVerified: "邮箱已验证",
-  /* General */
-  frontend: "前端",
-  backend: "后端",
-  loading: "加载中",
-  loadFail: "加载失败",
-  editing: "修改中",
-  editFail: "修改失败",
-  deleting: "删除中",
-  deleteFail: "删除失败",
-  reqGot: "请求响应",
-  reqAborted: "请求超时或意外终止",
-  updateMsg: "请更新 Artalk {name} 以获得更好的体验！",
-  currentVersion: "当前版本",
-  ignore: "忽略",
-  open: "打开",
-  openName: "打开{name}"
-};
-const GLOBAL_LOCALES_KEY = "ArtalkI18n";
 function createElement(htmlStr = "") {
   const div = document.createElement("div");
   div.innerHTML = htmlStr.trim();
   return div.firstElementChild || div;
 }
 function getHeight(el) {
-  return parseFloat(getComputedStyle(el, null).height.replace("px", ""));
+  const num = parseFloat(getComputedStyle(el, null).height.replace("px", ""));
+  return num || 0;
 }
 function htmlEncode(str) {
   const temp = document.createElement("div");
@@ -2741,29 +2748,8 @@ function timeAgo(date, $t = (n) => n) {
     return " - ";
   }
 }
-function onImagesLoaded($container, event) {
-  if (!$container)
-    return;
-  const images = $container.getElementsByTagName("img");
-  if (!images.length)
-    return;
-  let loaded = images.length;
-  for (let i = 0; i < images.length; i++) {
-    if (images[i].complete) {
-      loaded--;
-    } else {
-      images[i].addEventListener("load", () => {
-        loaded--;
-        if (loaded === 0)
-          event();
-      });
-    }
-    if (loaded === 0)
-      event();
-  }
-}
 function getGravatarURL(opts) {
-  return `${opts.mirror.replace(/\/$/, "")}/${opts.emailMD5}?${opts.params.replace(/^\?/, "")}`;
+  return `${opts.mirror.replace(/\/$/, "")}/${opts.emailHash}?${opts.params.replace(/^\?/, "")}`;
 }
 function versionCompare(a, b) {
   const pa = a.split(".");
@@ -2828,6 +2814,211 @@ function getURLBasedOnApi(opts) {
 function getURLBasedOn(baseURL, path) {
   return `${baseURL.replace(/\/$/, "")}/${path.replace(/^\//, "")}`;
 }
+const en = {
+  /* Editor */
+  placeholder: "Leave a comment",
+  noComment: "No Comment",
+  send: "Send",
+  signIn: "Sign in",
+  signUp: "Sign up",
+  save: "Save",
+  nick: "Nickname",
+  email: "Email",
+  link: "Website",
+  emoticon: "Emoji",
+  preview: "Preview",
+  uploadImage: "Upload Image",
+  uploadFail: "Upload Failed",
+  commentFail: "Failed to comment",
+  restoredMsg: "Content has been restored",
+  onlyAdminCanReply: "Only admin can reply",
+  uploadLoginMsg: "Please fill in your name and email to upload",
+  /* List */
+  counter: "{count} Comments",
+  sortLatest: "Latest",
+  sortOldest: "Oldest",
+  sortBest: "Best",
+  sortAuthor: "Author",
+  openComment: "Open Comment",
+  closeComment: "Close Comment",
+  listLoadFailMsg: "Failed to load comments",
+  listRetry: "Retry",
+  loadMore: "Load More",
+  /* Comment */
+  admin: "Admin",
+  reply: "Reply",
+  voteUp: "Up",
+  voteDown: "Down",
+  voteFail: "Vote Failed",
+  readMore: "Read More",
+  actionConfirm: "Confirm",
+  collapse: "Collapse",
+  collapsed: "Collapsed",
+  collapsedMsg: "This comment has been collapsed",
+  expand: "Expand",
+  approved: "Approved",
+  pending: "Pending",
+  pendingMsg: "Pending, visible only to commenter.",
+  edit: "Edit",
+  editCancel: "Cancel Edit",
+  delete: "Delete",
+  deleteConfirm: "Confirm",
+  pin: "Pin",
+  unpin: "Unpin",
+  /* Time */
+  seconds: "seconds ago",
+  minutes: "minutes ago",
+  hours: "hours ago",
+  days: "days ago",
+  now: "just now",
+  /* Checker */
+  adminCheck: "Enter admin password:",
+  captchaCheck: "Enter the CAPTCHA to continue:",
+  confirm: "Confirm",
+  cancel: "Cancel",
+  /* Sidebar */
+  msgCenter: "Messages",
+  ctrlCenter: "Admin",
+  /* Auth */
+  noAccountPrompt: "Don't have an account?",
+  haveAccountPrompt: "Already have an account?",
+  forgetPassword: "Forget Password",
+  resetPassword: "Reset Password",
+  verificationCode: "Verification Code",
+  verifySend: "Verify",
+  verifyResend: "Resend",
+  waitSeconds: "Wait {seconds}s",
+  emailVerified: "Email has been verified",
+  password: "Password",
+  username: "Username",
+  nextStep: "Next Step",
+  skipNotVerify: "Skip, do not verify",
+  logoutConfirm: "Are you sure to logout?",
+  accountMergeNotice: "Your email has multiple accounts with different id.",
+  accountMergeSelectOne: "Please select one you want to merge all the data into it.",
+  accountMergeConfirm: "All data will be merged into one account, the id is {id}.",
+  dismiss: "Dismiss",
+  merge: "Merge",
+  /* General */
+  frontend: "Frontend",
+  backend: "Backend",
+  loading: "Loading",
+  loadFail: "Load Failed",
+  editing: "Editing",
+  editFail: "Edit Failed",
+  deleting: "Deleting",
+  deleteFail: "Delete Failed",
+  reqGot: "Request got",
+  reqAborted: "Request timed out or terminated unexpectedly",
+  updateMsg: "Please update Artalk {name} to get the best experience!",
+  currentVersion: "Current Version",
+  ignore: "Ignore",
+  open: "Open",
+  openName: "Open {name}"
+};
+const zhCN = {
+  /* Editor */
+  placeholder: "键入内容...",
+  noComment: "「此时无声胜有声」",
+  send: "发送",
+  signIn: "登录",
+  signUp: "注册",
+  save: "保存",
+  nick: "昵称",
+  email: "邮箱",
+  link: "网址",
+  emoticon: "表情",
+  preview: "预览",
+  uploadImage: "上传图片",
+  uploadFail: "上传失败",
+  commentFail: "评论失败",
+  restoredMsg: "内容已自动恢复",
+  onlyAdminCanReply: "仅管理员可评论",
+  uploadLoginMsg: "填入你的名字邮箱才能上传哦",
+  /* List */
+  counter: "{count} 条评论",
+  sortLatest: "最新",
+  sortOldest: "最早",
+  sortBest: "最热",
+  sortAuthor: "作者",
+  openComment: "打开评论",
+  closeComment: "关闭评论",
+  listLoadFailMsg: "无法获取评论列表数据",
+  listRetry: "点击重新获取",
+  loadMore: "加载更多",
+  /* Comment */
+  admin: "管理员",
+  reply: "回复",
+  voteUp: "赞同",
+  voteDown: "反对",
+  voteFail: "投票失败",
+  readMore: "阅读更多",
+  actionConfirm: "确认操作",
+  collapse: "折叠",
+  collapsed: "已折叠",
+  collapsedMsg: "该评论已被系统或管理员折叠",
+  expand: "展开",
+  approved: "已审",
+  pending: "待审",
+  pendingMsg: "审核中，仅本人可见。",
+  edit: "编辑",
+  editCancel: "取消编辑",
+  delete: "删除",
+  deleteConfirm: "确认删除",
+  pin: "置顶",
+  unpin: "取消置顶",
+  /* Time */
+  seconds: "秒前",
+  minutes: "分钟前",
+  hours: "小时前",
+  days: "天前",
+  now: "刚刚",
+  /* Checker */
+  adminCheck: "键入密码来验证管理员身份：",
+  captchaCheck: "键入验证码继续：",
+  confirm: "确认",
+  cancel: "取消",
+  /* Sidebar */
+  msgCenter: "通知中心",
+  ctrlCenter: "控制中心",
+  /* Auth */
+  noAccountPrompt: "没有账号？",
+  haveAccountPrompt: "已有账号？",
+  forgetPassword: "忘记密码",
+  resetPassword: "重置密码",
+  verificationCode: "验证码",
+  verifySend: "发送验证码",
+  verifyResend: "重新发送",
+  waitSeconds: "等待 {seconds}秒",
+  emailVerified: "邮箱已验证",
+  password: "密码",
+  username: "用户名",
+  nextStep: "下一步",
+  skipNotVerify: "跳过，不验证",
+  logoutConfirm: "确定要退出登录吗？",
+  accountMergeNotice: "您的电子邮件下有多个不同 ID 的账户。",
+  accountMergeSelectOne: "请选择将所有数据合并到其中的一个。",
+  accountMergeConfirm: "所有数据将合并到 ID 为 {id} 的账户中。",
+  dismiss: "忽略",
+  merge: "合并",
+  /* General */
+  frontend: "前端",
+  backend: "后端",
+  loading: "加载中",
+  loadFail: "加载失败",
+  editing: "修改中",
+  editFail: "修改失败",
+  deleting: "删除中",
+  deleteFail: "删除失败",
+  reqGot: "请求响应",
+  reqAborted: "请求超时或意外终止",
+  updateMsg: "请更新 Artalk {name} 以获得更好的体验！",
+  currentVersion: "当前版本",
+  ignore: "忽略",
+  open: "打开",
+  openName: "打开{name}"
+};
+const GLOBAL_LOCALES_KEY = "ArtalkI18n";
 const internal = {
   en,
   "en-US": en,
@@ -2911,11 +3102,12 @@ const defaults = {
   uaBadge: true,
   listSort: true,
   preview: true,
-  countEl: "#ArtalkCount",
-  pvEl: "#ArtalkPV",
+  countEl: ".artalk-comment-count",
+  pvEl: ".artalk-pv-count",
+  statPageKeyAttr: "data-page-key",
   gravatar: {
-    mirror: "https://cravatar.cn/avatar/",
-    params: "d=mp&s=240"
+    mirror: "https://www.gravatar.com/avatar/",
+    params: "sha256=1&d=mp&s=240"
   },
   pagination: {
     pageSize: 20,
@@ -2961,16 +3153,20 @@ function handelCustomConf(customConf, full = false) {
   return conf;
 }
 function handleConfFormServer(conf) {
-  const DisabledKeys = [
+  const ExcludedKeys = [
     "el",
     "pageKey",
     "pageTitle",
     "server",
     "site",
-    "darkMode"
+    "pvEl",
+    "countEl",
+    "statPageKeyAttr"
   ];
   Object.keys(conf).forEach((k) => {
-    if (DisabledKeys.includes(k))
+    if (ExcludedKeys.includes(k))
+      delete conf[k];
+    if (k === "darkMode" && conf[k] !== "auto")
       delete conf[k];
   });
   if (conf.emoticons && typeof conf.emoticons === "string") {
@@ -3147,50 +3343,6 @@ class Context {
     watchConf(this, keys, effect);
   }
 }
-class Dialog {
-  constructor(contentEl) {
-    __publicField(this, "$el");
-    __publicField(this, "$content");
-    __publicField(this, "$actions");
-    this.$el = createElement(
-      `<div class="atk-layer-dialog-wrap">
-        <div class="atk-layer-dialog">
-          <div class="atk-layer-dialog-content"></div>
-          <div class="atk-layer-dialog-actions"></div>
-        </div>
-      </div>`
-    );
-    this.$actions = this.$el.querySelector(".atk-layer-dialog-actions");
-    this.$content = this.$el.querySelector(".atk-layer-dialog-content");
-    this.$content.appendChild(contentEl);
-  }
-  /** 按钮 · 确定 */
-  setYes(handler) {
-    const btn = createElement(
-      `<button data-action="confirm">${t("confirm")}</button>`
-    );
-    btn.onclick = this.onBtnClick(handler);
-    this.$actions.appendChild(btn);
-    return this;
-  }
-  /** 按钮 · 取消 */
-  setNo(handler) {
-    const btn = createElement(
-      `<button data-action="cancel">${t("cancel")}</button>`
-    );
-    btn.onclick = this.onBtnClick(handler);
-    this.$actions.appendChild(btn);
-    return this;
-  }
-  onBtnClick(handler) {
-    return (evt) => {
-      const re = handler(evt.currentTarget, this);
-      if (re === void 0 || re === true) {
-        this.$el.remove();
-      }
-    };
-  }
-}
 function showLoading(parentElem, conf) {
   let $loading = parentElem.querySelector(":scope > .atk-loading");
   if (!$loading) {
@@ -3279,8 +3431,6 @@ function playFadeAnim(elem, after, type = "in") {
   const onAnimEnded = () => {
     elem.classList.remove(`atk-fade-${type}`);
     elem.removeEventListener("animationend", onAnimEnded);
-    if (after)
-      after();
   };
   elem.addEventListener("animationend", onAnimEnded);
 }
@@ -3438,6 +3588,50 @@ const AdminChecker = {
   onError(checker, err, inputVal, formEl) {
   }
 };
+class Dialog {
+  constructor(contentEl) {
+    __publicField(this, "$el");
+    __publicField(this, "$content");
+    __publicField(this, "$actions");
+    this.$el = createElement(
+      `<div class="atk-layer-dialog-wrap">
+        <div class="atk-layer-dialog">
+          <div class="atk-layer-dialog-content"></div>
+          <div class="atk-layer-dialog-actions"></div>
+        </div>
+      </div>`
+    );
+    this.$actions = this.$el.querySelector(".atk-layer-dialog-actions");
+    this.$content = this.$el.querySelector(".atk-layer-dialog-content");
+    this.$content.appendChild(contentEl);
+  }
+  /** 按钮 · 确定 */
+  setYes(handler) {
+    const btn = createElement(
+      `<button data-action="confirm">${t("confirm")}</button>`
+    );
+    btn.onclick = this.onBtnClick(handler);
+    this.$actions.appendChild(btn);
+    return this;
+  }
+  /** 按钮 · 取消 */
+  setNo(handler) {
+    const btn = createElement(
+      `<button data-action="cancel">${t("cancel")}</button>`
+    );
+    btn.onclick = this.onBtnClick(handler);
+    this.$actions.appendChild(btn);
+    return this;
+  }
+  onBtnClick(handler) {
+    return (evt) => {
+      const re = handler(evt.currentTarget, this);
+      if (re === void 0 || re === true) {
+        this.$el.remove();
+      }
+    };
+  }
+}
 function wrapPromise(fn) {
   return (payload) => new Promise((resolve, reject) => {
     const cancelFn = payload.onCancel;
@@ -3831,10 +4025,10 @@ class SidebarLayer extends Component {
       } else {
         const $iframe = this.$iframe;
         const iFrameSrc = $iframe.src;
-        if (this.conf.darkMode !== iFrameSrc.includes("darkMode=1")) {
+        if (this.getDarkMode() !== iFrameSrc.includes("&darkMode=1")) {
           this.iframeLoad(
             $iframe,
-            this.conf.darkMode ? iFrameSrc.concat("&darkMode=1") : iFrameSrc.replace("&darkMode=1", "")
+            this.getDarkMode() ? iFrameSrc.concat("&darkMode=1") : iFrameSrc.replace("&darkMode=1", "")
           );
         }
       }
@@ -3904,12 +4098,15 @@ class SidebarLayer extends Component {
     };
     if (view)
       query.view = view;
-    if (this.conf.darkMode)
+    if (this.getDarkMode())
       query.darkMode = "1";
     const urlParams = new URLSearchParams(query);
     this.iframeLoad($iframe, `${baseURL}?${urlParams.toString()}`);
     return $iframe;
   }
+  getDarkMode() {
+    return this.conf.darkMode === "auto" ? window.matchMedia("(prefers-color-scheme: dark)").matches : this.conf.darkMode;
+  }
   iframeLoad($iframe, src) {
     $iframe.src = src;
     showLoading(this.$iframeWrap);
@@ -4244,38 +4441,45 @@ function Detect(userAgent) {
   return dest;
 }
 function check(conf, rules) {
-  rules.forEach(({ el, max: maxHeight, imgContains }) => {
-    const _apply = () => {
-      if (!el)
-        return;
-      if (!conf.scrollable)
-        applyHeightLimit({
-          el,
-          maxHeight,
-          postBtnClick: conf.postExpandBtnClick
-        });
-      else
-        applyScrollableHeightLimit({ el, maxHeight });
-    };
+  rules.forEach(({ el, max, imgCheck }) => {
+    if (!el)
+      return;
+    if (imgCheck)
+      el.style.maxHeight = `${max + 1}px`;
+    let lock = false;
     const _check = () => {
-      if (el && getHeight(el) > maxHeight)
-        _apply();
+      if (lock)
+        return;
+      if (getHeight(el) <= max)
+        return;
+      const afterExpandBtnClick = () => {
+        var _a;
+        lock = true;
+        (_a = conf.afterExpandBtnClick) == null ? void 0 : _a.call(conf);
+      };
+      !conf.scrollable ? applyHeightLimit({ el, max, afterExpandBtnClick }) : applyScrollableHeightLimit({ el, max });
     };
     _check();
-    if (imgContains && el)
-      onImagesLoaded(el, () => _check());
+    if (imgCheck) {
+      const imgs = el.querySelectorAll(".atk-content img");
+      if (imgs.length === 0)
+        el.style.maxHeight = "";
+      imgs.forEach((img) => {
+        img.onload = () => _check();
+      });
+    }
   });
 }
 const HEIGHT_LIMIT_CSS = "atk-height-limit";
 function applyHeightLimit(obj) {
   if (!obj.el)
     return;
-  if (!obj.maxHeight)
+  if (!obj.max)
     return;
   if (obj.el.classList.contains(HEIGHT_LIMIT_CSS))
     return;
   obj.el.classList.add(HEIGHT_LIMIT_CSS);
-  obj.el.style.height = `${obj.maxHeight}px`;
+  obj.el.style.height = `${obj.max}px`;
   obj.el.style.overflow = "hidden";
   const $expandBtn = createElement(
     `<div class="atk-height-limit-btn">${t("readMore")}</span>`
@@ -4283,8 +4487,8 @@ function applyHeightLimit(obj) {
   $expandBtn.onclick = (e) => {
     e.stopPropagation();
     disposeHeightLimit(obj.el);
-    if (obj.postBtnClick)
-      obj.postBtnClick(e);
+    if (obj.afterExpandBtnClick)
+      obj.afterExpandBtnClick(e);
   };
   obj.el.append($expandBtn);
 }
@@ -4299,16 +4503,17 @@ function disposeHeightLimit($el) {
       e.remove();
   });
   $el.style.height = "";
+  $el.style.maxHeight = "";
   $el.style.overflow = "";
 }
 const HEIGHT_LIMIT_SCROLL_CSS = "atk-height-limit-scroll";
-function applyScrollableHeightLimit(obj) {
-  if (!obj.el)
+function applyScrollableHeightLimit(opt) {
+  if (!opt.el)
     return;
-  if (obj.el.classList.contains(HEIGHT_LIMIT_SCROLL_CSS))
+  if (opt.el.classList.contains(HEIGHT_LIMIT_SCROLL_CSS))
     return;
-  obj.el.classList.add(HEIGHT_LIMIT_SCROLL_CSS);
-  obj.el.style.height = `${obj.maxHeight}px`;
+  opt.el.classList.add(HEIGHT_LIMIT_SCROLL_CSS);
+  opt.el.style.height = `${opt.max}px`;
 }
 const CommentHTML = '<div class="atk-comment-wrap">\n  <div class="atk-comment">\n    <div class="atk-avatar"></div>\n    <div class="atk-main">\n      <div class="atk-header">\n        <span class="atk-item atk-nick"></span>\n        <span class="atk-badge-wrap"></span>\n        <span class="atk-item atk-date"></span>\n      </div>\n      <div class="atk-body">\n        <div class="atk-content"></div>\n      </div>\n      <div class="atk-footer">\n        <div class="atk-actions"></div>\n      </div>\n    </div>\n  </div>\n</div>\n';
 function renderAvatar(r) {
@@ -4772,7 +4977,7 @@ class Render {
     const childrenMaxH = conf.children;
     check(
       {
-        postExpandBtnClick: () => {
+        afterExpandBtnClick: () => {
           const children = this.comment.getChildren();
           if (children.length === 1)
             disposeHeightLimit(children[0].getRender().$content);
@@ -4781,10 +4986,10 @@ class Render {
       },
       [
         // 评论内容限高
-        { el: this.$content, max: contentMaxH, imgContains: true },
-        { el: this.$replyTo, max: contentMaxH, imgContains: true },
+        { el: this.$content, max: contentMaxH, imgCheck: true },
+        { el: this.$replyTo, max: contentMaxH, imgCheck: true },
         // 子评论区域限高（仅嵌套模式）
-        { el: this.$childrenWrap, max: childrenMaxH, imgContains: false }
+        { el: this.$childrenWrap, max: childrenMaxH, imgCheck: false }
       ]
     );
   }
@@ -4873,7 +5078,7 @@ class CommentActions {
       (_b = this.comment.getRender().voteBtnDown) == null ? void 0 : _b.updateText();
     }).catch((err) => {
       actionBtn == null ? void 0 : actionBtn.setError(t("voteFail"));
-      console.log(err);
+      console.error(err);
     });
   }
   /** 管理员 - 评论状态修改 */
@@ -5057,7 +5262,7 @@ class CommentNode {
     return getGravatarURL({
       mirror: this.opts.gravatar.mirror,
       params: this.opts.gravatar.params,
-      emailMD5: this.data.email_encrypted
+      emailHash: this.data.email_encrypted
     });
   }
   /** 获取评论 markdown 解析后的内容 */
@@ -5752,7 +5957,7 @@ const services = {
   }
 };
 const PvCountWidget = (ctx) => {
-  ctx.watchConf(["site", "pageKey", "pageTitle", "countEl", "pvEl"], (conf) => {
+  ctx.watchConf(["site", "pageKey", "pageTitle", "countEl", "pvEl", "statPageKeyAttr"], (conf) => {
     initCountWidget({
       getApi: () => ctx.getApi(),
       siteName: conf.site,
@@ -5760,78 +5965,85 @@ const PvCountWidget = (ctx) => {
       pageTitle: conf.pageTitle,
       countEl: conf.countEl,
       pvEl: conf.pvEl,
+      pageKeyAttr: conf.statPageKeyAttr,
       pvAdd: typeof ctx.conf.pvAdd === "boolean" ? ctx.conf.pvAdd : true
     });
   });
 };
 function initCountWidget(opt) {
   return __async(this, null, function* () {
-    if (opt.countEl && document.querySelector(opt.countEl)) {
-      refreshStatCount(opt, { query: "page_comment", numEl: opt.countEl });
-    }
-    const initialData = opt.pvAdd && opt.pageKey ? {
-      [opt.pageKey]: (yield opt.getApi().pages.logPv({
-        page_key: opt.pageKey,
-        page_title: opt.pageTitle,
-        site_name: opt.siteName
-      })).data.pv
-      // pv+1 and get pv count
-    } : void 0;
-    if (opt.pvEl && document.querySelector(opt.pvEl)) {
-      refreshStatCount(opt, {
-        query: "page_pv",
-        numEl: opt.pvEl,
-        data: initialData
-      });
-    }
+    yield loadCommentCount(opt);
+    const cacheData = yield incrementPvCount(opt);
+    yield loadPvCount(opt, cacheData);
+  });
+}
+function incrementPvCount(opt) {
+  return __async(this, null, function* () {
+    if (!opt.pvAdd || !opt.pageKey)
+      return void 0;
+    const pvCount = (yield opt.getApi().pages.logPv({
+      page_key: opt.pageKey,
+      page_title: opt.pageTitle,
+      site_name: opt.siteName
+    })).data.pv;
+    return {
+      [opt.pageKey]: pvCount
+    };
+  });
+}
+function loadCommentCount(opt) {
+  return __async(this, null, function* () {
+    yield loadStatCount({ opt, query: "page_comment", containers: [opt.countEl, "#ArtalkCount"] });
+  });
+}
+function loadPvCount(opt, cache) {
+  return __async(this, null, function* () {
+    yield loadStatCount({ opt, query: "page_pv", containers: [opt.pvEl, "#ArtalkPv"], cache });
   });
 }
-function refreshStatCount(opt, args) {
+function loadStatCount(args) {
   return __async(this, null, function* () {
-    let data = args.data || {};
-    let queryPageKeys = Array.from(document.querySelectorAll(args.numEl)).map((e) => e.getAttribute("data-page-key") || opt.pageKey).filter((k) => k && typeof data[k] !== "number");
-    queryPageKeys = [...new Set(queryPageKeys)];
-    if (queryPageKeys.length > 0) {
+    const { opt } = args;
+    let cache = args.cache || {};
+    const els = retrieveElements(args.containers);
+    const pageKeys = getPageKeys(els, opt.pageKeyAttr, opt.pageKey, cache);
+    if (pageKeys.length > 0) {
       const res = (yield opt.getApi().stats.getStats(args.query, {
-        page_keys: queryPageKeys.join(","),
+        page_keys: pageKeys.join(","),
         site_name: opt.siteName
       })).data.data;
-      data = __spreadValues(__spreadValues({}, data), res);
+      cache = __spreadValues(__spreadValues({}, cache), res);
     }
-    const defaultCount = opt.pageKey ? data[opt.pageKey] : 0;
-    applyCountData(args.numEl, data, defaultCount);
+    updateElementsText(els, cache, opt.pageKey);
   });
 }
-function applyCountData(selector, data, defaultCount) {
-  document.querySelectorAll(selector).forEach((el) => {
-    const pageKey = el.getAttribute("data-page-key");
-    const count = Number(pageKey ? data[pageKey] : defaultCount);
-    el.innerHTML = `${count}`;
+function retrieveElements(containers) {
+  const els = /* @__PURE__ */ new Set();
+  new Set(containers).forEach((selector) => {
+    document.querySelectorAll(selector).forEach((el) => els.add(el));
   });
+  return els;
 }
-function showErrorDialog(opts) {
-  const errEl = createElement(`<span><span class="error-message"></span><br/><br/></span>`);
-  errEl.querySelector(".error-message").innerText = `${t("listLoadFailMsg")}
-${opts.errMsg}`;
-  if (opts.retryFn) {
-    const $retryBtn = createElement(`<span style="cursor:pointer;">${t("listRetry")}</span>`);
-    $retryBtn.onclick = () => opts.retryFn && opts.retryFn();
-    errEl.appendChild($retryBtn);
-  }
-  if (opts.onOpenSidebar) {
-    const $openSidebar = createElement(
-      `<span atk-only-admin-show> | <span style="cursor:pointer;">${t("openName", { name: t("ctrlCenter") })}</span></span>`
-    );
-    errEl.appendChild($openSidebar);
-    $openSidebar.onclick = () => opts.onOpenSidebar && opts.onOpenSidebar();
-  }
-  setError(opts.$err, errEl);
+function getPageKeys(els, pageKeyAttr, pageKey, cache) {
+  const pageKeys = Array.from(els).map((el) => el.getAttribute(pageKeyAttr) || pageKey).filter((key) => key && typeof cache[key] !== "number");
+  return [...new Set(pageKeys)];
+}
+function updateElementsText(els, data, defaultPageKey) {
+  els.forEach((el) => {
+    const pageKey = el.getAttribute("data-page-key");
+    const count = pageKey && data[pageKey] || defaultPageKey && data[defaultPageKey] || 0;
+    el.innerText = `${Number(count)}`;
+  });
 }
 const Markdown = (ctx) => {
-  initMarked();
-  ctx.on("updated", (conf) => {
-    if (conf.markedReplacers)
-      setReplacers(conf.markedReplacers);
+  ctx.watchConf(["imgLazyLoad", "markedOptions"], (conf) => {
+    initMarked({
+      markedOptions: ctx.getConf().markedOptions,
+      imgLazyLoad: ctx.getConf().imgLazyLoad
+    });
+  });
+  ctx.watchConf(["markedReplacers"], (conf) => {
+    conf.markedReplacers && setReplacers(conf.markedReplacers);
   });
 };
 const LocalStorageKey = "ArtalkContent";
@@ -7068,7 +7280,7 @@ const GotoFocus = (ctx) => {
     comment.focus();
   }));
 };
-const version = "2.8.5";
+const version = "2.8.7";
 const Copyright = (ctx) => {
   ctx.on("mounted", () => {
     const list = ctx.get("list");
@@ -7173,8 +7385,7 @@ function renderDropdown(conf) {
   };
   const $dropdown = createElement(`<ul class="atk-dropdown atk-fade-in"></ul>`);
   dropdownList.forEach((item, i) => {
-    const name = item[0];
-    const action = item[1];
+    const [name, action] = item;
     const $item = createElement(`<li class="atk-dropdown-item"><span></span></li>`);
     const $link = $item.querySelector("span");
     $link.innerText = name;
@@ -7209,6 +7420,24 @@ const TimeTicking = (ctx) => {
     timer && window.clearInterval(timer);
   });
 };
+function showErrorDialog(opts) {
+  const errEl = createElement(`<span><span class="error-message"></span><br/><br/></span>`);
+  errEl.querySelector(".error-message").innerText = `${t("listLoadFailMsg")}
+${opts.errMsg}`;
+  if (opts.retryFn) {
+    const $retryBtn = createElement(`<span style="cursor:pointer;">${t("listRetry")}</span>`);
+    $retryBtn.onclick = () => opts.retryFn && opts.retryFn();
+    errEl.appendChild($retryBtn);
+  }
+  if (opts.onOpenSidebar) {
+    const $openSidebar = createElement(
+      `<span atk-only-admin-show> | <span style="cursor:pointer;">${t("openName", { name: t("ctrlCenter") })}</span></span>`
+    );
+    errEl.appendChild($openSidebar);
+    $openSidebar.onclick = () => opts.onOpenSidebar && opts.onOpenSidebar();
+  }
+  setError(opts.$err, errEl);
+}
 const ErrorDialog = (ctx) => {
   ctx.on("list-fetch", () => {
     const list = ctx.get("list");
@@ -7473,16 +7702,16 @@ const DefaultPlugins = [
   VersionCheck,
   DarkMode
 ];
-const GlobalPlugins = [...DefaultPlugins];
+const GlobalPlugins = /* @__PURE__ */ new Set([...DefaultPlugins]);
 function load(ctx) {
   return __async(this, null, function* () {
     var _a;
-    const loadedPlugins = [];
+    const loadedPlugins = /* @__PURE__ */ new Set();
     const loadPlugins = (plugins) => {
       plugins.forEach((plugin) => {
-        if (typeof plugin === "function" && !loadedPlugins.includes(plugin)) {
+        if (typeof plugin === "function" && !loadedPlugins.has(plugin)) {
           plugin(ctx);
-          loadedPlugins.push(plugin);
+          loadedPlugins.add(plugin);
         }
       });
     };
@@ -7518,8 +7747,9 @@ function load(ctx) {
 }
 function loadNetworkPlugins(scripts, apiBase) {
   return __async(this, null, function* () {
+    const networkPlugins = /* @__PURE__ */ new Set();
     if (!scripts || !Array.isArray(scripts))
-      return [];
+      return networkPlugins;
     const tasks = [];
     scripts.forEach((url) => {
       if (!/^(http|https):\/\//.test(url))
@@ -7539,7 +7769,11 @@ function loadNetworkPlugins(scripts, apiBase) {
       );
     });
     yield Promise.all(tasks);
-    return Object.values(window.ArtalkPlugins || {});
+    Object.values(window.ArtalkPlugins || {}).forEach((plugin) => {
+      if (typeof plugin === "function")
+        networkPlugins.add(plugin);
+    });
+    return networkPlugins;
   });
 }
 function onLoadErr(ctx, err) {
@@ -7625,9 +7859,7 @@ class Artalk {
   }
   /** Use plugin, the plugin will be used when Artalk.init */
   static use(plugin) {
-    if (GlobalPlugins.includes(plugin))
-      return;
-    GlobalPlugins.push(plugin);
+    GlobalPlugins.add(plugin);
   }
   /** Load count widget */
   static loadCountWidget(c) {
@@ -7637,6 +7869,7 @@ class Artalk {
       siteName: conf.site,
       countEl: conf.countEl,
       pvEl: conf.pvEl,
+      pageKeyAttr: conf.statPageKeyAttr,
       pvAdd: false
     });
   }