artalk 2.8.6 → 2.9.0

package/dist/Artalk.mjs

@@ -29,23 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
+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) => {
@@ -66,7 +50,6 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-var _parseMarkdown, parseMarkdown_fn, _onError, onError_fn;
 class HttpClient {
   constructor(apiConfig = {}) {
     __publicField(this, "baseUrl", "/api/v2");
@@ -163,7 +146,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) => {
@@ -180,8 +163,7 @@ class HttpClient {
         if (cancelToken) {
           this.abortControllers.delete(cancelToken);
         }
-        if (!response.ok)
-          throw data;
+        if (!response.ok) throw data;
         return data;
       }));
     }));
@@ -253,7 +235,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
@@ -1232,6 +1214,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
        *
@@ -1466,411 +1474,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
   }));
@@ -1885,8 +1494,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;
@@ -1913,6 +1521,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
   };
 }
@@ -1932,8 +1544,7 @@ 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 };
   }
 }
@@ -1979,18 +1590,6 @@ function escape$1(html2, encode) {
   }
   return html2;
 }
-const unescapeTest = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
-function unescape(html2) {
-  return html2.replace(unescapeTest, (_, n) => {
-    n = n.toLowerCase();
-    if (n === "colon")
-      return ":";
-    if (n.charAt(0) === "#") {
-      return n.charAt(1) === "x" ? String.fromCharCode(parseInt(n.substring(2), 16)) : String.fromCharCode(+n.substring(1));
-    }
-    return "";
-  });
-}
 const caret = /(^|[^\[])\^/g;
 function edit(regex, opt) {
   let source = typeof regex === "string" ? regex : regex.source;
@@ -2198,22 +1797,70 @@ class _Tokenizer {
     if (cap) {
       return {
         type: "hr",
-        raw: cap[0]
+        raw: rtrim(cap[0], "\n")
       };
     }
   }
   blockquote(src) {
     const cap = this.rules.block.blockquote.exec(src);
     if (cap) {
-      let text = cap[0].replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, "\n    $1");
-      text = rtrim(text.replace(/^ *>[ \t]?/gm, ""), "\n");
-      const top = this.lexer.state.top;
-      this.lexer.state.top = true;
-      const tokens = this.lexer.blockTokens(text);
-      this.lexer.state.top = top;
+      let lines = rtrim(cap[0], "\n").split("\n");
+      let raw = "";
+      let text = "";
+      const tokens = [];
+      while (lines.length > 0) {
+        let inBlockquote = false;
+        const currentLines = [];
+        let i;
+        for (i = 0; i < lines.length; i++) {
+          if (/^ {0,3}>/.test(lines[i])) {
+            currentLines.push(lines[i]);
+            inBlockquote = true;
+          } else if (!inBlockquote) {
+            currentLines.push(lines[i]);
+          } else {
+            break;
+          }
+        }
+        lines = lines.slice(i);
+        const currentRaw = currentLines.join("\n");
+        const currentText = currentRaw.replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, "\n    $1").replace(/^ {0,3}>[ \t]?/gm, "");
+        raw = raw ? `${raw}
+${currentRaw}` : currentRaw;
+        text = text ? `${text}
+${currentText}` : currentText;
+        const top = this.lexer.state.top;
+        this.lexer.state.top = true;
+        this.lexer.blockTokens(currentText, tokens, true);
+        this.lexer.state.top = top;
+        if (lines.length === 0) {
+          break;
+        }
+        const lastToken = tokens[tokens.length - 1];
+        if ((lastToken == null ? void 0 : lastToken.type) === "code") {
+          break;
+        } else if ((lastToken == null ? void 0 : lastToken.type) === "blockquote") {
+          const oldToken = lastToken;
+          const newText = oldToken.raw + "\n" + lines.join("\n");
+          const newToken = this.blockquote(newText);
+          tokens[tokens.length - 1] = newToken;
+          raw = raw.substring(0, raw.length - oldToken.raw.length) + newToken.raw;
+          text = text.substring(0, text.length - oldToken.text.length) + newToken.text;
+          break;
+        } else if ((lastToken == null ? void 0 : lastToken.type) === "list") {
+          const oldToken = lastToken;
+          const newText = oldToken.raw + "\n" + lines.join("\n");
+          const newToken = this.list(newText);
+          tokens[tokens.length - 1] = newToken;
+          raw = raw.substring(0, raw.length - lastToken.raw.length) + newToken.raw;
+          text = text.substring(0, text.length - oldToken.raw.length) + newToken.raw;
+          lines = newText.substring(tokens[tokens.length - 1].raw.length).split("\n");
+          continue;
+        }
+      }
       return {
         type: "blockquote",
-        raw: cap[0],
+        raw,
         tokens,
         text
       };
@@ -2237,11 +1884,11 @@ class _Tokenizer {
         bull = isordered ? bull : "[*+-]";
       }
       const itemRegex = new RegExp(`^( {0,3}${bull})((?:[	 ][^\\n]*)?(?:\\n|$))`);
-      let raw = "";
-      let itemContents = "";
       let endsWithBlankLine = false;
       while (src) {
         let endEarly = false;
+        let raw = "";
+        let itemContents = "";
         if (!(cap = itemRegex.exec(src))) {
           break;
         }
@@ -2252,18 +1899,20 @@ class _Tokenizer {
         src = src.substring(raw.length);
         let line = cap[2].split("\n", 1)[0].replace(/^\t+/, (t2) => " ".repeat(3 * t2.length));
         let nextLine = src.split("\n", 1)[0];
+        let blankLine = !line.trim();
         let indent = 0;
         if (this.options.pedantic) {
           indent = 2;
           itemContents = line.trimStart();
+        } else if (blankLine) {
+          indent = cap[1].length + 1;
         } else {
           indent = cap[2].search(/[^ ]/);
           indent = indent > 4 ? 1 : indent;
           itemContents = line.slice(indent);
           indent += cap[1].length;
         }
-        let blankLine = false;
-        if (!line && /^ *$/.test(nextLine)) {
+        if (blankLine && /^ *$/.test(nextLine)) {
           raw += nextLine + "\n";
           src = src.substring(nextLine.length + 1);
           endEarly = true;
@@ -2346,8 +1995,8 @@ class _Tokenizer {
         });
         list2.raw += raw;
       }
-      list2.items[list2.items.length - 1].raw = raw.trimEnd();
-      list2.items[list2.items.length - 1].text = itemContents.trimEnd();
+      list2.items[list2.items.length - 1].raw = list2.items[list2.items.length - 1].raw.trimEnd();
+      list2.items[list2.items.length - 1].text = list2.items[list2.items.length - 1].text.trimEnd();
       list2.raw = list2.raw.trimEnd();
       for (let i = 0; i < list2.items.length; i++) {
         this.lexer.state.top = false;
@@ -2426,17 +2075,21 @@ class _Tokenizer {
         item.align.push(null);
       }
     }
-    for (const header of headers) {
+    for (let i = 0; i < headers.length; i++) {
       item.header.push({
-        text: header,
-        tokens: this.lexer.inline(header)
+        text: headers[i],
+        tokens: this.lexer.inline(headers[i]),
+        header: true,
+        align: item.align[i]
       });
     }
     for (const row of rows) {
-      item.rows.push(splitCells(row, item.header.length).map((cell) => {
+      item.rows.push(splitCells(row, item.header.length).map((cell, i) => {
         return {
           text: cell,
-          tokens: this.lexer.inline(cell)
+          tokens: this.lexer.inline(cell),
+          header: false,
+          align: item.align[i]
         };
       }));
     }
@@ -2927,7 +2580,7 @@ class _Lexer {
     this.inlineQueue = [];
     return this.tokens;
   }
-  blockTokens(src, tokens = []) {
+  blockTokens(src, tokens = [], lastParagraphClipped = false) {
     if (this.options.pedantic) {
       src = src.replace(/\t/g, "    ").replace(/^ +$/gm, "");
     } else {
@@ -2938,7 +2591,6 @@ class _Lexer {
     let token;
     let lastToken;
     let cutSrc;
-    let lastParagraphClipped;
     while (src) {
       if (this.options.extensions && this.options.extensions.block && this.options.extensions.block.some((extTokenizer) => {
         if (token = extTokenizer.call({ lexer: this }, src, tokens)) {
@@ -3043,7 +2695,7 @@ class _Lexer {
       }
       if (this.state.top && (token = this.tokenizer.paragraph(cutSrc))) {
         lastToken = tokens[tokens.length - 1];
-        if (lastParagraphClipped && lastToken.type === "paragraph") {
+        if (lastParagraphClipped && (lastToken == null ? void 0 : lastToken.type) === "paragraph") {
           lastToken.raw += "\n" + token.raw;
           lastToken.text += "\n" + token.text;
           this.inlineQueue.pop();
@@ -3230,85 +2882,136 @@ class _Lexer {
   }
 }
 class _Renderer {
+  // set by the parser
   constructor(options) {
     __publicField(this, "options");
+    __publicField(this, "parser");
     this.options = options || _defaults;
   }
-  code(code, infostring, escaped) {
+  space(token) {
+    return "";
+  }
+  code({ text, lang, escaped }) {
     var _a;
-    const lang = (_a = (infostring || "").match(/^\S*/)) == null ? void 0 : _a[0];
-    code = code.replace(/\n$/, "") + "\n";
-    if (!lang) {
+    const langString = (_a = (lang || "").match(/^\S*/)) == null ? void 0 : _a[0];
+    const code = text.replace(/\n$/, "") + "\n";
+    if (!langString) {
       return "<pre><code>" + (escaped ? code : escape$1(code, true)) + "</code></pre>\n";
     }
-    return '<pre><code class="language-' + escape$1(lang) + '">' + (escaped ? code : escape$1(code, true)) + "</code></pre>\n";
+    return '<pre><code class="language-' + escape$1(langString) + '">' + (escaped ? code : escape$1(code, true)) + "</code></pre>\n";
   }
-  blockquote(quote) {
+  blockquote({ tokens }) {
+    const body = this.parser.parse(tokens);
     return `<blockquote>
-${quote}</blockquote>
+${body}</blockquote>
 `;
   }
-  html(html2, block2) {
-    return html2;
+  html({ text }) {
+    return text;
   }
-  heading(text, level, raw) {
-    return `<h${level}>${text}</h${level}>
+  heading({ tokens, depth }) {
+    return `<h${depth}>${this.parser.parseInline(tokens)}</h${depth}>
 `;
   }
-  hr() {
+  hr(token) {
     return "<hr>\n";
   }
-  list(body, ordered, start) {
+  list(token) {
+    const ordered = token.ordered;
+    const start = token.start;
+    let body = "";
+    for (let j = 0; j < token.items.length; j++) {
+      const item = token.items[j];
+      body += this.listitem(item);
+    }
     const type = ordered ? "ol" : "ul";
-    const startatt = ordered && start !== 1 ? ' start="' + start + '"' : "";
-    return "<" + type + startatt + ">\n" + body + "</" + type + ">\n";
-  }
-  listitem(text, task, checked) {
-    return `<li>${text}</li>
+    const startAttr = ordered && start !== 1 ? ' start="' + start + '"' : "";
+    return "<" + type + startAttr + ">\n" + body + "</" + type + ">\n";
+  }
+  listitem(item) {
+    let itemBody = "";
+    if (item.task) {
+      const checkbox = this.checkbox({ checked: !!item.checked });
+      if (item.loose) {
+        if (item.tokens.length > 0 && item.tokens[0].type === "paragraph") {
+          item.tokens[0].text = checkbox + " " + item.tokens[0].text;
+          if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === "text") {
+            item.tokens[0].tokens[0].text = checkbox + " " + item.tokens[0].tokens[0].text;
+          }
+        } else {
+          item.tokens.unshift({
+            type: "text",
+            raw: checkbox + " ",
+            text: checkbox + " "
+          });
+        }
+      } else {
+        itemBody += checkbox + " ";
+      }
+    }
+    itemBody += this.parser.parse(item.tokens, !!item.loose);
+    return `<li>${itemBody}</li>
 `;
   }
-  checkbox(checked) {
+  checkbox({ checked }) {
     return "<input " + (checked ? 'checked="" ' : "") + 'disabled="" type="checkbox">';
   }
-  paragraph(text) {
-    return `<p>${text}</p>
+  paragraph({ tokens }) {
+    return `<p>${this.parser.parseInline(tokens)}</p>
 `;
   }
-  table(header, body) {
+  table(token) {
+    let header = "";
+    let cell = "";
+    for (let j = 0; j < token.header.length; j++) {
+      cell += this.tablecell(token.header[j]);
+    }
+    header += this.tablerow({ text: cell });
+    let body = "";
+    for (let j = 0; j < token.rows.length; j++) {
+      const row = token.rows[j];
+      cell = "";
+      for (let k = 0; k < row.length; k++) {
+        cell += this.tablecell(row[k]);
+      }
+      body += this.tablerow({ text: cell });
+    }
     if (body)
       body = `<tbody>${body}</tbody>`;
     return "<table>\n<thead>\n" + header + "</thead>\n" + body + "</table>\n";
   }
-  tablerow(content) {
+  tablerow({ text }) {
     return `<tr>
-${content}</tr>
+${text}</tr>
 `;
   }
-  tablecell(content, flags) {
-    const type = flags.header ? "th" : "td";
-    const tag2 = flags.align ? `<${type} align="${flags.align}">` : `<${type}>`;
+  tablecell(token) {
+    const content = this.parser.parseInline(token.tokens);
+    const type = token.header ? "th" : "td";
+    const tag2 = token.align ? `<${type} align="${token.align}">` : `<${type}>`;
     return tag2 + content + `</${type}>
 `;
   }
   /**
    * span level renderer
    */
-  strong(text) {
-    return `<strong>${text}</strong>`;
+  strong({ tokens }) {
+    return `<strong>${this.parser.parseInline(tokens)}</strong>`;
   }
-  em(text) {
-    return `<em>${text}</em>`;
+  em({ tokens }) {
+    return `<em>${this.parser.parseInline(tokens)}</em>`;
   }
-  codespan(text) {
+  codespan({ text }) {
     return `<code>${text}</code>`;
   }
-  br() {
+  br(token) {
     return "<br>";
   }
-  del(text) {
-    return `<del>${text}</del>`;
+  del({ tokens }) {
+    return `<del>${this.parser.parseInline(tokens)}</del>`;
   }
-  link(href, title, text) {
+  link({ href, title, tokens }) {
+    const text = this.parser.parseInline(tokens);
     const cleanHref = cleanUrl(href);
     if (cleanHref === null) {
       return text;
@@ -3321,7 +3024,7 @@ ${content}</tr>
     out += ">" + text + "</a>";
     return out;
   }
-  image(href, title, text) {
+  image({ href, title, text }) {
     const cleanHref = cleanUrl(href);
     if (cleanHref === null) {
       return text;
@@ -3334,34 +3037,34 @@ ${content}</tr>
     out += ">";
     return out;
   }
-  text(text) {
-    return text;
+  text(token) {
+    return "tokens" in token && token.tokens ? this.parser.parseInline(token.tokens) : token.text;
   }
 }
 class _TextRenderer {
   // no need for block level renderers
-  strong(text) {
+  strong({ text }) {
     return text;
   }
-  em(text) {
+  em({ text }) {
     return text;
   }
-  codespan(text) {
+  codespan({ text }) {
     return text;
   }
-  del(text) {
+  del({ text }) {
     return text;
   }
-  html(text) {
+  html({ text }) {
     return text;
   }
-  text(text) {
+  text({ text }) {
     return text;
   }
-  link(href, title, text) {
+  link({ text }) {
     return "" + text;
   }
-  image(href, title, text) {
+  image({ text }) {
     return "" + text;
   }
   br() {
@@ -3377,6 +3080,7 @@ class _Parser {
     this.options.renderer = this.options.renderer || new _Renderer();
     this.renderer = this.options.renderer;
     this.renderer.options = this.options;
+    this.renderer.parser = this;
     this.textRenderer = new _TextRenderer();
   }
   /**
@@ -3399,112 +3103,70 @@ class _Parser {
   parse(tokens, top = true) {
     let out = "";
     for (let i = 0; i < tokens.length; i++) {
-      const token = tokens[i];
-      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[token.type]) {
-        const genericToken = token;
+      const anyToken = tokens[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[anyToken.type]) {
+        const genericToken = anyToken;
         const ret = this.options.extensions.renderers[genericToken.type].call({ parser: this }, genericToken);
         if (ret !== false || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "paragraph", "text"].includes(genericToken.type)) {
           out += ret || "";
           continue;
         }
       }
+      const token = anyToken;
       switch (token.type) {
         case "space": {
+          out += this.renderer.space(token);
           continue;
         }
         case "hr": {
-          out += this.renderer.hr();
+          out += this.renderer.hr(token);
           continue;
         }
         case "heading": {
-          const headingToken = token;
-          out += this.renderer.heading(this.parseInline(headingToken.tokens), headingToken.depth, unescape(this.parseInline(headingToken.tokens, this.textRenderer)));
+          out += this.renderer.heading(token);
           continue;
         }
         case "code": {
-          const codeToken = token;
-          out += this.renderer.code(codeToken.text, codeToken.lang, !!codeToken.escaped);
+          out += this.renderer.code(token);
           continue;
         }
         case "table": {
-          const tableToken = token;
-          let header = "";
-          let cell = "";
-          for (let j = 0; j < tableToken.header.length; j++) {
-            cell += this.renderer.tablecell(this.parseInline(tableToken.header[j].tokens), { header: true, align: tableToken.align[j] });
-          }
-          header += this.renderer.tablerow(cell);
-          let body = "";
-          for (let j = 0; j < tableToken.rows.length; j++) {
-            const row = tableToken.rows[j];
-            cell = "";
-            for (let k = 0; k < row.length; k++) {
-              cell += this.renderer.tablecell(this.parseInline(row[k].tokens), { header: false, align: tableToken.align[k] });
-            }
-            body += this.renderer.tablerow(cell);
-          }
-          out += this.renderer.table(header, body);
+          out += this.renderer.table(token);
           continue;
         }
         case "blockquote": {
-          const blockquoteToken = token;
-          const body = this.parse(blockquoteToken.tokens);
-          out += this.renderer.blockquote(body);
+          out += this.renderer.blockquote(token);
           continue;
         }
         case "list": {
-          const listToken = token;
-          const ordered = listToken.ordered;
-          const start = listToken.start;
-          const loose = listToken.loose;
-          let body = "";
-          for (let j = 0; j < listToken.items.length; j++) {
-            const item = listToken.items[j];
-            const checked = item.checked;
-            const task = item.task;
-            let itemBody = "";
-            if (item.task) {
-              const checkbox = this.renderer.checkbox(!!checked);
-              if (loose) {
-                if (item.tokens.length > 0 && item.tokens[0].type === "paragraph") {
-                  item.tokens[0].text = checkbox + " " + item.tokens[0].text;
-                  if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === "text") {
-                    item.tokens[0].tokens[0].text = checkbox + " " + item.tokens[0].tokens[0].text;
-                  }
-                } else {
-                  item.tokens.unshift({
-                    type: "text",
-                    text: checkbox + " "
-                  });
-                }
-              } else {
-                itemBody += checkbox + " ";
-              }
-            }
-            itemBody += this.parse(item.tokens, loose);
-            body += this.renderer.listitem(itemBody, task, !!checked);
-          }
-          out += this.renderer.list(body, ordered, start);
+          out += this.renderer.list(token);
           continue;
         }
         case "html": {
-          const htmlToken = token;
-          out += this.renderer.html(htmlToken.text, htmlToken.block);
+          out += this.renderer.html(token);
           continue;
         }
         case "paragraph": {
-          const paragraphToken = token;
-          out += this.renderer.paragraph(this.parseInline(paragraphToken.tokens));
+          out += this.renderer.paragraph(token);
           continue;
         }
         case "text": {
           let textToken = token;
-          let body = textToken.tokens ? this.parseInline(textToken.tokens) : textToken.text;
+          let body = this.renderer.text(textToken);
           while (i + 1 < tokens.length && tokens[i + 1].type === "text") {
             textToken = tokens[++i];
-            body += "\n" + (textToken.tokens ? this.parseInline(textToken.tokens) : textToken.text);
+            body += "\n" + this.renderer.text(textToken);
+          }
+          if (top) {
+            out += this.renderer.paragraph({
+              type: "paragraph",
+              raw: body,
+              text: body,
+              tokens: [{ type: "text", raw: body, text: body }]
+            });
+          } else {
+            out += body;
           }
-          out += top ? this.renderer.paragraph(body) : body;
           continue;
         }
         default: {
@@ -3527,62 +3189,54 @@ class _Parser {
     renderer = renderer || this.renderer;
     let out = "";
     for (let i = 0; i < tokens.length; i++) {
-      const token = tokens[i];
-      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[token.type]) {
-        const ret = this.options.extensions.renderers[token.type].call({ parser: this }, token);
-        if (ret !== false || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(token.type)) {
+      const anyToken = tokens[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[anyToken.type]) {
+        const ret = this.options.extensions.renderers[anyToken.type].call({ parser: this }, anyToken);
+        if (ret !== false || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(anyToken.type)) {
           out += ret || "";
           continue;
         }
       }
+      const token = anyToken;
       switch (token.type) {
         case "escape": {
-          const escapeToken = token;
-          out += renderer.text(escapeToken.text);
+          out += renderer.text(token);
           break;
         }
         case "html": {
-          const tagToken = token;
-          out += renderer.html(tagToken.text);
+          out += renderer.html(token);
           break;
         }
         case "link": {
-          const linkToken = token;
-          out += renderer.link(linkToken.href, linkToken.title, this.parseInline(linkToken.tokens, renderer));
+          out += renderer.link(token);
           break;
         }
         case "image": {
-          const imageToken = token;
-          out += renderer.image(imageToken.href, imageToken.title, imageToken.text);
+          out += renderer.image(token);
           break;
         }
         case "strong": {
-          const strongToken = token;
-          out += renderer.strong(this.parseInline(strongToken.tokens, renderer));
+          out += renderer.strong(token);
           break;
         }
         case "em": {
-          const emToken = token;
-          out += renderer.em(this.parseInline(emToken.tokens, renderer));
+          out += renderer.em(token);
           break;
         }
         case "codespan": {
-          const codespanToken = token;
-          out += renderer.codespan(codespanToken.text);
+          out += renderer.codespan(token);
           break;
         }
         case "br": {
-          out += renderer.br();
+          out += renderer.br(token);
           break;
         }
         case "del": {
-          const delToken = token;
-          out += renderer.del(this.parseInline(delToken.tokens, renderer));
+          out += renderer.del(token);
           break;
         }
         case "text": {
-          const textToken = token;
-          out += renderer.text(textToken.text);
+          out += renderer.text(token);
           break;
         }
         default: {
@@ -3602,6 +3256,7 @@ class _Parser {
 class _Hooks {
   constructor(options) {
     __publicField(this, "options");
+    __publicField(this, "block");
     this.options = options || _defaults;
   }
   /**
@@ -3622,6 +3277,18 @@ class _Hooks {
   processAllTokens(tokens) {
     return tokens;
   }
+  /**
+   * Provide function to tokenize markdown
+   */
+  provideLexer() {
+    return this.block ? _Lexer.lex : _Lexer.lexInline;
+  }
+  /**
+   * Provide function to parse tokens
+   */
+  provideParser() {
+    return this.block ? _Parser.parse : _Parser.parseInline;
+  }
 }
 __publicField(_Hooks, "passThroughHooks", /* @__PURE__ */ new Set([
   "preprocess",
@@ -3630,12 +3297,10 @@ __publicField(_Hooks, "passThroughHooks", /* @__PURE__ */ new Set([
 ]));
 class Marked {
   constructor(...args) {
-    __privateAdd(this, _parseMarkdown);
-    __privateAdd(this, _onError);
     __publicField(this, "defaults", _getDefaults());
     __publicField(this, "options", this.setOptions);
-    __publicField(this, "parse", __privateMethod(this, _parseMarkdown, parseMarkdown_fn).call(this, _Lexer.lex, _Parser.parse));
-    __publicField(this, "parseInline", __privateMethod(this, _parseMarkdown, parseMarkdown_fn).call(this, _Lexer.lexInline, _Parser.parseInline));
+    __publicField(this, "parse", this.parseMarkdown(true));
+    __publicField(this, "parseInline", this.parseMarkdown(false));
     __publicField(this, "Parser", _Parser);
     __publicField(this, "Renderer", _Renderer);
     __publicField(this, "TextRenderer", _TextRenderer);
@@ -3747,7 +3412,7 @@ class Marked {
           if (!(prop in renderer)) {
             throw new Error(`renderer '${prop}' does not exist`);
           }
-          if (prop === "options") {
+          if (["options", "parser"].includes(prop)) {
             continue;
           }
           const rendererProp = prop;
@@ -3791,7 +3456,7 @@ class Marked {
           if (!(prop in hooks)) {
             throw new Error(`hook '${prop}' does not exist`);
           }
-          if (prop === "options") {
+          if (["options", "block"].includes(prop)) {
             continue;
           }
           const hooksProp = prop;
@@ -3845,69 +3510,68 @@ class Marked {
   parser(tokens, options) {
     return _Parser.parse(tokens, options != null ? options : this.defaults);
   }
-}
-_parseMarkdown = new WeakSet();
-parseMarkdown_fn = function(lexer, parser2) {
-  return (src, options) => {
-    const origOpt = __spreadValues({}, options);
-    const opt = __spreadValues(__spreadValues({}, this.defaults), origOpt);
-    if (this.defaults.async === true && origOpt.async === false) {
-      if (!opt.silent) {
-        console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored.");
+  parseMarkdown(blockType) {
+    const parse = (src, options) => {
+      const origOpt = __spreadValues({}, options);
+      const opt = __spreadValues(__spreadValues({}, this.defaults), origOpt);
+      const throwError = this.onError(!!opt.silent, !!opt.async);
+      if (this.defaults.async === true && origOpt.async === false) {
+        return throwError(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));
       }
-      opt.async = true;
-    }
-    const throwError = __privateMethod(this, _onError, onError_fn).call(this, !!opt.silent, !!opt.async);
-    if (typeof src === "undefined" || src === null) {
-      return throwError(new Error("marked(): input parameter is undefined or null"));
-    }
-    if (typeof src !== "string") {
-      return throwError(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(src) + ", string expected"));
-    }
-    if (opt.hooks) {
-      opt.hooks.options = opt;
-    }
-    if (opt.async) {
-      return Promise.resolve(opt.hooks ? opt.hooks.preprocess(src) : src).then((src2) => lexer(src2, opt)).then((tokens) => opt.hooks ? opt.hooks.processAllTokens(tokens) : tokens).then((tokens) => opt.walkTokens ? Promise.all(this.walkTokens(tokens, opt.walkTokens)).then(() => tokens) : tokens).then((tokens) => parser2(tokens, opt)).then((html2) => opt.hooks ? opt.hooks.postprocess(html2) : html2).catch(throwError);
-    }
-    try {
-      if (opt.hooks) {
-        src = opt.hooks.preprocess(src);
+      if (typeof src === "undefined" || src === null) {
+        return throwError(new Error("marked(): input parameter is undefined or null"));
+      }
+      if (typeof src !== "string") {
+        return throwError(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(src) + ", string expected"));
       }
-      let tokens = lexer(src, opt);
       if (opt.hooks) {
-        tokens = opt.hooks.processAllTokens(tokens);
+        opt.hooks.options = opt;
+        opt.hooks.block = blockType;
       }
-      if (opt.walkTokens) {
-        this.walkTokens(tokens, opt.walkTokens);
+      const lexer = opt.hooks ? opt.hooks.provideLexer() : blockType ? _Lexer.lex : _Lexer.lexInline;
+      const parser2 = opt.hooks ? opt.hooks.provideParser() : blockType ? _Parser.parse : _Parser.parseInline;
+      if (opt.async) {
+        return Promise.resolve(opt.hooks ? opt.hooks.preprocess(src) : src).then((src2) => lexer(src2, opt)).then((tokens) => opt.hooks ? opt.hooks.processAllTokens(tokens) : tokens).then((tokens) => opt.walkTokens ? Promise.all(this.walkTokens(tokens, opt.walkTokens)).then(() => tokens) : tokens).then((tokens) => parser2(tokens, opt)).then((html2) => opt.hooks ? opt.hooks.postprocess(html2) : html2).catch(throwError);
       }
-      let html2 = parser2(tokens, opt);
-      if (opt.hooks) {
-        html2 = opt.hooks.postprocess(html2);
+      try {
+        if (opt.hooks) {
+          src = opt.hooks.preprocess(src);
+        }
+        let tokens = lexer(src, opt);
+        if (opt.hooks) {
+          tokens = opt.hooks.processAllTokens(tokens);
+        }
+        if (opt.walkTokens) {
+          this.walkTokens(tokens, opt.walkTokens);
+        }
+        let html2 = parser2(tokens, opt);
+        if (opt.hooks) {
+          html2 = opt.hooks.postprocess(html2);
+        }
+        return html2;
+      } catch (e) {
+        return throwError(e);
+      }
+    };
+    return parse;
+  }
+  onError(silent, async) {
+    return (e) => {
+      e.message += "\nPlease report this to https://github.com/markedjs/marked.";
+      if (silent) {
+        const msg = "<p>An error occurred:</p><pre>" + escape$1(e.message + "", true) + "</pre>";
+        if (async) {
+          return Promise.resolve(msg);
+        }
+        return msg;
       }
-      return html2;
-    } catch (e) {
-      return throwError(e);
-    }
-  };
-};
-_onError = new WeakSet();
-onError_fn = function(silent, async) {
-  return (e) => {
-    e.message += "\nPlease report this to https://github.com/markedjs/marked.";
-    if (silent) {
-      const msg = "<p>An error occurred:</p><pre>" + escape$1(e.message + "", true) + "</pre>";
       if (async) {
-        return Promise.resolve(msg);
+        return Promise.reject(e);
       }
-      return msg;
-    }
-    if (async) {
-      return Promise.reject(e);
-    }
-    throw e;
-  };
-};
+      throw e;
+    };
+  }
+}
 const markedInstance = new Marked();
 function marked$1(src, opt) {
   return markedInstance.parse(src, opt);
@@ -3946,6 +3610,10 @@ marked$1.walkTokens;
 marked$1.parseInline;
 _Parser.parse;
 _Lexer.lex;
+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;",
@@ -4444,11 +4112,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+/;
@@ -4491,7 +4157,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 = (link2) => {
     try {
       return new URL(link2).origin;
@@ -4499,31 +4165,30 @@ const markedLinkRenderer = (renderer, orgLinkRenderer) => (href, title, text) =>
       return "";
     }
   };
-  const isSameOriginLink = getLinkOrigin(href) === window.location.origin;
-  const html2 = orgLinkRenderer.call(renderer, href, title, text);
+  const isSameOriginLink = getLinkOrigin(args.href) === window.location.origin;
+  const html2 = orgLinkRenderer.call(renderer, args);
   return html2.replace(
     /^<a /,
     `<a target="_blank" ${!isSameOriginLink ? `rel="noreferrer noopener nofollow"` : ""} `
   );
 };
-const markedCodeRenderer = () => (block2, lang) => {
+const markedCodeRenderer = () => ({ lang, text }) => {
   const realLang = !lang ? "plaintext" : lang;
-  let colorized = block2;
+  let colorized = text;
   if (window.hljs) {
     if (realLang && window.hljs.getLanguage(realLang)) {
-      colorized = window.hljs.highlight(realLang, block2).value;
+      colorized = window.hljs.highlight(realLang, text).value;
     }
   } else {
-    colorized = renderCode(block2);
+    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 html2 = orgImageRenderer.call(renderer, href, title, text);
-  if (!imgLazyLoad)
-    return html2;
+const markedImageRenderer = (renderer, orgImageRenderer, { imgLazyLoad }) => (args) => {
+  const html2 = orgImageRenderer.call(renderer, args);
+  if (!imgLazyLoad) return html2;
   if (imgLazyLoad === "native" || imgLazyLoad === true)
     return html2.replace(/^<img /, '<img class="lazyload" loading="lazy" ');
   if (imgLazyLoad === "data-src")
@@ -4545,17 +4210,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;
@@ -4565,8 +4230,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;
 }
@@ -4649,8 +4313,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);
@@ -4658,8 +4321,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);
@@ -4685,218 +4347,14 @@ class DataManager {
     this.events.trigger("page-loaded", pageData);
   }
 }
-const en = {
-  /* Editor */
-  placeholder: "Leave a comment",
-  noComment: "No Comment",
-  send: "Send",
-  signIn: "Sign in",
-  signUp: "Sign up",
-  save: "Save",
-  nick: "Nickname",
-  email: "Email",
-  link: "Website",
-  emoticon: "Emoji",
-  preview: "Preview",
-  uploadImage: "Upload Image",
-  uploadFail: "Upload Failed",
-  commentFail: "Failed to comment",
-  restoredMsg: "Content has been restored",
-  onlyAdminCanReply: "Only admin can reply",
-  uploadLoginMsg: "Please fill in your name and email to upload",
-  /* List */
-  counter: "{count} Comments",
-  sortLatest: "Latest",
-  sortOldest: "Oldest",
-  sortBest: "Best",
-  sortAuthor: "Author",
-  openComment: "Open Comment",
-  closeComment: "Close Comment",
-  listLoadFailMsg: "Failed to load comments",
-  listRetry: "Retry",
-  loadMore: "Load More",
-  /* Comment */
-  admin: "Admin",
-  reply: "Reply",
-  voteUp: "Up",
-  voteDown: "Down",
-  voteFail: "Vote Failed",
-  readMore: "Read More",
-  actionConfirm: "Confirm",
-  collapse: "Collapse",
-  collapsed: "Collapsed",
-  collapsedMsg: "This comment has been collapsed",
-  expand: "Expand",
-  approved: "Approved",
-  pending: "Pending",
-  pendingMsg: "Pending, visible only to commenter.",
-  edit: "Edit",
-  editCancel: "Cancel Edit",
-  delete: "Delete",
-  deleteConfirm: "Confirm",
-  pin: "Pin",
-  unpin: "Unpin",
-  /* Time */
-  seconds: "seconds ago",
-  minutes: "minutes ago",
-  hours: "hours ago",
-  days: "days ago",
-  now: "just now",
-  /* Checker */
-  adminCheck: "Enter admin password:",
-  captchaCheck: "Enter the CAPTCHA to continue:",
-  confirm: "Confirm",
-  cancel: "Cancel",
-  /* Sidebar */
-  msgCenter: "Messages",
-  ctrlCenter: "Admin",
-  /* Auth */
-  noAccountPrompt: "Don't have an account?",
-  haveAccountPrompt: "Already have an account?",
-  forgetPassword: "Forget Password",
-  resetPassword: "Reset Password",
-  verificationCode: "Verification Code",
-  verifySend: "Verify",
-  verifyResend: "Resend",
-  waitSeconds: "Wait {seconds}s",
-  emailVerified: "Email has been verified",
-  password: "Password",
-  username: "Username",
-  nextStep: "Next Step",
-  skipNotVerify: "Skip, do not verify",
-  logoutConfirm: "Are you sure to logout?",
-  accountMergeNotice: "Your email has multiple accounts with different id.",
-  accountMergeSelectOne: "Please select one you want to merge all the data into it.",
-  accountMergeConfirm: "All data will be merged into one account, the id is {id}.",
-  dismiss: "Dismiss",
-  merge: "Merge",
-  /* General */
-  frontend: "Frontend",
-  backend: "Backend",
-  loading: "Loading",
-  loadFail: "Load Failed",
-  editing: "Editing",
-  editFail: "Edit Failed",
-  deleting: "Deleting",
-  deleteFail: "Delete Failed",
-  reqGot: "Request got",
-  reqAborted: "Request timed out or terminated unexpectedly",
-  updateMsg: "Please update Artalk {name} to get the best experience!",
-  currentVersion: "Current Version",
-  ignore: "Ignore",
-  open: "Open",
-  openName: "Open {name}"
-};
-const zhCN = {
-  /* Editor */
-  placeholder: "键入内容...",
-  noComment: "「此时无声胜有声」",
-  send: "发送",
-  signIn: "登录",
-  signUp: "注册",
-  save: "保存",
-  nick: "昵称",
-  email: "邮箱",
-  link: "网址",
-  emoticon: "表情",
-  preview: "预览",
-  uploadImage: "上传图片",
-  uploadFail: "上传失败",
-  commentFail: "评论失败",
-  restoredMsg: "内容已自动恢复",
-  onlyAdminCanReply: "仅管理员可评论",
-  uploadLoginMsg: "填入你的名字邮箱才能上传哦",
-  /* List */
-  counter: "{count} 条评论",
-  sortLatest: "最新",
-  sortOldest: "最早",
-  sortBest: "最热",
-  sortAuthor: "作者",
-  openComment: "打开评论",
-  closeComment: "关闭评论",
-  listLoadFailMsg: "无法获取评论列表数据",
-  listRetry: "点击重新获取",
-  loadMore: "加载更多",
-  /* Comment */
-  admin: "管理员",
-  reply: "回复",
-  voteUp: "赞同",
-  voteDown: "反对",
-  voteFail: "投票失败",
-  readMore: "阅读更多",
-  actionConfirm: "确认操作",
-  collapse: "折叠",
-  collapsed: "已折叠",
-  collapsedMsg: "该评论已被系统或管理员折叠",
-  expand: "展开",
-  approved: "已审",
-  pending: "待审",
-  pendingMsg: "审核中，仅本人可见。",
-  edit: "编辑",
-  editCancel: "取消编辑",
-  delete: "删除",
-  deleteConfirm: "确认删除",
-  pin: "置顶",
-  unpin: "取消置顶",
-  /* Time */
-  seconds: "秒前",
-  minutes: "分钟前",
-  hours: "小时前",
-  days: "天前",
-  now: "刚刚",
-  /* Checker */
-  adminCheck: "键入密码来验证管理员身份：",
-  captchaCheck: "键入验证码继续：",
-  confirm: "确认",
-  cancel: "取消",
-  /* Sidebar */
-  msgCenter: "通知中心",
-  ctrlCenter: "控制中心",
-  /* Auth */
-  noAccountPrompt: "没有账号？",
-  haveAccountPrompt: "已有账号？",
-  forgetPassword: "忘记密码",
-  resetPassword: "重置密码",
-  verificationCode: "验证码",
-  verifySend: "发送验证码",
-  verifyResend: "重新发送",
-  waitSeconds: "等待 {seconds}秒",
-  emailVerified: "邮箱已验证",
-  password: "密码",
-  username: "用户名",
-  nextStep: "下一步",
-  skipNotVerify: "跳过，不验证",
-  logoutConfirm: "确定要退出登录吗？",
-  accountMergeNotice: "您的电子邮件下有多个不同 ID 的账户。",
-  accountMergeSelectOne: "请选择将所有数据合并到其中的一个。",
-  accountMergeConfirm: "所有数据将合并到 ID 为 {id} 的账户中。",
-  dismiss: "忽略",
-  merge: "合并",
-  /* General */
-  frontend: "前端",
-  backend: "后端",
-  loading: "加载中",
-  loadFail: "加载失败",
-  editing: "修改中",
-  editFail: "修改失败",
-  deleting: "删除中",
-  deleteFail: "删除失败",
-  reqGot: "请求响应",
-  reqAborted: "请求超时或意外终止",
-  updateMsg: "请更新 Artalk {name} 以获得更好的体验！",
-  currentVersion: "当前版本",
-  ignore: "忽略",
-  open: "打开",
-  openName: "打开{name}"
-};
-const GLOBAL_LOCALES_KEY = "ArtalkI18n";
 function createElement(htmlStr = "") {
   const div = document.createElement("div");
   div.innerHTML = htmlStr.trim();
   return div.firstElementChild || div;
 }
 function getHeight(el) {
-  return parseFloat(getComputedStyle(el, null).height.replace("px", ""));
+  const num = parseFloat(getComputedStyle(el, null).height.replace("px", ""));
+  return num || 0;
 }
 function htmlEncode(str) {
   const temp = document.createElement("div");
@@ -4919,8 +4377,7 @@ function getOffset(el, relativeTo) {
     };
   };
   const elOffset = getOffsetRecursive(el);
-  if (!relativeTo)
-    return elOffset;
+  if (!relativeTo) return elOffset;
   const relativeToOffset = getOffsetRecursive(relativeTo);
   return {
     top: elOffset.top - relativeToOffset.top,
@@ -4955,16 +4412,14 @@ function timeAgo(date, $t = (n) => n) {
         if (minutes === 0) {
           const leave3 = leave2 % (60 * 1e3);
           const seconds = Math.round(leave3 / 1e3);
-          if (seconds < 10)
-            return $t("now");
+          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 < 0) return $t("now");
     if (days < 8) {
       return `${days} ${$t("days")}`;
     }
@@ -4975,7 +4430,7 @@ function timeAgo(date, $t = (n) => n) {
   }
 }
 function getGravatarURL(opts) {
-  return `${opts.mirror.replace(/\/$/, "")}/${opts.emailMD5}?${opts.params.replace(/^\?/, "")}`;
+  return `${opts.mirror.replace(/\/$/, "")}/${opts.emailHash}?${opts.params.replace(/^\?/, "")}`;
 }
 function versionCompare(a, b) {
   const pa = a.split(".");
@@ -4983,14 +4438,10 @@ function versionCompare(a, b) {
   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;
+    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;
 }
@@ -5040,6 +4491,219 @@ function getURLBasedOnApi(opts) {
 function getURLBasedOn(baseURL, path) {
   return `${baseURL.replace(/\/$/, "")}/${path.replace(/^\//, "")}`;
 }
+const en = {
+  /* Editor */
+  placeholder: "Leave a comment",
+  noComment: "No Comment",
+  send: "Send",
+  signIn: "Sign in",
+  signUp: "Sign up",
+  save: "Save",
+  nick: "Nickname",
+  email: "Email",
+  link: "Website",
+  emoticon: "Emoji",
+  preview: "Preview",
+  uploadImage: "Upload Image",
+  uploadFail: "Upload Failed",
+  commentFail: "Failed to comment",
+  restoredMsg: "Content has been restored",
+  onlyAdminCanReply: "Only admin can reply",
+  uploadLoginMsg: "Please fill in your name and email to upload",
+  /* List */
+  counter: "{count} Comments",
+  sortLatest: "Latest",
+  sortOldest: "Oldest",
+  sortBest: "Best",
+  sortAuthor: "Author",
+  openComment: "Open Comment",
+  closeComment: "Close Comment",
+  listLoadFailMsg: "Failed to load comments",
+  listRetry: "Retry",
+  loadMore: "Load More",
+  /* Comment */
+  admin: "Admin",
+  reply: "Reply",
+  voteUp: "Up",
+  voteDown: "Down",
+  voteFail: "Vote Failed",
+  readMore: "Read More",
+  actionConfirm: "Confirm",
+  collapse: "Collapse",
+  collapsed: "Collapsed",
+  collapsedMsg: "This comment has been collapsed",
+  expand: "Expand",
+  approved: "Approved",
+  pending: "Pending",
+  pendingMsg: "Pending, visible only to commenter.",
+  edit: "Edit",
+  editCancel: "Cancel Edit",
+  delete: "Delete",
+  deleteConfirm: "Confirm",
+  pin: "Pin",
+  unpin: "Unpin",
+  /* Time */
+  seconds: "seconds ago",
+  minutes: "minutes ago",
+  hours: "hours ago",
+  days: "days ago",
+  now: "just now",
+  /* Checker */
+  adminCheck: "Enter admin password:",
+  captchaCheck: "Enter the CAPTCHA to continue:",
+  confirm: "Confirm",
+  cancel: "Cancel",
+  /* Sidebar */
+  msgCenter: "Messages",
+  ctrlCenter: "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: "Send Code",
+  verifyResend: "Resend",
+  waitSeconds: "Wait {seconds}s",
+  emailVerified: "Email has been verified",
+  password: "Password",
+  username: "Username",
+  nextStep: "Next Step",
+  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.",
+  accountMergeConfirm: "All data will be merged into one account, the id is {id}.",
+  dismiss: "Dismiss",
+  merge: "Merge",
+  /* General */
+  frontend: "Frontend",
+  backend: "Backend",
+  loading: "Loading",
+  loadFail: "Load Failed",
+  editing: "Editing",
+  editFail: "Edit Failed",
+  deleting: "Deleting",
+  deleteFail: "Delete Failed",
+  reqGot: "Request got",
+  reqAborted: "Request timed out or terminated unexpectedly",
+  updateMsg: "Please update Artalk {name} to get the best experience!",
+  currentVersion: "Current Version",
+  ignore: "Ignore",
+  open: "Open",
+  openName: "Open {name}"
+};
+const zhCN = {
+  /* Editor */
+  placeholder: "键入内容...",
+  noComment: "「此时无声胜有声」",
+  send: "发送",
+  signIn: "登录",
+  signUp: "注册",
+  save: "保存",
+  nick: "昵称",
+  email: "邮箱",
+  link: "网址",
+  emoticon: "表情",
+  preview: "预览",
+  uploadImage: "上传图片",
+  uploadFail: "上传失败",
+  commentFail: "评论失败",
+  restoredMsg: "内容已自动恢复",
+  onlyAdminCanReply: "仅管理员可评论",
+  uploadLoginMsg: "填入你的名字邮箱才能上传哦",
+  /* List */
+  counter: "{count} 条评论",
+  sortLatest: "最新",
+  sortOldest: "最早",
+  sortBest: "最热",
+  sortAuthor: "作者",
+  openComment: "打开评论",
+  closeComment: "关闭评论",
+  listLoadFailMsg: "无法获取评论列表数据",
+  listRetry: "点击重新获取",
+  loadMore: "加载更多",
+  /* Comment */
+  admin: "管理员",
+  reply: "回复",
+  voteUp: "赞同",
+  voteDown: "反对",
+  voteFail: "投票失败",
+  readMore: "阅读更多",
+  actionConfirm: "确认操作",
+  collapse: "折叠",
+  collapsed: "已折叠",
+  collapsedMsg: "该评论已被系统或管理员折叠",
+  expand: "展开",
+  approved: "已审",
+  pending: "待审",
+  pendingMsg: "审核中，仅本人可见。",
+  edit: "编辑",
+  editCancel: "取消编辑",
+  delete: "删除",
+  deleteConfirm: "确认删除",
+  pin: "置顶",
+  unpin: "取消置顶",
+  /* Time */
+  seconds: "秒前",
+  minutes: "分钟前",
+  hours: "小时前",
+  days: "天前",
+  now: "刚刚",
+  /* Checker */
+  adminCheck: "键入密码来验证管理员身份：",
+  captchaCheck: "键入验证码继续：",
+  confirm: "确认",
+  cancel: "取消",
+  /* Sidebar */
+  msgCenter: "通知中心",
+  ctrlCenter: "控制中心",
+  /* Auth */
+  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,
@@ -5061,8 +4725,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;
 }
@@ -5088,8 +4751,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));
   }
   /**
@@ -5097,8 +4759,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);
     });
   }
@@ -5123,11 +4784,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,
@@ -5150,35 +4812,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();
@@ -5199,7 +4861,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()
@@ -5249,6 +4911,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;
@@ -5264,8 +4927,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() {
@@ -5354,50 +5016,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) {
@@ -5408,8 +5026,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 = "";
@@ -5417,21 +5034,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;
@@ -5450,10 +5063,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" };
@@ -5495,8 +5106,7 @@ function playFadeInAnim(elem, after) {
 function setError(parentElem, html2, title = '<span class="atk-error-title">Artalk Error</span>') {
   let elem = parentElem.querySelector(".atk-error-layer");
   if (html2 === null) {
-    if (elem !== null)
-      elem.remove();
+    if (elem !== null) elem.remove();
     return;
   }
   if (!elem) {
@@ -5507,8 +5117,7 @@ function setError(parentElem, html2, title = '<span class="atk-error-title">Arta
   }
   const errorTextEl = elem.querySelector(".atk-error-text");
   errorTextEl.innerHTML = "";
-  if (html2 === null)
-    return;
+  if (html2 === null) return;
   if (html2 instanceof HTMLElement) {
     errorTextEl.appendChild(html2);
   } else {
@@ -5532,8 +5141,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;
 }
@@ -5578,8 +5186,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();
@@ -5607,8 +5214,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) {
@@ -5624,7 +5230,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;
@@ -5635,7 +5241,7 @@ const AdminChecker = {
   },
   onSuccess(checker, res, inputVal, formEl) {
     checker.getUser().update({
-      isAdmin: true,
+      is_admin: true,
       token: res.token
     });
     checker.getOpts().onReload();
@@ -5643,6 +5249,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;
@@ -5692,19 +5342,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(
@@ -5722,8 +5368,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");
@@ -5735,14 +5380,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();
@@ -5753,8 +5395,7 @@ class CheckerLauncher {
     });
     dialog.setNo(() => {
       close();
-      if (payload.onCancel)
-        payload.onCancel();
+      if (payload.onCancel) payload.onCancel();
       return false;
     });
     if (hideInteractInput) {
@@ -5762,8 +5403,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 {
@@ -5778,10 +5418,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",
@@ -5804,6 +5444,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 */
@@ -5823,15 +5466,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 */
@@ -5846,8 +5487,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>'));
@@ -5859,8 +5499,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");
@@ -5923,13 +5562,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() {
@@ -6007,8 +5645,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);
@@ -6019,7 +5657,7 @@ class SidebarLayer extends Component {
       this.hide();
     };
     this.ctx.on("user-changed", () => {
-      this.refreshOnShow = true;
+      this.refreshWhenShow = true;
     });
   }
   /** 显示 */
@@ -6028,8 +5666,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);
@@ -6039,7 +5677,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())}`)
           );
         }
       }
@@ -6067,7 +5705,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(() => {
@@ -6083,8 +5721,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();
@@ -6107,10 +5744,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;
@@ -6141,10 +5776,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,
@@ -6160,14 +5793,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) {
@@ -6231,16 +5860,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();
@@ -6345,8 +5971,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 = {
@@ -6357,8 +5982,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 = {
@@ -6453,16 +6077,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;
@@ -6472,7 +6092,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();
       });
     }
@@ -6480,12 +6102,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";
@@ -6495,20 +6114,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 = "";
@@ -6516,10 +6131,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`;
 }
@@ -6590,8 +6203,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>`);
@@ -6646,10 +6258,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>`
   );
@@ -6660,10 +6270,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>
@@ -6675,14 +6283,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);
 }
@@ -6704,8 +6310,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() {
@@ -6740,8 +6345,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) {
@@ -6754,15 +6358,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");
@@ -6787,15 +6389,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);
   }
   /** 设置消息复原操作定时器 */
@@ -6810,13 +6409,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;
   }
@@ -6836,8 +6433,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");
@@ -6852,8 +6448,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) => {
@@ -6979,8 +6574,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(
@@ -7003,8 +6597,7 @@ class Render {
   }
   /** 子评论区域移除限高 */
   heightLimitRemoveForChildren() {
-    if (!this.$childrenWrap)
-      return;
+    if (!this.$childrenWrap) return;
     disposeHeightLimit(this.$childrenWrap);
   }
   /** 渐出动画 */
@@ -7032,17 +6625,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) {
@@ -7091,8 +6680,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") {
@@ -7112,13 +6700,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"));
@@ -7129,8 +6715,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 {
@@ -7155,11 +6740,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() {
@@ -7206,10 +6789,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();
   }
@@ -7237,8 +6818,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;
   }
   /**
@@ -7247,8 +6827,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();
     });
@@ -7270,7 +6849,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 解析后的内容 */
@@ -7279,7 +6858,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() {
@@ -7313,6 +6894,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),
@@ -7351,8 +6933,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();
   }
   /** 显示 */
@@ -7385,10 +6966,8 @@ class ReadMoreBtn {
     this.checkDisabled();
   }
   checkDisabled() {
-    if (this.hasMore)
-      this.show();
-    else
-      this.hide();
+    if (this.hasMore) this.show();
+    else this.hide();
   }
 }
 class ReadMorePaginator {
@@ -7410,8 +6989,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);
@@ -7517,10 +7095,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;
@@ -7579,10 +7155,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 {
@@ -7624,26 +7198,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 list2 = ctx.get("list");
-    if (paginator)
-      paginator.dispose();
+    if (paginator) paginator.dispose();
     paginator = createPaginatorByConf(conf);
     const { offset, total } = getPageDataByLastData(ctx);
     const $paginator = paginator.create({
@@ -7783,18 +7353,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 {
@@ -7872,11 +7438,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() {
@@ -7893,17 +7460,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 = {
@@ -7965,7 +7532,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,
@@ -7973,81 +7540,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";
@@ -8139,11 +7709,11 @@ class SubmitAddPreset {
   }
   getSubmitAddParams() {
     return __async(this, null, function* () {
-      const { nick, email, link: link2 } = this.kit.useUser().getData();
+      const { name, email, link: link2 } = this.kit.useUser().getData();
       const conf = this.kit.useConf();
       return {
         content: this.kit.useEditor().getContentFinal(),
-        name: nick,
+        name,
         email,
         link: link2,
         rid: 0,
@@ -8185,17 +7755,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");
@@ -8220,15 +7785,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,
@@ -8264,8 +7827,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();
@@ -8290,15 +7852,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
           };
@@ -8326,7 +7887,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);
@@ -8334,16 +7895,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: link2 } = this.kit.useUser().getData();
-    ui.$nick.value = nick;
+    const { name, email, link: link2 } = this.kit.useUser().getData();
+    ui.$name.value = name;
     ui.$email.value = email;
     ui.$link.value = link2;
     this.kit.useEditor().setContent("");
@@ -8383,7 +7943,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";
@@ -8432,15 +7992,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);
@@ -8454,10 +8017,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();
@@ -8481,8 +8042,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({
@@ -8500,8 +8060,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);
@@ -8557,8 +8116,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;
@@ -8584,10 +8142,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* () {
@@ -8599,10 +8155,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);
             }
           }))
         );
@@ -8631,8 +8185,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();
@@ -8649,8 +8202,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}`;
       });
     });
   }
@@ -8659,14 +8211,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]}`;
       });
     });
   }
@@ -8687,8 +8235,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}`,
@@ -8742,8 +8289,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) {
@@ -8764,11 +8310,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}">`);
       });
@@ -8797,8 +8341,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);
         }))();
@@ -8811,8 +8354,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);
@@ -8852,15 +8394,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;
@@ -9030,8 +8570,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 = "";
@@ -9042,8 +8581,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"));
@@ -9067,8 +8605,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);
@@ -9082,8 +8619,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;
@@ -9092,8 +8628,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;
@@ -9106,8 +8641,7 @@ const WithEditor = (ctx) => {
     $closeCommentBtn = list2.$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);
     });
@@ -9169,8 +8703,7 @@ const Count = (ctx) => {
     var _a, _b;
     const list2 = ctx.get("list");
     const $count = list2.$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}`
@@ -9183,26 +8716,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");
     }
@@ -9210,8 +8739,7 @@ const SidebarBtn = (ctx) => {
   ctx.watchConf(["locale"], (conf) => {
     const list2 = ctx.get("list");
     $openSidebarBtn = list2.$el.querySelector('[data-action="open-sidebar"]');
-    if (!$openSidebarBtn)
-      return;
+    if (!$openSidebarBtn) return;
     $openSidebarBtn.onclick = () => {
       ctx.showSidebar();
     };
@@ -9224,8 +8752,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";
@@ -9245,10 +8772,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);
   };
@@ -9279,18 +8804,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 list2 = ctx.get("list");
     const $copyright = list2.$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>`;
   });
 };
@@ -9357,8 +8880,7 @@ const Dropdown = (ctx) => {
   ctx.watchConf(["listSort", "locale"], (conf) => {
     const list2 = ctx.get("list");
     const $count = list2.$el.querySelector(".atk-comment-count");
-    if (!$count)
-      return;
+    if (!$count) return;
     if (conf.listSort) {
       initDropdown($count);
     } else {
@@ -9370,8 +8892,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;
@@ -9389,8 +8910,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;
@@ -9398,8 +8918,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);
 }
@@ -9416,8 +8935,9 @@ const TimeTicking = (ctx) => {
     timer = window.setInterval(() => {
       const list2 = ctx.get("list");
       list2.$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);
   });
@@ -9425,6 +8945,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 list2 = ctx.get("list");
@@ -9452,8 +8990,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
@@ -9473,8 +9010,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);
@@ -9525,8 +9061,7 @@ const ReachBottom = (ctx) => {
     const list2 = ctx.get("list");
     const children = list2.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;
@@ -9573,11 +9108,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);
     });
@@ -9594,8 +9127,7 @@ const VersionCheck = (ctx) => {
 function versionCheck(list2, 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")
@@ -9612,7 +9144,7 @@ function versionCheck(list2, feVer, beVer) {
 const AdminOnlyElem = (ctx) => {
   const scanApply = () => {
     applyAdminOnlyEls(
-      ctx.get("user").getData().isAdmin,
+      ctx.get("user").getData().is_admin,
       getAdminOnlyEls({
         $root: ctx.$root
       })
@@ -9635,20 +9167,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) => {
@@ -9689,16 +9217,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);
         }
       });
     };
@@ -9734,8 +9263,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))
@@ -9755,7 +9284,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) {
@@ -9773,7 +9305,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
@@ -9840,10 +9372,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) {
@@ -9853,6 +9384,7 @@ class Artalk {
       siteName: conf.site,
       countEl: conf.countEl,
       pvEl: conf.pvEl,
+      pageKeyAttr: conf.statPageKeyAttr,
       pvAdd: false
     });
   }