artalk 2.8.6 → 2.9.0

package/dist/ArtalkLite.mjs

@@ -29,10 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -53,7 +50,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { marked as marked$1 } from "marked";
+import { marked as marked$1, Marked } from "marked";
 class HttpClient {
   constructor(apiConfig = {}) {
     __publicField(this, "baseUrl", "/api/v2");
@@ -150,7 +147,7 @@ class HttpClient {
           body: typeof body === "undefined" || body === null ? null : payloadFormatter(body)
         })
       ).then((response) => __async(this, null, function* () {
-        const r = response;
+        const r = response.clone();
         r.data = null;
         r.error = null;
         const data = !responseFormat ? r : yield response[responseFormat]().then((data2) => {
@@ -167,8 +164,7 @@ class HttpClient {
         if (cancelToken) {
           this.abortControllers.delete(cancelToken);
         }
-        if (!response.ok)
-          throw data;
+        if (!response.ok) throw data;
         return data;
       }));
     }));
@@ -240,7 +236,7 @@ let Api$1 = class Api extends HttpClient {
         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)
+       * @description Register by email and verify code (if user exists, will update user, like forget or change password. Need send email verify code first)
        *
        * @tags Auth
        * @name RegisterByEmail
@@ -1219,6 +1215,32 @@ let Api$1 = class Api extends HttpClient {
         secure: true,
         format: "json"
       }, params)),
+      /**
+       * @description Update user profile when user is logged in
+       *
+       * @tags Auth
+       * @name UpdateProfile
+       * @summary Update user profile
+       * @request POST:/user
+       * @secure
+       * @response `200` `HandlerResponseUserInfoUpdate` OK
+       * @response `400` `(HandlerMap & {
+          msg?: string,
+      
+      })` Bad Request
+       * @response `500` `(HandlerMap & {
+          msg?: string,
+      
+      })` Internal Server Error
+       */
+      updateProfile: (data, params = {}) => this.request(__spreadValues({
+        path: `/user`,
+        method: "POST",
+        body: data,
+        secure: true,
+        type: "application/json",
+        format: "json"
+      }, params)),
       /**
        * @description Login user by name or email
        *
@@ -1453,411 +1475,12 @@ let Api$1 = class Api extends HttpClient {
     });
   }
 };
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-(function(factory) {
-  factory();
-})(function() {
-  function _classCallCheck(instance2, Constructor) {
-    if (!(instance2 instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-  function _defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor)
-        descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-  function _createClass(Constructor, protoProps, staticProps) {
-    if (protoProps)
-      _defineProperties(Constructor.prototype, protoProps);
-    Object.defineProperty(Constructor, "prototype", {
-      writable: false
-    });
-    return Constructor;
-  }
-  function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-      throw new TypeError("Super expression must either be null or a function");
-    }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-      constructor: {
-        value: subClass,
-        writable: true,
-        configurable: true
-      }
-    });
-    Object.defineProperty(subClass, "prototype", {
-      writable: false
-    });
-    if (superClass)
-      _setPrototypeOf(subClass, superClass);
-  }
-  function _getPrototypeOf(o) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
-      return o2.__proto__ || Object.getPrototypeOf(o2);
-    };
-    return _getPrototypeOf(o);
-  }
-  function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
-      o2.__proto__ = p2;
-      return o2;
-    };
-    return _setPrototypeOf(o, p);
-  }
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct)
-      return false;
-    if (Reflect.construct.sham)
-      return false;
-    if (typeof Proxy === "function")
-      return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-      }));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  function _assertThisInitialized(self2) {
-    if (self2 === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self2;
-  }
-  function _possibleConstructorReturn(self2, call) {
-    if (call && (typeof call === "object" || typeof call === "function")) {
-      return call;
-    } else if (call !== void 0) {
-      throw new TypeError("Derived constructors may only return object or undefined");
-    }
-    return _assertThisInitialized(self2);
-  }
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-      var Super = _getPrototypeOf(Derived), result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return _possibleConstructorReturn(this, result);
-    };
-  }
-  function _superPropBase(object, property) {
-    while (!Object.prototype.hasOwnProperty.call(object, property)) {
-      object = _getPrototypeOf(object);
-      if (object === null)
-        break;
-    }
-    return object;
-  }
-  function _get() {
-    if (typeof Reflect !== "undefined" && Reflect.get) {
-      _get = Reflect.get.bind();
-    } else {
-      _get = function _get2(target, property, receiver) {
-        var base = _superPropBase(target, property);
-        if (!base)
-          return;
-        var desc = Object.getOwnPropertyDescriptor(base, property);
-        if (desc.get) {
-          return desc.get.call(arguments.length < 3 ? target : receiver);
-        }
-        return desc.value;
-      };
-    }
-    return _get.apply(this, arguments);
-  }
-  var Emitter = /* @__PURE__ */ function() {
-    function Emitter2() {
-      _classCallCheck(this, Emitter2);
-      Object.defineProperty(this, "listeners", {
-        value: {},
-        writable: true,
-        configurable: true
-      });
-    }
-    _createClass(Emitter2, [{
-      key: "addEventListener",
-      value: function addEventListener(type, callback, options) {
-        if (!(type in this.listeners)) {
-          this.listeners[type] = [];
-        }
-        this.listeners[type].push({
-          callback,
-          options
-        });
-      }
-    }, {
-      key: "removeEventListener",
-      value: function removeEventListener(type, callback) {
-        if (!(type in this.listeners)) {
-          return;
-        }
-        var stack = this.listeners[type];
-        for (var i = 0, l = stack.length; i < l; i++) {
-          if (stack[i].callback === callback) {
-            stack.splice(i, 1);
-            return;
-          }
-        }
-      }
-    }, {
-      key: "dispatchEvent",
-      value: function dispatchEvent(event) {
-        if (!(event.type in this.listeners)) {
-          return;
-        }
-        var stack = this.listeners[event.type];
-        var stackToCall = stack.slice();
-        for (var i = 0, l = stackToCall.length; i < l; i++) {
-          var listener = stackToCall[i];
-          try {
-            listener.callback.call(this, event);
-          } catch (e) {
-            Promise.resolve().then(function() {
-              throw e;
-            });
-          }
-          if (listener.options && listener.options.once) {
-            this.removeEventListener(event.type, listener.callback);
-          }
-        }
-        return !event.defaultPrevented;
-      }
-    }]);
-    return Emitter2;
-  }();
-  var AbortSignal = /* @__PURE__ */ function(_Emitter) {
-    _inherits(AbortSignal2, _Emitter);
-    var _super = _createSuper(AbortSignal2);
-    function AbortSignal2() {
-      var _this;
-      _classCallCheck(this, AbortSignal2);
-      _this = _super.call(this);
-      if (!_this.listeners) {
-        Emitter.call(_assertThisInitialized(_this));
-      }
-      Object.defineProperty(_assertThisInitialized(_this), "aborted", {
-        value: false,
-        writable: true,
-        configurable: true
-      });
-      Object.defineProperty(_assertThisInitialized(_this), "onabort", {
-        value: null,
-        writable: true,
-        configurable: true
-      });
-      Object.defineProperty(_assertThisInitialized(_this), "reason", {
-        value: void 0,
-        writable: true,
-        configurable: true
-      });
-      return _this;
-    }
-    _createClass(AbortSignal2, [{
-      key: "toString",
-      value: function toString() {
-        return "[object AbortSignal]";
-      }
-    }, {
-      key: "dispatchEvent",
-      value: function dispatchEvent(event) {
-        if (event.type === "abort") {
-          this.aborted = true;
-          if (typeof this.onabort === "function") {
-            this.onabort.call(this, event);
-          }
-        }
-        _get(_getPrototypeOf(AbortSignal2.prototype), "dispatchEvent", this).call(this, event);
-      }
-    }]);
-    return AbortSignal2;
-  }(Emitter);
-  var AbortController2 = /* @__PURE__ */ function() {
-    function AbortController3() {
-      _classCallCheck(this, AbortController3);
-      Object.defineProperty(this, "signal", {
-        value: new AbortSignal(),
-        writable: true,
-        configurable: true
-      });
-    }
-    _createClass(AbortController3, [{
-      key: "abort",
-      value: function abort(reason) {
-        var event;
-        try {
-          event = new Event("abort");
-        } catch (e) {
-          if (typeof document !== "undefined") {
-            if (!document.createEvent) {
-              event = document.createEventObject();
-              event.type = "abort";
-            } else {
-              event = document.createEvent("Event");
-              event.initEvent("abort", false, false);
-            }
-          } else {
-            event = {
-              type: "abort",
-              bubbles: false,
-              cancelable: false
-            };
-          }
-        }
-        var signalReason = reason;
-        if (signalReason === void 0) {
-          if (typeof document === "undefined") {
-            signalReason = new Error("This operation was aborted");
-            signalReason.name = "AbortError";
-          } else {
-            try {
-              signalReason = new DOMException("signal is aborted without reason");
-            } catch (err) {
-              signalReason = new Error("This operation was aborted");
-              signalReason.name = "AbortError";
-            }
-          }
-        }
-        this.signal.reason = signalReason;
-        this.signal.dispatchEvent(event);
-      }
-    }, {
-      key: "toString",
-      value: function toString() {
-        return "[object AbortController]";
-      }
-    }]);
-    return AbortController3;
-  }();
-  if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
-    AbortController2.prototype[Symbol.toStringTag] = "AbortController";
-    AbortSignal.prototype[Symbol.toStringTag] = "AbortSignal";
-  }
-  function polyfillNeeded(self2) {
-    if (self2.__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL) {
-      console.log("__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL=true is set, will force install polyfill");
-      return true;
-    }
-    return typeof self2.Request === "function" && !self2.Request.prototype.hasOwnProperty("signal") || !self2.AbortController;
-  }
-  function abortableFetchDecorator(patchTargets) {
-    if ("function" === typeof patchTargets) {
-      patchTargets = {
-        fetch: patchTargets
-      };
-    }
-    var _patchTargets = patchTargets, fetch2 = _patchTargets.fetch, _patchTargets$Request = _patchTargets.Request, NativeRequest = _patchTargets$Request === void 0 ? fetch2.Request : _patchTargets$Request, NativeAbortController = _patchTargets.AbortController, _patchTargets$__FORCE = _patchTargets.__FORCE_INSTALL_ABORTCONTROLLER_POLYFILL, __FORCE_INSTALL_ABORTCONTROLLER_POLYFILL = _patchTargets$__FORCE === void 0 ? false : _patchTargets$__FORCE;
-    if (!polyfillNeeded({
-      fetch: fetch2,
-      Request: NativeRequest,
-      AbortController: NativeAbortController,
-      __FORCE_INSTALL_ABORTCONTROLLER_POLYFILL
-    })) {
-      return {
-        fetch: fetch2,
-        Request
-      };
-    }
-    var Request = NativeRequest;
-    if (Request && !Request.prototype.hasOwnProperty("signal") || __FORCE_INSTALL_ABORTCONTROLLER_POLYFILL) {
-      Request = function Request2(input, init2) {
-        var signal;
-        if (init2 && init2.signal) {
-          signal = init2.signal;
-          delete init2.signal;
-        }
-        var request = new NativeRequest(input, init2);
-        if (signal) {
-          Object.defineProperty(request, "signal", {
-            writable: false,
-            enumerable: false,
-            configurable: true,
-            value: signal
-          });
-        }
-        return request;
-      };
-      Request.prototype = NativeRequest.prototype;
-    }
-    var realFetch = fetch2;
-    var abortableFetch = function abortableFetch2(input, init2) {
-      var signal = Request && Request.prototype.isPrototypeOf(input) ? input.signal : init2 ? init2.signal : void 0;
-      if (signal) {
-        var abortError;
-        try {
-          abortError = new DOMException("Aborted", "AbortError");
-        } catch (err) {
-          abortError = new Error("Aborted");
-          abortError.name = "AbortError";
-        }
-        if (signal.aborted) {
-          return Promise.reject(abortError);
-        }
-        var cancellation = new Promise(function(_, reject) {
-          signal.addEventListener("abort", function() {
-            return reject(abortError);
-          }, {
-            once: true
-          });
-        });
-        if (init2 && init2.signal) {
-          delete init2.signal;
-        }
-        return Promise.race([cancellation, realFetch(input, init2)]);
-      }
-      return realFetch(input, init2);
-    };
-    return {
-      fetch: abortableFetch,
-      Request
-    };
-  }
-  (function(self2) {
-    if (!polyfillNeeded(self2)) {
-      return;
-    }
-    if (!self2.fetch) {
-      console.warn("fetch() is not available, cannot install abortcontroller-polyfill");
-      return;
-    }
-    var _abortableFetch = abortableFetchDecorator(self2), fetch2 = _abortableFetch.fetch, Request = _abortableFetch.Request;
-    self2.fetch = fetch2;
-    self2.Request = Request;
-    Object.defineProperty(self2, "AbortController", {
-      writable: true,
-      enumerable: false,
-      configurable: true,
-      value: AbortController2
-    });
-    Object.defineProperty(self2, "AbortSignal", {
-      writable: true,
-      enumerable: false,
-      configurable: true,
-      value: AbortSignal
-    });
-  })(typeof self !== "undefined" ? self : commonjsGlobal);
-});
 const Fetch$1 = (opts, input, init2) => __async(void 0, null, function* () {
   const apiToken = opts.getApiToken && opts.getApiToken();
   const headers = new Headers(__spreadValues({
     Authorization: apiToken ? `Bearer ${apiToken}` : ""
   }, init2 == null ? void 0 : init2.headers));
-  if (!headers.get("Authorization"))
-    headers.delete("Authorization");
+  if (!headers.get("Authorization")) headers.delete("Authorization");
   const resp = yield fetch(input, __spreadProps(__spreadValues({}, init2), {
     headers
   }));
@@ -1872,8 +1495,7 @@ const Fetch$1 = (opts, input, init2) => __async(void 0, null, function* () {
         retry = true;
       }
     }), Promise.resolve()));
-    if (retry)
-      return Fetch$1(opts, input, init2);
+    if (retry) return Fetch$1(opts, input, init2);
     throw createError(resp.status, json);
   }
   return resp;
@@ -1900,6 +1522,10 @@ function createApiHandlers() {
     add: (action, handler) => {
       handlers.push({ action, handler });
     },
+    remove: (action) => {
+      const index = handlers.findIndex((h) => h.action === action);
+      if (index !== -1) handlers.splice(index, 1);
+    },
     get: () => handlers
   };
 }
@@ -1919,11 +1545,14 @@ class Api2 extends Api$1 {
    */
   getUserFields() {
     const user = this._opts.userInfo;
-    if (!(user == null ? void 0 : user.name) || !(user == null ? void 0 : user.email))
-      return void 0;
+    if (!(user == null ? void 0 : user.name) || !(user == null ? void 0 : user.email)) return void 0;
     return { name: user.name, email: user.email };
   }
 }
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
 var escapes = {
   "&": "&amp;",
   "<": "&lt;",
@@ -2422,11 +2051,9 @@ var hanabi$1 = { exports: {} };
     });
     var defaultColors = ["23AC69", "91C132", "F19726", "E8552D", "1AAB8E", "E1147F", "2980C1", "1BA1E6", "9FA0A0", "F19726", "E30B20", "E30B20", "A3338B"];
     var index = function(input, ref) {
-      if (ref === void 0)
-        ref = {};
+      if (ref === void 0) ref = {};
       var colors = ref.colors;
-      if (colors === void 0)
-        colors = defaultColors;
+      if (colors === void 0) colors = defaultColors;
       var index2 = 0;
       var cache = {};
       var wordRe = /[\u4E00-\u9FFF\u3400-\u4dbf\uf900-\ufaff\u3040-\u309f\uac00-\ud7af\u0400-\u04FF]+|\w+/;
@@ -2469,7 +2096,7 @@ function getRenderer(options) {
   renderer.image = markedImageRenderer(renderer, renderer.image, options);
   return renderer;
 }
-const markedLinkRenderer = (renderer, orgLinkRenderer) => (href, title, text) => {
+const markedLinkRenderer = (renderer, orgLinkRenderer) => (args) => {
   const getLinkOrigin = (link) => {
     try {
       return new URL(link).origin;
@@ -2477,31 +2104,30 @@ const markedLinkRenderer = (renderer, orgLinkRenderer) => (href, title, text) =>
       return "";
     }
   };
-  const isSameOriginLink = getLinkOrigin(href) === window.location.origin;
-  const html = orgLinkRenderer.call(renderer, href, title, text);
+  const isSameOriginLink = getLinkOrigin(args.href) === window.location.origin;
+  const html = orgLinkRenderer.call(renderer, args);
   return html.replace(
     /^<a /,
     `<a target="_blank" ${!isSameOriginLink ? `rel="noreferrer noopener nofollow"` : ""} `
   );
 };
-const markedCodeRenderer = () => (block, lang) => {
+const markedCodeRenderer = () => ({ lang, text }) => {
   const realLang = !lang ? "plaintext" : lang;
-  let colorized = block;
+  let colorized = text;
   if (window.hljs) {
     if (realLang && window.hljs.getLanguage(realLang)) {
-      colorized = window.hljs.highlight(realLang, block).value;
+      colorized = window.hljs.highlight(realLang, text).value;
     }
   } else {
-    colorized = renderCode(block);
+    colorized = renderCode(text);
   }
   return `<pre rel="${realLang}">
 <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;
+const markedImageRenderer = (renderer, orgImageRenderer, { imgLazyLoad }) => (args) => {
+  const html = orgImageRenderer.call(renderer, args);
+  if (!imgLazyLoad) return html;
   if (imgLazyLoad === "native" || imgLazyLoad === true)
     return html.replace(/^<img /, '<img class="lazyload" loading="lazy" ');
   if (imgLazyLoad === "data-src")
@@ -2523,17 +2149,17 @@ function setReplacers(arr) {
 }
 function initMarked(options) {
   try {
-    if (!marked$1.name)
-      return;
+    if (!Marked.name) return;
   } catch (e) {
     return;
   }
-  marked$1.setOptions(__spreadValues(__spreadValues({
+  const marked2 = new Marked();
+  marked2.setOptions(__spreadValues(__spreadValues({
     renderer: getRenderer({
       imgLazyLoad: options.imgLazyLoad
     })
   }, markedOptions), options.markedOptions));
-  instance = marked$1;
+  instance = marked2;
 }
 function marked(src) {
   var _a;
@@ -2543,8 +2169,7 @@ function marked(src) {
   }
   let dest = sanitize(markedContent);
   replacers.forEach((replacer) => {
-    if (typeof replacer === "function")
-      dest = replacer(dest);
+    if (typeof replacer === "function") dest = replacer(dest);
   });
   return dest;
 }
@@ -2627,8 +2252,7 @@ class DataManager {
   }
   updateComment(comment) {
     this.comments = this.comments.map((c) => {
-      if (c.id === comment.id)
-        return comment;
+      if (c.id === comment.id) return comment;
       return c;
     });
     this.events.trigger("comment-updated", comment);
@@ -2636,8 +2260,7 @@ class DataManager {
   }
   deleteComment(id) {
     const comment = this.comments.find((c) => c.id === id);
-    if (!comment)
-      throw new Error(`Comment ${id} not found`);
+    if (!comment) throw new Error(`Comment ${id} not found`);
     this.comments = this.comments.filter((c) => c.id !== id);
     this.events.trigger("comment-deleted", comment);
     this.events.trigger("list-loaded", this.comments);
@@ -2663,6 +2286,150 @@ class DataManager {
     this.events.trigger("page-loaded", pageData);
   }
 }
+function createElement(htmlStr = "") {
+  const div = document.createElement("div");
+  div.innerHTML = htmlStr.trim();
+  return div.firstElementChild || div;
+}
+function getHeight(el) {
+  const num = parseFloat(getComputedStyle(el, null).height.replace("px", ""));
+  return num || 0;
+}
+function htmlEncode(str) {
+  const temp = document.createElement("div");
+  temp.innerText = str;
+  const output = temp.innerHTML;
+  return output;
+}
+function getQueryParam(name) {
+  const match = RegExp(`[?&]${name}=([^&]*)`).exec(window.location.search);
+  return match && decodeURIComponent(match[1].replace(/\+/g, " "));
+}
+function getOffset(el, relativeTo) {
+  const getOffsetRecursive = (element) => {
+    const rect = element.getBoundingClientRect();
+    const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
+    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    return {
+      top: rect.top + scrollTop,
+      left: rect.left + scrollLeft
+    };
+  };
+  const elOffset = getOffsetRecursive(el);
+  if (!relativeTo) return elOffset;
+  const relativeToOffset = getOffsetRecursive(relativeTo);
+  return {
+    top: elOffset.top - relativeToOffset.top,
+    left: elOffset.left - relativeToOffset.left
+  };
+}
+function padWithZeros(vNumber, width) {
+  let numAsString = vNumber.toString();
+  while (numAsString.length < width) {
+    numAsString = `0${numAsString}`;
+  }
+  return numAsString;
+}
+function dateFormat(date) {
+  const vDay = padWithZeros(date.getDate(), 2);
+  const vMonth = padWithZeros(date.getMonth() + 1, 2);
+  const vYear = padWithZeros(date.getFullYear(), 2);
+  return `${vYear}-${vMonth}-${vDay}`;
+}
+function timeAgo(date, $t = (n) => n) {
+  try {
+    const oldTime = date.getTime();
+    const currTime = (/* @__PURE__ */ new Date()).getTime();
+    const diffValue = currTime - oldTime;
+    const days = Math.floor(diffValue / (24 * 3600 * 1e3));
+    if (days === 0) {
+      const leave1 = diffValue % (24 * 3600 * 1e3);
+      const hours = Math.floor(leave1 / (3600 * 1e3));
+      if (hours === 0) {
+        const leave2 = leave1 % (3600 * 1e3);
+        const minutes = Math.floor(leave2 / (60 * 1e3));
+        if (minutes === 0) {
+          const leave3 = leave2 % (60 * 1e3);
+          const seconds = Math.round(leave3 / 1e3);
+          if (seconds < 10) return $t("now");
+          return `${seconds} ${$t("seconds")}`;
+        }
+        return `${minutes} ${$t("minutes")}`;
+      }
+      return `${hours} ${$t("hours")}`;
+    }
+    if (days < 0) return $t("now");
+    if (days < 8) {
+      return `${days} ${$t("days")}`;
+    }
+    return dateFormat(date);
+  } catch (error) {
+    console.error(error);
+    return " - ";
+  }
+}
+function getGravatarURL(opts) {
+  return `${opts.mirror.replace(/\/$/, "")}/${opts.emailHash}?${opts.params.replace(/^\?/, "")}`;
+}
+function versionCompare(a, b) {
+  const pa = a.split(".");
+  const pb = b.split(".");
+  for (let i = 0; i < 3; i++) {
+    const na = Number(pa[i]);
+    const nb = Number(pb[i]);
+    if (na > nb) return 1;
+    if (nb > na) return -1;
+    if (!Number.isNaN(na) && Number.isNaN(nb)) return 1;
+    if (Number.isNaN(na) && !Number.isNaN(nb)) return -1;
+  }
+  return 0;
+}
+function getCorrectUserAgent() {
+  return __async(this, null, function* () {
+    const uaRaw = navigator.userAgent;
+    if (!navigator.userAgentData || !navigator.userAgentData.getHighEntropyValues) {
+      return uaRaw;
+    }
+    const uaData = navigator.userAgentData;
+    let uaGot = null;
+    try {
+      uaGot = yield uaData.getHighEntropyValues(["platformVersion"]);
+    } catch (err) {
+      console.error(err);
+      return uaRaw;
+    }
+    const majorPlatformVersion = Number(uaGot.platformVersion.split(".")[0]);
+    if (uaData.platform === "Windows") {
+      if (majorPlatformVersion >= 13) {
+        return uaRaw.replace(/Windows NT 10.0/, "Windows NT 11.0");
+      }
+    }
+    if (uaData.platform === "macOS") {
+      if (majorPlatformVersion >= 11) {
+        return uaRaw.replace(
+          /(Mac OS X \d+_\d+_\d+|Mac OS X)/,
+          `Mac OS X ${uaGot.platformVersion.replace(/\./g, "_")}`
+        );
+      }
+    }
+    return uaRaw;
+  });
+}
+function isValidURL(urlRaw) {
+  let url;
+  try {
+    url = new URL(urlRaw);
+  } catch (_) {
+    return false;
+  }
+  return url.protocol === "http:" || url.protocol === "https:";
+}
+function getURLBasedOnApi(opts) {
+  return getURLBasedOn(opts.base, opts.path);
+}
+function getURLBasedOn(baseURL, path) {
+  return `${baseURL.replace(/\/$/, "")}/${path.replace(/^\//, "")}`;
+}
 const en = {
   /* Editor */
   placeholder: "Leave a comment",
@@ -2727,21 +2494,25 @@ const en = {
   cancel: "Cancel",
   /* Sidebar */
   msgCenter: "Messages",
-  ctrlCenter: "Admin",
+  ctrlCenter: "Dashboard",
   /* Auth */
+  userProfile: "Profile",
   noAccountPrompt: "Don't have an account?",
   haveAccountPrompt: "Already have an account?",
   forgetPassword: "Forget Password",
   resetPassword: "Reset Password",
+  changePassword: "Change Password",
+  confirmPassword: "Confirm Password",
+  passwordMismatch: "Passwords do not match",
   verificationCode: "Verification Code",
-  verifySend: "Verify",
+  verifySend: "Send Code",
   verifyResend: "Resend",
   waitSeconds: "Wait {seconds}s",
   emailVerified: "Email has been verified",
   password: "Password",
   username: "Username",
   nextStep: "Next Step",
-  skipNotVerify: "Skip, do not verify",
+  skipVerify: "Skip verification",
   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.",
@@ -2828,196 +2599,50 @@ const zhCN = {
   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";
-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", ""));
-}
-function htmlEncode(str) {
-  const temp = document.createElement("div");
-  temp.innerText = str;
-  const output = temp.innerHTML;
-  return output;
-}
-function getQueryParam(name) {
-  const match = RegExp(`[?&]${name}=([^&]*)`).exec(window.location.search);
-  return match && decodeURIComponent(match[1].replace(/\+/g, " "));
-}
-function getOffset(el, relativeTo) {
-  const getOffsetRecursive = (element) => {
-    const rect = element.getBoundingClientRect();
-    const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
-    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-    return {
-      top: rect.top + scrollTop,
-      left: rect.left + scrollLeft
-    };
-  };
-  const elOffset = getOffsetRecursive(el);
-  if (!relativeTo)
-    return elOffset;
-  const relativeToOffset = getOffsetRecursive(relativeTo);
-  return {
-    top: elOffset.top - relativeToOffset.top,
-    left: elOffset.left - relativeToOffset.left
-  };
-}
-function padWithZeros(vNumber, width) {
-  let numAsString = vNumber.toString();
-  while (numAsString.length < width) {
-    numAsString = `0${numAsString}`;
-  }
-  return numAsString;
-}
-function dateFormat(date) {
-  const vDay = padWithZeros(date.getDate(), 2);
-  const vMonth = padWithZeros(date.getMonth() + 1, 2);
-  const vYear = padWithZeros(date.getFullYear(), 2);
-  return `${vYear}-${vMonth}-${vDay}`;
-}
-function timeAgo(date, $t = (n) => n) {
-  try {
-    const oldTime = date.getTime();
-    const currTime = (/* @__PURE__ */ new Date()).getTime();
-    const diffValue = currTime - oldTime;
-    const days = Math.floor(diffValue / (24 * 3600 * 1e3));
-    if (days === 0) {
-      const leave1 = diffValue % (24 * 3600 * 1e3);
-      const hours = Math.floor(leave1 / (3600 * 1e3));
-      if (hours === 0) {
-        const leave2 = leave1 % (3600 * 1e3);
-        const minutes = Math.floor(leave2 / (60 * 1e3));
-        if (minutes === 0) {
-          const leave3 = leave2 % (60 * 1e3);
-          const seconds = Math.round(leave3 / 1e3);
-          if (seconds < 10)
-            return $t("now");
-          return `${seconds} ${$t("seconds")}`;
-        }
-        return `${minutes} ${$t("minutes")}`;
-      }
-      return `${hours} ${$t("hours")}`;
-    }
-    if (days < 0)
-      return $t("now");
-    if (days < 8) {
-      return `${days} ${$t("days")}`;
-    }
-    return dateFormat(date);
-  } catch (error) {
-    console.error(error);
-    return " - ";
-  }
-}
-function getGravatarURL(opts) {
-  return `${opts.mirror.replace(/\/$/, "")}/${opts.emailMD5}?${opts.params.replace(/^\?/, "")}`;
-}
-function versionCompare(a, b) {
-  const pa = a.split(".");
-  const pb = b.split(".");
-  for (let i = 0; i < 3; i++) {
-    const na = Number(pa[i]);
-    const nb = Number(pb[i]);
-    if (na > nb)
-      return 1;
-    if (nb > na)
-      return -1;
-    if (!Number.isNaN(na) && Number.isNaN(nb))
-      return 1;
-    if (Number.isNaN(na) && !Number.isNaN(nb))
-      return -1;
-  }
-  return 0;
-}
-function getCorrectUserAgent() {
-  return __async(this, null, function* () {
-    const uaRaw = navigator.userAgent;
-    if (!navigator.userAgentData || !navigator.userAgentData.getHighEntropyValues) {
-      return uaRaw;
-    }
-    const uaData = navigator.userAgentData;
-    let uaGot = null;
-    try {
-      uaGot = yield uaData.getHighEntropyValues(["platformVersion"]);
-    } catch (err) {
-      console.error(err);
-      return uaRaw;
-    }
-    const majorPlatformVersion = Number(uaGot.platformVersion.split(".")[0]);
-    if (uaData.platform === "Windows") {
-      if (majorPlatformVersion >= 13) {
-        return uaRaw.replace(/Windows NT 10.0/, "Windows NT 11.0");
-      }
-    }
-    if (uaData.platform === "macOS") {
-      if (majorPlatformVersion >= 11) {
-        return uaRaw.replace(
-          /(Mac OS X \d+_\d+_\d+|Mac OS X)/,
-          `Mac OS X ${uaGot.platformVersion.replace(/\./g, "_")}`
-        );
-      }
-    }
-    return uaRaw;
-  });
-}
-function isValidURL(urlRaw) {
-  let url;
-  try {
-    url = new URL(urlRaw);
-  } catch (_) {
-    return false;
-  }
-  return url.protocol === "http:" || url.protocol === "https:";
-}
-function getURLBasedOnApi(opts) {
-  return getURLBasedOn(opts.base, opts.path);
-}
-function getURLBasedOn(baseURL, path) {
-  return `${baseURL.replace(/\/$/, "")}/${path.replace(/^\//, "")}`;
-}
+  msgCenter: "通知中心",
+  ctrlCenter: "控制中心",
+  /* Auth */
+  userProfile: "个人资料",
+  noAccountPrompt: "没有账号？",
+  haveAccountPrompt: "已有账号？",
+  forgetPassword: "忘记密码",
+  resetPassword: "重置密码",
+  changePassword: "修改密码",
+  confirmPassword: "确认密码",
+  passwordMismatch: "两次输入的密码不一致",
+  verificationCode: "验证码",
+  verifySend: "发送验证码",
+  verifyResend: "重新发送",
+  waitSeconds: "等待 {seconds}秒",
+  emailVerified: "邮箱已验证",
+  password: "密码",
+  username: "用户名",
+  nextStep: "下一步",
+  skipVerify: "跳过验证",
+  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,
@@ -3039,8 +2664,7 @@ function findLocaleSet(lang) {
 let LocaleConf = "en";
 let LocaleDict = findLocaleSet(LocaleConf);
 function setLocale(locale) {
-  if (locale === LocaleConf)
-    return;
+  if (locale === LocaleConf) return;
   LocaleConf = locale;
   LocaleDict = typeof locale === "string" ? findLocaleSet(locale) : locale;
 }
@@ -3066,8 +2690,7 @@ class EventManager {
    * Remove an event listener for a specific event name and handler
    */
   off(name, handler) {
-    if (!handler)
-      return;
+    if (!handler) return;
     this.events = this.events.filter((evt) => !(evt.name === name && evt.handler === handler));
   }
   /**
@@ -3075,8 +2698,7 @@ class EventManager {
    */
   trigger(name, payload) {
     this.events.slice(0).filter((evt) => evt.name === name && typeof evt.handler === "function").forEach((evt) => {
-      if (evt.once)
-        this.off(name, evt.handler);
+      if (evt.once) this.off(name, evt.handler);
       evt.handler(payload);
     });
   }
@@ -3101,11 +2723,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,
@@ -3128,35 +2751,35 @@ function handelCustomConf(customConf, full = false) {
   if (conf.el && typeof conf.el === "string") {
     try {
       const findEl = document.querySelector(conf.el);
-      if (!findEl)
-        throw Error(`Target element "${conf.el}" was not found.`);
+      if (!findEl) throw Error(`Target element "${conf.el}" was not found.`);
       conf.el = findEl;
     } catch (e) {
       console.error(e);
       throw new Error("Please check your Artalk `el` config.");
     }
   }
-  if (conf.pageKey === "")
-    conf.pageKey = `${window.location.pathname}`;
-  if (conf.pageTitle === "")
-    conf.pageTitle = `${document.title}`;
-  if (conf.server)
-    conf.server = conf.server.replace(/\/$/, "").replace(/\/api\/?$/, "");
-  if (conf.locale === "auto")
-    conf.locale = navigator.language;
-  if (conf.flatMode === "auto")
-    conf.flatMode = window.matchMedia("(max-width: 768px)").matches;
-  if (typeof conf.nestMax === "number" && Number(conf.nestMax) <= 1)
-    conf.flatMode = true;
+  if (conf.pageKey === "") conf.pageKey = `${window.location.pathname}`;
+  if (conf.pageTitle === "") conf.pageTitle = `${document.title}`;
+  if (conf.server) conf.server = conf.server.replace(/\/$/, "").replace(/\/api\/?$/, "");
+  if (conf.locale === "auto") conf.locale = navigator.language;
+  if (conf.flatMode === "auto") conf.flatMode = window.matchMedia("(max-width: 768px)").matches;
+  if (typeof conf.nestMax === "number" && Number(conf.nestMax) <= 1) conf.flatMode = true;
   return conf;
 }
 function handleConfFormServer(conf) {
-  const DisabledKeys = ["el", "pageKey", "pageTitle", "server", "site"];
+  const ExcludedKeys = [
+    "el",
+    "pageKey",
+    "pageTitle",
+    "server",
+    "site",
+    "pvEl",
+    "countEl",
+    "statPageKeyAttr"
+  ];
   Object.keys(conf).forEach((k) => {
-    if (DisabledKeys.includes(k))
-      delete conf[k];
-    if (k === "darkMode" && conf[k] !== "auto")
-      delete conf[k];
+    if (ExcludedKeys.includes(k)) delete conf[k];
+    if (k === "darkMode" && conf[k] !== "auto") delete conf[k];
   });
   if (conf.emoticons && typeof conf.emoticons === "string") {
     conf.emoticons = conf.emoticons.trim();
@@ -3177,7 +2800,7 @@ function convertApiOptions(conf, ctx) {
     timeout: conf.reqTimeout,
     getApiToken: () => ctx == null ? void 0 : ctx.get("user").getData().token,
     userInfo: (ctx == null ? void 0 : ctx.get("user").checkHasBasicUserInfo()) ? {
-      name: ctx == null ? void 0 : ctx.get("user").getData().nick,
+      name: ctx == null ? void 0 : ctx.get("user").getData().name,
       email: ctx == null ? void 0 : ctx.get("user").getData().email
     } : void 0,
     handlers: ctx == null ? void 0 : ctx.getApiHandlers()
@@ -3227,6 +2850,7 @@ class Context {
     this.$root = conf.el;
     this.$root.classList.add("artalk");
     this.$root.innerHTML = "";
+    conf.darkMode && this.$root.classList.add("atk-dark-mode");
     this.data = new DataManager(this.events);
     this.on("mounted", () => {
       this.mounted = true;
@@ -3242,8 +2866,7 @@ class Context {
     return new Api2(convertApiOptions(this.conf, this));
   }
   getApiHandlers() {
-    if (!this.apiHandlers)
-      this.apiHandlers = createNewApiHandlers(this);
+    if (!this.apiHandlers) this.apiHandlers = createNewApiHandlers(this);
     return this.apiHandlers;
   }
   getData() {
@@ -3332,50 +2955,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) {
@@ -3386,8 +2965,7 @@ function showLoading(parentElem, conf) {
       </div>
     </div>`
     );
-    if (conf == null ? void 0 : conf.transparentBg)
-      $loading.style.background = "transparent";
+    if (conf == null ? void 0 : conf.transparentBg) $loading.style.background = "transparent";
     parentElem.appendChild($loading);
   }
   $loading.style.display = "";
@@ -3395,21 +2973,17 @@ function showLoading(parentElem, conf) {
   if ($spinner) {
     $spinner.style.display = "none";
     window.setTimeout(() => {
-      if ($spinner.isConnected)
-        $spinner.style.display = "";
+      if ($spinner.isConnected) $spinner.style.display = "";
     }, 500);
   }
 }
 function hideLoading(parentElem) {
   const $loading = parentElem.querySelector(":scope > .atk-loading");
-  if ($loading)
-    $loading.style.display = "none";
+  if ($loading) $loading.style.display = "none";
 }
 function setLoading(val, parentElem) {
-  if (val)
-    showLoading(parentElem);
-  else
-    hideLoading(parentElem);
+  if (val) showLoading(parentElem);
+  else hideLoading(parentElem);
 }
 function scrollIntoView(elem, enableAnim = true, relativeTo) {
   let top;
@@ -3428,10 +3002,8 @@ function scrollIntoView(elem, enableAnim = true, relativeTo) {
     // behavior: enableAnim ? 'smooth' : 'instant',
     behavior: "instant"
   };
-  if (relativeTo)
-    relativeTo.scroll(scrollOptions);
-  else
-    window.scroll(scrollOptions);
+  if (relativeTo) relativeTo.scroll(scrollOptions);
+  else window.scroll(scrollOptions);
 }
 function showNotify(wrapElem, msg, type) {
   const colors = { s: "#57d59f", e: "#ff6f6c", w: "#ffc721", i: "#2ebcfc" };
@@ -3473,8 +3045,7 @@ function playFadeInAnim(elem, after) {
 function setError(parentElem, html, title = '<span class="atk-error-title">Artalk Error</span>') {
   let elem = parentElem.querySelector(".atk-error-layer");
   if (html === null) {
-    if (elem !== null)
-      elem.remove();
+    if (elem !== null) elem.remove();
     return;
   }
   if (!elem) {
@@ -3485,8 +3056,7 @@ function setError(parentElem, html, title = '<span class="atk-error-title">Artal
   }
   const errorTextEl = elem.querySelector(".atk-error-text");
   errorTextEl.innerHTML = "";
-  if (html === null)
-    return;
+  if (html === null) return;
   if (html instanceof HTMLElement) {
     errorTextEl.appendChild(html);
   } else {
@@ -3510,8 +3080,7 @@ function getScrollBarWidth() {
   const w1 = inner.offsetWidth;
   outer.style.overflow = "scroll";
   let w2 = inner.offsetWidth;
-  if (w1 === w2)
-    w2 = outer.clientWidth;
+  if (w1 === w2) w2 = outer.clientWidth;
   document.body.removeChild(outer);
   return w1 - w2;
 }
@@ -3556,8 +3125,7 @@ function iframeBody(checker) {
   (function queryStatus() {
     return __async(this, null, function* () {
       yield sleep(1e3);
-      if (stop)
-        return;
+      if (stop) return;
       let isPass = false;
       try {
         const resp = yield checker.getApi().captcha.getCaptchaStatus();
@@ -3585,8 +3153,7 @@ const CaptchaChecker = {
     });
   },
   body(checker) {
-    if (checker.get("iframe"))
-      return iframeBody(checker);
+    if (checker.get("iframe")) return iframeBody(checker);
     return imgBody(checker);
   },
   onSuccess(checker, data, inputVal, formEl) {
@@ -3602,7 +3169,7 @@ const AdminChecker = {
   request(checker, inputVal) {
     return __async(this, null, function* () {
       return (yield checker.getApi().user.login({
-        name: checker.getUser().getData().nick,
+        name: checker.getUser().getData().name,
         email: checker.getUser().getData().email,
         password: inputVal
       })).data;
@@ -3613,7 +3180,7 @@ const AdminChecker = {
   },
   onSuccess(checker, res, inputVal, formEl) {
     checker.getUser().update({
-      isAdmin: true,
+      is_admin: true,
       token: res.token
     });
     checker.getOpts().onReload();
@@ -3621,6 +3188,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;
@@ -3670,19 +3281,15 @@ class CheckerLauncher {
       },
       triggerSuccess: () => {
         close();
-        if (checker.onSuccess)
-          checker.onSuccess(checkerCtx, "", "", formEl);
-        if (payload.onSuccess)
-          payload.onSuccess();
+        if (checker.onSuccess) checker.onSuccess(checkerCtx, "", "", formEl);
+        if (payload.onSuccess) payload.onSuccess();
       },
       cancel: () => {
         close();
-        if (payload.onCancel)
-          payload.onCancel();
+        if (payload.onCancel) payload.onCancel();
       }
     };
-    if (postFire)
-      postFire(checkerCtx);
+    if (postFire) postFire(checkerCtx);
     const formEl = createElement();
     formEl.appendChild(checker.body(checkerCtx));
     const $input = createElement(
@@ -3700,8 +3307,7 @@ class CheckerLauncher {
     const dialog = new Dialog(formEl);
     dialog.setYes((btnEl) => {
       const inputVal = $input.value.trim();
-      if (!btnTextOrg)
-        btnTextOrg = btnEl.innerText;
+      if (!btnTextOrg) btnTextOrg = btnEl.innerText;
       const btnTextSet = (btnText) => {
         btnEl.innerText = btnText;
         btnEl.classList.add("error");
@@ -3713,14 +3319,11 @@ class CheckerLauncher {
       btnEl.innerText = `${t("loading")}...`;
       checker.request(checkerCtx, inputVal).then((data) => {
         close();
-        if (checker.onSuccess)
-          checker.onSuccess(checkerCtx, data, inputVal, formEl);
-        if (payload.onSuccess)
-          payload.onSuccess();
+        if (checker.onSuccess) checker.onSuccess(checkerCtx, data, inputVal, formEl);
+        if (payload.onSuccess) payload.onSuccess();
       }).catch((err) => {
         btnTextSet(String(err.message || String(err)));
-        if (checker.onError)
-          checker.onError(checkerCtx, err, inputVal, formEl);
+        if (checker.onError) checker.onError(checkerCtx, err, inputVal, formEl);
         const tf = setTimeout(() => btnTextRestore(), 3e3);
         $input.onfocus = () => {
           btnTextRestore();
@@ -3731,8 +3334,7 @@ class CheckerLauncher {
     });
     dialog.setNo(() => {
       close();
-      if (payload.onCancel)
-        payload.onCancel();
+      if (payload.onCancel) payload.onCancel();
       return false;
     });
     if (hideInteractInput) {
@@ -3740,8 +3342,7 @@ class CheckerLauncher {
       dialog.$el.querySelector(".atk-layer-dialog-actions").style.display = "none";
     }
     layer.getEl().append(dialog.$el);
-    if (payload.onMount)
-      payload.onMount(dialog.$el);
+    if (payload.onMount) payload.onMount(dialog.$el);
   }
 }
 class Component {
@@ -3756,10 +3357,10 @@ class Component {
     return this.$el;
   }
 }
-const EditorHTML = '<div class="atk-main-editor">\n  <div class="atk-header">\n    <input name="nick" class="atk-nick" type="text" required="required" />\n    <input name="email" class="atk-email" type="email" required="required" />\n    <input name="link" class="atk-link" type="url" />\n  </div>\n  <div class="atk-textarea-wrap">\n    <textarea class="atk-textarea"></textarea>\n  </div>\n  <div class="atk-plug-panel-wrap" style="display: none"></div>\n  <div class="atk-bottom">\n    <div class="atk-item atk-bottom-left">\n      <span class="atk-state-wrap"></span>\n      <span class="atk-plug-btn-wrap"></span>\n    </div>\n    <div class="atk-item">\n      <button type="button" class="atk-send-btn"></button>\n    </div>\n  </div>\n  <div class="atk-notify-wrap"></div>\n</div>\n';
+const EditorHTML = '<div class="atk-main-editor">\n  <div class="atk-header">\n    <input name="name" class="atk-name" type="text" required="required" />\n    <input name="email" class="atk-email" type="email" required="required" />\n    <input name="link" class="atk-link" type="url" />\n  </div>\n  <div class="atk-textarea-wrap">\n    <textarea class="atk-textarea"></textarea>\n  </div>\n  <div class="atk-plug-panel-wrap" style="display: none"></div>\n  <div class="atk-bottom">\n    <div class="atk-item atk-bottom-left">\n      <span class="atk-state-wrap"></span>\n      <span class="atk-plug-btn-wrap"></span>\n    </div>\n    <div class="atk-item">\n      <button type="button" class="atk-send-btn"></button>\n    </div>\n  </div>\n  <div class="atk-notify-wrap"></div>\n</div>\n';
 const Sel = {
   $header: ".atk-header",
-  $nick: '.atk-header [name="nick"]',
+  $name: '.atk-header [name="name"]',
   $email: '.atk-header [name="email"]',
   $link: '.atk-header [name="link"]',
   $textareaWrap: ".atk-textarea-wrap",
@@ -3782,6 +3383,9 @@ function render() {
 }
 class EditorPlug {
   constructor(kit) {
+    __publicField(this, "$btn");
+    __publicField(this, "$panel");
+    __publicField(this, "editorStateEffectWhen");
     this.kit = kit;
   }
   /** Use plug btn will add a btn on the bottom of editor */
@@ -3801,15 +3405,13 @@ class EditorPlug {
   /** Listen the event of panel show */
   usePanelShow(func) {
     this.kit.useEvents().on("panel-show", (aPlug) => {
-      if (aPlug === this)
-        func();
+      if (aPlug === this) func();
     });
   }
   /** Listen the event of panel hide */
   usePanelHide(func) {
     this.kit.useEvents().on("panel-hide", (aPlug) => {
-      if (aPlug === this)
-        func();
+      if (aPlug === this) func();
     });
   }
   /** Use editor state modifier */
@@ -3824,8 +3426,7 @@ class Mover extends EditorPlug {
     __publicField(this, "isMoved", false);
   }
   move(afterEl) {
-    if (this.isMoved)
-      return;
+    if (this.isMoved) return;
     this.isMoved = true;
     const editorEl = this.kit.useUI().$el;
     editorEl.after(createElement('<div class="atk-editor-travel-placeholder"></div>'));
@@ -3837,8 +3438,7 @@ class Mover extends EditorPlug {
   }
   back() {
     var _a;
-    if (!this.isMoved)
-      return;
+    if (!this.isMoved) return;
     this.isMoved = false;
     (_a = this.kit.useGlobalCtx().$root.querySelector(".atk-editor-travel-placeholder")) == null ? void 0 : _a.replaceWith(this.kit.useUI().$el);
     this.kit.useUI().$el.classList.remove("editor-traveling");
@@ -3901,13 +3501,12 @@ class Editor extends Component {
     return this.state.get();
   }
   getHeaderInputEls() {
-    return { nick: this.ui.$nick, email: this.ui.$email, link: this.ui.$link };
+    return { name: this.ui.$name, email: this.ui.$email, link: this.ui.$link };
   }
   getContentFinal() {
     let content = this.getContentRaw();
     const plugs = this.getPlugs();
-    if (plugs)
-      content = plugs.getTransformedContent(content);
+    if (plugs) content = plugs.getTransformedContent(content);
     return content;
   }
   getContentRaw() {
@@ -3985,8 +3584,8 @@ class SidebarLayer extends Component {
     __publicField(this, "$closeBtn");
     __publicField(this, "$iframeWrap");
     __publicField(this, "$iframe");
-    /** Refresh iFrame on show */
-    __publicField(this, "refreshOnShow", true);
+    /** Refresh iFrame when show */
+    __publicField(this, "refreshWhenShow", true);
     /** Animation timer */
     __publicField(this, "animTimer");
     this.$el = createElement(SidebarHTML);
@@ -3997,7 +3596,7 @@ class SidebarLayer extends Component {
       this.hide();
     };
     this.ctx.on("user-changed", () => {
-      this.refreshOnShow = true;
+      this.refreshWhenShow = true;
     });
   }
   /** 显示 */
@@ -4006,8 +3605,8 @@ class SidebarLayer extends Component {
       this.$el.style.transform = "";
       this.initLayer();
       this.layer.show();
-      if (this.refreshOnShow) {
-        this.refreshOnShow = false;
+      if (this.refreshWhenShow) {
+        this.refreshWhenShow = false;
         this.$iframeWrap.innerHTML = "";
         this.$iframe = this.createIframe(conf.view);
         this.$iframeWrap.append(this.$iframe);
@@ -4017,7 +3616,7 @@ class SidebarLayer extends Component {
         if (this.getDarkMode() !== iFrameSrc.includes("&darkMode=1")) {
           this.iframeLoad(
             $iframe,
-            this.getDarkMode() ? iFrameSrc.concat("&darkMode=1") : iFrameSrc.replace("&darkMode=1", "")
+            iFrameSrc.replace(/&darkMode=\d/, `&darkMode=${Number(this.getDarkMode())}`)
           );
         }
       }
@@ -4045,7 +3644,7 @@ class SidebarLayer extends Component {
     return __async(this, null, function* () {
       const data = (yield this.ctx.getApi().user.getUserStatus(__spreadValues({}, this.ctx.getApi().getUserFields()))).data;
       if (data.is_admin && !data.is_login) {
-        this.refreshOnShow = true;
+        this.refreshWhenShow = true;
         this.ctx.checkAdmin({
           onSuccess: () => {
             setTimeout(() => {
@@ -4061,8 +3660,7 @@ class SidebarLayer extends Component {
     });
   }
   initLayer() {
-    if (this.layer)
-      return;
+    if (this.layer) return;
     this.layer = this.ctx.get("layerManager").create("sidebar", this.$el);
     this.layer.setOnAfterHide(() => {
       this.ctx.editorResetState();
@@ -4085,10 +3683,8 @@ class SidebarLayer extends Component {
       user: JSON.stringify(this.ctx.get("user").getData()),
       time: +/* @__PURE__ */ new Date()
     };
-    if (view)
-      query.view = view;
-    if (this.getDarkMode())
-      query.darkMode = "1";
+    if (view) query.view = view;
+    query.darkMode = this.getDarkMode() ? "1" : "0";
     const urlParams = new URLSearchParams(query);
     this.iframeLoad($iframe, `${baseURL}?${urlParams.toString()}`);
     return $iframe;
@@ -4119,10 +3715,8 @@ function makeNestCommentNodeList(srcData, sortBy = "DATE_DESC", nestMax = 2) {
     nodeList.push(rootNode);
     (function loadChildren(parentNode) {
       const children = srcData.filter((o) => o.rid === parentNode.id);
-      if (children.length === 0)
-        return;
-      if (parentNode.level >= nestMax)
-        parentNode = parentNode.parent;
+      if (children.length === 0) return;
+      if (parentNode.level >= nestMax) parentNode = parentNode.parent;
       children.forEach((child) => {
         const childNode = {
           id: child.id,
@@ -4138,14 +3732,10 @@ function makeNestCommentNodeList(srcData, sortBy = "DATE_DESC", nestMax = 2) {
   });
   const sortFunc = (a, b) => {
     let v = a.id - b.id;
-    if (sortBy === "DATE_ASC")
-      v = +new Date(a.comment.date) - +new Date(b.comment.date);
-    else if (sortBy === "DATE_DESC")
-      v = +new Date(b.comment.date) - +new Date(a.comment.date);
-    else if (sortBy === "SRC_INDEX")
-      v = srcData.indexOf(a.comment) - srcData.indexOf(b.comment);
-    else if (sortBy === "VOTE_UP_DESC")
-      v = b.comment.vote_up - a.comment.vote_up;
+    if (sortBy === "DATE_ASC") v = +new Date(a.comment.date) - +new Date(b.comment.date);
+    else if (sortBy === "DATE_DESC") v = +new Date(b.comment.date) - +new Date(a.comment.date);
+    else if (sortBy === "SRC_INDEX") v = srcData.indexOf(a.comment) - srcData.indexOf(b.comment);
+    else if (sortBy === "VOTE_UP_DESC") v = b.comment.vote_up - a.comment.vote_up;
     return v;
   };
   (function sortLevels(nodes) {
@@ -4209,16 +3799,13 @@ const createFlatStrategy = (opts) => ({
   }
 });
 function insertComment(opts, insertMode, comment, replyComment) {
-  if (comment.is_collapsed)
-    comment.is_allow_reply = false;
+  if (comment.is_collapsed) comment.is_allow_reply = false;
   const node = opts.createCommentNode(comment, replyComment);
   if (comment.visible) {
     const $comment = node.getEl();
     const $listCommentsWrap = opts.$commentsWrap;
-    if (insertMode === "append")
-      $listCommentsWrap == null ? void 0 : $listCommentsWrap.append($comment);
-    if (insertMode === "prepend")
-      $listCommentsWrap == null ? void 0 : $listCommentsWrap.prepend($comment);
+    if (insertMode === "append") $listCommentsWrap == null ? void 0 : $listCommentsWrap.append($comment);
+    if (insertMode === "prepend") $listCommentsWrap == null ? void 0 : $listCommentsWrap.prepend($comment);
     node.getRender().playFadeAnim();
   }
   node.getRender().checkHeightLimit();
@@ -4323,8 +3910,7 @@ function Detect(userAgent) {
   dest.language = (() => {
     const g = nav.browserLanguage || nav.language;
     const arr = g.split("-");
-    if (arr[1])
-      arr[1] = arr[1].toUpperCase();
+    if (arr[1]) arr[1] = arr[1].toUpperCase();
     return arr.join("_");
   })();
   const hash = {
@@ -4335,8 +3921,7 @@ function Detect(userAgent) {
   };
   Object.entries(hash).forEach(([type, match]) => {
     Object.entries(match).forEach(([name, result]) => {
-      if (result === true)
-        dest[type] = name;
+      if (result === true) dest[type] = name;
     });
   });
   const osVersion = {
@@ -4431,16 +4016,12 @@ function Detect(userAgent) {
 }
 function check(conf, rules) {
   rules.forEach(({ el, max, imgCheck }) => {
-    if (!el)
-      return;
-    if (imgCheck)
-      el.style.maxHeight = `${max + 1}px`;
+    if (!el) return;
+    if (imgCheck) el.style.maxHeight = `${max + 1}px`;
     let lock = false;
     const _check = () => {
-      if (lock)
-        return;
-      if (getHeight(el) <= max)
-        return;
+      if (lock) return;
+      if (getHeight(el) <= max) return;
       const afterExpandBtnClick = () => {
         var _a;
         lock = true;
@@ -4450,7 +4031,9 @@ function check(conf, rules) {
     };
     _check();
     if (imgCheck) {
-      el.querySelectorAll(".atk-content img").forEach((img) => {
+      const imgs = el.querySelectorAll(".atk-content img");
+      if (imgs.length === 0) el.style.maxHeight = "";
+      imgs.forEach((img) => {
         img.onload = () => _check();
       });
     }
@@ -4458,12 +4041,9 @@ function check(conf, rules) {
 }
 const HEIGHT_LIMIT_CSS = "atk-height-limit";
 function applyHeightLimit(obj) {
-  if (!obj.el)
-    return;
-  if (!obj.max)
-    return;
-  if (obj.el.classList.contains(HEIGHT_LIMIT_CSS))
-    return;
+  if (!obj.el) return;
+  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.max}px`;
   obj.el.style.overflow = "hidden";
@@ -4473,20 +4053,16 @@ function applyHeightLimit(obj) {
   $expandBtn.onclick = (e) => {
     e.stopPropagation();
     disposeHeightLimit(obj.el);
-    if (obj.afterExpandBtnClick)
-      obj.afterExpandBtnClick(e);
+    if (obj.afterExpandBtnClick) obj.afterExpandBtnClick(e);
   };
   obj.el.append($expandBtn);
 }
 function disposeHeightLimit($el) {
-  if (!$el)
-    return;
-  if (!$el.classList.contains(HEIGHT_LIMIT_CSS))
-    return;
+  if (!$el) return;
+  if (!$el.classList.contains(HEIGHT_LIMIT_CSS)) return;
   $el.classList.remove(HEIGHT_LIMIT_CSS);
   Array.from($el.children).forEach((e) => {
-    if (e.classList.contains("atk-height-limit-btn"))
-      e.remove();
+    if (e.classList.contains("atk-height-limit-btn")) e.remove();
   });
   $el.style.height = "";
   $el.style.maxHeight = "";
@@ -4494,10 +4070,8 @@ function disposeHeightLimit($el) {
 }
 const HEIGHT_LIMIT_SCROLL_CSS = "atk-height-limit-scroll";
 function applyScrollableHeightLimit(opt) {
-  if (!opt.el)
-    return;
-  if (opt.el.classList.contains(HEIGHT_LIMIT_SCROLL_CSS))
-    return;
+  if (!opt.el) return;
+  if (opt.el.classList.contains(HEIGHT_LIMIT_SCROLL_CSS)) return;
   opt.el.classList.add(HEIGHT_LIMIT_SCROLL_CSS);
   opt.el.style.height = `${opt.max}px`;
 }
@@ -4568,8 +4142,7 @@ function renderDate(ctx) {
   $date.setAttribute("data-atk-comment-date", String(+new Date(ctx.data.date)));
 }
 function renderUABadge(ctx) {
-  if (!ctx.opts.uaBadge && !ctx.data.ip_region)
-    return;
+  if (!ctx.opts.uaBadge && !ctx.data.ip_region) return;
   let $uaWrap = ctx.$header.querySelector("atk-ua-wrap");
   if (!$uaWrap) {
     $uaWrap = createElement(`<span class="atk-ua-wrap"></span>`);
@@ -4624,10 +4197,8 @@ function renderContent(r) {
   });
 }
 function renderReplyAt(r) {
-  if (r.opts.flatMode || r.data.rid === 0)
-    return;
-  if (!r.opts.replyTo)
-    return;
+  if (r.opts.flatMode || r.data.rid === 0) return;
+  if (!r.opts.replyTo) return;
   r.$replyAt = createElement(
     `<span class="atk-item atk-reply-at"><span class="atk-arrow"></span><span class="atk-nick"></span></span>`
   );
@@ -4638,10 +4209,8 @@ function renderReplyAt(r) {
   r.$headerBadgeWrap.insertAdjacentElement("afterend", r.$replyAt);
 }
 function renderReplyTo(r) {
-  if (!r.opts.flatMode)
-    return;
-  if (!r.opts.replyTo)
-    return;
+  if (!r.opts.flatMode) return;
+  if (!r.opts.replyTo) return;
   r.$replyTo = createElement(`
     <div class="atk-reply-to">
       <div class="atk-meta">${t("reply")} <span class="atk-nick"></span>:</div>
@@ -4653,14 +4222,12 @@ function renderReplyTo(r) {
     r.comment.getActions().goToReplyComment();
   };
   let replyContent = marked(r.opts.replyTo.content);
-  if (r.opts.replyTo.is_collapsed)
-    replyContent = `[${t("collapsed")}]`;
+  if (r.opts.replyTo.is_collapsed) replyContent = `[${t("collapsed")}]`;
   r.$replyTo.querySelector(".atk-content").innerHTML = replyContent;
   r.$body.prepend(r.$replyTo);
 }
 function renderPending(r) {
-  if (!r.data.is_pending)
-    return;
+  if (!r.data.is_pending) return;
   const pendingEl = createElement(`<div class="atk-pending">${t("pendingMsg")}</div>`);
   r.$body.prepend(pendingEl);
 }
@@ -4682,8 +4249,7 @@ class ActionBtn {
     this.$el = createElement(`<span class="atk-common-action-btn"></span>`);
     this.opts = typeof opts !== "object" ? { text: opts } : opts;
     this.$el.innerText = this.getText();
-    if (this.opts.adminOnly)
-      this.$el.setAttribute("atk-only-admin-show", "");
+    if (this.opts.adminOnly) this.$el.setAttribute("atk-only-admin-show", "");
   }
   // 消息显示复原操作
   get isMessaging() {
@@ -4718,8 +4284,7 @@ class ActionBtn {
           this.confirmRecTimer = window.setTimeout(() => confirmRestore(), 5e3);
           return;
         }
-        if (this.confirmRecTimer)
-          window.clearTimeout(this.confirmRecTimer);
+        if (this.confirmRecTimer) window.clearTimeout(this.confirmRecTimer);
         confirmRestore();
       }
       if (this.msgRecTimer) {
@@ -4732,15 +4297,13 @@ class ActionBtn {
   }
   /** 文字刷新（动态/静态） */
   updateText(text) {
-    if (text)
-      this.opts.text = text;
+    if (text) this.opts.text = text;
     this.setLoading(false);
     this.$el.innerText = this.getText();
   }
   /** 设置加载状态 */
   setLoading(value, loadingText) {
-    if (this.isLoading === value)
-      return;
+    if (this.isLoading === value) return;
     this.isLoading = value;
     if (value) {
       this.$el.classList.add("atk-btn-loading");
@@ -4765,15 +4328,12 @@ class ActionBtn {
   /** 设置消息 */
   setMsg(text, className, duringTime, after) {
     this.setLoading(false);
-    if (className)
-      this.$el.classList.add(className);
+    if (className) this.$el.classList.add(className);
     this.$el.innerText = text;
     this.setMsgRecTimer(() => {
       this.$el.innerText = this.getText();
-      if (className)
-        this.$el.classList.remove(className);
-      if (after)
-        after();
+      if (className) this.$el.classList.remove(className);
+      if (after) after();
     }, duringTime || 2500);
   }
   /** 设置消息复原操作定时器 */
@@ -4788,13 +4348,11 @@ class ActionBtn {
   }
   /** 立刻触发器复原定时器 */
   fireMsgRecTimer() {
-    if (this.msgRecTimerFunc)
-      this.msgRecTimerFunc();
+    if (this.msgRecTimerFunc) this.msgRecTimerFunc();
   }
   /** 仅清除 timer */
   clearMsgRecTimer() {
-    if (this.msgRecTimer)
-      window.clearTimeout(this.msgRecTimer);
+    if (this.msgRecTimer) window.clearTimeout(this.msgRecTimer);
     this.msgRecTimer = void 0;
     this.msgRecTimerFunc = void 0;
   }
@@ -4814,8 +4372,7 @@ function renderActions(r) {
   });
 }
 function renderVote(r) {
-  if (!r.opts.vote)
-    return;
+  if (!r.opts.vote) return;
   r.voteBtnUp = new ActionBtn(() => `${t("voteUp")} (${r.data.vote_up || 0})`).appendTo(r.$actions);
   r.voteBtnUp.setClick(() => {
     r.comment.getActions().vote("up");
@@ -4830,8 +4387,7 @@ function renderVote(r) {
   }
 }
 function renderReply(r) {
-  if (!r.data.is_allow_reply)
-    return;
+  if (!r.data.is_allow_reply) return;
   const replyBtn = createElement(`<span>${t("reply")}</span>`);
   r.$actions.append(replyBtn);
   replyBtn.addEventListener("click", (e) => {
@@ -4957,8 +4513,7 @@ class Render {
   /** 内容限高检测 */
   checkHeightLimit() {
     const conf = this.opts.heightLimit;
-    if (!conf || !conf.content || !conf.children)
-      return;
+    if (!conf || !conf.content || !conf.children) return;
     const contentMaxH = conf.content;
     const childrenMaxH = conf.children;
     check(
@@ -4981,8 +4536,7 @@ class Render {
   }
   /** 子评论区域移除限高 */
   heightLimitRemoveForChildren() {
-    if (!this.$childrenWrap)
-      return;
+    if (!this.$childrenWrap) return;
     disposeHeightLimit(this.$childrenWrap);
   }
   /** 渐出动画 */
@@ -5010,17 +4564,13 @@ class Render {
   }
   /** 设置已读 */
   setUnread(val) {
-    if (val)
-      this.$el.classList.add("atk-unread");
-    else
-      this.$el.classList.remove("atk-unread");
+    if (val) this.$el.classList.add("atk-unread");
+    else this.$el.classList.remove("atk-unread");
   }
   /** 设置为可点击的评论 */
   setOpenable(val) {
-    if (val)
-      this.$el.classList.add("atk-openable");
-    else
-      this.$el.classList.remove("atk-openable");
+    if (val) this.$el.classList.add("atk-openable");
+    else this.$el.classList.remove("atk-openable");
   }
   /** 设置点击评论打开置顶 URL */
   setOpenURL(url) {
@@ -5069,8 +4619,7 @@ class CommentActions {
   }
   /** 管理员 - 评论状态修改 */
   adminEdit(type, btnElem) {
-    if (btnElem.isLoading)
-      return;
+    if (btnElem.isLoading) return;
     btnElem.setLoading(true, `${t("editing")}...`);
     const modify = __spreadValues({}, this.data);
     if (type === "collapsed") {
@@ -5090,13 +4639,11 @@ class CommentActions {
   }
   /** 管理员 - 评论删除 */
   adminDelete(btnElem) {
-    if (btnElem.isLoading)
-      return;
+    if (btnElem.isLoading) return;
     btnElem.setLoading(true, `${t("deleting")}...`);
     this.getApi().comments.deleteComment(this.data.id).then(() => {
       btnElem.setLoading(false);
-      if (this.opts.onDelete)
-        this.opts.onDelete(this.comment);
+      if (this.opts.onDelete) this.opts.onDelete(this.comment);
     }).catch((e) => {
       console.error(e);
       btnElem.setError(t("deleteFail"));
@@ -5107,8 +4654,7 @@ class CommentActions {
     const origHash = window.location.hash;
     const modifyHash = `#atk-comment-${this.data.rid}`;
     window.location.hash = modifyHash;
-    if (modifyHash === origHash)
-      window.dispatchEvent(new Event("hashchange"));
+    if (modifyHash === origHash) window.dispatchEvent(new Event("hashchange"));
   }
 }
 class CommentNode {
@@ -5133,11 +4679,9 @@ class CommentNode {
   /** 渲染 UI */
   render() {
     const newEl = this.renderInstance.render();
-    if (this.$el)
-      this.$el.replaceWith(newEl);
+    if (this.$el) this.$el.replaceWith(newEl);
     this.$el = newEl;
-    if (this.opts.onAfterRender)
-      this.opts.onAfterRender();
+    if (this.opts.onAfterRender) this.opts.onAfterRender();
   }
   /** 获取评论操作实例对象 */
   getActions() {
@@ -5184,10 +4728,8 @@ class CommentNode {
     this.children.push(childNode);
     const $childrenWrap = this.getChildrenWrapEl();
     const $childComment = childNode.getEl();
-    if (insertMode === "append")
-      $childrenWrap.append($childComment);
-    else if (insertMode === "prepend")
-      $childrenWrap.prepend($childComment);
+    if (insertMode === "append") $childrenWrap.append($childComment);
+    else if (insertMode === "prepend") $childrenWrap.prepend($childComment);
     childNode.getRender().playFadeAnim();
     childNode.getRender().checkHeightLimit();
   }
@@ -5215,8 +4757,7 @@ class CommentNode {
    * Please be aware of the memory leak if you use the $el reference directly.
    */
   getEl() {
-    if (!this.$el)
-      throw new Error("comment element not initialized before `getEl()`");
+    if (!this.$el) throw new Error("comment element not initialized before `getEl()`");
     return this.$el;
   }
   /**
@@ -5225,8 +4766,7 @@ class CommentNode {
    * Scroll to the comment and perform flash animation
    */
   focus() {
-    if (!this.$el)
-      throw new Error("comment element not initialized before `focus()`");
+    if (!this.$el) throw new Error("comment element not initialized before `focus()`");
     this.getParents().forEach((p) => {
       p.getRender().heightLimitRemoveForChildren();
     });
@@ -5248,7 +4788,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 解析后的内容 */
@@ -5257,7 +4797,9 @@ class CommentNode {
   }
   /** 获取格式化后的日期 */
   getDateFormatted() {
-    return timeAgo(new Date(this.data.date), t);
+    var _a, _b;
+    const date = new Date(this.data.date);
+    return ((_b = (_a = this.opts).dateFormatter) == null ? void 0 : _b.call(_a, date)) || timeAgo(date, t);
   }
   /** 获取用户 UserAgent 信息 */
   getUserUA() {
@@ -5291,6 +4833,7 @@ function createCommentNode(ctx, comment, replyComment, opts) {
     vote: ctx.conf.vote,
     voteDown: ctx.conf.voteDown,
     uaBadge: ctx.conf.uaBadge,
+    dateFormatter: ctx.conf.dateFormatter,
     // TODO: move to plugin folder and remove from core
     getApi: () => ctx.getApi(),
     replyComment: (c, $el) => ctx.replyComment(c, $el),
@@ -5329,8 +4872,7 @@ class ReadMoreBtn {
     return this.total > this.offset + this.opts.pageSize;
   }
   click() {
-    if (this.hasMore)
-      this.opts.onClick(this.offset + this.opts.pageSize);
+    if (this.hasMore) this.opts.onClick(this.offset + this.opts.pageSize);
     this.checkDisabled();
   }
   /** 显示 */
@@ -5363,10 +4905,8 @@ class ReadMoreBtn {
     this.checkDisabled();
   }
   checkDisabled() {
-    if (this.hasMore)
-      this.show();
-    else
-      this.hide();
+    if (this.hasMore) this.show();
+    else this.hide();
   }
 }
 class ReadMorePaginator {
@@ -5388,8 +4928,7 @@ class ReadMorePaginator {
     });
     if (opt.readMoreAutoLoad) {
       this.onReachedBottom = () => {
-        if (!this.instance.hasMore || this.opt.ctx.getData().getLoading())
-          return;
+        if (!this.instance.hasMore || this.opt.ctx.getData().getLoading()) return;
         this.instance.click();
       };
       this.opt.ctx.on("list-reach-bottom", this.onReachedBottom);
@@ -5495,10 +5034,8 @@ class Pagination {
       }
       this.change(page);
     };
-    if (!now)
-      this.inputTimer = window.setTimeout(() => modify(), 800);
-    else
-      modify();
+    if (!now) this.inputTimer = window.setTimeout(() => modify(), 800);
+    else modify();
   }
   prev() {
     const page = this.page - 1;
@@ -5557,10 +5094,8 @@ class Pagination {
   }
   /** 加载 */
   setLoading(isLoading) {
-    if (isLoading)
-      showLoading(this.$el);
-    else
-      hideLoading(this.$el);
+    if (isLoading) showLoading(this.$el);
+    else hideLoading(this.$el);
   }
 }
 class UpDownPaginator {
@@ -5602,26 +5137,22 @@ class UpDownPaginator {
   }
 }
 function createPaginatorByConf(conf) {
-  if (conf.pagination.readMore)
-    return new ReadMorePaginator();
+  if (conf.pagination.readMore) return new ReadMorePaginator();
   return new UpDownPaginator();
 }
 function getPageDataByLastData(ctx) {
   const last = ctx.getData().getListLastFetch();
   const r = { offset: 0, total: 0 };
-  if (!last)
-    return r;
+  if (!last) return r;
   r.offset = last.params.offset;
-  if (last.data)
-    r.total = last.params.flatMode ? last.data.count : last.data.roots_count;
+  if (last.data) r.total = last.params.flatMode ? last.data.count : last.data.roots_count;
   return r;
 }
 const initListPaginatorFunc = (ctx) => {
   let paginator = null;
   ctx.watchConf(["pagination", "locale"], (conf) => {
     const list = ctx.get("list");
-    if (paginator)
-      paginator.dispose();
+    if (paginator) paginator.dispose();
     paginator = createPaginatorByConf(conf);
     const { offset, total } = getPageDataByLastData(ctx);
     const $paginator = paginator.create({
@@ -5761,18 +5292,14 @@ class Layer {
     this.$el.style.display = "";
   }
   hide() {
-    return __async(this, null, function* () {
-      this.opts.onHide();
-      this.$el.style.display = "none";
-      this.onAfterHide && this.onAfterHide();
-    });
+    this.opts.onHide();
+    this.$el.style.display = "none";
+    this.onAfterHide && this.onAfterHide();
   }
   destroy() {
-    return __async(this, null, function* () {
-      this.opts.onHide();
-      this.$el.remove();
-      this.onAfterHide && this.onAfterHide();
-    });
+    this.opts.onHide();
+    this.$el.remove();
+    this.onAfterHide && this.onAfterHide();
   }
 }
 class LayerWrap {
@@ -5850,11 +5377,12 @@ class User {
     this.opts = opts;
     const localUser = JSON.parse(window.localStorage.getItem(LOCAL_USER_KEY) || "{}");
     this.data = {
-      nick: localUser.nick || "",
+      name: localUser.name || localUser.nick || "",
+      // nick is deprecated (for historical compatibility)
       email: localUser.email || "",
       link: localUser.link || "",
       token: localUser.token || "",
-      isAdmin: localUser.isAdmin || false
+      is_admin: localUser.is_admin || localUser.isAdmin || false
     };
   }
   getData() {
@@ -5871,17 +5399,17 @@ class User {
   /**
    * Logout
    *
-   * @description Logout will clear login status, but not clear user data (nick, email, link)
+   * @description Logout will clear login status, but not clear user data (name, email, link)
    */
   logout() {
     this.update({
       token: "",
-      isAdmin: false
+      is_admin: false
     });
   }
   /** Check if user has filled basic data */
   checkHasBasicUserInfo() {
-    return !!this.data.nick && !!this.data.email;
+    return !!this.data.name && !!this.data.email;
   }
 }
 const services = {
@@ -5943,7 +5471,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,
@@ -5951,81 +5479,84 @@ 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) => {
-  ctx.watchConf(["markedReplacers", "imgLazyLoad", "markedOptions"], (conf) => {
+  ctx.watchConf(["imgLazyLoad", "markedOptions"], (conf) => {
     initMarked({
       markedOptions: ctx.getConf().markedOptions,
       imgLazyLoad: ctx.getConf().imgLazyLoad
     });
-    if (conf.markedReplacers)
-      setReplacers(conf.markedReplacers);
+  });
+  ctx.watchConf(["markedReplacers"], (conf) => {
+    conf.markedReplacers && setReplacers(conf.markedReplacers);
   });
 };
 const LocalStorageKey = "ArtalkContent";
@@ -6117,11 +5648,11 @@ class SubmitAddPreset {
   }
   getSubmitAddParams() {
     return __async(this, null, function* () {
-      const { nick, email, link } = this.kit.useUser().getData();
+      const { name, email, link } = this.kit.useUser().getData();
       const conf = this.kit.useConf();
       return {
         content: this.kit.useEditor().getContentFinal(),
-        name: nick,
+        name,
         email,
         link,
         rid: 0,
@@ -6163,17 +5694,12 @@ class Submit extends EditorPlug {
       const custom = this.customs.find((o) => o.activeCond());
       this.kit.useEditor().showLoading();
       try {
-        if (custom == null ? void 0 : custom.pre)
-          custom.pre();
+        if (custom == null ? void 0 : custom.pre) custom.pre();
         let nComment;
-        if (custom == null ? void 0 : custom.req)
-          nComment = yield custom.req();
-        else
-          nComment = yield this.defaultPreset.reqAdd();
-        if (custom == null ? void 0 : custom.post)
-          custom.post(nComment);
-        else
-          this.defaultPreset.postSubmitAdd(nComment);
+        if (custom == null ? void 0 : custom.req) nComment = yield custom.req();
+        else nComment = yield this.defaultPreset.reqAdd();
+        if (custom == null ? void 0 : custom.post) custom.post(nComment);
+        else this.defaultPreset.postSubmitAdd(nComment);
       } catch (err) {
         console.error(err);
         this.kit.useEditor().showNotify(`${t("commentFail")}: ${err.message || String(err)}`, "e");
@@ -6198,15 +5724,13 @@ class StateReply extends EditorPlug {
     });
     this.kit.useEvents().on("mounted", () => {
       const submitPlug = this.kit.useDeps(Submit);
-      if (!submitPlug)
-        throw Error("SubmitPlug not initialized");
+      if (!submitPlug) throw Error("SubmitPlug not initialized");
       const defaultPreset = new SubmitAddPreset(this.kit);
       submitPlug.registerCustom({
         activeCond: () => !!this.comment,
         // active this custom submit when reply mode
         req: () => __async(this, null, function* () {
-          if (!this.comment)
-            throw new Error("reply comment cannot be empty");
+          if (!this.comment) throw new Error("reply comment cannot be empty");
           const nComment = (yield this.kit.useApi().comments.createComment(__spreadProps(__spreadValues({}, yield defaultPreset.getSubmitAddParams()), {
             rid: this.comment.id,
             page_key: this.comment.page_key,
@@ -6242,8 +5766,7 @@ class StateReply extends EditorPlug {
     ui.$textarea.focus();
   }
   cancelReply() {
-    if (!this.comment)
-      return;
+    if (!this.comment) return;
     const ui = this.kit.useUI();
     if (ui.$sendReplyBtn) {
       ui.$sendReplyBtn.remove();
@@ -6268,15 +5791,14 @@ class StateEdit extends EditorPlug {
     });
     this.kit.useMounted(() => {
       const submitPlug = this.kit.useDeps(Submit);
-      if (!submitPlug)
-        throw Error("SubmitPlug not initialized");
+      if (!submitPlug) throw Error("SubmitPlug not initialized");
       submitPlug.registerCustom({
         activeCond: () => !!this.comment,
         // active this custom submit when edit mode
         req: () => __async(this, null, function* () {
           const saveData = {
             content: this.kit.useEditor().getContentFinal(),
-            nick: this.kit.useUI().$nick.value,
+            nick: this.kit.useUI().$name.value,
             email: this.kit.useUI().$email.value,
             link: this.kit.useUI().$link.value
           };
@@ -6304,7 +5826,7 @@ class StateEdit extends EditorPlug {
     }
     this.comment = comment;
     ui.$header.style.display = "none";
-    ui.$nick.value = comment.nick || "";
+    ui.$name.value = comment.nick || "";
     ui.$email.value = comment.email || "";
     ui.$link.value = comment.link || "";
     this.kit.useEditor().setContent(comment.content);
@@ -6312,16 +5834,15 @@ class StateEdit extends EditorPlug {
     this.updateSubmitBtnText(t("save"));
   }
   cancelEdit() {
-    if (!this.comment)
-      return;
+    if (!this.comment) return;
     const ui = this.kit.useUI();
     if (ui.$editCancelBtn) {
       ui.$editCancelBtn.remove();
       ui.$editCancelBtn = void 0;
     }
     this.comment = void 0;
-    const { nick, email, link } = this.kit.useUser().getData();
-    ui.$nick.value = nick;
+    const { name, email, link } = this.kit.useUser().getData();
+    ui.$name.value = name;
     ui.$email.value = email;
     ui.$link.value = link;
     this.kit.useEditor().setContent("");
@@ -6361,7 +5882,7 @@ class Closable extends EditorPlug {
       this.kit.useUI().$textareaWrap.prepend(
         createElement(`<div class="atk-comment-closed">${t("onlyAdminCanReply")}</div>`)
       );
-    if (!this.kit.useUser().getData().isAdmin) {
+    if (!this.kit.useUser().getData().is_admin) {
       this.kit.useUI().$textarea.style.display = "none";
       this.kit.useEvents().trigger("panel-close");
       this.kit.useUI().$bottom.style.display = "none";
@@ -6410,15 +5931,18 @@ class HeaderUser extends EditorPlug {
       abortFn: null
     });
     const onInput = ({ $input, field }) => {
-      if (this.kit.useEditor().getState() === "edit")
-        return;
+      if (this.kit.useEditor().getState() === "edit") return;
       this.kit.useUser().update({ [field]: $input.value.trim() });
-      if (field === "nick" || field === "email")
-        this.fetchUserInfo();
+      if (field === "name" || field === "email") this.fetchUserInfo();
+    };
+    const placeholders = {
+      name: t("nick"),
+      email: t("email"),
+      link: t("link")
     };
     this.kit.useMounted(() => {
       Object.entries(this.kit.useEditor().getHeaderInputEls()).forEach(([key, $input]) => {
-        $input.placeholder = `${t(key)}`;
+        $input.placeholder = placeholders[key];
         $input.value = this.kit.useUser().getData()[key] || "";
       });
       this.kit.useEvents().on("header-input", onInput);
@@ -6432,10 +5956,8 @@ class HeaderUser extends EditorPlug {
    */
   fetchUserInfo() {
     this.kit.useUser().logout();
-    if (this.query.timer)
-      window.clearTimeout(this.query.timer);
-    if (this.query.abortFn)
-      this.query.abortFn();
+    if (this.query.timer) window.clearTimeout(this.query.timer);
+    if (this.query.abortFn) this.query.abortFn();
     this.query.timer = window.setTimeout(() => {
       this.query.timer = null;
       const api = this.kit.useApi();
@@ -6459,8 +5981,7 @@ class HeaderUser extends EditorPlug {
    */
   onUserInfoFetched(data) {
     var _a;
-    if (!data.is_login)
-      this.kit.useUser().logout();
+    if (!data.is_login) this.kit.useUser().logout();
     this.kit.useGlobalCtx().getData().updateNotifies(data.notifies);
     if (this.kit.useUser().checkHasBasicUserInfo() && !data.is_login && ((_a = data.user) == null ? void 0 : _a.is_admin)) {
       this.kit.useGlobalCtx().checkAdmin({
@@ -6478,8 +5999,7 @@ class HeaderLink extends EditorPlug {
   constructor(kit) {
     super(kit);
     const onLinkChange = ({ field }) => {
-      if (field === "link")
-        this.onLinkInputChange();
+      if (field === "link") this.onLinkInputChange();
     };
     this.kit.useMounted(() => {
       this.kit.useEvents().on("header-change", onLinkChange);
@@ -6535,8 +6055,7 @@ class Emoticons extends EditorPlug {
   }
   loadEmoticonsData() {
     return __async(this, null, function* () {
-      if (this.isListLoaded)
-        return;
+      if (this.isListLoaded) return;
       if (this.loadingTask !== null) {
         yield this.loadingTask;
         return;
@@ -6562,10 +6081,8 @@ class Emoticons extends EditorPlug {
         return [];
       }
       const pushGrp = (grp) => {
-        if (typeof grp !== "object")
-          return;
-        if (grp.name && data.find((o) => o.name === grp.name))
-          return;
+        if (typeof grp !== "object") return;
+        if (grp.name && data.find((o) => o.name === grp.name)) return;
         data.push(grp);
       };
       const remoteLoad = (d) => __async(this, null, function* () {
@@ -6577,10 +6094,8 @@ class Emoticons extends EditorPlug {
               yield remoteLoad(grp);
             } else if (typeof grp === "string") {
               const grpData = yield this.remoteLoad(grp);
-              if (Array.isArray(grpData))
-                yield remoteLoad(grpData);
-              else if (typeof grpData === "object")
-                pushGrp(grpData);
+              if (Array.isArray(grpData)) yield remoteLoad(grpData);
+              else if (typeof grpData === "object") pushGrp(grpData);
             }
           }))
         );
@@ -6609,8 +6124,7 @@ class Emoticons extends EditorPlug {
   /** 远程加载 */
   remoteLoad(url) {
     return __async(this, null, function* () {
-      if (!url)
-        return [];
+      if (!url) return [];
       try {
         const resp = yield fetch(url);
         const json = yield resp.json();
@@ -6627,8 +6141,7 @@ class Emoticons extends EditorPlug {
   solveNullKey(data) {
     data.forEach((grp) => {
       grp.items.forEach((item, index) => {
-        if (!item.key)
-          item.key = `${grp.name} ${index + 1}`;
+        if (!item.key) item.key = `${grp.name} ${index + 1}`;
       });
     });
   }
@@ -6637,14 +6150,10 @@ class Emoticons extends EditorPlug {
     const tmp = {};
     data.forEach((grp) => {
       grp.items.forEach((item) => {
-        if (!item.key || String(item.key).trim() === "")
-          return;
-        if (!tmp[item.key])
-          tmp[item.key] = 1;
-        else
-          tmp[item.key]++;
-        if (tmp[item.key] > 1)
-          item.key = `${item.key} ${tmp[item.key]}`;
+        if (!item.key || String(item.key).trim() === "") return;
+        if (!tmp[item.key]) tmp[item.key] = 1;
+        else tmp[item.key]++;
+        if (tmp[item.key] > 1) item.key = `${item.key} ${tmp[item.key]}`;
       });
     });
   }
@@ -6665,8 +6174,7 @@ class Emoticons extends EditorPlug {
         const iconStr = item.icon;
         if (/<(img|IMG)/.test(iconStr)) {
           const find = /src=["'](.*?)["']/.exec(iconStr);
-          if (find && find.length > 1)
-            item.icon = find[1];
+          if (find && find.length > 1) item.icon = find[1];
         }
         nGrp.items.push({
           key: item.text || `${grpName} ${index + 1}`,
@@ -6720,8 +6228,7 @@ class Emoticons extends EditorPlug {
         this.$grpSwitcher.append($item);
       });
     }
-    if (this.emoticons.length > 0)
-      this.openGrp(0);
+    if (this.emoticons.length > 0) this.openGrp(0);
   }
   /** 打开一个表情组 */
   openGrp(index) {
@@ -6742,11 +6249,9 @@ class Emoticons extends EditorPlug {
   }
   /** 处理评论 content 中的表情内容 */
   transEmoticonImageText(text) {
-    if (!this.emoticons || !Array.isArray(this.emoticons))
-      return text;
+    if (!this.emoticons || !Array.isArray(this.emoticons)) return text;
     this.emoticons.forEach((grp) => {
-      if (grp.type !== "image")
-        return;
+      if (grp.type !== "image") return;
       Object.entries(grp.items).forEach(([index, item]) => {
         text = text.split(`:[${item.key}]`).join(`<img src="${item.val}" atk-emoticon="${item.key}">`);
       });
@@ -6775,8 +6280,7 @@ class Upload extends EditorPlug {
       const $input = this.$imgUploadInput;
       $input.onchange = () => {
         (() => __async(this, null, function* () {
-          if (!$input.files || $input.files.length === 0)
-            return;
+          if (!$input.files || $input.files.length === 0) return;
           const file = $input.files[0];
           this.uploadImg(file);
         }))();
@@ -6789,8 +6293,7 @@ class Upload extends EditorPlug {
   }
   initDragImg() {
     const uploadFromFileList = (files) => {
-      if (!files)
-        return;
+      if (!files) return;
       for (let i = 0; i < files.length; i++) {
         const file = files[i];
         this.uploadImg(file);
@@ -6830,15 +6333,13 @@ class Upload extends EditorPlug {
   uploadImg(file) {
     return __async(this, null, function* () {
       const fileExt = /[^.]+$/.exec(file.name);
-      if (!fileExt || !AllowImgExts.includes(String(fileExt[0]).toLowerCase()))
-        return;
+      if (!fileExt || !AllowImgExts.includes(String(fileExt[0]).toLowerCase())) return;
       if (!this.kit.useUser().checkHasBasicUserInfo()) {
         this.kit.useEditor().showNotify(t("uploadLoginMsg"), "w");
         return;
       }
       let insertPrefix = "\n";
-      if (this.kit.useUI().$textarea.value.trim() === "")
-        insertPrefix = "";
+      if (this.kit.useUI().$textarea.value.trim() === "") insertPrefix = "";
       const uploadPlaceholderTxt = `${insertPrefix}![](Uploading ${file.name}...)`;
       this.kit.useEditor().insertContent(uploadPlaceholderTxt);
       let resp;
@@ -7008,8 +6509,7 @@ class PlugManager {
   clear() {
     this.plugs = [];
     this.events = new EventManager();
-    if (this.openedPlug)
-      this.closePlugPanel();
+    if (this.openedPlug) this.closePlugPanel();
   }
   loadPluginUI() {
     this.editor.getUI().$plugPanelWrap.innerHTML = "";
@@ -7020,8 +6520,7 @@ class PlugManager {
   /** Load the plug btn and plug panel on editor ui */
   loadPluginItem(plug) {
     const $btn = plug.$btn;
-    if (!$btn)
-      return;
+    if (!$btn) return;
     this.editor.getUI().$plugBtnWrap.appendChild($btn);
     !$btn.onclick && ($btn.onclick = () => {
       this.editor.getUI().$plugBtnWrap.querySelectorAll(".active").forEach((item) => item.classList.remove("active"));
@@ -7045,8 +6544,7 @@ class PlugManager {
   openPlugPanel(plug) {
     this.plugs.forEach((aPlug) => {
       const plugPanel = aPlug.$panel;
-      if (!plugPanel)
-        return;
+      if (!plugPanel) return;
       if (aPlug === plug) {
         plugPanel.style.display = "";
         this.events.trigger("panel-show", plug);
@@ -7060,8 +6558,7 @@ class PlugManager {
   }
   /** Close the editor plug panel */
   closePlugPanel() {
-    if (!this.openedPlug)
-      return;
+    if (!this.openedPlug) return;
     this.editor.getUI().$plugPanelWrap.style.display = "none";
     this.events.trigger("panel-hide", this.openedPlug);
     this.openedPlug = null;
@@ -7070,8 +6567,7 @@ class PlugManager {
   getTransformedContent(rawContent) {
     let result = rawContent;
     this.plugs.forEach((aPlug) => {
-      if (!aPlug.contentTransformer)
-        return;
+      if (!aPlug.contentTransformer) return;
       result = aPlug.contentTransformer(result);
     });
     return result;
@@ -7084,8 +6580,7 @@ const WithEditor = (ctx) => {
     $closeCommentBtn = list.$el.querySelector('[data-action="admin-close-comment"]');
     $closeCommentBtn.addEventListener("click", () => {
       const page = ctx.getData().getPage();
-      if (!page)
-        throw new Error("Page data not found");
+      if (!page) throw new Error("Page data not found");
       page.admin_only = !page.admin_only;
       adminPageEditSave(ctx, page);
     });
@@ -7147,8 +6642,7 @@ const Count = (ctx) => {
     var _a, _b;
     const list = ctx.get("list");
     const $count = list.$el.querySelector(".atk-comment-count .atk-text");
-    if (!$count)
-      return;
+    if (!$count) return;
     const text = htmlEncode(
       t("counter", {
         count: `${Number((_b = (_a = ctx.getData().getListLastFetch()) == null ? void 0 : _a.data) == null ? void 0 : _b.count) || 0}`
@@ -7161,26 +6655,22 @@ const Count = (ctx) => {
   });
   ctx.on("comment-inserted", () => {
     const last = ctx.getData().getListLastFetch();
-    if (last == null ? void 0 : last.data)
-      last.data.count += 1;
+    if (last == null ? void 0 : last.data) last.data.count += 1;
   });
   ctx.on("comment-deleted", () => {
     const last = ctx.getData().getListLastFetch();
-    if (last == null ? void 0 : last.data)
-      last.data.count -= 1;
+    if (last == null ? void 0 : last.data) last.data.count -= 1;
   });
 };
 const SidebarBtn = (ctx) => {
   let $openSidebarBtn = null;
   const syncByUser = () => {
-    if (!$openSidebarBtn)
-      return;
+    if (!$openSidebarBtn) return;
     const user = ctx.get("user").getData();
-    if (!!user.nick && !!user.email) {
+    if (!!user.name && !!user.email) {
       $openSidebarBtn.classList.remove("atk-hide");
       const $btnText = $openSidebarBtn.querySelector(".atk-text");
-      if ($btnText)
-        $btnText.innerText = !user.isAdmin ? t("msgCenter") : t("ctrlCenter");
+      if ($btnText) $btnText.innerText = !user.is_admin ? t("msgCenter") : t("ctrlCenter");
     } else {
       $openSidebarBtn.classList.add("atk-hide");
     }
@@ -7188,8 +6678,7 @@ const SidebarBtn = (ctx) => {
   ctx.watchConf(["locale"], (conf) => {
     const list = ctx.get("list");
     $openSidebarBtn = list.$el.querySelector('[data-action="open-sidebar"]');
-    if (!$openSidebarBtn)
-      return;
+    if (!$openSidebarBtn) return;
     $openSidebarBtn.onclick = () => {
       ctx.showSidebar();
     };
@@ -7202,8 +6691,7 @@ const SidebarBtn = (ctx) => {
 const UnreadBadge = (ctx) => {
   let $unreadBadge = null;
   const showUnreadBadge = (count) => {
-    if (!$unreadBadge)
-      return;
+    if (!$unreadBadge) return;
     if (count > 0) {
       $unreadBadge.innerText = `${Number(count || 0)}`;
       $unreadBadge.style.display = "block";
@@ -7223,10 +6711,8 @@ const GotoDispatcher = (ctx) => {
   let lastID = 0;
   const check2 = ({ locker }) => {
     const commentID = extractCommentID();
-    if (!commentID)
-      return;
-    if (locker && lastID === commentID)
-      return;
+    if (!commentID) return;
+    if (locker && lastID === commentID) return;
     lastID = commentID;
     ctx.trigger("list-goto", commentID);
   };
@@ -7257,18 +6743,16 @@ const GotoFocus = (ctx) => {
       ctx.get("list").getListLayout({ forceFlatMode: true }).insert(data.comment, data.reply_comment);
       comment = ctx.getCommentNodes().find((c) => c.getID() === commentID);
     }
-    if (!comment)
-      return;
+    if (!comment) return;
     comment.focus();
   }));
 };
-const version = "2.8.6";
+const version = "2.9.0";
 const Copyright = (ctx) => {
   ctx.on("mounted", () => {
     const list = ctx.get("list");
     const $copyright = list.$el.querySelector(".atk-copyright");
-    if (!$copyright)
-      return;
+    if (!$copyright) return;
     $copyright.innerHTML = `Powered By <a href="https://artalk.js.org" target="_blank" title="Artalk v${version}">Artalk</a>`;
   });
 };
@@ -7335,8 +6819,7 @@ const Dropdown = (ctx) => {
   ctx.watchConf(["listSort", "locale"], (conf) => {
     const list = ctx.get("list");
     const $count = list.$el.querySelector(".atk-comment-count");
-    if (!$count)
-      return;
+    if (!$count) return;
     if (conf.listSort) {
       initDropdown($count);
     } else {
@@ -7348,8 +6831,7 @@ const Dropdown = (ctx) => {
 };
 function renderDropdown(conf) {
   const { $dropdownWrap, dropdownList } = conf;
-  if ($dropdownWrap.querySelector(".atk-dropdown"))
-    return;
+  if ($dropdownWrap.querySelector(".atk-dropdown")) return;
   $dropdownWrap.classList.add("atk-dropdown-wrap");
   $dropdownWrap.append(createElement(`<span class="atk-arrow-down-icon"></span>`));
   let curtActive = 0;
@@ -7367,8 +6849,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;
@@ -7376,8 +6857,7 @@ function renderDropdown(conf) {
       onItemClick(i, $item, name, action);
     };
     $dropdown.append($item);
-    if (i === curtActive)
-      $item.classList.add("active");
+    if (i === curtActive) $item.classList.add("active");
   });
   $dropdownWrap.append($dropdown);
 }
@@ -7394,8 +6874,9 @@ const TimeTicking = (ctx) => {
     timer = window.setInterval(() => {
       const list = ctx.get("list");
       list.$el.querySelectorAll("[data-atk-comment-date]").forEach((el) => {
-        const date = el.getAttribute("data-atk-comment-date");
-        el.innerText = timeAgo(new Date(Number(date)), ctx.$t);
+        var _a, _b;
+        const date = new Date(Number(el.getAttribute("data-atk-comment-date")));
+        el.innerText = ((_b = (_a = ctx.getConf()).dateFormatter) == null ? void 0 : _b.call(_a, date)) || timeAgo(date, ctx.$t);
       });
     }, 30 * 1e3);
   });
@@ -7403,6 +6884,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");
@@ -7430,8 +6929,7 @@ const Loading = (ctx) => {
 };
 const Fetch = (ctx) => {
   ctx.on("list-fetch", (_params) => {
-    if (ctx.getData().getLoading())
-      return;
+    if (ctx.getData().getLoading()) return;
     ctx.getData().setLoading(true);
     const params = __spreadValues({
       // default params
@@ -7451,8 +6949,7 @@ const Fetch = (ctx) => {
       page_key: ctx.getConf().pageKey,
       site_name: ctx.getConf().site
     };
-    if (params.paramsModifier)
-      params.paramsModifier(reqParams);
+    if (params.paramsModifier) params.paramsModifier(reqParams);
     ctx.getApi().comments.getComments(__spreadValues(__spreadValues({}, reqParams), ctx.getApi().getUserFields())).then(({ data }) => {
       ctx.getData().setListLastFetch({ params, data });
       ctx.getData().loadComments(data.comments);
@@ -7503,8 +7000,7 @@ const ReachBottom = (ctx) => {
     const list = ctx.get("list");
     const children = list.getCommentsWrapEl().childNodes;
     const $target = children.length > 2 ? children[children.length - 2] : null;
-    if (!$target)
-      return;
+    if (!$target) return;
     if (!("IntersectionObserver" in window)) {
       console.warn("IntersectionObserver api not supported");
       return;
@@ -7551,11 +7047,9 @@ const ListPlugins = [
 ];
 const Notifies = (ctx) => {
   ctx.on("list-fetch", (params) => {
-    if (params.offset !== 0)
-      return;
+    if (params.offset !== 0) return;
     const user = ctx.getApi().getUserFields();
-    if (!user)
-      return;
+    if (!user) return;
     ctx.getApi().notifies.getNotifies(user).then((res) => {
       ctx.getData().updateNotifies(res.data.notifies);
     });
@@ -7572,8 +7066,7 @@ const VersionCheck = (ctx) => {
 function versionCheck(list, feVer, beVer) {
   const comp = versionCompare(feVer, beVer);
   const sameVer = comp === 0;
-  if (sameVer)
-    return;
+  if (sameVer) return;
   const errEl = createElement(
     `<div class="atk-version-check-notice">${t("updateMsg", {
       name: comp < 0 ? t("frontend") : t("backend")
@@ -7590,7 +7083,7 @@ function versionCheck(list, feVer, beVer) {
 const AdminOnlyElem = (ctx) => {
   const scanApply = () => {
     applyAdminOnlyEls(
-      ctx.get("user").getData().isAdmin,
+      ctx.get("user").getData().is_admin,
       getAdminOnlyEls({
         $root: ctx.$root
       })
@@ -7613,20 +7106,16 @@ function getAdminOnlyEls(opts) {
 }
 function applyAdminOnlyEls(isAdmin, els) {
   els.forEach(($item) => {
-    if (isAdmin)
-      $item.classList.remove("atk-hide");
-    else
-      $item.classList.add("atk-hide");
+    if (isAdmin) $item.classList.remove("atk-hide");
+    else $item.classList.add("atk-hide");
   });
 }
 let darkModeMedia;
 function updateClassnames($els, darkMode) {
   const DarkModeClassName = "atk-dark-mode";
   $els.forEach(($el) => {
-    if (darkMode)
-      $el.classList.add(DarkModeClassName);
-    else
-      $el.classList.remove(DarkModeClassName);
+    if (darkMode) $el.classList.add(DarkModeClassName);
+    else $el.classList.remove(DarkModeClassName);
   });
 }
 const DarkMode = (ctx) => {
@@ -7667,16 +7156,17 @@ const DefaultPlugins = [
   VersionCheck,
   DarkMode
 ];
-const GlobalPlugins = [...DefaultPlugins];
+const GlobalPlugins = /* @__PURE__ */ new Set([...DefaultPlugins]);
+const PluginOptions = /* @__PURE__ */ new WeakMap();
 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)) {
-          plugin(ctx);
-          loadedPlugins.push(plugin);
+        if (typeof plugin === "function" && !loadedPlugins.has(plugin)) {
+          plugin(ctx, PluginOptions.get(plugin));
+          loadedPlugins.add(plugin);
         }
       });
     };
@@ -7712,8 +7202,8 @@ function load(ctx) {
 }
 function loadNetworkPlugins(scripts, apiBase) {
   return __async(this, null, function* () {
-    if (!scripts || !Array.isArray(scripts))
-      return [];
+    const networkPlugins = /* @__PURE__ */ new Set();
+    if (!scripts || !Array.isArray(scripts)) return networkPlugins;
     const tasks = [];
     scripts.forEach((url) => {
       if (!/^(http|https):\/\//.test(url))
@@ -7733,7 +7223,10 @@ 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) {
@@ -7751,7 +7244,7 @@ function onLoadErr(ctx, err) {
     errMsg: err.msg || String(err),
     errData: err.data,
     retryFn: () => load(ctx),
-    onOpenSidebar: ctx.get("user").getData().isAdmin ? () => ctx.showSidebar({
+    onOpenSidebar: ctx.get("user").getData().is_admin ? () => ctx.showSidebar({
       view: sidebarOpenView
     }) : void 0
     // only show open sidebar button when user is admin
@@ -7818,10 +7311,9 @@ class Artalk {
     return new Artalk(conf);
   }
   /** Use plugin, the plugin will be used when Artalk.init */
-  static use(plugin) {
-    if (GlobalPlugins.includes(plugin))
-      return;
-    GlobalPlugins.push(plugin);
+  static use(plugin, options) {
+    GlobalPlugins.add(plugin);
+    PluginOptions.set(plugin, options);
   }
   /** Load count widget */
   static loadCountWidget(c) {
@@ -7831,6 +7323,7 @@ class Artalk {
       siteName: conf.site,
       countEl: conf.countEl,
       pvEl: conf.pvEl,
+      pageKeyAttr: conf.statPageKeyAttr,
       pvAdd: false
     });
   }