hexo-component-inferno 4.2.2 → 5.0.0

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/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);
     }

package/lib/view/plugin/gallery.js

@@ -15,29 +15,30 @@ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? O
 function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 /**
- * Light Gallery and Justified Gallery plugins JSX component.
+ * lightGallery and Justified Gallery plugins JSX component.
  * @module view/plugin/gallery
  */
 var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var gallery = require('../../util/gallery');
 
 /**
- * Light Gallery and Justified Gallery plugins JSX component.
+ * lightGallery and Justified Gallery plugins JSX component.
  *
- * @see http://sachinchoolur.github.io/lightGallery/
+ * @see https://www.lightgalleryjs.com/
  * @see http://miromannino.github.io/Justified-Gallery/
  * @example
  * <Gallery
  *     head={true}
  *     lightGallery={{
- *         jsUrl: '/path/to/lightgallery.js',
- *         cssUrl: '/path/to/lightgallery.css'
+ *         jsUrl: '/path/to/lightgallery.min.js',
+ *         cssUrl: '/path/to/lightgallery-bundle.min.css'
  *     }}
  *     justifiedGallery={{
- *         jsUrl: '/path/to/justifiedGallery.js',
- *         cssUrl: '/path/to/justifiedGallery.css'
+ *         jsUrl: '/path/to/justified-gallery.js',
+ *         cssUrl: '/path/to/justified-gallery.css'
  *     }} />
  */
 var Gallery = /*#__PURE__*/function (_Component) {
@@ -53,32 +54,44 @@ var Gallery = /*#__PURE__*/function (_Component) {
         head = _this$props.head,
         lightGallery = _this$props.lightGallery,
         justifiedGallery = _this$props.justifiedGallery;
+      var plugins = lightGallery.plugins || [];
       if (head) {
         return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "link", null, null, 1, {
           "rel": "stylesheet",
-          "href": lightGallery.cssUrl
+          "href": lightGallery.cssUrl,
+          "data-pjax": true
         }), (0, _inferno.createVNode)(1, "link", null, null, 1, {
           "rel": "stylesheet",
-          "href": justifiedGallery.cssUrl
+          "href": justifiedGallery.cssUrl,
+          "data-pjax": true
         })], 4);
       }
-      var js = "window.addEventListener(\"load\", () => {\n            if (typeof $.fn.lightGallery === 'function') {\n                $('.article').lightGallery({ selector: '.gallery-item' });\n            }\n            if (typeof $.fn.justifiedGallery === 'function') {\n                if ($('.justified-gallery > p > .gallery-item').length) {\n                    $('.justified-gallery > p > .gallery-item').unwrap();\n                }\n                $('.justified-gallery').justifiedGallery();\n            }\n        });";
+      var js = "".concat(gallery, "\nwindow.HexoGallery.lightGalleryPlugins = ").concat(JSON.stringify(plugins.map(function (plugin) {
+        return plugin.name;
+      })).replace(/</g, "\\u003c"), ";\nwindow.HexoGallery.init(document, {\n        lightGallery: true,\n        justifiedGallery: true\n    });");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "script", null, null, 1, {
         "src": lightGallery.jsUrl,
         "defer": true
-      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "src": justifiedGallery.jsUrl,
-        "defer": true
+      }), plugins.map(function (plugin) {
+        return (0, _inferno.createVNode)(1, "script", null, null, 1, {
+          "src": plugin.jsUrl,
+          "defer": true
+        }, plugin.name);
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
           __html: js
         }
-      })], 4);
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "type": "module",
+        "dangerouslySetInnerHTML": {
+          __html: "import { JustifiedGallery } from ".concat(JSON.stringify(justifiedGallery.jsUrl).replace(/</g, "\\u003c"), ";\nwindow.JustifiedGallery = JustifiedGallery;\ndocument.dispatchEvent(new Event('hexo:gallery:ready'));")
+        }
+      })], 0);
     }
   }]);
 }(Component);
 /**
- * Cacheable Light Gallery and Justified Gallery plugins JSX component.
+ * Cacheable lightGallery and Justified Gallery plugins JSX component.
  * <p>
  * This class is supposed to be used in combination with the <code>locals</code> hexo filter
  * ({@link module:hexo/filter/locals}).
@@ -95,12 +108,22 @@ Gallery.Cacheable = cacheComponent(Gallery, 'plugin.gallery', function (props) {
   return {
     head: head,
     lightGallery: {
-      jsUrl: helper.cdn('lightgallery', '1.10.0', 'dist/js/lightgallery-all.min.js'),
-      cssUrl: helper.cdn('lightgallery', '1.10.0', 'dist/css/lightgallery.min.css')
+      jsUrl: helper.cdn('lightgallery', '3.0.0', 'lightgallery.min.js'),
+      cssUrl: helper.cdn('lightgallery', '3.0.0', 'css/lightgallery-bundle.min.css'),
+      plugins: [{
+        name: 'lgZoom',
+        jsUrl: helper.cdn('lightgallery', '3.0.0', 'plugins/zoom/lg-zoom.min.js')
+      }, {
+        name: 'lgThumbnail',
+        jsUrl: helper.cdn('lightgallery', '3.0.0', 'plugins/thumbnail/lg-thumbnail.min.js')
+      }, {
+        name: 'lgFullscreen',
+        jsUrl: helper.cdn('lightgallery', '3.0.0', 'plugins/fullscreen/lg-fullscreen.min.js')
+      }]
     },
     justifiedGallery: {
-      jsUrl: helper.cdn('justifiedGallery', '3.8.1', 'dist/js/jquery.justifiedGallery.min.js'),
-      cssUrl: helper.cdn('justifiedGallery', '3.8.1', 'dist/css/justifiedGallery.min.css')
+      jsUrl: helper.cdn('justified-gallery', '4.0.2', 'dist/justified-gallery.js'),
+      cssUrl: helper.cdn('justified-gallery', '4.0.2', 'dist/assets/justified-gallery.css')
     }
   };
 });

package/lib/view/plugin/katex.js

@@ -88,10 +88,10 @@ KaTeX.Cacheable = cacheComponent(KaTeX, 'plugin.katex', function (props) {
     return null;
   }
   return {
-    jsUrl: helper.cdn('katex', '0.15.1', 'dist/katex.min.js'),
-    cssUrl: helper.cdn('katex', '0.15.1', 'dist/katex.min.css'),
-    autoRenderUrl: helper.cdn('katex', '0.15.1', 'dist/contrib/auto-render.min.js'),
-    mhchemUrl: helper.cdn('katex', '0.15.1', 'dist/contrib/mhchem.min.js')
+    jsUrl: helper.cdn('katex', '0.19.1', 'dist/katex.min.js'),
+    cssUrl: helper.cdn('katex', '0.19.1', 'dist/katex.min.css'),
+    autoRenderUrl: helper.cdn('katex', '0.19.1', 'dist/contrib/auto-render.min.js'),
+    mhchemUrl: helper.cdn('katex', '0.19.1', 'dist/contrib/mhchem.min.js')
   };
 });
 module.exports = KaTeX;

package/lib/view/plugin/mathjax.js

@@ -16,7 +16,7 @@ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new T
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 /**
  * MathJax math renderer plugin JSX component.
- * @module view/plugin/katex
+ * @module view/plugin/mathjax
  */
 var _require = require('inferno'),
   Component = _require.Component;
@@ -28,7 +28,7 @@ var _require2 = require('../../util/cache'),
  *
  * @see https://www.mathjax.org/
  * @example
- * <Mathjax jsUrl="/path/to/mathjax.js" />
+ * <Mathjax jsUrl="/mathjax/tex-mml-chtml.js" fontPath="/mathjax-newcm-font" />
  */
 var Mathjax = /*#__PURE__*/function (_Component) {
   function Mathjax() {
@@ -39,16 +39,18 @@ var Mathjax = /*#__PURE__*/function (_Component) {
   return _createClass(Mathjax, [{
     key: "render",
     value: function render() {
-      var jsUrl = this.props.jsUrl;
-      var js = "MathJax = {\n      tex: {\n        inlineMath: [['$', '$'], ['\\\\(', '\\\\)']]\n      },\n      svg: {\n        fontCache: 'global'\n      },\n      chtml: {\n        matchFontHeight: false\n      }\n    };";
+      var _this$props = this.props,
+        jsUrl = _this$props.jsUrl,
+        fontPath = _this$props.fontPath;
+      var js = "window.MathJax = window.MathJax || {\n      tex: {\n        inlineMath: [['$', '$'], ['\\\\(', '\\\\)']]\n      },\n      output: {\n        font: 'mathjax-newcm',\n        ".concat(fontPath ? "fontPath: ".concat(JSON.stringify(fontPath).replace(/</g, "\\u003c")) : '', "\n      }\n    };");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "script", null, null, 1, {
         "type": "text/javascript",
-        "id": "MathJax-script",
-        "async": true,
         "dangerouslySetInnerHTML": {
           __html: js
         }
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "id": "MathJax-script",
+        "defer": true,
         "src": jsUrl
       })], 4);
     }
@@ -73,7 +75,8 @@ Mathjax.Cacheable = cacheComponent(Mathjax, 'plugin.mathjax', function (props) {
     return null;
   }
   return {
-    jsUrl: helper.cdn('mathjax', '3.2.2', 'es5/tex-mml-chtml.js')
+    jsUrl: helper.cdn('mathjax', '4.1.3', 'tex-mml-chtml.js'),
+    fontPath: helper.cdn('@mathjax/mathjax-newcm-font', '4.1.3', 'chtml.js').replace(/\/chtml\.js$/, '')
   };
 });
 module.exports = Mathjax;