hexo-theme-gnix 6.2.0 → 8.0.0

package/layout/common/article.jsx

@@ -1,6 +1,4 @@
-import { format } from "date-fns";
-
-const { Component, Fragment } = require("../../include/util/common");
+const { Component, Fragment, dateFormatters } = require("../../include/util/common");
 const Comment = require("./comment");
 const ArticleLicensing = require("../misc/article_licensing");
 const ArticleCover = require("./article_cover");
@@ -50,14 +48,14 @@ module.exports = class extends Component {
                 <div class="article-meta-info">
                   {page.date && (
                     <time class="article-date" datetime={page.date.toISOString()}>
-                      {format(page.date, "LLL dd")}
+                      {dateFormatters.shortDay.format(page.date)}
                     </time>
                   )}
-                  {page.date && (wordCount > 0 || !index) && <span class="meta-separator">·</span>}
+                  {page.date && (wordCount > 0 || !index) && <span class="meta-separator">/</span>}
                   {wordCount > 0 && <span class="article-reading-time">{readTime} min</span>}
                   {!index && (
                     <Fragment>
-                      <span class="meta-separator">·</span>
+                      <span class="meta-separator">/</span>
                       <span
                         class="article-visit-count"
                         data-flag-title={page.title}
@@ -70,9 +68,8 @@ module.exports = class extends Component {
                 </div>
                 {page.tags?.length ? (
                   <div class="article-tags-inline">
-                    {page.tags.map((tag, idx) => (
+                    {page.tags.map((tag) => (
                       <Fragment>
-                        {idx > 0 && <span class="meta-separator">,</span>}
                         <a class="article-tag" rel="tag" href={url_for(tag.path)}>
                           {tag.name}
                         </a>

package/layout/common/article_cover.jsx

@@ -11,7 +11,17 @@ module.exports = class extends Component {
     return (
       <a href={url_for(page.link || page.path)} class="cover-image">
         <img class="cover-lqip" src={lqip_src} alt="placeholder" />
-        <img class="cover-origin" src={cover} alt={page.title || cover} srcset={imageSrcset} referrerpolicy="no-referrer" decoding="async" loading={index ? "lazy" : "eager"} />
+        <img
+          class="cover-origin"
+          src={cover}
+          alt={page.title || cover}
+          srcset={imageSrcset}
+          sizes="(max-width: 768px) 100vw, (max-width: 1024px) 100vw, 960px"
+          referrerpolicy="no-referrer"
+          decoding="async"
+          loading={index ? "lazy" : "eager"}
+          fetchpriority={index ? undefined : "high"}
+        />
       </a>
     );
   }

package/layout/common/article_media.jsx

@@ -1,14 +1,12 @@
 /**
  * Article media component, used in article lists such as archive page and recent posts widget
  */
-const { Component } = require("inferno");
-const { format, parseISO } = require("date-fns");
+const { Component, dateFormatters, parseISO } = require("../../include/util/common");
 
 module.exports = class extends Component {
   render() {
     const { url, title, date } = this.props;
-    // Formatted like May.15
-    const formattedDate = format(parseISO(date), "MMM dd");
+    const formattedDate = dateFormatters.shortDay.format(parseISO(date));
 
     return (
       <article class="archive-item">

package/layout/common/footer.jsx

@@ -2,7 +2,7 @@ const { Component, cacheComponent } = require("../../include/util/common");
 
 class Footer extends Component {
   render() {
-    const { siteTitle, siteYear, author, links, subdomains, archives, copyright, showVisitorCounter, visitorCounterTitle, ICPRecord } = this.props;
+    const { siteTitle, siteYear, author, links, subdomains, copyright, showVisitorCounter, visitorCounterTitle, ICPRecord } = this.props;
 
     const svg_line = (
       <svg aria-hidden="true" width="100%" height="8" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -25,10 +25,10 @@ class Footer extends Component {
         <p class="footer-meta">
           <span
             dangerouslySetInnerHTML={{
-              __html: `&copy; ${siteYear} ${author || siteTitle}`,
+              __html: `&copy; 2022 - ${siteYear}`,
             }}
           ></span>
-          &nbsp;Powered by Hexo&nbsp;& Icarus
+          &nbsp;Powered by Hexo
           {showVisitorCounter ? (
             <>
               <br />
@@ -72,7 +72,7 @@ class Footer extends Component {
             ? Object.keys(subdomains).map((name) => {
                 const link = subdomains[name];
                 return (
-                  <a class="footer-link" target="_blank" rel="noopener" title={name} href={link.url}>
+                  <a class="footer-link" target="_self" rel="noopener" title={name} href={link.url}>
                     {name}
                   </a>
                 );
@@ -82,34 +82,14 @@ class Footer extends Component {
       </div>
     );
 
-    const footer_archives = (
-      <div class="footer-column footer-archives">
-        <p class="footer-heading">Archives</p>
-        <div class="footer-links">
-          {archives?.length
-            ? archives.map((item) => (
-                <a class="footer-link" href={item.url}>
-                  {item.year}
-                </a>
-              ))
-            : null}
-        </div>
-      </div>
-    );
-
     return (
-      <>
-        {" "}
-        {svg_line}
-        <footer class="footer">
-          <div class="footer-grid">
-            {footer_brand}
-            {footer_subdomains}
-            {footer_archives}
-            {footer_social}
-          </div>
-        </footer>
-      </>
+      <footer class="footer">
+        <div class="footer-grid">
+          {footer_brand}
+          {footer_subdomains}
+          {footer_social}
+        </div>
+      </footer>
     );
   }
 }

package/layout/common/head.jsx

@@ -28,7 +28,7 @@ module.exports = class extends Component {
     const { site, config, helper, page } = this.props;
     const { url_for, is_post } = helper;
     const { url, head = {}, article } = config;
-    const { meta = [], open_graph = {}, structured_data = {}, canonical_url = page.permalink, rss, favicon } = head;
+    const { meta = [], open_graph = {}, structured_data = {}, canonical_url = page.permalink, favicon } = head;
 
     const noIndex = helper.is_archive() || helper.is_tag();
 
@@ -51,15 +51,7 @@ module.exports = class extends Component {
         images.push(img[1]);
       }
     } else {
-      images = [url_for("/img/og_image.png")];
-    }
-
-    let adsenseClientId = null;
-    if (Array.isArray(config.widgets)) {
-      const widget = config.widgets.find((widget) => widget.type === "adsense");
-      if (widget) {
-        adsenseClientId = widget.client_id;
-      }
+      images = [url_for("/img/og_image.webp")];
     }
 
     let openGraphImages = images;
@@ -100,7 +92,7 @@ module.exports = class extends Component {
 
     return (
       <head>
-        <script data-swup-ignore-script dangerouslySetInnerHTML={{ __html: themeInitScript }}></script>
+        <script dangerouslySetInnerHTML={{ __html: themeInitScript }}></script>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         {noIndex ? <meta name="robots" content="noindex" /> : null}
@@ -141,8 +133,8 @@ module.exports = class extends Component {
           />
         ) : null}
         {canonical_url ? <link rel="canonical" href={canonical_url} /> : null}
-        {rss ? <link rel="alternate" href={url_for(rss)} title={config.title} type="application/atom+xml" /> : null}
         {favicon ? <link rel="icon" href={url_for(favicon)} /> : null}
+        <link rel="preload" href={url_for("/css/font/woff2/HomemadeApple.woff2")} as="font" type="font/woff2" crossorigin />
         <link rel="stylesheet" href={url_for("/css/default.css")} />
         <link rel="stylesheet" href={url_for("/css/responsive/mobile.css")} media="screen and (max-width:768px)" />
         <link rel="stylesheet" href={url_for("/css/responsive/tablet.css")} media="screen and (min-width:769px)" />
@@ -152,9 +144,9 @@ module.exports = class extends Component {
         {/* Maple Mono CN */}
         <link rel="preconnect" href="https://fontsapi.zeoseven.com" />
         <link rel="preload" as="style" href="https://fontsapi.zeoseven.com/442/main/result.css" onload="this.onload=null;this.rel='stylesheet'" />
-        <link rel="stylesheet" href="/css/shiki/shiki.css" />
+        <link rel="preload" as="style" href="/css/shiki/shiki.css" onload="this.onload=null;this.rel='stylesheet'" />
+        {page.encrypt ? <link rel="stylesheet" href={url_for("/css/encrypt.css")} /> : null}
         <Plugins site={site} config={config} helper={helper} page={page} head={true} />
-        {adsenseClientId ? <script data-swup-ignore-script data-ad-client={adsenseClientId} src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" async></script> : null}
       </head>
     );
   }

package/layout/common/navbar.jsx

@@ -35,8 +35,8 @@ class Navbar extends Component {
     const { siteUrl, menu, links, searchTitle } = this.props;
 
     return (
-      <nav class="navbar navbar-main" onclick="handleNavbarClick(event);">
-        <div class="navbar-container">
+      <nav class="navbar navbar-main">
+        <div class="navbar-container" onclick="toggleNav(event)">
           <a href={siteUrl} style={"font-family: homemade-apple; color: var(--text); display: flex; align-items: center; padding: 0 1em;"}>
             GnixAij
           </a>
@@ -67,7 +67,7 @@ class Navbar extends Component {
                   })}
                 </Fragment>
               ) : null}
-              <button type="button" class="navbar-item" id="theme-selector-trigger" title="Choose Theme" onclick="window.openThemeModal?.()">
+              <button type="button" class="navbar-item" title="Choose Theme" popovertarget="theme-selector-popover">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                   <title>brightness_fill</title>
                   <g id="brightness_fill" fill="currentColor">
@@ -75,7 +75,7 @@ class Navbar extends Component {
                   </g>
                 </svg>
               </button>
-              <button type="button" class="navbar-item search" title={searchTitle}>
+              <button type="button" class="navbar-item search" popovertarget="searchbox" title={searchTitle}>
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                   <title>search_line</title>
                   <g id="search_line" fill="currentColor">

package/layout/common/scripts.jsx

@@ -10,12 +10,12 @@ module.exports = class extends Component {
       <Fragment>
         <Plugins site={site} config={config} page={page} helper={helper} head={false} />
         <Swup head={false} />
-        <script data-swup-ignore-script defer src="/js/host/iconify-icon/3.0.2/iconify-icon.min.js"></script>
-        <script data-swup-ignore-script defer src="/js/theme-selector.js"></script>
-        <script data-swup-ignore-script defer src="/js/host/medium-zoom/dist/medium-zoom.min.js"></script>
-        <script data-swup-ignore-script defer src="/js/mdit/shiki.js"></script>
-        <script data-swup-ignore-script defer src="/js/main.js"></script>
-        <script data-swup-ignore-script async src="/js/instant-page.min.js" type="module"></script>
+        <script defer src="/js/host/iconify-icon/3.0.2/iconify-icon.min.js"></script>
+        <script defer src="/js/theme-selector.js"></script>
+        <script defer src="/js/host/medium-zoom/dist/medium-zoom.min.js"></script>
+        <script defer src="/js/main.js"></script>
+        {page.encrypt ? <script src="/js/decrypt.js" type="module"></script> : null}
+        <script async src="/js/instant-page.min.js" type="module"></script>
       </Fragment>
     );
   }

package/layout/common/theme_selector.jsx

@@ -13,13 +13,12 @@ const themes = [
 class ThemeSelector extends Component {
   render() {
     return (
-      <div id="theme-selector-modal" onclick="window.handleThemeModalClick?.(event)">
-        <div class="theme-selector-backdrop"></div>
-        <div class="theme-selector-list">
+      <div id="theme-selector-popover" popover="auto" tabindex="-1">
+        <div class="theme-selector-list" role="listbox" aria-label="Select theme">
           {themes.map((theme, index) => (
-            <div class="theme-option" data-theme-option={theme.value} data-index={index} onclick={`window.selectThemeOption?.(event, ${index})`}>
-              <span class="theme-name">{theme.name}</span>
-            </div>
+            <button class="theme-option" type="submit" data-theme-option={theme.value} data-index={index} onclick={`window.selectThemeOption?.(${index})`}>
+              {theme.name}
+            </button>
           ))}
         </div>
       </div>

package/layout/common/toc.jsx

@@ -8,25 +8,19 @@ class FloatingToc extends Component {
       list_number: false,
     });
 
-    if (!tocContent) {
+    if (!tocContent && !page.encrypt) {
       return null;
     }
 
     return (
-      <div class="toc-container" id="icarus-toc-container">
-        <button class="toc-button" type="button" onclick="document.getElementById('icarus-toc-container').classList.toggle('is-open')">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <title>Table of Contents</title>
-            <line x1="8" y1="6" x2="21" y2="6"></line>
-            <line x1="8" y1="12" x2="21" y2="12"></line>
-            <line x1="8" y1="18" x2="21" y2="18"></line>
-            <line x1="3" y1="6" x2="3.01" y2="6"></line>
-            <line x1="3" y1="12" x2="3.01" y2="12"></line>
-            <line x1="3" y1="18" x2="3.01" y2="18"></line>
-          </svg>
+      <div class="toc-container" id="icarus-toc-container" style={page.encrypt ? "display:none" : null}>
+        <button class="toc-button" type="button" popovertarget="toc-body" aria-label="Table of Contents">
+          <span aria-hidden="true"></span>
+          <span aria-hidden="true"></span>
+          <span aria-hidden="true"></span>
         </button>
-        <div class="toc-body" onclick="if(event.target === this || event.target.matches('.toc-link')) { document.getElementById('icarus-toc-container').classList.remove('is-open'); }">
-          <div dangerouslySetInnerHTML={{ __html: tocContent }} />
+        <div id="toc-body" popover="auto" class="toc-body" onclick="if(event.target===this||event.target.closest('.toc-link'))this.hidePopover();">
+          <div id="toc-insert" dangerouslySetInnerHTML={{ __html: tocContent || "" }} />
         </div>
       </div>
     );

package/layout/index.jsx

@@ -5,16 +5,14 @@ const Article = require("./common/article");
 module.exports = class extends Component {
   render() {
     const { config, page, helper } = this.props;
-    const { __, url_for } = helper;
+    const { url_for } = helper;
 
     return (
       <Fragment>
         {page.posts.map((post) => (
           <Article config={config} page={post} helper={helper} index={true} />
         ))}
-        {page.total > 1 ? (
-          <Paginator current={page.current} total={page.total} baseUrl={page.base} path={config.pagination_dir} urlFor={url_for} prevTitle={__("common.prev")} nextTitle={__("common.next")} />
-        ) : null}
+        {page.total > 1 ? <Paginator current={page.current} total={page.total} baseUrl={page.base} path={config.pagination_dir} urlFor={url_for} /> : null}
       </Fragment>
     );
   }

package/layout/misc/article_licensing.jsx

@@ -15,10 +15,12 @@ class ArticleLicensing extends Component {
         <div class="licensing-title">
           {title ? <p>{title}</p> : null}
           <p>
-            <a href={link}>{link}</a>
+            <a style="text-decoration: none" href={link}>
+              {link}
+            </a>
           </p>
         </div>
-        <div class="licensing-meta level is-mobile">
+        <div class="licensing-meta level">
           <div style="display: flex">
             {author ? (
               <div class="level-item">

package/layout/misc/open_graph.jsx

@@ -1,6 +1,6 @@
-const { isDate, parseISO, isValid } = require("date-fns");
-const { Component } = require("inferno");
+const { Component, isValidDate, parseISO } = require("../../include/util/common");
 const { encodeURL, stripHTML, escapeHTML } = require("hexo-util");
+
 const localeMap = {
   en: "en_US",
   de: "de_DE",
@@ -63,14 +63,14 @@ module.exports = class extends Component {
 
     if (date) {
       const d = typeof date === "string" ? parseISO(date) : date;
-      if ((isDate(d) || d instanceof Date) && isValid(d)) {
+      if (isValidDate(d)) {
         htmlTags.push(<meta property="article:published_time" content={d.toISOString()} />);
       }
     }
 
     if (updated) {
       const u = typeof updated === "string" ? parseISO(updated) : updated;
-      if ((isDate(u) || u instanceof Date) && isValid(u)) {
+      if (isValidDate(u)) {
         htmlTags.push(<meta property="article:modified_time" content={u.toISOString()} />);
       }
     }

package/layout/misc/paginator.jsx

@@ -2,7 +2,7 @@ const { Component } = require("inferno");
 
 module.exports = class extends Component {
   render() {
-    const { current, total, baseUrl, path, urlFor, prevTitle, nextTitle } = this.props;
+    const { current, total, baseUrl, path, urlFor } = this.props;
 
     function getPageUrl(i) {
       return urlFor(i === 1 ? baseUrl : `${baseUrl + path}/${i}/`);
@@ -55,12 +55,18 @@ module.exports = class extends Component {
     }
 
     return (
-      <nav class="pagination is-centered" aria-label="pagination" style="padding-top: 1.5em;">
+      <nav class="pagination card" aria-label="pagination">
         <a href={getPageUrl(current - 1)} class={`pagination-previous`} style={current > 1 ? {} : { visibility: "hidden" }}>
-          {prevTitle}
+          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+            <title>go to previous page</title>
+            <path fill="currentColor" d="m4 10l9 9l1.4-1.5L7 10l7.4-7.5L13 1z" />
+          </svg>
         </a>
         <a href={getPageUrl(current + 1)} class={`pagination-next`} style={current < total ? {} : { visibility: "hidden" }}>
-          {nextTitle}
+          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+            <title>go to next page</title>
+            <path fill="currentColor" d="M7 1L5.6 2.5L13 10l-7.4 7.5L7 19l9-9z" />
+          </svg>
         </a>
         <ul class="pagination-list is-hidden-mobile">{pagination(current, total)}</ul>
       </nav>

package/layout/misc/structured_data.jsx

@@ -1,5 +1,4 @@
-const { isDate, parseISO, isValid } = require("date-fns");
-const { Component } = require("inferno");
+const { Component, isValidDate, parseISO } = require("../../include/util/common");
 const { stripHTML, escapeHTML } = require("hexo-util");
 
 module.exports = class extends Component {
@@ -28,14 +27,14 @@ module.exports = class extends Component {
 
     if (date) {
       const d = typeof date === "string" ? parseISO(date) : date;
-      if ((isDate(d) || d instanceof Date) && isValid(d)) {
+      if (isValidDate(d)) {
         date = d.toISOString();
       }
     }
 
     if (updated) {
       const u = typeof updated === "string" ? parseISO(updated) : updated;
-      if ((isDate(u) || u instanceof Date) && isValid(u)) {
+      if (isValidDate(u)) {
         updated = u.toISOString();
       }
     }

package/layout/plugin/busuanzi.jsx

@@ -4,7 +4,7 @@ class Busuanzi extends Component {
   render() {
     return (
       // busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js
-      <script defer src="/js/busuanzi.js"></script>
+      <script data-swup-reload-script defer src="/js/busuanzi.js"></script>
       // <script src="https://vercount.one/js" defer={true}></script>
     );
   }

package/layout/plugin/cookie_consent.jsx

@@ -1,46 +1,55 @@
 const { Component, cacheComponent } = require("../../include/util/common");
 
 class CookieConsent extends Component {
+  // https://www.osano.com/cookieconsent/documentation/javascript-api/
   render() {
     const { head, text, jsUrl, cssUrl } = this.props;
     const { type, theme, position, policyLink } = this.props;
     const { message, dismiss, allow, deny, link, policy } = text;
 
-    const js = `window.addEventListener("load", () => {
-      window.cookieconsent.initialise({
-        type: ${JSON.stringify(type)},
-        theme: ${JSON.stringify(theme)},
-        static: ${JSON.stringify(this.props.static)},
-        position: ${JSON.stringify(position)},
-        content: {
-          message: ${JSON.stringify(message)},
-          dismiss: ${JSON.stringify(dismiss)},
-          allow: ${JSON.stringify(allow)},
-          deny: ${JSON.stringify(deny)},
-          link: ${JSON.stringify(link)},
-          policy: ${JSON.stringify(policy)},
-          href: ${JSON.stringify(policyLink)},
-        },
-        palette: {
-          popup: {
-            background: "var(--base)",
-            text: "var(--text)"
-          },
-          button: {
-            background: "var(--blue)"
-          },
-        },
-      });
-    });`;
-
     if (head) {
       return <link rel="preload" href={cssUrl} as="style" onload="this.onload=null;this.rel='stylesheet'" />;
     }
     return (
-      <>
-        <script src={jsUrl} defer={true} onLoad={js}></script>
-        {/* <script dangerouslySetInnerHTML={{ __html: js }}></script> */}
-      </>
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `
+          (function() {
+            var s = document.createElement('script');
+            s.src = ${JSON.stringify(jsUrl)};
+            s.defer = true;
+            s.onload = function() {
+              window.cookieconsent.initialise(${JSON.stringify({
+                type,
+                theme,
+                static: this.props.static,
+                position,
+                content: {
+                  message,
+                  dismiss,
+                  allow,
+                  deny,
+                  link,
+                  policy,
+                  href: policyLink,
+                },
+                palette: {
+                  popup: {
+                    background: "var(--base)",
+                    text: "var(--text)",
+                  },
+                  button: {
+                    background: "var(--lavender)",
+                    text: "var(--base)",
+                  },
+                },
+              })});
+            };
+            document.body.appendChild(s);
+          })();
+        `,
+        }}
+      />
     );
   }
 }

package/layout/plugin/swup.jsx

@@ -1,4 +1,4 @@
-const { Component, Fragment } = require("../../include/util/common");
+const { Component } = require("../../include/util/common");
 
 class Swup extends Component {
   render() {
@@ -6,27 +6,7 @@ class Swup extends Component {
       return null;
     }
 
-    const swupScript = `
-const swup = new Swup({
-  containers: ["#swup"],
-  cache: true,
-  native: true,
-  plugins: [
-    new SwupHeadPlugin({
-      persistTags: true
-    }),
-    new SwupScriptsPlugin()
-  ]
-});
-`;
-    return (
-      <Fragment>
-        <script src="/js/host/swup/Swup.umd.min.js"></script>
-        <script src="/js/host/swup/head-plugin.umd.min.js"></script>
-        <script src="/js/host/swup/scripts-plugin.umd.min.js"></script>
-        <script data-swup-ignore-script dangerouslySetInnerHTML={{ __html: swupScript }}></script>
-      </Fragment>
-    );
+    return <script defer src="/js/swup.bundle.js"></script>;
   }
 }
 

package/layout/search/insight.jsx

@@ -13,12 +13,25 @@ class Insight extends Component {
 
     return (
       <>
-        <div class="searchbox">
+        <div class="searchbox" id="searchbox" popover="auto">
           <div class="searchbox-container">
             <div class="searchbox-input-container">
-              <input type="text" name="search-input" class="searchbox-input" placeholder={translation.hint} />
+              <input
+                type="text"
+                name="search-input"
+                class="searchbox-input"
+                placeholder={translation.hint}
+                autofocus
+                autocomplete="off"
+                role="combobox"
+                aria-haspopup="listbox"
+                aria-autocomplete="list"
+                aria-controls="searchbox-results"
+                aria-expanded="false"
+                aria-label={translation.hint}
+              />
             </div>
-            <div class="searchbox-body"></div>
+            <div class="searchbox-body" id="searchbox-results" role="listbox"></div>
           </div>
         </div>
         <script defer src={jsUrl}></script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-gnix",
-  "version": "6.2.0",
+  "version": "8.0.0",
   "author": "Efterklang <gaojiaxing0220@gmail.com>",
   "license": "MIT",
   "description": "Second generation of Hexo theme Icarus, now with Catppuccin flavor and night mode support.",
@@ -21,7 +21,8 @@
     "lint": "biome check --write .",
     "format": "biome format .",
     "check": "biome check",
-    "test": "echo \"No tests configured\" && exit 0"
+    "test": "echo \"No tests configured\" && exit 0",
+    "build:swup": "bun build src/swup.js --outfile source/js/swup.bundle.js --minify"
   },
   "files": [
     "include",
@@ -33,13 +34,16 @@
     "README.md"
   ],
   "dependencies": {
-    "date-fns": "^4.1.0",
-    "esbuild": "^0.27.2",
+    "@swup/head-plugin": "^2.3.1",
+    "@swup/scripts-plugin": "^2.1.0",
+    "esbuild": "^0.28.0",
+    "feedsmith": "^2.9.1",
     "hexo-pagination": "^4.0.0",
-    "inferno": "^9.0.10",
-    "inferno-create-element": "^9.0.10",
-    "inferno-server": "^9.0.10",
-    "js-yaml": "^4.1.1"
+    "inferno": "^9.1.0",
+    "inferno-create-element": "^9.1.0",
+    "inferno-server": "^9.1.0",
+    "js-yaml": "^4.1.1",
+    "swup": "^4.8.3"
   },
   "peerDependencies": {
     "hexo": "^8.1.1",