hexo-component-inferno 4.2.2 → 5.0.0

package/lib/view/plugin/outdated_browser.js

@@ -14,8 +14,9 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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); }
+/* eslint-env browser */
 /**
- * Outdated browser detection plugin JSX component.
+ * Theme capability warning, without a third-party browser SDK or user-agent sniffing.
  * @module view/plugin/outdated_browser
  */
 var _require = require('inferno'),
@@ -23,16 +24,43 @@ var _require = require('inferno'),
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 
-/**
- * Outdated browser detection plugin JSX component.
- *
- * @see https://github.com/outdatedbrowser/outdated-browser
- * @example
- * <OutdatedBrowser
- *     head={true}
- *     cssUrl="/path/to/outdatedbrowser.css"
- *     jsUrl="/path/to/outdatedbrowser.js" />
- */
+// Keep this code ES5: it must also run in the browsers it warns about. Each invocation
+// binds only its own notice, including after a page replacement; no global listeners.
+/* eslint-disable no-var -- This function is serialized into an old-browser inline script. */
+function checkBrowser(requiredFeatures) {
+  var notice = document.getElementById('outdated');
+  if (!notice) return;
+  function supports(property, value) {
+    if (window.CSS && typeof window.CSS.supports === 'function') {
+      return property === 'selector' ? window.CSS.supports('selector(' + value + ')') : window.CSS.supports(property, value);
+    }
+    if (property === 'selector') {
+      try {
+        document.querySelector(value);
+        return true;
+      } catch (e) {
+        return false;
+      }
+    }
+    var style = document.createElement('div').style;
+    style.setProperty(property, value);
+    return style.getPropertyValue(property) !== '';
+  }
+  var compatible = true;
+  for (var i = 0; i < requiredFeatures.length; i++) {
+    if (!supports(requiredFeatures[i][0], requiredFeatures[i][1])) {
+      compatible = false;
+      break;
+    }
+  }
+  notice.style.display = compatible ? 'none' : 'block';
+  document.getElementById('btnCloseUpdateBrowser').onclick = function () {
+    notice.style.display = 'none';
+  };
+}
+/* eslint-enable no-var */
+
+/** Non-blocking warning. Requirements are CSS property/value pairs, or ['selector', selector]. */
 var OutdatedBrowser = /*#__PURE__*/function (_Component) {
   function OutdatedBrowser() {
     _classCallCheck(this, OutdatedBrowser);
@@ -44,27 +72,26 @@ var OutdatedBrowser = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props = this.props,
         head = _this$props.head,
-        jsUrl = _this$props.jsUrl,
-        cssUrl = _this$props.cssUrl;
-      var js = "window.addEventListener(\"load\", function () {\n            outdatedBrowser({\n                bgColor: '#f25648',\n                color: '#ffffff',\n                lowerThan: 'object-fit' // display on IE11 or below\n            });\n        });";
-      if (head) {
-        return (0, _inferno.createVNode)(1, "link", null, null, 1, {
-          "rel": "stylesheet",
-          "href": cssUrl
-        });
-      }
-      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, [(0, _inferno.createVNode)(1, "h6", null, "Your browser is out-of-date!", 16), (0, _inferno.createVNode)(1, "p", null, [(0, _inferno.createTextVNode)("Update your browser to view this website correctly.\xA0"), (0, _inferno.createVNode)(1, "a", null, [(0, _inferno.createTextVNode)("Update my browser now"), (0, _inferno.createTextVNode)(' ')], 0, {
+        _this$props$requiredF = _this$props.requiredFeatures,
+        requiredFeatures = _this$props$requiredF === void 0 ? [['display', 'flex']] : _this$props$requiredF;
+      if (head) return null;
+      var js = '(' + checkBrowser.toString() + ')(' + JSON.stringify(requiredFeatures).replace(/</g, "\\u003c") + ');';
+      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", null, [(0, _inferno.createVNode)(1, "strong", null, "Your browser may not display this theme correctly.", 16, {
+        "style": "color:#332701;"
+      }), (0, _inferno.createVNode)(1, "p", null, [(0, _inferno.createTextVNode)("Some essential layout or color features are unavailable. You can continue reading or"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "a", null, "update your browser", 16, {
         "id": "btnUpdateBrowser",
-        "href": "http://outdatedbrowser.com/"
-      })], 4), (0, _inferno.createVNode)(1, "p", "last", (0, _inferno.createVNode)(1, "a", null, "\xD7", 16, {
-        "href": "#",
+        "href": "https://browsehappy.com/",
+        "style": "color:#004085;text-decoration:underline;"
+      }), (0, _inferno.createTextVNode)(".")], 0, {
+        "style": "color:#332701;margin:8px 0;"
+      }), (0, _inferno.createVNode)(1, "button", null, "Dismiss", 16, {
+        "type": "button",
         "id": "btnCloseUpdateBrowser",
-        "title": "Close"
-      }), 2)], 4, {
-        "id": "outdated"
-      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "src": jsUrl,
-        "defer": true
+        "style": "background:#fff;color:#332701;border:1px solid #332701;padding:4px 12px;cursor:pointer;"
+      })], 4, {
+        "id": "outdated",
+        "role": "status",
+        "style": "display:none;background:#fff3cd;color:#332701;padding:16px;margin:0;text-align:center;font:16px/1.5 sans-serif;"
       }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
           __html: js
@@ -73,25 +100,12 @@ var OutdatedBrowser = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(Component);
-/**
- * Cacheable outdated browser detection 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
- * <OutdatedBrowser.Cacheable
- *     head={true}
- *     helper={{ cdn: function() {...} }} />
- */
 OutdatedBrowser.Cacheable = cacheComponent(OutdatedBrowser, 'plugin.outdatedbrowser', function (props) {
   var head = props.head,
-    helper = props.helper;
+    requiredFeatures = props.requiredFeatures;
   return {
     head: head,
-    cssUrl: helper.cdn('outdatedbrowser', '1.1.5', 'outdatedbrowser/outdatedbrowser.min.css'),
-    jsUrl: helper.cdn('outdatedbrowser', '1.1.5', 'outdatedbrowser/outdatedbrowser.min.js')
+    requiredFeatures: requiredFeatures
   };
 });
 module.exports = OutdatedBrowser;

package/lib/view/plugin/progressbar.js

@@ -40,8 +40,13 @@ var ProgressBar = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var jsUrl = this.props.jsUrl;
-      var css = ".pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#3273dc;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}";
+      var css = ".pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#3273dc;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:3px}";
+      var js = "window.paceOptions = Object.assign({}, window.paceOptions, {\n      restartOnPushState: false,\n      restartOnRequestAfter: false\n    });\n    document.addEventListener('pjax:send', function () {\n      if (window.Pace) window.Pace.restart();\n    });";
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "style", null, css, 0), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: js
+        }
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "src": jsUrl
       })], 4);
     }

package/lib/view/plugin/waline_pageview.js

@@ -52,7 +52,7 @@ var WalinePageview = /*#__PURE__*/function (_Component) {
         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(toJs(jsUrl), ").then(function (Waline) {\n            if (abort) {\n              abort();\n            }\n            abort = Waline.pageviewCount({\n              serverURL: ").concat(toJs(serverURL), ",\n              path: window.location.pathname,\n            });\n          });\n        }\n        count();\n        document.addEventListener('pjax:complete', count);\n      })();");
+      var js = "(function () {\n        var abort = null;\n        var generation = 0;\n        function count() {\n          var path = window.location.pathname;\n          var current = ++generation;\n          import(".concat(toJs(jsUrl), ").then(function (Waline) {\n            if (current !== generation || path !== window.location.pathname) return;\n            if (abort) {\n              abort();\n            }\n            abort = Waline.pageviewCount({\n              serverURL: ").concat(toJs(serverURL), ",\n              path: path,\n            });\n          });\n        }\n        count();\n        document.addEventListener('pjax:complete', count);\n      })();");
       return (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "dangerouslySetInnerHTML": {
           __html: js
@@ -94,7 +94,7 @@ WalinePageview.Cacheable = cacheComponent(WalinePageview, 'plugin.walinepageview
   }
   return {
     serverURL: serverURL,
-    jsUrl: helper.cdn('@waline/client', '3.3.0', 'dist/pageview.js')
+    jsUrl: helper.cdn('@waline/client', '3.16.1', 'dist/pageview.js')
   };
 });
 module.exports = WalinePageview;

package/lib/view/search/algolia.js

@@ -24,6 +24,7 @@ var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var _require3 = require('../../util/script'),
   toJs = _require3.toJs;
+var searchbox = require('../../util/searchbox');
 
 /**
  * Algolia search engine JSX component.
@@ -71,7 +72,7 @@ var Algolia = /*#__PURE__*/function (_Component) {
         indexName: indexName,
         excerpt: excerpt
       };
-      var js = "document.addEventListener('DOMContentLoaded', function () {\n            loadAlgolia(".concat(toJs(config), ", ").concat(toJs(translation), ");\n        });");
+      var js = "function initAlgolia() {\n            loadAlgolia(".concat(toJs(config), ", ").concat(toJs(translation), ");\n        }\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initAlgolia, { once: true });\n        } else {\n            initAlgolia();\n        }");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "searchbox", [(0, _inferno.createVNode)(1, "div", "searchbox-mask", null, 1, {
         "style": "position:absolute;bottom:0px;left:0px;right:0px;top:0px;"
       }), (0, _inferno.createVNode)(1, "div", "searchbox-container", [(0, _inferno.createVNode)(1, "div", "searchbox-header", [(0, _inferno.createVNode)(1, "div", "searchbox-input-container", null, 1, {
@@ -82,6 +83,10 @@ var Algolia = /*#__PURE__*/function (_Component) {
       }), (0, _inferno.createVNode)(1, "a", "searchbox-close", "\xD7", 16, {
         "href": "javascript:;"
       })], 4), (0, _inferno.createVNode)(1, "div", "searchbox-body"), (0, _inferno.createVNode)(1, "div", "searchbox-footer")], 4)], 4), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: searchbox
+        }
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "src": algoliaSearchUrl,
         "crossorigin": "anonymous",
         "defer": true
@@ -138,8 +143,8 @@ Algolia.Cacheable = cacheComponent(Algolia, 'search.algolia', function (props) {
     apiKey: algolia ? algolia.apiKey : null,
     indexName: algolia ? algolia.indexName : null,
     excerpt: search.excerpt ? search.excerpt : 'excerpt',
-    algoliaSearchUrl: helper.cdn('algoliasearch', '4.0.3', 'dist/algoliasearch-lite.umd.js'),
-    instantSearchUrl: helper.cdn('instantsearch.js', '4.3.1', 'dist/instantsearch.production.min.js'),
+    algoliaSearchUrl: helper.cdn('algoliasearch', '5.60.0', 'dist/lite/builds/browser.umd.js'),
+    instantSearchUrl: helper.cdn('instantsearch.js', '4.120.0', 'dist/instantsearch.production.min.js'),
     jsUrl: helper.url_for('/js/algolia.js')
   };
 });

package/lib/view/search/google_cse.js

@@ -24,6 +24,7 @@ var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var _require3 = require('../../util/script'),
   toJs = _require3.toJs;
+var searchbox = require('../../util/searchbox');
 
 /**
  * Google custom search engine JSX component.
@@ -48,22 +49,20 @@ var GoogleCSE = /*#__PURE__*/function (_Component) {
         cx = _this$props.cx,
         hint = _this$props.hint,
         jsUrl = _this$props.jsUrl;
-      var css = '.searchbox .searchbox-body { background: white; }';
-      var js1 = "(function() {\n            var cx = ".concat(toJs(cx), ";\n            var gcse = document.createElement('script');\n            gcse.type = 'text/javascript';\n            gcse.async = true;\n            gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;\n            var s = document.getElementsByTagName('script')[0];\n            s.parentNode.insertBefore(gcse, s);\n        })();");
-      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "style", null, null, 1, {
-        "dangerouslySetInnerHTML": {
-          __html: css
-        }
-      }), (0, _inferno.createVNode)(1, "div", "searchbox", [(0, _inferno.createVNode)(1, "div", "searchbox-mask", null, 1, {
+      var js1 = "(function() {\n            var cx = ".concat(toJs(cx), ";\n            var gcse = document.createElement('script');\n            gcse.type = 'text/javascript';\n            gcse.async = true;\n            gcse.src = 'https://cse.google.com/cse.js?cx=' + encodeURIComponent(cx);\n            var body = document.querySelector('.searchbox .searchbox-body');\n            gcse.onerror = function() {\n                if (!body || !body.isConnected) return;\n                body.textContent = 'Google search could not load. Check the configured cx value and your network or content blocker settings.';\n                body.setAttribute('role', 'alert');\n            };\n            var s = document.getElementsByTagName('script')[0];\n            s.parentNode.insertBefore(gcse, s);\n        })();");
+      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "searchbox searchbox-google", [(0, _inferno.createVNode)(1, "div", "searchbox-mask", null, 1, {
         "style": "position:absolute;bottom:0px;left:0px;right:0px;top:0px;"
-      }), (0, _inferno.createVNode)(1, "div", "searchbox-container", [(0, _inferno.createVNode)(1, "div", "searchbox-header", [(0, _inferno.createVNode)(1, "div", "searchbox-input-container", (0, _inferno.createVNode)(64, "input", "searchbox-input", null, 1, {
+      }), (0, _inferno.createVNode)(1, "div", "searchbox-container", [(0, _inferno.createVNode)(1, "div", "searchbox-header", [(0, _inferno.createVNode)(1, "div", "searchbox-input-container", [(0, _inferno.createVNode)(1, "span", "icon", (0, _inferno.createVNode)(1, "i", "fas fa-search"), 2, {
+        "aria-hidden": "true"
+      }), (0, _inferno.createVNode)(64, "input", "searchbox-input", null, 1, {
         "type": "text",
         "placeholder": hint
-      }), 2), (0, _inferno.createVNode)(1, "a", "searchbox-close", "\xD7", 16, {
+      })], 4), (0, _inferno.createVNode)(1, "a", "searchbox-close", "\xD7", 16, {
         "href": "javascript:;"
       })], 4), function () {
         if (cx) {
-          var innerHtml = '<gcse:searchresults-only></gcse:searchresults-only>';
+          // The theme owns narrow-screen layout; keep one result/pagination DOM on all devices.
+          var innerHtml = '<gcse:searchresults-only mobileLayout="disabled"></gcse:searchresults-only>';
           return (0, _inferno.createVNode)(1, "div", "searchbox-body", null, 1, {
             "dangerouslySetInnerHTML": {
               __html: innerHtml
@@ -76,6 +75,10 @@ var GoogleCSE = /*#__PURE__*/function (_Component) {
           __html: js1
         }
       }) : null], 0), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: searchbox
+        }
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "src": jsUrl
       })], 4);
     }

package/lib/view/search/insight.js

@@ -24,6 +24,8 @@ var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
 var _require3 = require('../../util/script'),
   toJs = _require3.toJs;
+var searchbox = require('../../util/searchbox');
+var createInsightSearch = require('../../util/insight-search');
 
 /**
  * Algolia search engine JSX component.
@@ -54,15 +56,20 @@ var Insight = /*#__PURE__*/function (_Component) {
         translation = _this$props.translation,
         contentUrl = _this$props.contentUrl,
         jsUrl = _this$props.jsUrl;
-      var js = "document.addEventListener('DOMContentLoaded', function () {\n            loadInsight(".concat(toJs({
+      var js = "function initInsight() {\n            loadInsight(".concat(toJs({
         contentUrl: contentUrl
-      }), ", ").concat(toJs(translation), ");\n        });");
+      }), ", ").concat(toJs(translation), ");\n        }\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initInsight, { once: true });\n        } else {\n            initInsight();\n        }");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "searchbox", (0, _inferno.createVNode)(1, "div", "searchbox-container", [(0, _inferno.createVNode)(1, "div", "searchbox-header", [(0, _inferno.createVNode)(1, "div", "searchbox-input-container", (0, _inferno.createVNode)(64, "input", "searchbox-input", null, 1, {
         "type": "text",
         "placeholder": translation.hint
       }), 2), (0, _inferno.createVNode)(1, "a", "searchbox-close", "\xD7", 16, {
         "href": "javascript:;"
       })], 4), (0, _inferno.createVNode)(1, "div", "searchbox-body")], 4), 2), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "data-pjax": true,
+        "dangerouslySetInnerHTML": {
+          __html: "".concat(searchbox, "\nwindow.searchInsight = (").concat(createInsightSearch.toString(), ")();")
+        }
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
         "data-pjax": true,
         "src": jsUrl,
         "defer": true

package/lib/view/share/addthis.js

@@ -42,15 +42,10 @@ var AddThis = /*#__PURE__*/function (_Component) {
   return _createClass(AddThis, [{
     key: "render",
     value: function render() {
-      deprecate('share.addthis', 'AddThis shut down on May 31, 2023. Use AddToAny or ShareThis instead.');
-      var installUrl = this.props.installUrl;
-      if (!installUrl) {
-        return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You need to set "), (0, _inferno.createVNode)(1, "code", null, "install_url", 16), (0, _inferno.createTextVNode)(" to use AddThis. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
-      }
-      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "addthis_inline_share_toolbox"), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "src": installUrl,
-        "defer": true
-      })], 4);
+      deprecate('share.addthis', 'Service shut down. Use AddToAny or ShareThis.');
+      return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("AddThis shut down on May 31, 2023. Set "), (0, _inferno.createVNode)(1, "code", null, "share.type", 16), (0, _inferno.createTextVNode)(" to "), (0, _inferno.createVNode)(1, "code", null, "web_share", 16), (0, _inferno.createTextVNode)(","), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "addtoany", 16), (0, _inferno.createTextVNode)(", or "), (0, _inferno.createVNode)(1, "code", null, "sharethis", 16), (0, _inferno.createTextVNode)(".")], 0, {
+        "role": "status"
+      });
     }
   }]);
 }(Component);

package/lib/view/share/addtoany.js

@@ -22,6 +22,7 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var loadScripts = require('../../util/script');
 
 /**
  * AddToAny share buttons JSX component.
@@ -39,11 +40,23 @@ var AddToAny = /*#__PURE__*/function (_Component) {
   return _createClass(AddToAny, [{
     key: "render",
     value: function render() {
+      var _this$props = this.props,
+        url = _this$props.url,
+        title = _this$props.title;
+      var initialize = "if (!kit || !kit.isConnected) return;\n      if (window.a2a && typeof window.a2a.init_all === 'function') window.a2a.init_all();";
+      var js = "(function () {\n      var kit = document.getElementById('addtoany-share');\n      ".concat(loadScripts('https://static.addtoany.com/menu/page.js', initialize), "\n    })();");
       return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "a2a_kit a2a_kit_size_32 a2a_default_style", [(0, _inferno.createVNode)(1, "a", "a2a_dd", null, 1, {
         "href": "https://www.addtoany.com/share"
-      }), (0, _inferno.createVNode)(1, "a", "a2a_button_facebook"), (0, _inferno.createVNode)(1, "a", "a2a_button_twitter"), (0, _inferno.createVNode)(1, "a", "a2a_button_telegram"), (0, _inferno.createVNode)(1, "a", "a2a_button_whatsapp"), (0, _inferno.createVNode)(1, "a", "a2a_button_reddit")], 4), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "src": "https://static.addtoany.com/menu/page.js",
-        "defer": true
+      }), (0, _inferno.createVNode)(1, "a", "a2a_button_facebook"), (0, _inferno.createVNode)(1, "a", "a2a_button_twitter"), (0, _inferno.createVNode)(1, "a", "a2a_button_telegram"), (0, _inferno.createVNode)(1, "a", "a2a_button_whatsapp"), (0, _inferno.createVNode)(1, "a", "a2a_button_reddit")], 4, {
+        "id": "addtoany-share",
+        "style": "display:flex;justify-content:center;flex-wrap:wrap",
+        "data-a2a-url": url,
+        "data-a2a-title": title,
+        "data-share-provider": "addtoany"
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: js
+        }
       })], 4);
     }
   }]);
@@ -58,7 +71,12 @@ var AddToAny = /*#__PURE__*/function (_Component) {
  * @example
  * <AddToAny.Cacheable />
  */
-AddToAny.Cacheable = cacheComponent(AddToAny, 'share.addtoany', function (props) {
-  return {};
+AddToAny.Cacheable = cacheComponent(AddToAny, 'share.addtoany', function (_ref) {
+  var _ref$page = _ref.page,
+    page = _ref$page === void 0 ? {} : _ref$page;
+  return {
+    url: page.permalink,
+    title: page.title
+  };
 });
 module.exports = AddToAny;

package/lib/view/share/bdshare.js

@@ -17,16 +17,19 @@ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf
 /**
  * Baidu share buttons JSX component.
  * @module view/share/bdshare
+ * @deprecated Retained for compatibility only. Use AddToAny or ShareThis instead.
  */
 var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/deprecate'),
+  deprecate = _require3.deprecate;
 
 /**
  * Baidu share buttons JSX component.
  *
- * @see http://share.baidu.com/code
+ * @deprecated Legacy integration with HTTP mixed content and obsolete targets. Use AddToAny or ShareThis instead.
  * @example
  * <BdShare />
  */
@@ -39,40 +42,16 @@ var BdShare = /*#__PURE__*/function (_Component) {
   return _createClass(BdShare, [{
     key: "render",
     value: function render() {
-      var js = 'window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName(\'head\')[0] || body).appendChild(createElement(\'script\')).src = \'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=\' + ~(-new Date() / 36e5)];';
-      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "bdsharebuttonbox", [(0, _inferno.createVNode)(1, "a", "bds_more", null, 1, {
-        "href": "#",
-        "data-cmd": "more"
-      }), (0, _inferno.createVNode)(1, "a", "bds_qzone", null, 1, {
-        "href": "#",
-        "data-cmd": "qzone",
-        "title": "分享到QQ空间"
-      }), (0, _inferno.createVNode)(1, "a", "bds_tsina", null, 1, {
-        "href": "#",
-        "data-cmd": "tsina",
-        "title": "分享到新浪微博"
-      }), (0, _inferno.createVNode)(1, "a", "bds_tqq", null, 1, {
-        "href": "#",
-        "data-cmd": "tqq",
-        "title": "分享到腾讯微博"
-      }), (0, _inferno.createVNode)(1, "a", "bds_renren", null, 1, {
-        "href": "#",
-        "data-cmd": "renren",
-        "title": "分享到人人网"
-      }), (0, _inferno.createVNode)(1, "a", "bds_weixin", null, 1, {
-        "href": "#",
-        "data-cmd": "weixin",
-        "title": "分享到微信"
-      })], 4), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "dangerouslySetInnerHTML": {
-          __html: js
-        }
-      })], 4);
+      deprecate('share.bdshare', 'HTTP mixed content; use AddToAny or ShareThis.');
+      return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("This legacy Baidu Share integration is deprecated because it uses HTTP assets and obsolete sharing targets. Set "), (0, _inferno.createVNode)(1, "code", null, "share.type", 16), (0, _inferno.createTextVNode)(" to "), (0, _inferno.createVNode)(1, "code", null, "web_share", 16), (0, _inferno.createTextVNode)(","), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "addtoany", 16), (0, _inferno.createTextVNode)(", or "), (0, _inferno.createVNode)(1, "code", null, "sharethis", 16), (0, _inferno.createTextVNode)(".")], 0, {
+        "role": "status"
+      });
     }
   }]);
 }(Component);
 /**
  * Cacheable Baidu share buttons JSX component.
+ * @deprecated Retained for compatibility only. Use AddToAny or ShareThis instead.
  * <p>
  * This class is supposed to be used in combination with the <code>locals</code> hexo filter
  * ({@link module:hexo/filter/locals}).

package/lib/view/share/sharejs.js

@@ -15,21 +15,15 @@ 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); }
 /**
- * Share.js share buttons JSX component.
+ * Retired Share.js configuration entry.
  * @module view/share/sharejs
  */
 var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
-
-/**
- * Share.js share buttons JSX component.
- *
- * @see https://github.com/overtrue/share.js
- * @example
- * <ShareJs cssUrl="/path/to/share.css" jsUrl="/path/to/social-share.js" />
- */
+var _require3 = require('../../util/deprecate'),
+  deprecate = _require3.deprecate;
 var ShareJs = /*#__PURE__*/function (_Component) {
   function ShareJs() {
     _classCallCheck(this, ShareJs);
@@ -39,33 +33,12 @@ var ShareJs = /*#__PURE__*/function (_Component) {
   return _createClass(ShareJs, [{
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        cssUrl = _this$props.cssUrl,
-        jsUrl = _this$props.jsUrl;
-      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "link", null, null, 1, {
-        "rel": "stylesheet",
-        "href": cssUrl
-      }), (0, _inferno.createVNode)(1, "div", "social-share"), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "src": jsUrl
-      })], 4);
+      deprecate('share.sharejs', 'Retired; select web_share or addtoany.');
+      return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("Share.js is retired. Set "), (0, _inferno.createVNode)(1, "code", null, "share.type", 16), (0, _inferno.createTextVNode)(" to "), (0, _inferno.createVNode)(1, "code", null, "web_share", 16), (0, _inferno.createTextVNode)(" or"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "addtoany", 16), (0, _inferno.createTextVNode)(".")], 0);
     }
   }]);
 }(Component);
-/**
- * Cacheable Share.js share buttons 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
- * <ShareJs.Cacheable helper={{ cdn: function() {...} }} />
- */
-ShareJs.Cacheable = cacheComponent(ShareJs, 'share.sharejs', function (props) {
-  var helper = props.helper;
-  return {
-    cssUrl: helper.cdn('social-share.js', '1.0.16', 'dist/css/share.min.css'),
-    jsUrl: helper.cdn('social-share.js', '1.0.16', 'dist/js/social-share.min.js')
-  };
+ShareJs.Cacheable = cacheComponent(ShareJs, 'share.sharejs', function () {
+  return {};
 });
 module.exports = ShareJs;

package/lib/view/share/sharethis.js

@@ -22,6 +22,7 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var loadScripts = require('../../util/script');
 
 /**
  * ShareThis share buttons JSX component.
@@ -39,13 +40,23 @@ var ShareThis = /*#__PURE__*/function (_Component) {
   return _createClass(ShareThis, [{
     key: "render",
     value: function render() {
-      var installUrl = this.props.installUrl;
+      var _this$props = this.props,
+        installUrl = _this$props.installUrl,
+        url = _this$props.url,
+        title = _this$props.title;
       if (!installUrl) {
         return (0, _inferno.createVNode)(1, "div", "notification is-danger", [(0, _inferno.createTextVNode)("You need to set "), (0, _inferno.createVNode)(1, "code", null, "install_url", 16), (0, _inferno.createTextVNode)(" to use ShareThis. Please set it in"), (0, _inferno.createTextVNode)(' '), (0, _inferno.createVNode)(1, "code", null, "_config.yml", 16), (0, _inferno.createTextVNode)(".")], 0);
       }
-      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "sharethis-inline-share-buttons"), (0, _inferno.createVNode)(1, "script", null, null, 1, {
-        "src": installUrl,
-        "defer": true
+      var initialize = "\n      if (!container || !container.isConnected || container.querySelector('.st-btn')) return;\n      var sdk = window.__sharethis__;\n      // Reuse the account settings when PJAX replaces the container.\n      if (sdk && sdk.config && typeof sdk.load === 'function') {\n        var settings = Object.assign({}, sdk.config['inline-share-buttons']);\n        if (container.dataset.url) settings.url = container.dataset.url;\n        if (container.dataset.title) settings.title = container.dataset.title;\n        sdk.load('inline-share-buttons', settings);\n      }";
+      return (0, _inferno.createFragment)([(0, _inferno.createVNode)(1, "div", "sharethis-inline-share-buttons", null, 1, {
+        "id": "sharethis-share",
+        "data-share-provider": "sharethis",
+        "data-url": url,
+        "data-title": title
+      }), (0, _inferno.createVNode)(1, "script", null, null, 1, {
+        "dangerouslySetInnerHTML": {
+          __html: "(function () {\n          var container = document.getElementById('sharethis-share');\n          ".concat(loadScripts(installUrl, initialize), "\n        })();")
+        }
       })], 4);
     }
   }]);
@@ -61,9 +72,13 @@ var ShareThis = /*#__PURE__*/function (_Component) {
  * <ShareThis.Cacheable share={{ install_url: '******' }} />
  */
 ShareThis.Cacheable = cacheComponent(ShareThis, 'share.sharethis', function (props) {
-  var share = props.share;
+  var share = props.share,
+    _props$page = props.page,
+    page = _props$page === void 0 ? {} : _props$page;
   return {
-    installUrl: share.install_url
+    installUrl: share.install_url,
+    url: page.permalink,
+    title: page.title
   };
 });
 module.exports = ShareThis;