hexo-component-inferno 4.2.2 → 5.1.0

package/lib/view/comment/artalk.js

@@ -59,15 +59,22 @@ var Artalk = /*#__PURE__*/function (_Component) {
         pageTitle = _this$props.pageTitle,
         locale = _this$props.locale,
         darkMode = _this$props.darkMode,
+        preferRemoteConf = _this$props.preferRemoteConf,
         jsUrl = _this$props.jsUrl,
-        cssUrl = _this$props.cssUrl;
+        cssUrl = _this$props.cssUrl,
+        _this$props$localeUrl = _this$props.localeUrls,
+        localeUrls = _this$props$localeUrl === void 0 ? [] : _this$props$localeUrl;
       if (!server) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "server", 16), (0, _inferno.createTextVNode)(" for Artalk. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
       // Without the dark_mode option, follow the appearance of the page
-      var darkModeOption = darkMode === null || typeof darkMode === 'undefined' ? "".concat(getAppearance(), " === 'auto' ? 'auto' : ").concat(isDark()) : toJs(darkMode);
+      var followAppearance = darkMode === null || typeof darkMode === 'undefined';
+      var darkModeOption = followAppearance ? "".concat(getAppearance(), " === 'auto' ? 'auto' : ").concat(isDark()) : toJs(darkMode);
       // PJAX replaces the element of the previous instance, so destroy it before initializing again
-      var js = "if (window.__artalkInstance) {\n            window.__artalkInstance.destroy();\n        }\n        window.__artalkInstance = Artalk.init({\n            el: '#artalk-thread',\n            server: ".concat(toJs(server), ",\n            ").concat(site ? "site: ".concat(toJs(site), ",") : '', "\n            ").concat(pageKey ? "pageKey: ".concat(toJs(pageKey), ",") : '', "\n            ").concat(pageTitle ? "pageTitle: ".concat(toJs(pageTitle), ",") : '', "\n            ").concat(locale ? "locale: ".concat(toJs(locale), ",") : '', "\n            darkMode: ").concat(darkModeOption, ",\n        });");
+      var js = "if (!container || !container.isConnected) return;\n        if (window.__artalkInstance) {\n            window.__artalkInstance.destroy();\n        }\n        window.__artalkInstance = Artalk.init({\n            el: '#artalk-thread',\n            server: ".concat(toJs(server), ",\n            ").concat(site ? "site: ".concat(toJs(site), ",") : '', "\n            ").concat(pageKey ? "pageKey: ".concat(toJs(pageKey), ",") : '', "\n            ").concat(pageTitle ? "pageTitle: ".concat(toJs(pageTitle), ",") : '', "\n            ").concat(locale ? "locale: ".concat(toJs(locale), ",") : '', "\n            ").concat(typeof preferRemoteConf === 'boolean' ? "preferRemoteConf: ".concat(preferRemoteConf, ",") : '', "\n            darkMode: ").concat(darkModeOption, ",\n        });");
+      if (followAppearance) {
+        js += "\n        var instance = window.__artalkInstance;\n        var observer = new MutationObserver(function () {\n            instance.update({ darkMode: ".concat(darkModeOption, " });\n        });\n        observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-appearance'] });\n        instance.on('unmounted', function () { observer.disconnect(); });");
+      }
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
         "id": "artalk-thread"
       }), (0, _inferno.createVNode)(1, "link", null, null, 1, {
@@ -77,7 +84,7 @@ var Artalk = /*#__PURE__*/function (_Component) {
         "onload": "this.media='all'"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
-          __html: loadScripts(jsUrl, js)
+          __html: "(function () {\n          var container = document.getElementById('artalk-thread');\n          ".concat(loadScripts([jsUrl].concat(localeUrls), js), "\n        })();")
         }
       })], 4);
     }
@@ -105,6 +112,13 @@ Artalk.Cacheable = cacheComponent(Artalk, 'comment.artalk', function (props) {
   var comment = props.comment,
     helper = props.helper,
     page = props.page;
+  // The full bundle includes en and zh-CN only. Other published dictionaries register themselves
+  // on window.ArtalkI18n before initialization. For auto, make every supported dictionary available.
+  var externalLocales = ['zh-TW', 'ja', 'ko', 'fr', 'ru', 'tr'];
+  var language = String(comment.locale || '').toLowerCase();
+  var localeNames = externalLocales.filter(function (name) {
+    return language === 'auto' || language === name.toLowerCase() || language.startsWith(name.toLowerCase() + '-');
+  });
   return {
     server: comment.server,
     site: comment.site,
@@ -112,8 +126,12 @@ Artalk.Cacheable = cacheComponent(Artalk, 'comment.artalk', function (props) {
     pageTitle: page.title,
     locale: comment.locale,
     darkMode: comment.dark_mode,
-    jsUrl: helper.cdn('artalk', '2.9.1', 'dist/Artalk.js'),
-    cssUrl: helper.cdn('artalk', '2.9.1', 'dist/Artalk.css')
+    preferRemoteConf: comment.prefer_remote_conf,
+    jsUrl: helper.cdn('artalk', '2.10.0', 'dist/Artalk.js'),
+    cssUrl: helper.cdn('artalk', '2.10.0', 'dist/Artalk.css'),
+    localeUrls: localeNames.map(function (name) {
+      return helper.cdn('artalk', '2.10.0', "dist/i18n/".concat(name, ".js"));
+    })
   };
 });
 module.exports = Artalk;

package/lib/view/comment/cusdis.js

@@ -26,10 +26,13 @@ var loadScripts = require('../../util/script');
 var toJs = loadScripts.toJs;
 var _require3 = require('../../util/appearance'),
   getAppearance = _require3.getAppearance;
+var _require4 = require('../../util/deprecate'),
+  deprecate = _require4.deprecate;
 
 /**
  * Cusdis comment JSX component.
  *
+ * @deprecated Cusdis was archived on July 17, 2026. Use another comment system instead.
  * @see https://cusdis.com/doc
  * @example
  * <Cusdis
@@ -50,6 +53,7 @@ var Cusdis = /*#__PURE__*/function (_Component) {
   return _createClass(Cusdis, [{
     key: "render",
     value: function render() {
+      deprecate('comment.cusdis', 'Archived on 2026-07-17. Use another comment system.');
       var _this$props = this.props,
         _this$props$host = _this$props.host,
         host = _this$props$host === void 0 ? 'https://cusdis.com' : _this$props$host,

package/lib/view/comment/disqus.js

@@ -53,7 +53,7 @@ var Disqus = /*#__PURE__*/function (_Component) {
       if (!shortname) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "shortname", 16), (0, _inferno.createTextVNode)(" for Disqus. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
-      var js = "var disqus_config = function () {\n            this.page.url = ".concat(toJs(permalink), ";\n            this.page.identifier = ").concat(toJs(disqusId || path), ";\n        };\n        (function() {\n            var d = document, s = d.createElement('script');  \n            s.src = ").concat(toJs("//".concat(shortname, ".disqus.com/embed.js")), ";\n            s.setAttribute('data-timestamp', +new Date());\n            (d.head || d.body).appendChild(s);\n        })();");
+      var js = "var disqus_config = function () {\n            this.page.url = ".concat(toJs(permalink), ";\n            this.page.identifier = ").concat(toJs(disqusId || path), ";\n        };\n        (function() {\n            var d = document, s = d.createElement('script');\n            // Disqus parses computed link/background colors with a legacy RGB-only parser.\n            // Serialize the current theme colors to sRGB without changing the rest of the page.\n            var thread = d.getElementById('disqus_thread');\n            var canvas = d.createElement('canvas');\n            canvas.width = canvas.height = 1;\n            var context = canvas.getContext('2d');\n            function rgb(color) {\n                context.clearRect(0, 0, 1, 1);\n                context.fillStyle = color;\n                context.fillRect(0, 0, 1, 1);\n                var pixel = context.getImageData(0, 0, 1, 1).data;\n                return 'rgba(' + pixel[0] + ',' + pixel[1] + ',' + pixel[2] + ',' + pixel[3] / 255 + ')';\n            }\n            var link = d.createElement('a');\n            link.href = '#';\n            thread.appendChild(link);\n            var linkColor = rgb(getComputedStyle(link).color);\n            thread.removeChild(link);\n            var style = d.createElement('style');\n            style.textContent = '#disqus_thread a { color: ' + linkColor + '; }';\n            thread.parentNode.insertBefore(style, thread);\n            for (var node = thread; node; node = node.parentElement) {\n                var background = rgb(getComputedStyle(node).backgroundColor);\n                if (background !== 'rgba(0,0,0,0)') {\n                    thread.style.backgroundColor = background;\n                    break;\n                }\n            }\n            s.src = ").concat(toJs("//".concat(shortname, ".disqus.com/embed.js")), ";\n            s.setAttribute('data-timestamp', +new Date());\n            (d.head || d.body).appendChild(s);\n        })();");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, (0, _inferno.createVNode)(1, "noscript", null, [(0, _inferno.createTextVNode)("Please enable JavaScript to view the"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "a", null, "comments powered by Disqus.", 16, {
         "href": "//disqus.com/?ref_noscript"
       })], 0), 2, {

package/lib/view/comment/disqusjs.js

@@ -42,7 +42,7 @@ var toJs = loadScripts.toJs;
  *     permalink="/page/permanent/path"
  *     pageTitle="******"
  *     siteTitle="******"
- *     jsUrl="/path/to/disqus.js"
+ *     jsUrl="/path/to/disqusjs.es2015.umd.min.js"
  *     cssUrl="/path/to/disqusjs.css" />
  */
 var DisqusJs = /*#__PURE__*/function (_Component) {
@@ -73,7 +73,8 @@ var DisqusJs = /*#__PURE__*/function (_Component) {
       }
       var url = permalink || path;
       var identifier = disqusId || path;
-      var js = "new DisqusJS({\n            shortname: ".concat(toJs(shortname), ",\n            apikey: ").concat(toJs(apiKey), ",\n            ").concat(siteTitle ? "siteName: ".concat(toJs(siteTitle), ",") : '', "\n            ").concat(identifier ? "identifier: ".concat(toJs(identifier), ",") : '', "\n            ").concat(url ? "url: ".concat(toJs(url), ",") : '', "\n            ").concat(pageTitle ? "title: ".concat(toJs(pageTitle), ",") : '', "\n            ").concat(api ? "api: ".concat(toJs(api), ",") : '', "\n            ").concat(admin ? "admin: ".concat(toJs(admin), ",") : '', "\n            ").concat(adminLabel ? "adminLabel: ".concat(toJs(adminLabel), ",") : '', "\n            ").concat(nesting ? "nesting: ".concat(toJs(nesting), ",") : '', "\n        });");
+      var js = "if (!container.isConnected) return;\n        instance = new DisqusJS({\n            shortname: ".concat(toJs(shortname), ",\n            apikey: ").concat(toJs(apiKey), ",\n            ").concat(siteTitle ? "siteName: ".concat(toJs(siteTitle), ",") : '', "\n            ").concat(identifier ? "identifier: ".concat(toJs(identifier), ",") : '', "\n            ").concat(url ? "url: ".concat(toJs(url), ",") : '', "\n            ").concat(pageTitle ? "title: ".concat(toJs(pageTitle), ",") : '', "\n            ").concat(api ? "api: ".concat(toJs(api), ",") : '', "\n            ").concat(admin ? "admin: ".concat(toJs(admin), ",") : '', "\n            ").concat(adminLabel ? "adminLabel: ".concat(toJs(adminLabel), ",") : '', "\n            ").concat(nesting ? "nesting: ".concat(toJs(nesting), ",") : '', "\n        });\n        instance.render(container);");
+      var script = "(function () {\n        var container = document.getElementById('disqusjs');\n        var instance;\n        function destroy() {\n            document.removeEventListener('hexo:page:before-replace', destroy);\n            if (instance) instance.destroy();\n        }\n        document.addEventListener('hexo:page:before-replace', destroy);\n        ".concat(loadScripts(jsUrl, js), "\n    })();");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "link", null, null, 1, {
         "rel": "stylesheet",
         "href": cssUrl,
@@ -82,10 +83,10 @@ var DisqusJs = /*#__PURE__*/function (_Component) {
       }), (0, _inferno.createVNode)(1, "div", null, (0, _inferno.createVNode)(1, "noscript", null, [(0, _inferno.createTextVNode)("Please enable JavaScript to view the"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "a", null, "comments powered by Disqus.", 16, {
         "href": "//disqus.com/?ref_noscript"
       })], 0), 2, {
-        "id": "disqus_thread"
+        "id": "disqusjs"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
-          __html: loadScripts(jsUrl, js)
+          __html: script
         }
       })], 4);
     }
@@ -134,8 +135,8 @@ DisqusJs.Cacheable = cacheComponent(DisqusJs, 'comment.disqusjs', function (prop
     permalink: page.permalink,
     pageTitle: page.title,
     siteTitle: config.title,
-    jsUrl: helper.cdn('disqusjs', '1.3.0', 'dist/disqus.js'),
-    cssUrl: helper.cdn('disqusjs', '1.3.0', 'dist/disqusjs.css')
+    jsUrl: helper.cdn('disqusjs', '3.2.2', 'dist/browser/disqusjs.es2015.umd.min.js'),
+    cssUrl: helper.cdn('disqusjs', '3.2.2', 'dist/browser/styles/disqusjs.css')
   };
 });
 module.exports = DisqusJs;

package/lib/view/comment/facebook.js

@@ -22,8 +22,6 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
-var _require3 = require('../../util/script'),
-  toJs = _require3.toJs;
 
 /**
  * Facebook comment JSX component.
@@ -43,20 +41,9 @@ var Facebook = /*#__PURE__*/function (_Component) {
   return _createClass(Facebook, [{
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        language = _this$props.language,
-        permalink = _this$props.permalink;
-      var fbLanguage = language.split('-').join('_');
-      var js = "(function(d, s, id) {\n            var js, fjs = d.getElementsByTagName(s)[0];\n            // After a PJAX page switch, the SDK is loaded, so render the new comments box with it\n            if (d.getElementById(id)) {\n                if (window.FB) FB.XFBML.parse();\n                return;\n            }\n            js = d.createElement(s); js.id = id;\n            js.src = ".concat(toJs("//connect.facebook.net/".concat(fbLanguage, "/sdk.js#xfbml=1&version=v12.0")), ";\n            fjs.parentNode.insertBefore(js, fjs);\n        }(document, 'script', 'facebook-jssdk'));");
-      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "fb-comments", null, 1, {
-        "data-width": "100%",
-        "data-href": permalink,
-        "data-num-posts": "5"
-      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "dangerouslySetInnerHTML": {
-          __html: js
-        }
-      })], 4);
+      return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("Facebook discontinued its Comments plugin on February 10, 2026. Please configure another comment provider in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 4, {
+        "role": "status"
+      });
     }
   }]);
 }(Component);

package/lib/view/comment/gitalk.js

@@ -25,6 +25,8 @@ var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var loadScripts = require('../../util/script');
 var toJs = loadScripts.toJs;
+var _require3 = require('../../util/appearance'),
+  isDark = _require3.isDark;
 
 /**
  * Gitalk comment JSX component.
@@ -37,13 +39,12 @@ var toJs = loadScripts.toJs;
  *     owner="******",
  *     admin={["******"]},
  *     clientId="******",
- *     clientSecret="******",
+ *     backend="issues",
  *     createIssueManually={false},
  *     distractionFreeMode={false},
  *     pagerDirection="last",
  *     perPage={10},
  *     proxy="******",
- *     flipMoveOptions={...},
  *     enableHotKey={true},
  *     language="zh-CN",
  *     jsUrl="/path/to/gitalk.js",
@@ -64,9 +65,12 @@ var Gitalk = /*#__PURE__*/function (_Component) {
         owner = _this$props.owner,
         admin = _this$props.admin,
         clientId = _this$props.clientId,
-        clientSecret = _this$props.clientSecret,
+        _this$props$backend = _this$props.backend,
+        backend = _this$props$backend === void 0 ? 'issues' : _this$props$backend,
+        number = _this$props.number,
+        category = _this$props.category,
         _this$props$createIss = _this$props.createIssueManually,
-        createIssueManually = _this$props$createIss === void 0 ? false : _this$props$createIss,
+        createIssueManually = _this$props$createIss === void 0 ? true : _this$props$createIss,
         _this$props$distracti = _this$props.distractionFreeMode,
         distractionFreeMode = _this$props$distracti === void 0 ? false : _this$props$distracti,
         _this$props$pagerDire = _this$props.pagerDirection,
@@ -74,16 +78,15 @@ var Gitalk = /*#__PURE__*/function (_Component) {
         _this$props$perPage = _this$props.perPage,
         perPage = _this$props$perPage === void 0 ? 10 : _this$props$perPage,
         proxy = _this$props.proxy,
-        flipMoveOptions = _this$props.flipMoveOptions,
         _this$props$enableHot = _this$props.enableHotKey,
         enableHotKey = _this$props$enableHot === void 0 ? true : _this$props$enableHot,
         language = _this$props.language,
         jsUrl = _this$props.jsUrl,
         cssUrl = _this$props.cssUrl;
-      if (!id || !repo || !owner || !admin || !clientId || !clientSecret) {
-        return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "owner", 16), (0, _inferno.createTextVNode)(", "), (0, _inferno.createVNode)(1, "code", null, "admin", 16), (0, _inferno.createTextVNode)(", "), (0, _inferno.createVNode)(1, "code", null, "repo", 16), (0, _inferno.createTextVNode)(","), (0, _inferno.createVNode)(1, "code", null, "client_id", 16), (0, _inferno.createTextVNode)(", or "), (0, _inferno.createVNode)(1, "code", null, "client_secret", 16), (0, _inferno.createTextVNode)(" for Gitalk. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
+      if (!id || !repo || !owner || !admin || !clientId || !proxy) {
+        return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "owner", 16), (0, _inferno.createTextVNode)(", "), (0, _inferno.createVNode)(1, "code", null, "admin", 16), (0, _inferno.createTextVNode)(", "), (0, _inferno.createVNode)(1, "code", null, "repo", 16), (0, _inferno.createTextVNode)(","), (0, _inferno.createVNode)(1, "code", null, "client_id", 16), (0, _inferno.createTextVNode)(", or "), (0, _inferno.createVNode)(1, "code", null, "proxy", 16), (0, _inferno.createTextVNode)(" for Gitalk. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
-      var js = "var gitalk = new Gitalk({\n            id: ".concat(toJs(id), ",\n            repo: ").concat(toJs(repo), ",\n            owner: ").concat(toJs(owner), ",\n            clientID: ").concat(toJs(clientId), ",\n            clientSecret: ").concat(toJs(clientSecret), ",\n            admin: ").concat(toJs(admin), ",\n            createIssueManually: ").concat(!!createIssueManually, ",\n            distractionFreeMode: ").concat(!!distractionFreeMode, ",\n            perPage: ").concat(toJs(perPage), ",\n            pagerDirection: ").concat(toJs(pagerDirection), ",\n            ").concat(proxy ? "proxy: ".concat(toJs(proxy), ",") : '', "\n            ").concat(flipMoveOptions ? "flipMoveOptions: ".concat(toJs(flipMoveOptions), ",") : '', "\n            enableHotKey: ").concat(!!enableHotKey, ",\n            ").concat(language ? "language: ".concat(toJs(language), ",") : '', "\n        })\n        gitalk.render('comment-container')");
+      var js = "if (!container || !container.isConnected || document.getElementById('comment-container') !== container) return;\n        if (window.__gitalkInstance) window.__gitalkInstance.destroy();\n        var gitalk = new Gitalk({\n            id: ".concat(toJs(id), ",\n            repo: ").concat(toJs(repo), ",\n            owner: ").concat(toJs(owner), ",\n            clientID: ").concat(toJs(clientId), ",\n            backend: ").concat(toJs(backend), ",\n            ").concat(number ? "number: ".concat(toJs(number), ",") : '', "\n            ").concat(category ? "category: ".concat(toJs(category), ",") : '', "\n            admin: ").concat(toJs(admin), ",\n            createIssueManually: ").concat(!!createIssueManually, ",\n            distractionFreeMode: ").concat(!!distractionFreeMode, ",\n            perPage: ").concat(toJs(perPage), ",\n            sortDirection: ").concat(toJs(pagerDirection), ",\n            ").concat(proxy ? "proxy: ".concat(toJs(proxy), ",") : '', "\n            mode: 'inline',\n            maxHeight: null,\n            stickyComposer: false,\n            enableHotKey: ").concat(!!enableHotKey, ",\n            ").concat(language ? "language: ".concat(toJs(language), ",") : '', "\n        })\n        gitalk.render('comment-container');\n        window.__gitalkInstance = gitalk;\n        var media = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');\n        function appearance() { container.setAttribute('data-theme', ").concat(isDark(), " ? 'dark' : 'light'); }\n        appearance();\n        var observer = new MutationObserver(appearance);\n        observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-appearance'] });\n        if (media && media.addEventListener) media.addEventListener('change', appearance);\n        var destroy = gitalk.destroy;\n        gitalk.destroy = function () {\n            document.removeEventListener('hexo:page:before-replace', gitalk.destroy);\n            observer.disconnect();\n            if (media && media.removeEventListener) media.removeEventListener('change', appearance);\n            destroy.call(gitalk);\n            if (window.__gitalkInstance === gitalk) window.__gitalkInstance = null;\n        };\n        document.addEventListener('hexo:page:before-replace', gitalk.destroy);");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
         "id": "comment-container"
       }), (0, _inferno.createVNode)(1, "link", null, null, 1, {
@@ -93,7 +96,7 @@ var Gitalk = /*#__PURE__*/function (_Component) {
         "onload": "this.media='all'"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
-          __html: loadScripts(jsUrl, js)
+          __html: "(function () {\n          var container = document.getElementById('comment-container');\n          ".concat(loadScripts(jsUrl, js), "\n        })();")
         }
       })], 4);
     }
@@ -113,13 +116,12 @@ var Gitalk = /*#__PURE__*/function (_Component) {
  *         owner: '******',
  *         admin: ['******'],
  *         client_id: '******',
- *         client_secret: '******',
+ *         backend: 'issues',
  *         create_issue_manually: false,
  *         distraction_free_mode: false,
  *         pager_direction: 'last',
  *         per_page: 10,
  *         proxy: '******',
- *         flip_move_options: {...},
  *         enable_hotkey: true,
  *         language: 'zh-CN'
  *     }}
@@ -138,17 +140,18 @@ Gitalk.Cacheable = cacheComponent(Gitalk, 'comment.gitalk', function (props) {
     owner: comment.owner,
     admin: comment.admin,
     clientId: comment.client_id,
-    clientSecret: comment.client_secret,
+    backend: comment.backend || 'issues',
+    number: comment.number,
+    category: comment.category,
     createIssueManually: comment.create_issue_manually,
     distractionFreeMode: comment.distraction_free_mode,
     pagerDirection: comment.pager_direction,
     perPage: comment.per_page,
     proxy: comment.proxy,
-    flipMoveOptions: comment.flip_move_options,
     enableHotKey: comment.enable_hotkey,
     language: comment.language,
-    cssUrl: helper.cdn('gitalk', '1.7.2', 'dist/gitalk.css'),
-    jsUrl: helper.cdn('gitalk', '1.7.2', 'dist/gitalk.min.js')
+    cssUrl: helper.cdn('@aifire/gitalk', '2.0.0-beta.2', 'dist/gitalk.css'),
+    jsUrl: helper.cdn('@aifire/gitalk', '2.0.0-beta.2', 'dist/gitalk.js')
   };
 });
 module.exports = Gitalk;

package/lib/view/comment/gitment.js

@@ -33,7 +33,7 @@ var _require3 = require('../../util/deprecate'),
  * Gitment comment JSX component.
  *
  * @deprecated Gitment is no longer maintained, and the GitHub sign-in proxy it uses no longer works. Use
- *     Giscus, Utterances or Gitalk instead.
+ *     Giscus or Utterances instead.
  * @see https://github.com/imsun/gitment
  * @example
  * <Gitment
@@ -54,7 +54,7 @@ var Gitment = /*#__PURE__*/function (_Component) {
   return _createClass(Gitment, [{
     key: "render",
     value: function render() {
-      deprecate('comment.gitment', 'Gitment is no longer maintained, and the GitHub sign-in proxy it uses no longer works. Use Giscus, Utterances or Gitalk instead.');
+      deprecate('comment.gitment', 'Sign-in no longer works. Use Giscus or Utterances.');
       var _this$props = this.props,
         id = _this$props.id,
         repo = _this$props.repo,

package/lib/view/comment/livere.js

@@ -22,12 +22,17 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var loadScripts = require('../../util/script');
 
 /**
  * LiveRe comment JSX component.
+ * <p>
+ * Renders the current LiveRe widget when <code>clientId</code> is set, and the legacy LiveRe City
+ * widget when only <code>uid</code> is set.
  *
- * @see https://livere.com/insight/myCode
+ * @see https://admin.livere.org/
  * @example
+ * <LiveRe clientId="******" />
  * <LiveRe uid="******" />
  */
 var LiveRe = /*#__PURE__*/function (_Component) {
@@ -39,9 +44,24 @@ var LiveRe = /*#__PURE__*/function (_Component) {
   return _createClass(LiveRe, [{
     key: "render",
     value: function render() {
-      var uid = this.props.uid;
+      var _this$props = this.props,
+        clientId = _this$props.clientId,
+        uid = _this$props.uid;
+      if (clientId) {
+        // <livere-comment> is a custom element, so the widget also starts on pages that PJAX inserts
+        // after the script is loaded
+        return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "livere-comment", null, null, 1, {
+          "client-id": clientId
+        }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+          "dangerouslySetInnerHTML": {
+            __html: loadScripts('https://www.livere.org/livere-widget.js', '', {
+              type: 'module'
+            })
+          }
+        })], 4);
+      }
       if (!uid) {
-        return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "uid", 16), (0, _inferno.createTextVNode)(" for LiveRe. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
+        return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "client_id", 16), (0, _inferno.createTextVNode)(" for LiveRe. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
       var js = "(function(d, s) {\n            var j, e = d.getElementsByTagName(s)[0];\n\n            if (typeof LivereTower === 'function') { return; }\n\n            j = d.createElement(s);\n            j.src = 'https://cdn-city.livere.com/js/embed.dist.js';\n            j.async = true;\n\n            e.parentNode.insertBefore(j, e);\n        })(document, 'script');";
       return (0, _inferno.createVNode)(1, "div", null, [(0, _inferno.createVNode)(1, "script", null, null, 1, {
@@ -64,11 +84,12 @@ var LiveRe = /*#__PURE__*/function (_Component) {
  *
  * @see module:util/cache.cacheComponent
  * @example
- * <LiveRe.Cacheable comment={{ uid: '******' }} />
+ * <LiveRe.Cacheable comment={{ client_id: '******' }} />
  */
 LiveRe.Cacheable = cacheComponent(LiveRe, 'comment.livere', function (props) {
   var comment = props.comment;
   return {
+    clientId: comment.client_id,
     uid: comment.uid
   };
 });

package/lib/view/comment/twikoo.js

@@ -54,12 +54,14 @@ var Twikoo = /*#__PURE__*/function (_Component) {
       if (!envId) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "env_id", 16), (0, _inferno.createTextVNode)(" for Twikoo. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
-      var js = "twikoo.init({\n            envId: ".concat(toJs(envId), ",\n            ").concat(region ? "region: ".concat(toJs(region), ",") : '', "\n            ").concat(lang ? "lang: ".concat(toJs(lang), ",") : '', "\n        });");
+      // init() unmounts the previous widget. Bind it to this page's element, not a selector that
+      // could resolve to a different page after an asynchronous SDK or locale load.
+      var js = "if (!container.isConnected) return;\n        twikoo.init({\n            el: container,\n            envId: ".concat(toJs(envId), ",\n            ").concat(region ? "region: ".concat(toJs(region), ",") : '', "\n            ").concat(lang ? "lang: ".concat(toJs(lang), ",") : '', "\n        });");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "content twikoo", null, 1, {
         "id": "twikoo"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
-          __html: loadScripts(jsUrl, js)
+          __html: "(function () {\n          var container = document.getElementById('twikoo');\n          ".concat(loadScripts(jsUrl, js), "\n        })();")
         }
       })], 4);
     }
@@ -89,7 +91,7 @@ Twikoo.Cacheable = cacheComponent(Twikoo, 'comment.twikoo', function (props) {
     envId: comment.env_id,
     region: comment.region,
     lang: comment.lang || page.lang || page.language || config.language || 'zh-CN',
-    jsUrl: helper.cdn('twikoo', '1.6.30', 'dist/twikoo.all.min.js')
+    jsUrl: helper.cdn('twikoo', '2.0.17', 'dist/twikoo.all.min.js')
   };
 });
 module.exports = Twikoo;

package/lib/view/comment/valine.js

@@ -62,7 +62,7 @@ var Valine = /*#__PURE__*/function (_Component) {
   return _createClass(Valine, [{
     key: "render",
     value: function render() {
-      deprecate('comment.valine', 'LeanCloud, where Valine stores the comments, shuts down on January 12, 2027. Use Waline, Twikoo or another comment system instead.');
+      deprecate('comment.valine', 'LeanCloud closes on 2027-01-12. Use Waline or Twikoo.');
       var _this$props = this.props,
         appId = _this$props.appId,
         appKey = _this$props.appKey,
@@ -142,6 +142,7 @@ Valine.Cacheable = cacheComponent(Valine, 'comment.valine', function (props) {
     helper = props.helper,
     page = props.page,
     config = props.config;
+  var language = comment.lang || page.lang || page.language || config.language;
   return {
     appId: comment.app_id,
     appKey: comment.app_key,
@@ -150,7 +151,7 @@ Valine.Cacheable = cacheComponent(Valine, 'comment.valine', function (props) {
     avatarForce: comment.avatar_force,
     meta: comment.meta,
     pageSize: comment.page_size,
-    lang: comment.lang || page.lang || page.language || config.language || 'zh-CN',
+    lang: (Array.isArray(language) ? language[0] : language) || 'zh-CN',
     visitor: comment.visitor,
     highlight: comment.highlight,
     recordIP: comment.record_ip,
@@ -159,7 +160,7 @@ Valine.Cacheable = cacheComponent(Valine, 'comment.valine', function (props) {
     emojiMaps: comment.emoji_maps,
     enableQQ: comment.enable_qq,
     requiredFields: comment.required_fields,
-    jsUrl: helper.cdn('valine', '1.4.16', 'dist/Valine.min.js')
+    jsUrl: helper.cdn('valine', '1.5.3', 'dist/Valine.min.js')
   };
 });
 module.exports = Valine;

package/lib/view/comment/waline.js

@@ -48,7 +48,6 @@ var _require4 = require('../../util/appearance'),
  *     highlighter={true}
  *     texRenderer={false}
  *     search={true}
- *     visitor={false}
  *     pageview={false}
  *     comment={false}
  *     copyright={true}
@@ -99,7 +98,8 @@ var Waline = /*#__PURE__*/function (_Component) {
       }
       // Without the dark option, follow the appearance of the page: the system color scheme for the auto
       // appearance, or the data-appearance="dark" attribute of <html> otherwise
-      var darkOption = dark === null || typeof dark === 'undefined' || dark === '' ? "".concat(getAppearance(), " === 'auto' ? 'auto' : 'html[data-appearance=\"dark\"]'") : toJs(dark);
+      var followAppearance = dark === null || typeof dark === 'undefined' || dark === '';
+      var darkOption = followAppearance ? "".concat(getAppearance(), " === 'auto' ? 'auto' : 'html[data-appearance=\"dark\"]'") : toJs(dark);
       // A path, such as /posts/hello/, or a JavaScript expression, such as window.location.pathname
       var pathCode = path || 'window.location.pathname';
       if (pathCode.startsWith('/')) {
@@ -108,7 +108,8 @@ var Waline = /*#__PURE__*/function (_Component) {
       // Use a classic script with a dynamic import instead of a module script, so that PJAX, which only
       // runs classic scripts, initializes Waline again after switching pages. The previous instance,
       // whose element PJAX has replaced, is destroyed first.
-      var js = "import(".concat(toJs(jsUrl), ").then(function (Waline) {\n        if (window.__walineInstance) {\n            window.__walineInstance.destroy();\n        }\n        window.__walineInstance = Waline.init({\n            el: '#waline-thread',\n            serverURL: ").concat(toJs(serverURL), ",\n            path: ").concat(pathCode, ",\n            ").concat(lang ? "lang: ".concat(toJs(lang), ",") : '', "\n            ").concat(locale ? "locale: ".concat(toJs(locale), ",") : '', "\n            ").concat(emoji ? "emoji: ".concat(toJs(emoji), ",") : '', "\n            dark: ").concat(darkOption, ",\n            ").concat(meta ? "meta: ".concat(toJs(meta), ",") : '', "\n            ").concat(Array.isArray(requiredMeta) ? "requiredMeta: ".concat(toJs(requiredMeta), ",") : '', "\n            ").concat(login ? "login: ".concat(toJs(login), ",") : '', "\n            ").concat(wordLimit ? "wordLimit: ".concat(toJs(wordLimit), ",") : '', "\n            ").concat(pageSize ? "pageSize: ".concat(toJs(pageSize), ",") : '', "\n            ").concat(imageUploader === false ? "imageUploader: false," : '', "\n            ").concat(highlighter === false ? "highlighter: false," : '', "\n            ").concat(texRenderer === false ? "texRenderer: false," : '', "\n            ").concat(search === false ? "search: false," : '', "\n            ").concat(typeof pageview !== 'undefined' ? "pageview: ".concat(toJs(pageview), ",") : '', "\n            ").concat(typeof comment !== 'undefined' ? "comment: ".concat(toJs(comment), ",") : '', "\n            ", "copyright: ".concat(toJs(copyright), ","), "\n        });\n    });");
+      var appearanceObserver = followAppearance ? "var instance = window.__walineInstance;\n        if (instance) {\n          var observer = new MutationObserver(function () {\n            instance.update({ dark: ".concat(darkOption, ", path: path });\n          });\n          observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-appearance'] });\n          var destroy = instance.destroy;\n          instance.destroy = function () {\n            observer.disconnect();\n            destroy.call(instance);\n          };\n        }") : '';
+      var js = "(function () {\n      var container = document.getElementById('waline-thread');\n      var path = ".concat(pathCode, ";\n      return import(").concat(toJs(jsUrl), ").then(function (Waline) {\n        if (!container || !container.isConnected || document.getElementById('waline-thread') !== container) return;\n        if (window.__walineInstance) {\n            window.__walineInstance.destroy();\n        }\n        window.__walineInstance = Waline.init({\n            el: '#waline-thread',\n            serverURL: ").concat(toJs(serverURL), ",\n            path: path,\n            ").concat(lang ? "lang: ".concat(toJs(lang), ",") : '', "\n            ").concat(locale ? "locale: ".concat(toJs(locale), ",") : '', "\n            ").concat(emoji !== null && typeof emoji !== 'undefined' ? "emoji: ".concat(toJs(emoji), ",") : '', "\n            dark: ").concat(darkOption, ",\n            ").concat(meta ? "meta: ".concat(toJs(meta), ",") : '', "\n            ").concat(Array.isArray(requiredMeta) ? "requiredMeta: ".concat(toJs(requiredMeta), ",") : '', "\n            ").concat(login ? "login: ".concat(toJs(login), ",") : '', "\n            ").concat(wordLimit ? "wordLimit: ".concat(toJs(wordLimit), ",") : '', "\n            ").concat(pageSize ? "pageSize: ".concat(toJs(pageSize), ",") : '', "\n            ").concat(imageUploader === false ? "imageUploader: false," : '', "\n            ").concat(highlighter === false ? "highlighter: false," : '', "\n            ").concat(texRenderer === false ? "texRenderer: false," : '', "\n            ").concat(search === false ? "search: false," : '', "\n            ").concat(typeof pageview !== 'undefined' ? "pageview: ".concat(toJs(pageview), ",") : '', "\n            ").concat(typeof comment !== 'undefined' ? "comment: ".concat(toJs(comment), ",") : '', "\n            noCopyright: ").concat(toJs(copyright === false), ",\n        });\n        ").concat(appearanceObserver, "\n      });\n    })();");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "content", null, 1, {
         "id": "waline-thread"
       }), (0, _inferno.createVNode)(1, "link", null, null, 1, {
@@ -160,10 +161,11 @@ Waline.Cacheable = cacheComponent(Waline, 'comment.waline', function (props) {
     helper = props.helper,
     page = props.page,
     config = props.config;
+  var language = comment.lang || page.lang || page.language || config.language;
   return {
     serverURL: comment.server_url,
     path: comment.path,
-    lang: comment.lang || page.lang || page.language || config.language || 'zh-CN',
+    lang: (Array.isArray(language) ? language[0] : language) || 'zh-CN',
     locale: comment.locale,
     emoji: comment.emoji,
     dark: comment.dark,
@@ -181,8 +183,8 @@ Waline.Cacheable = cacheComponent(Waline, 'comment.waline', function (props) {
     pageview: comment.pageview,
     comment: comment.comment,
     copyright: comment.copyright,
-    jsUrl: helper.cdn('@waline/client', '3.3.0', 'dist/waline.js'),
-    cssUrl: helper.cdn('@waline/client', '3.3.0', 'dist/waline.css')
+    jsUrl: helper.cdn('@waline/client', '3.16.1', 'dist/waline.js'),
+    cssUrl: helper.cdn('@waline/client', '3.16.1', 'dist/waline.css')
   };
 });
 module.exports = Waline;

package/lib/view/misc/open_graph.js

@@ -29,6 +29,8 @@ var _require2 = require('hexo-util'),
   encodeURL = _require2.encodeURL;
 var _require3 = require('../../util/html'),
   toPlainText = _require3.toPlainText;
+var _require4 = require('../../util/deprecate'),
+  deprecate = _require4.deprecate;
 var localeMap = {
   en: 'en_US',
   de: 'de_DE',
@@ -68,7 +70,6 @@ var localeMap = {
  *     twitterId="Twitter ID"
  *     twitterCard="summary"
  *     twitterSite="Twitter Site"
- *     googlePlus="/path/to/google/plus"
  *     facebookAdmins="Facebook admin ID"
  *     facebookAppId="Facebook APP ID" />
  */
@@ -226,10 +227,7 @@ module.exports = /*#__PURE__*/function (_Component) {
         }));
       }
       if (googlePlus) {
-        htmlTags.push((0, _inferno.createVNode)(1, "link", null, null, 1, {
-          "rel": "publisher",
-          "href": googlePlus
-        }));
+        deprecate('head.open_graph.google_plus', 'Ignored; remove google_plus from your configuration.');
       }
       if (facebookAdmins) {
         htmlTags.push((0, _inferno.createVNode)(1, "meta", null, null, 1, {

package/lib/view/plugin/cookie_consent.js

@@ -22,8 +22,10 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
-var _require3 = require('../../util/script'),
-  toJs = _require3.toJs;
+var loadScripts = require('../../util/script');
+var toJs = loadScripts.toJs;
+var _require3 = require('../../util/consent'),
+  consentRuntime = _require3.consentRuntime;
 
 /**
  * A JSX component for alerting users about the use of cookies.
@@ -73,7 +75,9 @@ var CookieConsent = /*#__PURE__*/function (_Component) {
         deny = text.deny,
         link = text.link,
         policy = text.policy;
-      var js = "window.addEventListener(\"load\", () => {\n      window.cookieconsent.initialise({\n        type: ".concat(toJs(type), ",\n        theme: ").concat(toJs(theme), ",\n        static: ").concat(toJs(this.props["static"]), ",\n        position: ").concat(toJs(position), ",\n        content: {\n          message: ").concat(toJs(message), ",\n          dismiss: ").concat(toJs(dismiss), ",\n          allow: ").concat(toJs(allow), ",\n          deny: ").concat(toJs(deny), ",\n          link: ").concat(toJs(link), ",\n          policy: ").concat(toJs(policy), ",\n          href: ").concat(toJs(policyLink), ",\n        },\n        palette: {\n          popup: {\n            background: \"#edeff5\",\n            text: \"#838391\"\n          },\n          button: {\n            background: \"#4b81e8\"\n          },\n        },\n      });\n    });");
+      var gated = type === 'opt-in' || type === 'opt-out';
+      var consentOptions = gated ? "revokeBtn: '<button type=\"button\" class=\"cc-revoke {{classes}}\">{{policy}}</button>',\n         onStatusChange: function (status) { window.hexoComponentConsent.setStatus(status); },\n         onRevokeChoice: function () { this.setStatus('deny'); }," : '';
+      var js = "".concat(gated ? consentRuntime(type) : '', "\n      if (!window.hexoComponentCookieConsentPopup) {\n      window.hexoComponentCookieConsentPopup = true;\n      window.cookieconsent.initialise({\n        type: ").concat(toJs(type), ",\n        theme: ").concat(toJs(theme), ",\n        static: ").concat(toJs(this.props["static"]), ",\n        position: ").concat(toJs(position), ",\n        ").concat(consentOptions, "\n        content: {\n          message: ").concat(toJs(message), ",\n          dismiss: ").concat(toJs(dismiss), ",\n          allow: ").concat(toJs(allow), ",\n          deny: ").concat(toJs(deny), ",\n          link: ").concat(toJs(link), ",\n          policy: ").concat(toJs(policy), ",\n          href: ").concat(toJs(policyLink), ",\n        },\n        palette: {\n          popup: {\n            background: \"#edeff5\",\n            text: \"#838391\"\n          },\n          button: {\n            background: \"#4b81e8\"\n          },\n        },\n      }, function (popup) {\n        window.hexoComponentCookieConsentPopup = popup;\n        ").concat(gated ? 'window.hexoComponentConsent.setPopup(popup);' : '', "\n      });\n      }");
       if (head) {
         return (0, _inferno.createVNode)(1, "link", null, null, 1, {
           "rel": "stylesheet",
@@ -81,11 +85,8 @@ var CookieConsent = /*#__PURE__*/function (_Component) {
         });
       }
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "src": jsUrl,
-        "defer": true
-      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
-          __html: js
+          __html: loadScripts(jsUrl, js)
         }
       })], 4);
     }