hexo-component-inferno 4.1.0 → 4.2.0

package/lib/view/comment/gitalk.js

@@ -24,6 +24,7 @@ var _require = require('inferno'),
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var loadScripts = require('../../util/script');
+var toJs = loadScripts.toJs;
 
 /**
  * Gitalk comment JSX component.
@@ -74,14 +75,15 @@ var Gitalk = /*#__PURE__*/function (_Component) {
         perPage = _this$props$perPage === void 0 ? 10 : _this$props$perPage,
         proxy = _this$props.proxy,
         flipMoveOptions = _this$props.flipMoveOptions,
-        enableHotKey = _this$props.enableHotKey,
+        _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);
       }
-      var js = "var gitalk = new Gitalk({\n            id: ".concat(JSON.stringify(id), ",\n            repo: ").concat(JSON.stringify(repo), ",\n            owner: ").concat(JSON.stringify(owner), ",\n            clientID: ").concat(JSON.stringify(clientId), ",\n            clientSecret: ").concat(JSON.stringify(clientSecret), ",\n            admin: ").concat(JSON.stringify(admin), ",\n            createIssueManually: ").concat(!!createIssueManually, ",\n            distractionFreeMode: ").concat(!!distractionFreeMode, ",\n            perPage: ").concat(JSON.stringify(perPage), ",\n            pagerDirection: ").concat(JSON.stringify(pagerDirection), ",\n            ").concat(proxy ? "proxy: ".concat(JSON.stringify(proxy), ",") : '', "\n            ").concat(flipMoveOptions ? "flipMoveOptions: ".concat(JSON.stringify(flipMoveOptions), ",") : '', "\n            enableHotKey: ").concat(enableHotKey ? !!enableHotKey : true, ",\n            ").concat(language ? "language: ".concat(JSON.stringify(language), ",") : '', "\n        })\n        gitalk.render('comment-container')");
+      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')");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
         "id": "comment-container"
       }), (0, _inferno.createVNode)(1, "link", null, null, 1, {

package/lib/view/comment/gitment.js

@@ -25,11 +25,15 @@ var _require = require('inferno'),
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var loadScripts = require('../../util/script');
+var toJs = loadScripts.toJs;
+var _require3 = require('../../util/deprecate'),
+  deprecate = _require3.deprecate;
 
 /**
  * Gitment comment JSX component.
  *
- * @deprecated
+ * @deprecated Gitment is no longer maintained, and the GitHub sign-in proxy it uses no longer works. Use
+ *     Giscus, Utterances or Gitalk instead.
  * @see https://github.com/imsun/gitment
  * @example
  * <Gitment
@@ -50,6 +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.');
       var _this$props = this.props,
         id = _this$props.id,
         repo = _this$props.repo,
@@ -63,7 +68,7 @@ var Gitment = /*#__PURE__*/function (_Component) {
       if (!id || !repo || !owner || !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, "repo", 16), (0, _inferno.createTextVNode)(", "), (0, _inferno.createVNode)(1, "code", null, "clientId", 16), (0, _inferno.createTextVNode)(", or"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "clientSecret", 16), (0, _inferno.createTextVNode)(" for Gitment. Please set it in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
-      var js = "var gitment = new Gitment({\n            id: '".concat(id, "',\n            repo: '").concat(repo, "',\n            owner: '").concat(owner, "',\n            oauth: {\n                client_id: '").concat(clientId, "',\n                client_secret: '").concat(clientSecret, "',\n            },\n            perPage: ").concat(perPage, ",\n            maxCommentHeight: ").concat(maxCommentHeight, "\n        })\n        gitment.render('comment-container')");
+      var js = "var gitment = new Gitment({\n            id: ".concat(toJs(id), ",\n            repo: ").concat(toJs(repo), ",\n            owner: ").concat(toJs(owner), ",\n            oauth: {\n                client_id: ").concat(toJs(clientId), ",\n                client_secret: ").concat(toJs(clientSecret), ",\n            },\n            perPage: ").concat(toJs(perPage), ",\n            maxCommentHeight: ").concat(toJs(maxCommentHeight), "\n        })\n        gitment.render('comment-container')");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
         "id": "comment-container"
       }), (0, _inferno.createVNode)(1, "link", null, null, 1, {

package/lib/view/comment/isso.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  toJs = _require3.toJs;
 
 /**
  * Isso comment JSX component.
@@ -43,9 +45,11 @@ var Isso = /*#__PURE__*/function (_Component) {
       if (!url) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "url", 16), (0, _inferno.createTextVNode)(" for Isso. Please set it in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 4);
       }
+      // The URL can be given with or without the protocol
+      var host = url.replace(/^(https?:)?\/\//i, '').replace(/\/+$/, '');
       // Isso renders the thread as soon as its script runs, so add a new script every time this code
       // runs (e.g., again by PJAX after switching pages) instead of loading it only once.
-      var js = "(function () {\n      var script = document.createElement('script');\n      script.src = ".concat(JSON.stringify("//".concat(url, "/js/embed.min.js")), ";\n      script.async = true;\n      script.setAttribute('data-isso', ").concat(JSON.stringify('//' + url), ");\n      document.head.appendChild(script);\n    })();");
+      var js = "(function () {\n      var script = document.createElement('script');\n      script.src = ".concat(toJs("//".concat(host, "/js/embed.min.js")), ";\n      script.async = true;\n      script.setAttribute('data-isso', ").concat(toJs('//' + host), ");\n      document.head.appendChild(script);\n    })();");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
         "id": "isso-thread"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {

package/lib/view/comment/twikoo.js

@@ -24,6 +24,7 @@ var _require = require('inferno'),
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var loadScripts = require('../../util/script');
+var toJs = loadScripts.toJs;
 
 /**
  * Twikoo comment JSX component.
@@ -50,7 +51,10 @@ var Twikoo = /*#__PURE__*/function (_Component) {
         region = _this$props.region,
         lang = _this$props.lang,
         jsUrl = _this$props.jsUrl;
-      var js = "twikoo.init({\n            envId: '".concat(envId, "',\n            ").concat(region ? "region: ".concat(JSON.stringify(region), ",") : '', "\n            ").concat(lang ? "lang: ".concat(JSON.stringify(lang), ",") : '', "\n        });");
+      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        });");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "content twikoo", null, 1, {
         "id": "twikoo"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {

package/lib/view/comment/utterances.js

@@ -23,7 +23,8 @@ var _require = require('inferno'),
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var _require3 = require('../../util/script'),
-  appendScript = _require3.appendScript;
+  appendScript = _require3.appendScript,
+  toJs = _require3.toJs;
 var _require4 = require('../../util/appearance'),
   isDark = _require4.isDark;
 
@@ -73,7 +74,7 @@ var Utterances = /*#__PURE__*/function (_Component) {
       config.crossorigin = 'anonymous';
       // Use the dark theme when the page looks dark
       var js = appendScript('#utterances-thread', 'https://utteranc.es/client.js', config, {
-        theme: "".concat(isDark(), " ? ").concat(JSON.stringify(darkTheme || 'github-dark'), " : ").concat(JSON.stringify(theme || 'github-light'))
+        theme: "".concat(isDark(), " ? ").concat(toJs(darkTheme || 'github-dark'), " : ").concat(toJs(theme || 'github-light'))
       });
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
         "id": "utterances-thread"

package/lib/view/comment/valine.js

@@ -23,10 +23,15 @@ var _require = require('inferno'),
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var loadScripts = require('../../util/script');
+var toJs = loadScripts.toJs;
+var _require3 = require('../../util/deprecate'),
+  deprecate = _require3.deprecate;
 
 /**
  * Valine comment JSX component.
  *
+ * @deprecated LeanCloud, where Valine stores the comments, shuts down on January 12, 2027. Use Waline,
+ *     Twikoo or another comment system instead.
  * @see https://valine.js.org/quickstart.html
  * @example
  * <Valine
@@ -57,6 +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.');
       var _this$props = this.props,
         appId = _this$props.appId,
         appKey = _this$props.appKey,
@@ -91,7 +97,7 @@ var Valine = /*#__PURE__*/function (_Component) {
       if (!appId || !appKey) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "app_id", 16), (0, _inferno.createTextVNode)(" or "), (0, _inferno.createVNode)(1, "code", null, "app_key", 16), (0, _inferno.createTextVNode)(" for Valine. Please set it in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 4);
       }
-      var js = "new Valine({\n            el: '#valine-thread',\n            appId: ".concat(JSON.stringify(appId), ",\n            appKey: ").concat(JSON.stringify(appKey), ",\n            ").concat(placeholder ? "placeholder: ".concat(JSON.stringify(placeholder), ",") : '', "\n            ").concat(avatar ? "avatar: ".concat(JSON.stringify(avatar), ",") : '', "\n            ", "avatarForce: ".concat(JSON.stringify(avatarForce), ","), "\n            ").concat(meta ? "meta: ".concat(JSON.stringify(meta), ",") : '', "\n            ").concat(pageSize ? "pageSize: ".concat(JSON.stringify(pageSize), ",") : '', "\n            ").concat(lang ? "lang: ".concat(JSON.stringify(lang), ",") : '', "\n            ", "visitor: ".concat(JSON.stringify(visitor), ","), "\n            ", "highlight: ".concat(JSON.stringify(highlight), ","), "\n            ", "recordIP: ".concat(JSON.stringify(recordIP), ","), "\n            ").concat(serverURLs ? "serverURLs: ".concat(JSON.stringify(serverURLs), ",") : '', "\n            ").concat(emojiCDN ? "emojiCDN: ".concat(JSON.stringify(emojiCDN), ",") : '', "\n            ").concat(emojiMaps ? "emojiMaps: ".concat(JSON.stringify(emojiMaps), ",") : '', "\n            ", "enableQQ: ".concat(JSON.stringify(enableQQ), ","), "\n            ").concat(Array.isArray(fields) ? "requiredFields: ".concat(JSON.stringify(fields), ",") : '', "\n        });");
+      var js = "new Valine({\n            el: '#valine-thread',\n            appId: ".concat(toJs(appId), ",\n            appKey: ").concat(toJs(appKey), ",\n            ").concat(placeholder ? "placeholder: ".concat(toJs(placeholder), ",") : '', "\n            ").concat(avatar ? "avatar: ".concat(toJs(avatar), ",") : '', "\n            ", "avatarForce: ".concat(toJs(avatarForce), ","), "\n            ").concat(meta ? "meta: ".concat(toJs(meta), ",") : '', "\n            ").concat(pageSize ? "pageSize: ".concat(toJs(pageSize), ",") : '', "\n            ").concat(lang ? "lang: ".concat(toJs(lang), ",") : '', "\n            ", "visitor: ".concat(toJs(visitor), ","), "\n            ", "highlight: ".concat(toJs(highlight), ","), "\n            ", "recordIP: ".concat(toJs(recordIP), ","), "\n            ").concat(serverURLs ? "serverURLs: ".concat(toJs(serverURLs), ",") : '', "\n            ").concat(emojiCDN ? "emojiCDN: ".concat(toJs(emojiCDN), ",") : '', "\n            ").concat(emojiMaps ? "emojiMaps: ".concat(toJs(emojiMaps), ",") : '', "\n            ", "enableQQ: ".concat(toJs(enableQQ), ","), "\n            ").concat(Array.isArray(fields) ? "requiredFields: ".concat(toJs(fields), ",") : '', "\n        });");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "content", null, 1, {
         "id": "valine-thread"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {

package/lib/view/comment/waline.js

@@ -22,8 +22,10 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
-var _require3 = require('../../util/appearance'),
-  getAppearance = _require3.getAppearance;
+var _require3 = require('../../util/script'),
+  toJs = _require3.toJs;
+var _require4 = require('../../util/appearance'),
+  getAppearance = _require4.getAppearance;
 
 /**
  * Waline comment JSX component.
@@ -63,8 +65,7 @@ var Waline = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         serverURL = _this$props.serverURL,
-        _this$props$path = _this$props.path,
-        path = _this$props$path === void 0 ? 'window.location.pathname' : _this$props$path,
+        path = _this$props.path,
         _this$props$lang = _this$props.lang,
         lang = _this$props$lang === void 0 ? 'zh-CN' : _this$props$lang,
         locale = _this$props.locale,
@@ -81,14 +82,10 @@ var Waline = /*#__PURE__*/function (_Component) {
         wordLimit = _this$props$wordLimit === void 0 ? 0 : _this$props$wordLimit,
         _this$props$pageSize = _this$props.pageSize,
         pageSize = _this$props$pageSize === void 0 ? 10 : _this$props$pageSize,
-        _this$props$imageUplo = _this$props.imageUploader,
-        imageUploader = _this$props$imageUplo === void 0 ? false : _this$props$imageUplo,
-        _this$props$highlight = _this$props.highlighter,
-        highlighter = _this$props$highlight === void 0 ? false : _this$props$highlight,
-        _this$props$texRender = _this$props.texRenderer,
-        texRenderer = _this$props$texRender === void 0 ? false : _this$props$texRender,
-        _this$props$search = _this$props.search,
-        search = _this$props$search === void 0 ? false : _this$props$search,
+        imageUploader = _this$props.imageUploader,
+        highlighter = _this$props.highlighter,
+        texRenderer = _this$props.texRenderer,
+        search = _this$props.search,
         _this$props$pageview = _this$props.pageview,
         pageview = _this$props$pageview === void 0 ? false : _this$props$pageview,
         _this$props$comment = _this$props.comment,
@@ -102,11 +99,16 @@ 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\"]'") : JSON.stringify(dark);
+      var darkOption = dark === null || typeof dark === 'undefined' || dark === '' ? "".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('/')) {
+        pathCode = toJs(pathCode);
+      }
       // 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(JSON.stringify(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(JSON.stringify(serverURL), ",\n            path: ").concat(path, ",\n            ").concat(lang ? "lang: ".concat(JSON.stringify(lang), ",") : '', "\n            ").concat(locale ? "locale: ".concat(JSON.stringify(locale), ",") : '', "\n            ").concat(emoji ? "emoji: ".concat(JSON.stringify(emoji), ",") : '', "\n            dark: ").concat(darkOption, ",\n            ").concat(meta ? "meta: ".concat(JSON.stringify(meta), ",") : '', "\n            ").concat(Array.isArray(requiredMeta) ? "requiredMeta: ".concat(JSON.stringify(requiredMeta), ",") : '', "\n            ").concat(login ? "login: ".concat(JSON.stringify(login), ",") : '', "\n            ").concat(wordLimit ? "wordLimit: ".concat(JSON.stringify(wordLimit), ",") : '', "\n            ").concat(pageSize ? "pageSize: ".concat(JSON.stringify(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(JSON.stringify(pageview), ",") : '', "\n            ").concat(typeof comment !== 'undefined' ? "comment: ".concat(JSON.stringify(comment), ",") : '', "\n            ", "copyright: ".concat(JSON.stringify(copyright), ","), "\n        });\n    });");
+      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    });");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "content", null, 1, {
         "id": "waline-thread"
       }), (0, _inferno.createVNode)(1, "link", null, null, 1, {
@@ -143,10 +145,10 @@ var Waline = /*#__PURE__*/function (_Component) {
  *         login: false,
  *         word_limit: 0,
  *         page_size: 10,
- *         image_uploader: true,
- *         highlighter: true,
+ *         image_uploader: false,
+ *         highlighter: false,
  *         tex_renderer: false,
- *         search: true,
+ *         search: false,
  *         pageview: false,
  *         comment: false,
  *         copyright: true,
@@ -170,10 +172,12 @@ Waline.Cacheable = cacheComponent(Waline, 'comment.waline', function (props) {
     login: comment.login,
     wordLimit: comment.word_limit,
     pageSize: comment.page_size,
-    imageUploader: comment.image_uploader,
-    highlighter: comment.highlighter,
-    texRenderer: comment.tex_renderer,
-    search: comment.search,
+    // These options of the theme config disable the features when they are true, which Waline does
+    // when its options are false
+    imageUploader: comment.image_uploader === true ? false : undefined,
+    highlighter: comment.highlighter === true ? false : undefined,
+    texRenderer: comment.tex_renderer === true ? false : undefined,
+    search: comment.search === true ? false : undefined,
     pageview: comment.pageview,
     comment: comment.comment,
     copyright: comment.copyright,

package/lib/view/donate/afdian.js

@@ -75,7 +75,7 @@ Afdian.Cacheable = cacheComponent(Afdian, 'donate.afdian', function (props) {
     helper = props.helper;
   return {
     title: helper.__('donate.' + donate.type),
-    url: helper.url_for(donate.url)
+    url: donate.url ? helper.url_for(donate.url) : null
   };
 });
 module.exports = Afdian;

package/lib/view/donate/alipay.js

@@ -75,7 +75,7 @@ Alipay.Cacheable = cacheComponent(Alipay, 'donate.alipay', function (props) {
     helper = props.helper;
   return {
     title: helper.__('donate.' + donate.type),
-    qrcode: helper.url_for(donate.qrcode)
+    qrcode: donate.qrcode ? helper.url_for(donate.qrcode) : null
   };
 });
 module.exports = Alipay;

package/lib/view/donate/buymeacoffee.js

@@ -74,7 +74,7 @@ BuyMeACoffee.Cacheable = cacheComponent(BuyMeACoffee, 'donate.buymeacoffee', fun
   var donate = props.donate,
     helper = props.helper;
   return {
-    url: helper.url_for(donate.url),
+    url: donate.url ? helper.url_for(donate.url) : null,
     title: helper.__('donate.' + donate.type)
   };
 });

package/lib/view/donate/patreon.js

@@ -74,7 +74,7 @@ Patreon.Cacheable = cacheComponent(Patreon, 'donate.petreon', function (props) {
   var donate = props.donate,
     helper = props.helper;
   return {
-    url: helper.url_for(donate.url),
+    url: donate.url ? helper.url_for(donate.url) : null,
     title: helper.__('donate.' + donate.type)
   };
 });

package/lib/view/donate/wechat.js

@@ -74,7 +74,7 @@ Wechat.Cacheable = cacheComponent(Wechat, 'donate.wechat', function (props) {
   var donate = props.donate,
     helper = props.helper;
   return {
-    qrcode: helper.url_for(donate.qrcode),
+    qrcode: donate.qrcode ? helper.url_for(donate.qrcode) : null,
     title: helper.__('donate.' + donate.type)
   };
 });

package/lib/view/misc/meta.js

@@ -26,6 +26,11 @@ var _require = require('inferno'),
 function trim(str) {
   return str.trim().replace(/^"(.*)"$/, '$1').replace(/^'(.*)'$/, '$1');
 }
+
+// Remove the backslashes that escape ";" and "="
+function unescape(str) {
+  return str.replace(/\\(.)/g, '$1');
+}
 function split(str, sep) {
   var result = [];
   var matched = null;
@@ -63,11 +68,12 @@ module.exports = /*#__PURE__*/function (_Component) {
         return typeof entry === 'string';
       }).map(function (entry) {
         var props = split(entry, /(?:[^\\;]+|\\.)+/g).map(function (property) {
-          var entry = split(property, /(?:[^\\=]+|\\.)+/g);
-          if (entry.length < 2) {
+          // Split at the first "=" that is not escaped, so that the value can contain "="
+          var entry = /^((?:[^\\=]|\\[^])*)=([^]*)$/.exec(property);
+          if (!entry) {
             return null;
           }
-          return _defineProperty({}, trim(entry[0]), trim(entry[1]));
+          return _defineProperty({}, unescape(trim(entry[1])), unescape(trim(entry[2])));
         }).filter(function (property) {
           return property !== null;
         }).reduce(function (prev, current) {

package/lib/view/misc/open_graph.js

@@ -26,9 +26,9 @@ var moment = require('moment');
 var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('hexo-util'),
-  encodeURL = _require2.encodeURL,
-  stripHTML = _require2.stripHTML,
-  escapeHTML = _require2.escapeHTML;
+  encodeURL = _require2.encodeURL;
+var _require3 = require('../../util/html'),
+  toPlainText = _require3.toPlainText;
 var localeMap = {
   en: 'en_US',
   de: 'de_DE',
@@ -45,7 +45,6 @@ var localeMap = {
   tr: 'tr_TR',
   vi: 'vi_VN'
 };
-var localeRegex = new RegExp(Object.keys(localeMap).join('|'), 'i');
 
 /**
  * A JSX component that renders Open Graph tags.
@@ -103,7 +102,8 @@ module.exports = /*#__PURE__*/function (_Component) {
         twitterId = _this$props2.twitterId;
       var htmlTags = [];
       if (description) {
-        description = escapeHTML(stripHTML(description).substring(0, 200).trim()).replace(/\n/g, ' ');
+        // Plain text, which Inferno escapes in the attribute
+        description = toPlainText(description).substring(0, 200).trim();
         htmlTags.push((0, _inferno.createVNode)(1, "meta", null, null, 1, {
           "name": "description",
           "content": description
@@ -133,13 +133,12 @@ module.exports = /*#__PURE__*/function (_Component) {
       }
       if (language) {
         if (language.length === 2) {
-          language = language.replace(localeRegex, function (str) {
-            return localeMap[str];
-          });
-          htmlTags.push((0, _inferno.createVNode)(1, "meta", null, null, 1, {
-            "property": "og:locale",
-            "content": language
-          }));
+          if (localeMap[language.toLowerCase()]) {
+            htmlTags.push((0, _inferno.createVNode)(1, "meta", null, null, 1, {
+              "property": "og:locale",
+              "content": localeMap[language.toLowerCase()]
+            }));
+          }
         } else if (language.length === 5) {
           var territory = language.slice(-2);
           var territoryRegex = new RegExp(territory.concat('$'));
@@ -150,9 +149,7 @@ module.exports = /*#__PURE__*/function (_Component) {
           }));
         }
       }
-      if (!Array.isArray(images)) {
-        images = [images];
-      }
+      images = [].concat(images || []).filter(Boolean);
       images.map(function (path) {
         if (!urlFn.parse(path).host) {
           // resolve `path`'s absolute path relative to current page's url

package/lib/view/misc/structured_data.js

@@ -22,9 +22,10 @@ var urlFn = require('url');
 var moment = require('moment');
 var _require = require('inferno'),
   Component = _require.Component;
-var _require2 = require('hexo-util'),
-  stripHTML = _require2.stripHTML,
-  escapeHTML = _require2.escapeHTML;
+var _require2 = require('../../util/script'),
+  toJs = _require2.toJs;
+var _require3 = require('../../util/html'),
+  toPlainText = _require3.toPlainText;
 
 /**
  * A JSX component that renders simple Google structured data.
@@ -63,11 +64,9 @@ module.exports = /*#__PURE__*/function (_Component) {
         updated = _this$props2.updated,
         publisherLogo = _this$props2.publisherLogo;
       if (description) {
-        description = escapeHTML(stripHTML(description).substring(0, 200).trim()).replace(/\n/g, ' ');
-      }
-      if (!Array.isArray(images)) {
-        images = [images];
+        description = toPlainText(description).substring(0, 200).trim();
       }
+      images = [].concat(images || []).filter(Boolean);
       images = images.map(function (path) {
         if (!urlFn.parse(path).host) {
           // resolve `path`'s absolute path relative to current page's url
@@ -76,7 +75,7 @@ module.exports = /*#__PURE__*/function (_Component) {
         }
         return path;
       }).filter(function (url) {
-        return url.endsWith('.jpg') || url.endsWith('.png') || url.endsWith('.gif') || url.endsWith('.webp');
+        return /\.(jpe?g|png|gif|webp|avif|svg)$/i.test(urlFn.parse(url).pathname || '');
       });
       if (typeof publisherLogo === 'string' && !urlFn.parse(publisherLogo).host) {
         publisherLogo = urlFn.resolve(url, publisherLogo);
@@ -115,7 +114,7 @@ module.exports = /*#__PURE__*/function (_Component) {
       return (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "type": "application/ld+json",
         "dangerouslySetInnerHTML": {
-          __html: JSON.stringify(data)
+          __html: toJs(data)
         }
       });
     }

package/lib/view/misc/web_app.js

@@ -2,6 +2,9 @@
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _inferno = require("inferno");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -132,28 +135,34 @@ WebApp.Cacheable = cacheComponent(WebApp, 'misc.webapp', function (props) {
   var name = props.name,
     themeColor = props.themeColor,
     favicon = props.favicon,
-    icons = props.icons,
     helper = props.helper;
+  var url_for = helper.url_for;
+  // Resolve the icons against the root of the site, like the manifest
+  var icons = Array.isArray(props.icons) ? props.icons.map(function (icon) {
+    return icon && icon.src ? _objectSpread(_objectSpread({}, icon), {}, {
+      src: url_for(icon.src)
+    }) : icon;
+  }) : props.icons;
   var tileIcon = null;
   if (Array.isArray(icons)) {
     tileIcon = icons.find(function (icon) {
-      return icon.sizes.toLowerCase().indexOf('144x144') > -1;
+      return icon && typeof icon.sizes === 'string' && icon.sizes.toLowerCase().indexOf('144x144') > -1;
     });
     if (tileIcon) {
       tileIcon = tileIcon.src;
     } else if (icons.length) {
-      tileIcon = icons[0].src;
+      tileIcon = (icons[0] || {}).src;
     }
   }
-  if (!tileIcon) {
-    tileIcon = favicon;
+  if (!tileIcon && favicon) {
+    tileIcon = url_for(favicon);
   }
   return {
     name: name,
     icons: icons,
     tileIcon: tileIcon,
     themeColor: themeColor,
-    manifest: helper.url_for('/manifest.json')
+    manifest: url_for('/manifest.json')
   };
 });
 module.exports = WebApp;

package/lib/view/plugin/baidu_analytics.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  toJs = _require3.toJs;
 
 /**
  * Baidu Analytics plugin JSX component.
@@ -40,7 +42,7 @@ var BaiduAnalytics = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var trackingId = this.props.trackingId;
-      var js = "var _hmt = _hmt || [];\n        (function() {\n            var hm = document.createElement(\"script\");\n            hm.src = \"//hm.baidu.com/hm.js?".concat(trackingId, "\";\n            var s = document.getElementsByTagName(\"script\")[0];\n            s.parentNode.insertBefore(hm, s);\n        })();");
+      var js = "var _hmt = _hmt || [];\n        (function() {\n            var hm = document.createElement(\"script\");\n            hm.src = ".concat(toJs("//hm.baidu.com/hm.js?".concat(trackingId)), ";\n            var s = document.getElementsByTagName(\"script\")[0];\n            s.parentNode.insertBefore(hm, s);\n        })();");
       return (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
           __html: js

package/lib/view/plugin/cookie_consent.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  toJs = _require3.toJs;
 
 /**
  * A JSX component for alerting users about the use of cookies.
@@ -71,7 +73,7 @@ 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(JSON.stringify(type), ",\n        theme: ").concat(JSON.stringify(theme), ",\n        static: ").concat(JSON.stringify(this.props["static"]), ",\n        position: ").concat(JSON.stringify(position), ",\n        content: {\n          message: ").concat(JSON.stringify(message), ",\n          dismiss: ").concat(JSON.stringify(dismiss), ",\n          allow: ").concat(JSON.stringify(allow), ",\n          deny: ").concat(JSON.stringify(deny), ",\n          link: ").concat(JSON.stringify(link), ",\n          policy: ").concat(JSON.stringify(policy), ",\n          href: ").concat(JSON.stringify(policyLink), ",\n        },\n        palette: {\n          popup: {\n            background: \"#edeff5\",\n            text: \"#838391\"\n          },\n          button: {\n            background: \"#4b81e8\"\n          },\n        },\n      });\n    });");
+      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    });");
       if (head) {
         return (0, _inferno.createVNode)(1, "link", null, null, 1, {
           "rel": "stylesheet",

package/lib/view/plugin/google_analytics.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  toJs = _require3.toJs;
 
 /**
  * Google Analytics plugin JSX component.
@@ -40,7 +42,7 @@ var GoogleAnalytics = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var trackingId = this.props.trackingId;
-      var js = "window.dataLayer = window.dataLayer || [];\n        function gtag(){dataLayer.push(arguments);}\n        gtag('js', new Date());\n    \n        gtag('config', '".concat(trackingId, "');");
+      var js = "window.dataLayer = window.dataLayer || [];\n        function gtag(){dataLayer.push(arguments);}\n        gtag('js', new Date());\n    \n        gtag('config', ".concat(toJs(trackingId), ");");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "script", null, null, 1, {
         "src": "https://www.googletagmanager.com/gtag/js?id=".concat(trackingId),
         "async": true

package/lib/view/plugin/hotjar.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  toJs = _require3.toJs;
 
 /**
  * Hotjar user feedback plugin JSX component.
@@ -40,7 +42,7 @@ var Hotjar = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var siteId = this.props.siteId;
-      var js = "(function(h,o,t,j,a,r){\n            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\n            h._hjSettings={hjid:".concat(siteId, ",hjsv:6};\n            a=o.getElementsByTagName('head')[0];\n            r=o.createElement('script');r.async=1;\n            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\n            a.appendChild(r);\n        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');");
+      var js = "(function(h,o,t,j,a,r){\n            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\n            h._hjSettings={hjid:".concat(toJs(siteId), ",hjsv:6};\n            a=o.getElementsByTagName('head')[0];\n            r=o.createElement('script');r.async=1;\n            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\n            a.appendChild(r);\n        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
           __html: js

package/lib/view/plugin/matomo.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  toJs = _require3.toJs;
 
 /**
  * Matomo analytics plugin JSX component.
@@ -49,7 +51,7 @@ var Matomo = /*#__PURE__*/function (_Component) {
         siteId = _this$props.siteId,
         disableCookies = _this$props.disableCookies;
       var baseUrl = url.endsWith('/') ? url : url + '/';
-      var js = "var _paq = window._paq = window._paq || [];\n        ".concat(disableCookies ? "_paq.push(['disableCookies']);" : '', "\n        _paq.push(['trackPageView']);\n        _paq.push(['enableLinkTracking']);\n        (function () {\n          var u = ").concat(JSON.stringify(baseUrl), ";\n          _paq.push(['setTrackerUrl', u + 'matomo.php']);\n          _paq.push(['setSiteId', ").concat(JSON.stringify(String(siteId)), "]);\n          var g = document.createElement('script');\n          g.async = true;\n          g.src = u + 'matomo.js';\n          document.head.appendChild(g);\n        })();\n        (function () {\n          var referrer = location.href;\n          document.addEventListener('pjax:complete', function () {\n            _paq.push(['setReferrerUrl', referrer]);\n            referrer = location.href;\n            _paq.push(['setCustomUrl', referrer]);\n            _paq.push(['setDocumentTitle', document.title]);\n            _paq.push(['trackPageView']);\n            _paq.push(['enableLinkTracking']);\n          });\n        })();");
+      var js = "var _paq = window._paq = window._paq || [];\n        ".concat(disableCookies ? "_paq.push(['disableCookies']);" : '', "\n        _paq.push(['trackPageView']);\n        _paq.push(['enableLinkTracking']);\n        (function () {\n          var u = ").concat(toJs(baseUrl), ";\n          _paq.push(['setTrackerUrl', u + 'matomo.php']);\n          _paq.push(['setSiteId', ").concat(toJs(String(siteId)), "]);\n          var g = document.createElement('script');\n          g.async = true;\n          g.src = u + 'matomo.js';\n          document.head.appendChild(g);\n        })();\n        (function () {\n          var referrer = location.href;\n          document.addEventListener('pjax:complete', function () {\n            _paq.push(['setReferrerUrl', referrer]);\n            referrer = location.href;\n            _paq.push(['setCustomUrl', referrer]);\n            _paq.push(['setDocumentTitle', document.title]);\n            _paq.push(['trackPageView']);\n            _paq.push(['enableLinkTracking']);\n          });\n        })();");
       return (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
           __html: js