Merge branch 'main' into build/update-astro-paper

# Conflicts:
#	src/config.ts
#	src/content/blog/how-to-add-an-estimated-reading-time.md

Author: iamStephenFang

astro.config.ts

@@ -14,7 +14,9 @@ export default defineConfig({
       applyBaseStyles: false,
     }),
     react(),
-    sitemap(),
+    sitemap({
+      filter: page => SITE.showArchives || !page.endsWith("/archives"),
+    }),
   ],
   markdown: {
     remarkPlugins: [

package-lock.json

@@ -17,7 +17,7 @@
     "@astrojs/check": "^0.9.3",
     "@astrojs/rss": "^4.0.7",
     "@resvg/resvg-js": "^2.6.2",
-    "astro": "^4.16.3",
+    "astro": "^4.16.18",
     "fuse.js": "^7.0.0",
     "lodash.kebabcase": "^4.1.1",
     "remark-collapse": "^0.1.2",

package.json

@@ -55,14 +55,14 @@ const socialIcons = {
       <rect x="3" y="5" width="18" height="14" rx="2"></rect>
       <polyline points="3 7 12 13 21 7"></polyline>
     </svg>`,
-  Twitter: `<svg
+  X: `<svg  
       xmlns="http://www.w3.org/2000/svg"
       class="icon-tabler"
       stroke-linecap="round"
       stroke-linejoin="round"
     >
-      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
-      <path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"></path>
+      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+      <path d="M4 4l11.733 16h4.267l-11.733 -16z" /><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
     </svg>`,
   Twitch: `<svg
       xmlns="http://www.w3.org/2000/svg"

src/assets/socialIcons.ts

@@ -73,6 +73,13 @@ export default function SearchBar({ searchList }: Props) {
     }
   }, [inputVal]);
 
+  useEffect(() => {
+    // focus on text input when search bar is displayed
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [inputVal]);
+
   return (
     <>
       <label className="relative block">

src/components/Search.tsx

@@ -16,9 +16,9 @@ const shareLinks = [
     linkTitle: `Share this post on Facebook`,
   },
   {
-    name: "Twitter",
-    href: "https://twitter.com/intent/tweet?url=",
-    linkTitle: `Tweet this post`,
+    name: "X",
+    href: "https://x.com/intent/post?url=",
+    linkTitle: `Share this post on X`,
   },
   {
     name: "Telegram",

src/components/ShareLinks.astro

@@ -41,9 +41,9 @@ export const SOCIALS: SocialObjects = [
     active: true,
   },
   {
-    name: "Twitter",
-    href: "https://twitter.com/fangxuanmiao",
-    linkTitle: `${SITE.author} on Twitter`,
+    name: "X",
+    href: "https://x.com/fangxuanmiao",
+    linkTitle: `${SITE.author} on X`,
     active: true,
   },
   {

src/config.ts

@@ -77,7 +77,7 @@ const nextPost =
     </button>
   </div>
   <main id="main-content">
-    <h1 transition:name={slugifyStr(title)} class="post-title">{title}</h1>
+    <h1 transition:name={slugifyStr(title)} class="post-title inline-block">{title}</h1>
     <Datetime
       pubDatetime={pubDatetime}
       modDatetime={modDatetime}

src/layouts/PostDetails.astro

@@ -29,7 +29,7 @@ I'm StephenFang, who like programming lovely mobile applications.
 
 - Telegram [https://t.me/stephenfang](https://t.me/stephenfang)
 - LinkedIn [https://www.linkedin.com/in/stephen-fang-aa811a32/](https://www.linkedin.com/in/stephen-fang-aa811a32/)
-- Twitter [https://twitter.com/Fangxuanmiao](https://twitter.com/Fangxuanmiao)
+- X [https://x.com/Fangxuanmiao](https://x.com/Fangxuanmiao)
 - GitHub [https://github.com/iamStephenFang](https://github.com/iamStephenFang)
 
 ## 📁 Related Links

src/pages/about.md

@@ -59,9 +59,19 @@ const MonthMap: Record<string, string> = {
                     <sup class="text-xs">{monthGroup.length}</sup>
                   </div>
                   <ul>
-                    {monthGroup.map(({ data, slug }) => (
-                      <Card href={`/posts/${slug}`} frontmatter={data} />
-                    ))}
+                    {monthGroup
+                      .sort(
+                        (a, b) =>
+                          Math.floor(
+                            new Date(b.data.pubDatetime).getTime() / 1000
+                          ) -
+                          Math.floor(
+                            new Date(a.data.pubDatetime).getTime() / 1000
+                          )
+                      )
+                      .map(({ data, slug }) => (
+                        <Card href={`/posts/${slug}`} frontmatter={data} />
+                      ))}
                   </ul>
                 </div>
               ))}