hexo-component-inferno 4.2.2 → 5.1.0

package/lib/view/plugin/gallery.js

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

package/lib/view/plugin/katex.js

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

package/lib/view/plugin/mathjax.js

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

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;