artalk 2.8.6 → 2.8.7

package/dist/Artalk.mjs

@@ -4685,6 +4685,157 @@ class DataManager {
     this.events.trigger("page-loaded", pageData);
   }
 }
+function createElement(htmlStr = "") {
+  const div = document.createElement("div");
+  div.innerHTML = htmlStr.trim();
+  return div.firstElementChild || div;
+}
+function getHeight(el) {
+  const num = parseFloat(getComputedStyle(el, null).height.replace("px", ""));
+  return num || 0;
+}
+function htmlEncode(str) {
+  const temp = document.createElement("div");
+  temp.innerText = str;
+  const output = temp.innerHTML;
+  return output;
+}
+function getQueryParam(name) {
+  const match = RegExp(`[?&]${name}=([^&]*)`).exec(window.location.search);
+  return match && decodeURIComponent(match[1].replace(/\+/g, " "));
+}
+function getOffset(el, relativeTo) {
+  const getOffsetRecursive = (element) => {
+    const rect = element.getBoundingClientRect();
+    const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
+    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    return {
+      top: rect.top + scrollTop,
+      left: rect.left + scrollLeft
+    };
+  };
+  const elOffset = getOffsetRecursive(el);
+  if (!relativeTo)
+    return elOffset;
+  const relativeToOffset = getOffsetRecursive(relativeTo);
+  return {
+    top: elOffset.top - relativeToOffset.top,
+    left: elOffset.left - relativeToOffset.left
+  };
+}
+function padWithZeros(vNumber, width) {
+  let numAsString = vNumber.toString();
+  while (numAsString.length < width) {
+    numAsString = `0${numAsString}`;
+  }
+  return numAsString;
+}
+function dateFormat(date) {
+  const vDay = padWithZeros(date.getDate(), 2);
+  const vMonth = padWithZeros(date.getMonth() + 1, 2);
+  const vYear = padWithZeros(date.getFullYear(), 2);
+  return `${vYear}-${vMonth}-${vDay}`;
+}
+function timeAgo(date, $t = (n) => n) {
+  try {
+    const oldTime = date.getTime();
+    const currTime = (/* @__PURE__ */ new Date()).getTime();
+    const diffValue = currTime - oldTime;
+    const days = Math.floor(diffValue / (24 * 3600 * 1e3));
+    if (days === 0) {
+      const leave1 = diffValue % (24 * 3600 * 1e3);
+      const hours = Math.floor(leave1 / (3600 * 1e3));
+      if (hours === 0) {
+        const leave2 = leave1 % (3600 * 1e3);
+        const minutes = Math.floor(leave2 / (60 * 1e3));
+        if (minutes === 0) {
+          const leave3 = leave2 % (60 * 1e3);
+          const seconds = Math.round(leave3 / 1e3);
+          if (seconds < 10)
+            return $t("now");
+          return `${seconds} ${$t("seconds")}`;
+        }
+        return `${minutes} ${$t("minutes")}`;
+      }
+      return `${hours} ${$t("hours")}`;
+    }
+    if (days < 0)
+      return $t("now");
+    if (days < 8) {
+      return `${days} ${$t("days")}`;
+    }
+    return dateFormat(date);
+  } catch (error) {
+    console.error(error);
+    return " - ";
+  }
+}
+function getGravatarURL(opts) {
+  return `${opts.mirror.replace(/\/$/, "")}/${opts.emailHash}?${opts.params.replace(/^\?/, "")}`;
+}
+function versionCompare(a, b) {
+  const pa = a.split(".");
+  const pb = b.split(".");
+  for (let i = 0; i < 3; i++) {
+    const na = Number(pa[i]);
+    const nb = Number(pb[i]);
+    if (na > nb)
+      return 1;
+    if (nb > na)
+      return -1;
+    if (!Number.isNaN(na) && Number.isNaN(nb))
+      return 1;
+    if (Number.isNaN(na) && !Number.isNaN(nb))
+      return -1;
+  }
+  return 0;
+}
+function getCorrectUserAgent() {
+  return __async(this, null, function* () {
+    const uaRaw = navigator.userAgent;
+    if (!navigator.userAgentData || !navigator.userAgentData.getHighEntropyValues) {
+      return uaRaw;
+    }
+    const uaData = navigator.userAgentData;
+    let uaGot = null;
+    try {
+      uaGot = yield uaData.getHighEntropyValues(["platformVersion"]);
+    } catch (err) {
+      console.error(err);
+      return uaRaw;
+    }
+    const majorPlatformVersion = Number(uaGot.platformVersion.split(".")[0]);
+    if (uaData.platform === "Windows") {
+      if (majorPlatformVersion >= 13) {
+        return uaRaw.replace(/Windows NT 10.0/, "Windows NT 11.0");
+      }
+    }
+    if (uaData.platform === "macOS") {
+      if (majorPlatformVersion >= 11) {
+        return uaRaw.replace(
+          /(Mac OS X \d+_\d+_\d+|Mac OS X)/,
+          `Mac OS X ${uaGot.platformVersion.replace(/\./g, "_")}`
+        );
+      }
+    }
+    return uaRaw;
+  });
+}
+function isValidURL(urlRaw) {
+  let url;
+  try {
+    url = new URL(urlRaw);
+  } catch (_) {
+    return false;
+  }
+  return url.protocol === "http:" || url.protocol === "https:";
+}
+function getURLBasedOnApi(opts) {
+  return getURLBasedOn(opts.base, opts.path);
+}
+function getURLBasedOn(baseURL, path) {
+  return `${baseURL.replace(/\/$/, "")}/${path.replace(/^\//, "")}`;
+}
 const en = {
   /* Editor */
   placeholder: "Leave a comment",
@@ -4890,156 +5041,6 @@ const zhCN = {
   openName: "打开{name}"
 };
 const GLOBAL_LOCALES_KEY = "ArtalkI18n";
-function createElement(htmlStr = "") {
-  const div = document.createElement("div");
-  div.innerHTML = htmlStr.trim();
-  return div.firstElementChild || div;
-}
-function getHeight(el) {
-  return parseFloat(getComputedStyle(el, null).height.replace("px", ""));
-}
-function htmlEncode(str) {
-  const temp = document.createElement("div");
-  temp.innerText = str;
-  const output = temp.innerHTML;
-  return output;
-}
-function getQueryParam(name) {
-  const match = RegExp(`[?&]${name}=([^&]*)`).exec(window.location.search);
-  return match && decodeURIComponent(match[1].replace(/\+/g, " "));
-}
-function getOffset(el, relativeTo) {
-  const getOffsetRecursive = (element) => {
-    const rect = element.getBoundingClientRect();
-    const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
-    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-    return {
-      top: rect.top + scrollTop,
-      left: rect.left + scrollLeft
-    };
-  };
-  const elOffset = getOffsetRecursive(el);
-  if (!relativeTo)
-    return elOffset;
-  const relativeToOffset = getOffsetRecursive(relativeTo);
-  return {
-    top: elOffset.top - relativeToOffset.top,
-    left: elOffset.left - relativeToOffset.left
-  };
-}
-function padWithZeros(vNumber, width) {
-  let numAsString = vNumber.toString();
-  while (numAsString.length < width) {
-    numAsString = `0${numAsString}`;
-  }
-  return numAsString;
-}
-function dateFormat(date) {
-  const vDay = padWithZeros(date.getDate(), 2);
-  const vMonth = padWithZeros(date.getMonth() + 1, 2);
-  const vYear = padWithZeros(date.getFullYear(), 2);
-  return `${vYear}-${vMonth}-${vDay}`;
-}
-function timeAgo(date, $t = (n) => n) {
-  try {
-    const oldTime = date.getTime();
-    const currTime = (/* @__PURE__ */ new Date()).getTime();
-    const diffValue = currTime - oldTime;
-    const days = Math.floor(diffValue / (24 * 3600 * 1e3));
-    if (days === 0) {
-      const leave1 = diffValue % (24 * 3600 * 1e3);
-      const hours = Math.floor(leave1 / (3600 * 1e3));
-      if (hours === 0) {
-        const leave2 = leave1 % (3600 * 1e3);
-        const minutes = Math.floor(leave2 / (60 * 1e3));
-        if (minutes === 0) {
-          const leave3 = leave2 % (60 * 1e3);
-          const seconds = Math.round(leave3 / 1e3);
-          if (seconds < 10)
-            return $t("now");
-          return `${seconds} ${$t("seconds")}`;
-        }
-        return `${minutes} ${$t("minutes")}`;
-      }
-      return `${hours} ${$t("hours")}`;
-    }
-    if (days < 0)
-      return $t("now");
-    if (days < 8) {
-      return `${days} ${$t("days")}`;
-    }
-    return dateFormat(date);
-  } catch (error) {
-    console.error(error);
-    return " - ";
-  }
-}
-function getGravatarURL(opts) {
-  return `${opts.mirror.replace(/\/$/, "")}/${opts.emailMD5}?${opts.params.replace(/^\?/, "")}`;
-}
-function versionCompare(a, b) {
-  const pa = a.split(".");
-  const pb = b.split(".");
-  for (let i = 0; i < 3; i++) {
-    const na = Number(pa[i]);
-    const nb = Number(pb[i]);
-    if (na > nb)
-      return 1;
-    if (nb > na)
-      return -1;
-    if (!Number.isNaN(na) && Number.isNaN(nb))
-      return 1;
-    if (Number.isNaN(na) && !Number.isNaN(nb))
-      return -1;
-  }
-  return 0;
-}
-function getCorrectUserAgent() {
-  return __async(this, null, function* () {
-    const uaRaw = navigator.userAgent;
-    if (!navigator.userAgentData || !navigator.userAgentData.getHighEntropyValues) {
-      return uaRaw;
-    }
-    const uaData = navigator.userAgentData;
-    let uaGot = null;
-    try {
-      uaGot = yield uaData.getHighEntropyValues(["platformVersion"]);
-    } catch (err) {
-      console.error(err);
-      return uaRaw;
-    }
-    const majorPlatformVersion = Number(uaGot.platformVersion.split(".")[0]);
-    if (uaData.platform === "Windows") {
-      if (majorPlatformVersion >= 13) {
-        return uaRaw.replace(/Windows NT 10.0/, "Windows NT 11.0");
-      }
-    }
-    if (uaData.platform === "macOS") {
-      if (majorPlatformVersion >= 11) {
-        return uaRaw.replace(
-          /(Mac OS X \d+_\d+_\d+|Mac OS X)/,
-          `Mac OS X ${uaGot.platformVersion.replace(/\./g, "_")}`
-        );
-      }
-    }
-    return uaRaw;
-  });
-}
-function isValidURL(urlRaw) {
-  let url;
-  try {
-    url = new URL(urlRaw);
-  } catch (_) {
-    return false;
-  }
-  return url.protocol === "http:" || url.protocol === "https:";
-}
-function getURLBasedOnApi(opts) {
-  return getURLBasedOn(opts.base, opts.path);
-}
-function getURLBasedOn(baseURL, path) {
-  return `${baseURL.replace(/\/$/, "")}/${path.replace(/^\//, "")}`;
-}
 const internal = {
   en,
   "en-US": en,
@@ -5123,11 +5124,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,
@@ -5173,9 +5175,18 @@ function handelCustomConf(customConf, full = false) {
   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))
+    if (ExcludedKeys.includes(k))
       delete conf[k];
     if (k === "darkMode" && conf[k] !== "auto")
       delete conf[k];
@@ -5354,50 +5365,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) {
@@ -5643,6 +5610,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;
@@ -6472,7 +6483,10 @@ 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();
       });
     }
@@ -7270,7 +7284,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 解析后的内容 */
@@ -7965,7 +7979,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 +7987,85 @@ const PvCountWidget = (ctx) => {
       pageTitle: conf.pageTitle,
       countEl: conf.countEl,
       pvEl: conf.pvEl,
+      pageKeyAttr: conf.statPageKeyAttr,
       pvAdd: typeof ctx.conf.pvAdd === "boolean" ? ctx.conf.pvAdd : true
     });
   });
 };
 function initCountWidget(opt) {
   return __async(this, null, function* () {
-    if (opt.countEl && document.querySelector(opt.countEl)) {
-      refreshStatCount(opt, { query: "page_comment", numEl: opt.countEl });
-    }
-    const initialData = opt.pvAdd && opt.pageKey ? {
-      [opt.pageKey]: (yield opt.getApi().pages.logPv({
-        page_key: opt.pageKey,
-        page_title: opt.pageTitle,
-        site_name: opt.siteName
-      })).data.pv
-      // pv+1 and get pv count
-    } : void 0;
-    if (opt.pvEl && document.querySelector(opt.pvEl)) {
-      refreshStatCount(opt, {
-        query: "page_pv",
-        numEl: opt.pvEl,
-        data: initialData
-      });
-    }
+    yield loadCommentCount(opt);
+    const cacheData = yield incrementPvCount(opt);
+    yield loadPvCount(opt, cacheData);
   });
 }
-function refreshStatCount(opt, args) {
+function incrementPvCount(opt) {
   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) {
+    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 loadStatCount(args) {
+  return __async(this, null, function* () {
+    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";
@@ -9284,7 +9302,7 @@ const GotoFocus = (ctx) => {
     comment.focus();
   }));
 };
-const version = "2.8.6";
+const version = "2.8.7";
 const Copyright = (ctx) => {
   ctx.on("mounted", () => {
     const list2 = ctx.get("list");
@@ -9389,8 +9407,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;
@@ -9425,6 +9442,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");
@@ -9689,16 +9724,16 @@ const DefaultPlugins = [
   VersionCheck,
   DarkMode
 ];
-const GlobalPlugins = [...DefaultPlugins];
+const GlobalPlugins = /* @__PURE__ */ new Set([...DefaultPlugins]);
 function load(ctx) {
   return __async(this, null, function* () {
     var _a;
-    const loadedPlugins = [];
+    const loadedPlugins = /* @__PURE__ */ new Set();
     const loadPlugins = (plugins) => {
       plugins.forEach((plugin) => {
-        if (typeof plugin === "function" && !loadedPlugins.includes(plugin)) {
+        if (typeof plugin === "function" && !loadedPlugins.has(plugin)) {
           plugin(ctx);
-          loadedPlugins.push(plugin);
+          loadedPlugins.add(plugin);
         }
       });
     };
@@ -9734,8 +9769,9 @@ function load(ctx) {
 }
 function loadNetworkPlugins(scripts, apiBase) {
   return __async(this, null, function* () {
+    const networkPlugins = /* @__PURE__ */ new Set();
     if (!scripts || !Array.isArray(scripts))
-      return [];
+      return networkPlugins;
     const tasks = [];
     scripts.forEach((url) => {
       if (!/^(http|https):\/\//.test(url))
@@ -9755,7 +9791,11 @@ function loadNetworkPlugins(scripts, apiBase) {
       );
     });
     yield Promise.all(tasks);
-    return Object.values(window.ArtalkPlugins || {});
+    Object.values(window.ArtalkPlugins || {}).forEach((plugin) => {
+      if (typeof plugin === "function")
+        networkPlugins.add(plugin);
+    });
+    return networkPlugins;
   });
 }
 function onLoadErr(ctx, err) {
@@ -9841,9 +9881,7 @@ class Artalk {
   }
   /** Use plugin, the plugin will be used when Artalk.init */
   static use(plugin) {
-    if (GlobalPlugins.includes(plugin))
-      return;
-    GlobalPlugins.push(plugin);
+    GlobalPlugins.add(plugin);
   }
   /** Load count widget */
   static loadCountWidget(c) {
@@ -9853,6 +9891,7 @@ class Artalk {
       siteName: conf.site,
       countEl: conf.countEl,
       pvEl: conf.pvEl,
+      pageKeyAttr: conf.statPageKeyAttr,
       pvAdd: false
     });
   }