hexo-component-inferno 4.0.0 → 4.1.0

package/lib/view/comment/beaudar.js

@@ -0,0 +1,133 @@
+"use strict";
+
+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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, e) { if ("object" != _typeof(t) || !t) return t; var r; if ("undefined" != typeof Symbol && void 0 !== (r = t[Symbol.toPrimitive])) { var i = r.call(t, e || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === e ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+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); }
+/**
+ * Beaudar comment JSX component.
+ * @module view/comment/beaudar
+ */
+var _require = require('inferno'),
+  Component = _require.Component;
+var _require2 = require('../../util/cache'),
+  cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  appendScript = _require3.appendScript;
+var _require4 = require('../../util/appearance'),
+  isDark = _require4.isDark;
+
+/**
+ * Beaudar comment JSX component.
+ * <p>
+ * Beaudar is a Chinese fork of Utterances that keeps comments in GitHub issues.
+ *
+ * @see https://github.com/beaudar/beaudar
+ * @example
+ * <Beaudar
+ *     repo="******"
+ *     branch="main"
+ *     issueTerm="******"
+ *     issueNumber={123}
+ *     label="******"
+ *     theme="******"
+ *     darkTheme="******" />
+ */
+var Beaudar = /*#__PURE__*/function (_Component) {
+  function Beaudar() {
+    _classCallCheck(this, Beaudar);
+    return _callSuper(this, Beaudar, arguments);
+  }
+  _inherits(Beaudar, _Component);
+  return _createClass(Beaudar, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        repo = _this$props.repo,
+        branch = _this$props.branch,
+        issueTerm = _this$props.issueTerm,
+        issueNumber = _this$props.issueNumber,
+        label = _this$props.label,
+        theme = _this$props.theme,
+        darkTheme = _this$props.darkTheme;
+      if (!repo || !issueTerm && !issueNumber) {
+        return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "repo", 16), (0, _inferno.createTextVNode)(", "), (0, _inferno.createVNode)(1, "code", null, "issue_term", 16), (0, _inferno.createTextVNode)(", or"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "issue_number", 16), (0, _inferno.createTextVNode)(" for Beaudar. Please set it in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
+      }
+      var config = {
+        repo: repo
+      };
+      if (branch) {
+        config.branch = branch;
+      }
+      if (issueTerm) {
+        config['issue-term'] = issueTerm;
+      } else {
+        config['issue-number'] = issueNumber;
+      }
+      if (label) {
+        config.label = label;
+      }
+      config.crossorigin = 'anonymous';
+      // Use the dark theme when the page looks dark
+      var js = appendScript('#beaudar-thread', 'https://beaudar.lipk.org/client.js', config, {
+        theme: "".concat(isDark(), " ? ").concat(JSON.stringify(darkTheme || 'github-dark'), " : ").concat(JSON.stringify(theme || 'github-light'))
+      });
+      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
+        "id": "beaudar-thread"
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: js
+        }
+      })], 4);
+    }
+  }]);
+}(Component);
+/**
+ * Cacheable Beaudar comment JSX component.
+ * <p>
+ * This class is supposed to be used in combination with the <code>locals</code> hexo filter
+ * ({@link module:hexo/filter/locals}).
+ *
+ * @see module:util/cache.cacheComponent
+ * @example
+ * <Beaudar.Cacheable
+ *     comment={{
+ *         repo: "******",
+ *         branch: "main",
+ *         issue_term: "******",
+ *         issue_number: {123},
+ *         label: "******",
+ *         theme: "******",
+ *         dark_theme: "******"
+ *     }} />
+ */
+Beaudar.Cacheable = cacheComponent(Beaudar, 'comment.beaudar', function (props) {
+  var _props$comment = props.comment,
+    repo = _props$comment.repo,
+    branch = _props$comment.branch,
+    issue_term = _props$comment.issue_term,
+    issue_number = _props$comment.issue_number,
+    label = _props$comment.label,
+    theme = _props$comment.theme,
+    dark_theme = _props$comment.dark_theme;
+  return {
+    repo: repo,
+    branch: branch,
+    issueTerm: issue_term,
+    issueNumber: issue_number,
+    label: label,
+    theme: theme,
+    darkTheme: dark_theme
+  };
+});
+module.exports = Beaudar;

package/lib/view/comment/cusdis.js

@@ -0,0 +1,119 @@
+"use strict";
+
+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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, e) { if ("object" != _typeof(t) || !t) return t; var r; if ("undefined" != typeof Symbol && void 0 !== (r = t[Symbol.toPrimitive])) { var i = r.call(t, e || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === e ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+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); }
+/**
+ * Cusdis comment JSX component.
+ * @module view/comment/cusdis
+ */
+var _require = require('inferno'),
+  Component = _require.Component;
+var _require2 = require('../../util/cache'),
+  cacheComponent = _require2.cacheComponent;
+var loadScripts = require('../../util/script');
+var _require3 = require('../../util/appearance'),
+  getAppearance = _require3.getAppearance;
+
+/**
+ * Cusdis comment JSX component.
+ *
+ * @see https://cusdis.com/doc
+ * @example
+ * <Cusdis
+ *     host="https://cusdis.com"
+ *     appId="******"
+ *     pageId="/path/to/page/"
+ *     pageUrl="https://example.com/path/to/page/"
+ *     pageTitle="******"
+ *     theme="auto"
+ *     lang="zh-cn" />
+ */
+var Cusdis = /*#__PURE__*/function (_Component) {
+  function Cusdis() {
+    _classCallCheck(this, Cusdis);
+    return _callSuper(this, Cusdis, arguments);
+  }
+  _inherits(Cusdis, _Component);
+  return _createClass(Cusdis, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        _this$props$host = _this$props.host,
+        host = _this$props$host === void 0 ? 'https://cusdis.com' : _this$props$host,
+        appId = _this$props.appId,
+        pageId = _this$props.pageId,
+        pageUrl = _this$props.pageUrl,
+        pageTitle = _this$props.pageTitle,
+        theme = _this$props.theme,
+        lang = _this$props.lang;
+      if (!appId) {
+        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)(" for Cusdis. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
+      }
+      var urls = ["".concat(host, "/js/cusdis.es.js")];
+      if (lang) {
+        urls.unshift("".concat(host, "/js/widget/lang/").concat(lang, ".js"));
+      }
+      // Without the theme option, follow the appearance of the page (light, dark, or auto, the same values
+      // as the themes of Cusdis). The Cusdis script renders #cusdis_thread when it loads, so render it
+      // directly only when the script is already loaded, e.g., when PJAX runs this code again.
+      var js = "(function () {\n        var element = document.getElementById('cusdis_thread');\n        if (!element) {\n          return;\n        }\n        element.setAttribute('data-theme', ".concat(theme ? JSON.stringify(theme) : getAppearance(), ");\n        if (window.renderCusdis) {\n          window.renderCusdis(element);\n          return;\n        }\n        ").concat(loadScripts(urls, ''), "\n      })();");
+      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
+        "id": "cusdis_thread",
+        "data-host": host,
+        "data-app-id": appId,
+        "data-page-id": pageId,
+        "data-page-url": pageUrl,
+        "data-page-title": pageTitle
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: js
+        }
+      })], 4);
+    }
+  }]);
+}(Component);
+/**
+ * Cacheable Cusdis comment JSX component.
+ * <p>
+ * This class is supposed to be used in combination with the <code>locals</code> hexo filter
+ * ({@link module:hexo/filter/locals}).
+ *
+ * @see module:util/cache.cacheComponent
+ * @example
+ * <Cusdis.Cacheable
+ *     comment={{
+ *         host: "https://cusdis.com",
+ *         app_id: "******",
+ *         theme: "auto",
+ *         lang: "zh-cn"
+ *     }}
+ *     page={{ path: "/path/to/page/", permalink: "******", title: "******" }}
+ *     helper={{ url_for: function() {...} }} />
+ */
+Cusdis.Cacheable = cacheComponent(Cusdis, 'comment.cusdis', function (props) {
+  var comment = props.comment,
+    helper = props.helper,
+    page = props.page;
+  return {
+    host: comment.host ? comment.host.replace(/\/+$/, '') : undefined,
+    appId: comment.app_id,
+    pageId: helper.url_for(page.path),
+    pageUrl: page.permalink,
+    pageTitle: page.title,
+    theme: comment.theme,
+    lang: comment.lang
+  };
+});
+module.exports = Cusdis;

package/lib/view/comment/giscus.js

@@ -2,9 +2,6 @@
 
 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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -25,6 +22,10 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  appendScript = _require3.appendScript;
+var _require4 = require('../../util/appearance'),
+  isDark = _require4.isDark;
 
 /**
  * Giscus comment JSX component.
@@ -42,6 +43,7 @@ var _require2 = require('../../util/cache'),
  *     emitMetadata={0}
  *     inputPosition="******"
  *     theme="******"
+ *     darkTheme="******"
  *     lang="******"
  *     lazy="******" />
  */
@@ -66,6 +68,7 @@ var Giscus = /*#__PURE__*/function (_Component) {
         emitMetadata = _this$props.emitMetadata,
         inputPosition = _this$props.inputPosition,
         theme = _this$props.theme,
+        darkTheme = _this$props.darkTheme,
         customThemeCss = _this$props.customThemeCss,
         lang = _this$props.lang,
         lazy = _this$props.lazy;
@@ -75,9 +78,7 @@ var Giscus = /*#__PURE__*/function (_Component) {
       if ((mapping === 'specific' || mapping === 'number') && !term) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You set "), (0, _inferno.createVNode)(1, "code", null, "mapping", 16), (0, _inferno.createTextVNode)(" to "), (0, _inferno.createVNode)(1, "code", null, "specific", 16), (0, _inferno.createTextVNode)(" or "), (0, _inferno.createVNode)(1, "code", null, "number", 16), (0, _inferno.createTextVNode)(", but did not set "), (0, _inferno.createVNode)(1, "code", null, "term", 16), (0, _inferno.createTextVNode)(" for Giscus. Please set "), (0, _inferno.createVNode)(1, "code", null, "term", 16), (0, _inferno.createTextVNode)(" in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 4);
       }
-      var config = {
-        repo: repo
-      };
+      var config = {};
       config['data-repo'] = repo;
       config['data-repo-id'] = repoId;
       config['data-category-id'] = categoryId;
@@ -91,6 +92,9 @@ var Giscus = /*#__PURE__*/function (_Component) {
       } else {
         config['data-mapping'] = 'pathname';
       }
+      if (term) {
+        config['data-term'] = term;
+      }
       if (strict) {
         config['data-strict'] = 1;
       } else {
@@ -111,18 +115,16 @@ var Giscus = /*#__PURE__*/function (_Component) {
       } else {
         config['data-input-position'] = 'top';
       }
-      if (theme) {
-        if (theme === 'custom') {
-          if (customThemeCss) {
-            config['data-theme'] = customThemeCss;
-          } else {
-            return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You set "), (0, _inferno.createVNode)(1, "code", null, "theme", 16), (0, _inferno.createTextVNode)(" to "), (0, _inferno.createVNode)(1, "code", null, "custom", 16), (0, _inferno.createTextVNode)(", but did not apply a"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "customThemeCss", 16), (0, _inferno.createTextVNode)(" for Giscus. Please set it in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
-          }
+      // Use the dark theme when the page looks dark, unless the theme is custom
+      var dynamicConfig = {};
+      if (theme === 'custom') {
+        if (customThemeCss) {
+          config['data-theme'] = customThemeCss;
         } else {
-          config['data-theme'] = theme;
+          return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You set "), (0, _inferno.createVNode)(1, "code", null, "theme", 16), (0, _inferno.createTextVNode)(" to "), (0, _inferno.createVNode)(1, "code", null, "custom", 16), (0, _inferno.createTextVNode)(", but did not apply a"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "customThemeCss", 16), (0, _inferno.createTextVNode)(" for Giscus. Please set it in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
         }
       } else {
-        config['data-theme'] = 'noborder_light';
+        dynamicConfig['data-theme'] = "".concat(isDark(), " ? ").concat(JSON.stringify(darkTheme || 'noborder_dark'), " : ").concat(JSON.stringify(theme || 'noborder_light'));
       }
       if (lang) {
         config['data-lang'] = lang;
@@ -132,12 +134,17 @@ var Giscus = /*#__PURE__*/function (_Component) {
       if (lazy) {
         config['data-loading'] = 'lazy';
       }
-      return (0, _inferno.normalizeProps)((0, _inferno.createVNode)(1, "script", null, null, 1, _objectSpread(_objectSpread({
-        "src": "https://giscus.app/client.js"
-      }, config), {}, {
-        "crossorigin": "anonymous",
-        "async": true
-      })));
+      config.crossorigin = 'anonymous';
+      // Giscus puts its iframe into the element with the giscus class, so add its script to <head> to
+      // keep the number of scripts in the comment section the same for PJAX
+      var js = appendScript('head', 'https://giscus.app/client.js', config, dynamicConfig);
+      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "giscus", null, 1, {
+        "id": "giscus-thread"
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: js
+        }
+      })], 4);
     }
   }]);
 }(Component);
@@ -161,6 +168,7 @@ var Giscus = /*#__PURE__*/function (_Component) {
  *         emitMetadata: {false}
  *         inputPosition: "******"
  *         theme: "******"
+ *         darkTheme: "******"
  *         lang: "******"
  *         lazy: "******"
  *     }} />
@@ -178,6 +186,7 @@ Giscus.Cacheable = cacheComponent(Giscus, 'comment.giscus', function (props) {
     emitMetadata = _props$comment.emitMetadata,
     inputPosition = _props$comment.inputPosition,
     theme = _props$comment.theme,
+    darkTheme = _props$comment.darkTheme,
     customThemeCss = _props$comment.customThemeCss,
     lang = _props$comment.lang,
     lazy = _props$comment.lazy;
@@ -193,6 +202,7 @@ Giscus.Cacheable = cacheComponent(Giscus, 'comment.giscus', function (props) {
     emitMetadata: emitMetadata,
     inputPosition: inputPosition,
     theme: theme,
+    darkTheme: darkTheme,
     customThemeCss: customThemeCss,
     lang: lang,
     lazy: lazy

package/lib/view/comment/utterances.js

@@ -2,9 +2,6 @@
 
 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 _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
@@ -25,6 +22,10 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/script'),
+  appendScript = _require3.appendScript;
+var _require4 = require('../../util/appearance'),
+  isDark = _require4.isDark;
 
 /**
  * Utterances comment JSX component.
@@ -36,7 +37,8 @@ var _require2 = require('../../util/cache'),
  *     issueTerm="******"
  *     issueNumber={123}
  *     label="******"
- *     theme="******" />
+ *     theme="******"
+ *     darkTheme="******" />
  */
 var Utterances = /*#__PURE__*/function (_Component) {
   function Utterances() {
@@ -52,7 +54,8 @@ var Utterances = /*#__PURE__*/function (_Component) {
         issueTerm = _this$props.issueTerm,
         issueNumber = _this$props.issueNumber,
         label = _this$props.label,
-        theme = _this$props.theme;
+        theme = _this$props.theme,
+        darkTheme = _this$props.darkTheme;
       if (!repo || !issueTerm && !issueNumber) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "repo", 16), (0, _inferno.createTextVNode)(", "), (0, _inferno.createVNode)(1, "code", null, "issue_term", 16), (0, _inferno.createTextVNode)(", or"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "issue_number", 16), (0, _inferno.createTextVNode)(" for Utterances. Please set it in "), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
@@ -67,15 +70,18 @@ var Utterances = /*#__PURE__*/function (_Component) {
       if (label) {
         config.label = label;
       }
-      if (theme) {
-        config.theme = theme;
-      }
-      return (0, _inferno.normalizeProps)((0, _inferno.createVNode)(1, "script", null, null, 1, _objectSpread(_objectSpread({
-        "src": "https://utteranc.es/client.js"
-      }, config), {}, {
-        "crossorigin": "anonymous",
-        "async": true
-      })));
+      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'))
+      });
+      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, null, 1, {
+        "id": "utterances-thread"
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: js
+        }
+      })], 4);
     }
   }]);
 }(Component);
@@ -94,6 +100,7 @@ var Utterances = /*#__PURE__*/function (_Component) {
  *         issue_number: {123}
  *         label: "******"
  *         theme: "******"
+ *         dark_theme: "******"
  *     }} />
  */
 Utterances.Cacheable = cacheComponent(Utterances, 'comment.utterances', function (props) {
@@ -102,13 +109,15 @@ Utterances.Cacheable = cacheComponent(Utterances, 'comment.utterances', function
     issue_term = _props$comment.issue_term,
     issue_number = _props$comment.issue_number,
     label = _props$comment.label,
-    theme = _props$comment.theme;
+    theme = _props$comment.theme,
+    dark_theme = _props$comment.dark_theme;
   return {
     repo: repo,
     issueTerm: issue_term,
     issueNumber: issue_number,
     label: label,
-    theme: theme
+    theme: theme,
+    darkTheme: dark_theme
   };
 });
 module.exports = Utterances;

package/lib/view/comment/waline.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/appearance'),
+  getAppearance = _require3.getAppearance;
 
 /**
  * Waline comment JSX component.
@@ -68,8 +70,7 @@ var Waline = /*#__PURE__*/function (_Component) {
         locale = _this$props.locale,
         _this$props$emoji = _this$props.emoji,
         emoji = _this$props$emoji === void 0 ? ['https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo'] : _this$props$emoji,
-        _this$props$dark = _this$props.dark,
-        dark = _this$props$dark === void 0 ? '' : _this$props$dark,
+        dark = _this$props.dark,
         _this$props$meta = _this$props.meta,
         meta = _this$props$meta === void 0 ? ['nick', 'mail', 'link'] : _this$props$meta,
         _this$props$requiredM = _this$props.requiredMeta,
@@ -99,7 +100,13 @@ var Waline = /*#__PURE__*/function (_Component) {
       if (!serverURL) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You forgot to set the "), (0, _inferno.createVNode)(1, "code", null, "server_url", 16), (0, _inferno.createTextVNode)(" for Waline. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
-      var js = "import { init } from \"".concat(jsUrl, "\";\n        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            ").concat(dark ? "dark: ".concat(JSON.stringify(dark), ",") : '', "\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        });");
+      // 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);
+      // 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    });");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "content", null, 1, {
         "id": "waline-thread"
       }), (0, _inferno.createVNode)(1, "link", null, null, 1, {
@@ -108,7 +115,6 @@ var Waline = /*#__PURE__*/function (_Component) {
         "media": "print",
         "onload": "this.media='all'"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "type": "module",
         "dangerouslySetInnerHTML": {
           __html: js
         }

package/lib/view/plugin/waline_pageview.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _inferno = require("inferno");
+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); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, e) { if ("object" != _typeof(t) || !t) return t; var r; if ("undefined" != typeof Symbol && void 0 !== (r = t[Symbol.toPrimitive])) { var i = r.call(t, e || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === e ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+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); }
+/**
+ * Waline page view counter plugin JSX component.
+ * @module view/plugin/waline_pageview
+ */
+var _require = require('inferno'),
+  Component = _require.Component;
+var _require2 = require('../../util/cache'),
+  cacheComponent = _require2.cacheComponent;
+
+/**
+ * Waline page view counter plugin JSX component.
+ * <p>
+ * It counts a view of the current page, and shows the page views in the elements with the
+ * <code>waline-pageview-count</code> class, of the page in their <code>data-path</code> attribute, or of
+ * the current page without it. It counts and shows them again after switching pages with PJAX.
+ *
+ * @see https://waline.js.org/en/guide/features/pageview.html
+ * @example
+ * <WalinePageview
+ *     serverURL="https://path/to/waline/server"
+ *     jsUrl="/path/to/pageview.js" />
+ */
+var WalinePageview = /*#__PURE__*/function (_Component) {
+  function WalinePageview() {
+    _classCallCheck(this, WalinePageview);
+    return _callSuper(this, WalinePageview, arguments);
+  }
+  _inherits(WalinePageview, _Component);
+  return _createClass(WalinePageview, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        serverURL = _this$props.serverURL,
+        jsUrl = _this$props.jsUrl;
+
+      // Waline publishes the counter as an ES module, so load it with a dynamic import
+      var js = "(function () {\n        var abort = null;\n        function count() {\n          import(".concat(JSON.stringify(jsUrl), ").then(function (Waline) {\n            if (abort) {\n              abort();\n            }\n            abort = Waline.pageviewCount({\n              serverURL: ").concat(JSON.stringify(serverURL), ",\n              path: window.location.pathname,\n            });\n          });\n        }\n        count();\n        document.addEventListener('pjax:complete', count);\n      })();");
+      return (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: js
+        }
+      });
+    }
+  }]);
+}(Component);
+/**
+ * Cacheable Waline page view counter plugin JSX component.
+ * <p>
+ * This class is supposed to be used in combination with the <code>locals</code> hexo filter
+ * ({@link module:hexo/filter/locals}).
+ *
+ * @see module:util/cache.cacheComponent
+ * @example
+ * <WalinePageview.Cacheable
+ *     head={false}
+ *     plugin={{ server_url: 'https://path/to/waline/server' }}
+ *     config={{ comment: { type: 'waline', server_url: 'https://path/to/waline/server' } }}
+ *     helper={{ cdn: function() {...} }} />
+ */
+WalinePageview.Cacheable = cacheComponent(WalinePageview, 'plugin.walinepageview', function (props) {
+  var head = props.head,
+    plugin = props.plugin,
+    config = props.config,
+    helper = props.helper;
+  if (head || !plugin) {
+    return null;
+  }
+  // Use the server of the Waline comments without the server_url option
+  var comment = config.comment;
+  var serverURL = _typeof(plugin) === 'object' ? plugin.server_url : null;
+  if (!serverURL && comment && comment.type === 'waline') {
+    serverURL = comment.server_url;
+  }
+  if (!serverURL) {
+    return null;
+  }
+  return {
+    serverURL: serverURL,
+    jsUrl: helper.cdn('@waline/client', '3.3.0', 'dist/pageview.js')
+  };
+});
+module.exports = WalinePageview;