astro-pure 1.2.2 → 1.2.3

package/README.md

@@ -1,12 +1,11 @@
-# Astro Theme Pure
-
-[![GitHub commit activity](https://img.shields.io/github/commit-activity/t/cworld1/astro-theme-pure?label=commits&style=flat-square)](https://github.com/cworld1/astro-theme-pure/commits)
-[![GitHub stars](https://img.shields.io/github/stars/cworld1/astro-theme-pure?style=flat-square)](https://github.com/cworld1/astro-theme-pure/stargazers)
-[![vercel status](https://img.shields.io/website?down_message=offline&label=vercel&logo=vercel&style=flat-square&up_message=online&url=https%3A%2F%2Fastro-pure.js.org)](#)
-[![GitHub license](https://img.shields.io/github/license/cworld1/astro-theme-pure?style=flat-square)](https://github.com/cworld1/astro-theme-pure/blob/main/LICENSE)
+# Astro Theme Pure (Integration Package)
 
 A simple, fast and powerful blog theme built by Astro.
 
+[![GitHub deployments](https://img.shields.io/github/deployments/cworld1/astro-theme-pure/production?style=flat&logo=vercel&label=vercel)](https://astro-pure.js.org/)
+[![NPM Version](https://img.shields.io/npm/v/astro-pure?style=flat)](https://www.npmjs.com/package/astro-pure)
+[![GitHub License](https://img.shields.io/github/license/cworld1/astro-theme-pure?style=flat)](https://github.com/cworld1/astro-theme-pure/blob/main/LICENSE)
+
 ![img](https://github.com/user-attachments/assets/6c42b061-df7e-4696-a29b-bff07fe17d88)
 
 ## Usage

package/components/advanced/Comment.astro

@@ -1,6 +1,8 @@
 ---
 import config from 'virtual:config'
 
+import '@waline/client/style'
+
 import { cn } from '../../utils'
 
 const { class: className } = Astro.props
@@ -21,8 +23,6 @@ const { class: className } = Astro.props
   import type { WalineEmojiPresets } from '@waline/client'
   import config from 'virtual:config'
 
-  import '@waline/client/style'
-
   const walineConfig = config.integ.waline
 
   class Comment extends HTMLElement {

package/components/advanced/GithubCard.astro

@@ -1,4 +1,6 @@
 ---
+import { Icon } from '../user'
+
 const { repo: repoRaw } = Astro.props
 
 // Remove 'https://github.com/' headings from the repo string
@@ -21,26 +23,30 @@ const [owner, repoName] = repo.split('/')
         <span class='text-lg font-bold transition-colors'>{repoName}</span>
       </div>
       <div class='rounded-full bg-primary-foreground p-1'>
-        <svg class='size-6'>
-          <use href='/icons/social.svg#mingcute-github-line'></use>
-        </svg>
+        <Icon name='github' />
       </div>
     </div>
     <p id='gh-description' class='gh-text'>Waiting for api.github.com...</p>
     <div class='flex items-center justify-between'>
       <div class='gh-text flex flex-wrap items-center gap-x-5'>
         <div class='flex items-center gap-x-2'>
-          <svg class='size-5'><use href='/icons/github-card.svg#mingcute-star-line'></use></svg>
+          {/* mingcute:star-line */}
+          <!-- prettier-ignore -->
+          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M10.92 2.868a1.25 1.25 0 0 1 2.16 0l2.795 4.798l5.428 1.176a1.25 1.25 0 0 1 .667 2.054l-3.7 4.141l.56 5.525a1.25 1.25 0 0 1-1.748 1.27L12 19.592l-5.082 2.24a1.25 1.25 0 0 1-1.748-1.27l.56-5.525l-3.7-4.14a1.25 1.25 0 0 1 .667-2.055l5.428-1.176zM12 4.987L9.687 8.959a1.25 1.25 0 0 1-.816.592l-4.492.973l3.062 3.427c.234.262.347.61.312.959l-.463 4.573l4.206-1.854a1.25 1.25 0 0 1 1.008 0l4.206 1.854l-.463-4.573a1.25 1.25 0 0 1 .311-.959l3.063-3.427l-4.492-.973a1.25 1.25 0 0 1-.816-.592z"/></g></svg>
           <span id='gh-stars' class='leading-tight'>???</span>
         </div>
+
         <div class='flex items-center gap-x-2'>
-          <svg class='size-5'
-            ><use href='/icons/github-card.svg#mingcute-git-branch-line'></use></svg
-          >
+          {/* mingcute:git-branch-line */}
+          <!-- prettier-ignore -->
+          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M18 3a3 3 0 0 1 1 5.83V9a4 4 0 0 1-4 4H9a2 2 0 0 0-2 2v.17a3.001 3.001 0 1 1-2 0V8.83a3.001 3.001 0 1 1 2 0v2.705A4 4 0 0 1 9 11h6a2 2 0 0 0 2-2v-.17A3.001 3.001 0 0 1 18 3M6 17a1 1 0 1 0 0 2a1 1 0 0 0 0-2M6 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2m12 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/></g></svg>
           <span id='gh-forks' class='leading-tight'>???</span>
         </div>
+
         <div class='flex items-center gap-x-2'>
-          <svg class='size-5'><use href='/icons/github-card.svg#mingcute-balance-line'></use></svg>
+          {/* mingcute:balance-line */}
+          <!-- prettier-ignore -->
+          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M12 3a1 1 0 0 1 1 1v1h.764a2 2 0 0 1 .894.211L16.236 6H20a1 1 0 1 1 0 2h-.382l2.276 4.553c.07.139.106.292.106.447a4 4 0 0 1-8 0c0-.155.036-.308.106-.447L16.382 8h-.146a2 2 0 0 1-.894-.211L13.764 7H13v12h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3V7h-.764l-1.578.789A2 2 0 0 1 7.764 8h-.146l2.276 4.553A1 1 0 0 1 10 13a4 4 0 0 1-8 0a1 1 0 0 1 .106-.447L4.382 8H4a1 1 0 0 1 0-2h3.764l1.578-.789A2 2 0 0 1 10.236 5H11V4a1 1 0 0 1 1-1M6 9.236l-1.989 3.977a2 2 0 0 0 3.978 0zm12 0l-1.989 3.977a2 2 0 0 0 3.955.157l.023-.156z"/></g></svg>
           <span id='gh-license' class='leading-tight'>???</span>
         </div>
       </div>

package/components/basic/Footer.astro

@@ -63,7 +63,7 @@ social.rss = {
                 href={url}
                 aria-label={label}
               >
-                <Icon class='size-6' name={platform as keyof typeof footerConf.social} />
+                <Icon name={platform as keyof typeof footerConf.social} />
               </a>
             ))
         }

package/components/basic/ThemeProvider.astro

@@ -20,6 +20,7 @@
 </script>
 
 <script>
+  import { Icons } from '../../libs/icons'
   import { listenThemeChange } from '../../utils'
 
   // Listen for theme change event
@@ -30,7 +31,7 @@
     const toast = document.createElement('div')
     toast.className =
       'animate fixed bottom-8 z-20 px-4 py-2 bg-muted text-foreground rounded-lg border border-border shadow-lg flex items-center gap-2'
-    toast.innerHTML = `<svg class='size-6'><use href='/icons/ui.svg#mingcute-information-line' /></svg> <span>${message}</span>`
+    toast.innerHTML = `<svg width='22' height='22' viewBox='0 0 24 24' fill='currentColor'>${Icons.info}</svg> <span>${message}</span>`
     document.body.appendChild(toast)
     setTimeout(() => {
       toast.remove()

package/components/pages/ArticleBottom.astro

@@ -38,7 +38,6 @@ const next = collections[index + 1]
             stroke-linejoin='round'
             class='shrink-0 rotate-180 stroke-muted-foreground transition-colors group-hover:stroke-primary'
           >
-            {' '}
             <line
               x1='5'
               y1='12'

package/components/pages/BackToTop.astro

@@ -1,4 +1,6 @@
 ---
+import { Icon } from '../user'
+
 const { header: headerName, content: contentName, needPercent = true } = Astro.props
 ---
 
@@ -14,11 +16,10 @@ const { header: headerName, content: contentName, needPercent = true } = Astro.p
     <span class='text'>10</span>
     <span class='text-xs'>%</span>
   </div>
-  <svg
-    class='size-6 opacity-0 transition-opacity group-hover:opacity-100 group-[.ended]:opacity-100'
-  >
-    <use href='/icons/ui.svg#mingcute-up-line'></use>
-  </svg>
+  <Icon
+    name='up'
+    class='opacity-0 transition-opacity group-hover:opacity-100 group-[.ended]:opacity-100'
+  />
 </button>
 
 <script is:inline define:vars={{ headerName, contentName, needPercent }}>

package/components/pages/Copyright.astro

@@ -90,13 +90,13 @@ const shares = {
       </button>
       {
         config.content.share.map((share) => (
-          <a href={shares[share].link} target='_blank'>
-            <button
-              id={`share-${share}`}
-              class='group rounded-full bg-muted p-1 text-muted-foreground transition-colors hover:text-primary sm:p-1.5'
-            >
-              <Icon class='size-5' name={share} />
-            </button>
+          <a
+            href={shares[share].link}
+            target='_blank'
+            id={`share-${share}`}
+            class='group rounded-full bg-muted p-1 text-muted-foreground transition-colors hover:text-primary sm:p-1.5'
+          >
+            <Icon class='size-5' name={share} />
           </a>
         ))
       }

package/components/pages/PFSearch.astro

@@ -0,0 +1,70 @@
+---
+import '@pagefind/default-ui/css/ui.css'
+---
+
+<site-search>
+  <aside class='form my-4'>
+    {
+      import.meta.env.DEV ? (
+        <div class='w-full rounded-xl border-2 bg-transparent px-4 py-2 pe-3 outline-none focus:border-foreground'>
+          You are in Dev mode, the search is disabled.
+        </div>
+      ) : (
+        <div id='site-search' />
+      )
+    }
+  </aside>
+</site-search>
+
+<script>
+  class SiteSearch extends HTMLElement {
+    constructor() {
+      super()
+
+      // const shouldStrip = this.dataset.stripTrailingSlash !== undefined
+      // const stripTrailingSlash = (path: string) => path.replace(/(.)\/(#.*)?$/, '$1$2')
+      // const formatURL = shouldStrip ? stripTrailingSlash : (path: string) => path
+      const formatURL = (path: string) => path.replace(/(.)\/(#.*)?$/, '$1$2')
+
+      window.addEventListener('DOMContentLoaded', () => {
+        // if (import.meta.env.DEV) return
+        const onIdle = window.requestIdleCallback || ((cb) => setTimeout(cb, 1))
+        onIdle(async () => {
+          // @ts-expect-error — Missing types for @pagefind/default-ui package.
+          const { PagefindUI } = await import('@pagefind/default-ui')
+          new PagefindUI({
+            element: '#site-search',
+            baseUrl: import.meta.env.BASE_URL,
+            bundlePath: import.meta.env.BASE_URL.replace(/\/$/, '') + '/pagefind/',
+            showImages: false,
+            showSubResults: true,
+            processResult: (result: { url: string; sub_results: Array<{ url: string }> }) => {
+              result.url = formatURL(result.url)
+              result.sub_results = result.sub_results.map((sub_result) => {
+                sub_result.url = formatURL(sub_result.url)
+                return sub_result
+              })
+            }
+          })
+        })
+      })
+    }
+  }
+  customElements.define('site-search', SiteSearch)
+</script>
+
+<style>
+  #site-search {
+    --pagefind-ui-scale: 0.8;
+    --pagefind-ui-primary: hsl(var(--primary) / var(--tw-bg-opacity, 1));
+    --pagefind-ui-text: hsl(var(--foreground) / var(--tw-text-opacity, 1));
+    --pagefind-ui-background: hsl(var(--muted) / var(--tw-bg-opacity, 1));
+    --pagefind-ui-border: hsl(var(--border) / var(--tw-border-opacity, 1));
+    --pagefind-ui-tag: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
+    --pagefind-ui-border-width: 2px;
+    --pagefind-ui-border-radius: calc(var(--radius) + 2px);
+    --pagefind-ui-image-border-radius: calc(var(--radius) + 2px);
+    --pagefind-ui-image-box-ratio: 3 / 2;
+    --pagefind-ui-font: sans-serif;
+  }
+</style>

package/components/pages/PostPreview.astro

@@ -17,7 +17,6 @@ const { as: Tag = 'div', post, detailed = false, class: className } = Astro.prop
 const { id, data } = post
 
 const { remarkPluginFrontmatter } = await render(post)
-
 const postDate = data.updatedDate ?? data.publishDate
 ---
 

package/components/pages/index.ts

@@ -7,3 +7,4 @@ export { default as Paginator } from './Paginator.astro'
 export { default as PostPreview } from './PostPreview.astro'
 export { default as TOC } from './TOC.astro'
 export { default as TOCHeading } from './TOCHeading.astro'
+export { default as PFSearch } from './PFSearch.astro'

package/components/user/Aside.astro

@@ -3,13 +3,14 @@
 import { AstroError } from 'astro/errors'
 
 import { cn } from '../../utils'
+import Icon from './Icon.astro'
 
 const asideVariants = ['note', 'tip', 'caution', 'danger'] as const
 const icons = {
-  note: 'ui.svg#mingcute-information-line',
-  tip: 'aside.svg#mingcute-bulb-line',
-  caution: 'aside.svg#mingcute-alert-line',
-  danger: 'aside.svg#mingcute-alert-octagon-line'
+  note: 'info',
+  tip: 'bulb',
+  caution: 'alert',
+  danger: 'octangon'
 } as const
 
 interface Props {
@@ -37,9 +38,7 @@ if (!title) {
     class={cn('aside-container border-l-8 border-primary px-4 py-3 bg-primary', `aside-${type}`)}
   >
     <p class='not-prose flex items-center gap-x-2 font-medium text-primary' aria-hidden='true'>
-      <svg class='size-6 text-primary'>
-        <use href={`/icons/${icons[type]}`}></use>
-      </svg>
+      <Icon name={icons[type]} />
       {title}
     </p>
     <div class='aside-content mt-2'>

package/components/user/Icon.astro

@@ -16,8 +16,8 @@ const a11yAttrs = label ? ({ 'aria-label': label } as const) : ({ 'aria-hidden':
 <svg
   {...a11yAttrs}
   class={className}
-  width='16'
-  height='16'
+  width='22'
+  height='22'
   viewBox='0 0 24 24'
   fill='currentColor'
   set:html={Icons[name]}
@@ -28,7 +28,7 @@ const a11yAttrs = label ? ({ 'aria-label': label } as const) : ({ 'aria-hidden':
   svg {
     color: var(--sl-icon-color);
     font-size: var(--sl-icon-size, 1em);
-    width: 1em;
-    height: 1em;
+    width: 1.5em;
+    height: 1.5em;
   }
 </style>

package/components/user/MdxRepl.astro

@@ -0,0 +1,48 @@
+---
+interface Props {
+  width?: string
+}
+
+const { width } = Astro.props
+---
+
+<div class='mdx-repl overflow-hidden rounded-xl border'>
+  <div class='mdx-repl-container flex flex-col items-center justify-center p-4'>
+    <slot />
+  </div>
+  <div class='bg-muted'>
+    <slot name='desc' />
+  </div>
+</div>
+
+<style define:vars={{ width }}>
+  .mdx-repl {
+    background: linear-gradient(
+      135deg,
+      hsl(var(--primary) / 0.05) 0%,
+      hsl(var(--muted) / 0.2) 100%
+    );
+  }
+
+  /* Container */
+  .mdx-repl-container > :global(*) {
+    width: var(--width);
+  }
+  .mdx-repl-container > :global(*):first-child {
+    margin-top: 0;
+  }
+  .mdx-repl-container > :global(*):last-child {
+    margin-bottom: 0;
+  }
+
+  /* Desc especial adaption */
+  /* Code */
+  .mdx-repl :global(.astro-code) {
+    margin: 0;
+    border-radius: 0;
+  }
+  /* Tabs */
+  .mdx-repl :global(div[role='tabpanel']) {
+    margin-top: 0;
+  }
+</style>

package/components/user/Svg.astro

@@ -0,0 +1,41 @@
+---
+// https://github.com/jasikpark/astro-svg-loader/blob/main/src/components/Svg/Svg.astro
+import { overrideSvgAttributes, type SVGAttributes } from '../../plugins/override-svg-attributes'
+
+// accepts SVG attributes which will override the ones in the original SVG
+export interface Props extends SVGAttributes {
+  /**  pass an `import("*.svg?raw")` to `Svg` for the svg file to use */
+  src: Promise<typeof import('*.svg?raw')>
+}
+
+const { src, ...attributeOverrides } = Astro.props as Props
+
+const SVG_NOT_FOUND = 'Could not find an SVG at the provided `src`'
+const ALT_NOT_ALLOWED =
+  '`alt` is not a valid prop for svg, perhaps you mean `aria-label` or `aria-hidden`?'
+
+const svgImport = await src
+
+if (!svgImport) {
+  throw new Error(SVG_NOT_FOUND)
+}
+
+const svgSource = svgImport.default
+
+if (!svgSource) {
+  throw new Error(SVG_NOT_FOUND)
+}
+
+if ('alt' in attributeOverrides) {
+  throw new Error(ALT_NOT_ALLOWED)
+}
+
+if (!svgSource.trimStart().toLowerCase().startsWith('<svg')) {
+  throw new Error(`${SVG_NOT_FOUND}, provided: ${svgSource.slice(0, 23)}
+  maybe you need to add '?raw' to the end of the import?`)
+}
+
+const contents = overrideSvgAttributes(svgSource, attributeOverrides)
+---
+
+<Fragment set:html={contents} />

package/components/user/index.ts

@@ -1,9 +1,10 @@
-// Caontainer
+// Container
 export { default as Card } from './Card.astro'
 export { default as Collapse } from './Collapse.astro'
 export { default as Aside } from './Aside.astro'
 export { default as Tabs } from './Tabs.astro'
 export { default as TabItem } from './TabItem.astro'
+export { default as MdxRepl } from './MdxRepl.astro'
 
 // List
 export { default as CardList } from './CardList.astro'
@@ -15,6 +16,7 @@ export { default as Button } from './Button.astro'
 export { default as Spoiler } from './Spoiler.astro'
 export { default as FormattedDate } from './FormattedDate.astro'
 export { default as Label } from './Label.astro'
+export { default as Svg } from './Svg.astro'
 
 // Sources
 export { default as Icon } from './Icon.astro'

package/index.ts

@@ -9,7 +9,7 @@ import sitemap from '@astrojs/sitemap'
 import tailwind from '@astrojs/tailwind'
 import rehypeExternalLinks from 'rehype-external-links'
 
-import { remarkAddZoomable } from './plugins/remark-plugins'
+import { remarkAddZoomable, remarkReadingTime } from './plugins/remark-plugins'
 import { vitePluginUserConfig } from './plugins/virtual-user-config'
 import { UserConfigSchema, type UserInputConfig } from './types/user-config'
 import { parseWithFriendlyErrors } from './utils/error-map'
@@ -44,6 +44,7 @@ export default function AstroPureIntegration(opts: UserInputConfig): AstroIntegr
         // Add supported remark plugins based on user config.
         if (userConfig.integ.mediumZoom.enable)
           remarkPlugins.push([remarkAddZoomable, userConfig.integ.mediumZoom.options])
+        remarkPlugins.push(remarkReadingTime)
 
         // Add supported rehype plugins based on user config.
         rehypePlugins.push([

package/libs/icons.ts

@@ -40,6 +40,18 @@ export const BuiltInIcons = {
   // tabler:brand-steam
   steam:
     '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16.5 5a4.5 4.5 0 1 1-.653 8.953L11.5 16.962V17a3 3 0 0 1-2.824 3H8.5a3 3 0 0 1-2.94-2.402L3 16.5V13l3.51 1.755a2.99 2.99 0 0 1 2.834-.635l2.727-3.818A4.5 4.5 0 0 1 16.5 5"/><circle cx="16.5" cy="9.5" r="1" fill="currentColor"/></g>',
+  // ri:bilibili-line
+  bilibili:
+    '<path fill="currentColor" d="M7.172 2.757L10.414 6h3.171l3.243-3.242a1 1 0 1 1 1.415 1.415L16.414 6H18.5A3.5 3.5 0 0 1 22 9.5v8a3.5 3.5 0 0 1-3.5 3.5h-13A3.5 3.5 0 0 1 2 17.5v-8A3.5 3.5 0 0 1 5.5 6h2.085L5.757 4.171a1 1 0 0 1 1.415-1.415M18.5 8h-13a1.5 1.5 0 0 0-1.493 1.356L4 9.5v8a1.5 1.5 0 0 0 1.356 1.493L5.5 19h13a1.5 1.5 0 0 0 1.493-1.355L20 17.5v-8A1.5 1.5 0 0 0 18.5 8M8 11a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1"/>',
+  // ri:zhihu-line
+  zhihu:
+    '<path fill="currentColor" d="m12.345 17.963l-1.688 1.074l-2.132-3.35c-.44 1.402-1.171 2.665-2.138 3.825c-.402.483-.82.918-1.301 1.376c-.155.146-.775.716-.878.82l-1.414-1.415c.139-.139.787-.735.914-.856c.43-.408.796-.79 1.143-1.205C6.117 16.712 6.88 15.02 6.988 13H3v-2h4V7h-.868c-.689 1.266-1.558 2.222-2.618 2.858L2.486 8.143c1.396-.838 2.426-2.603 3.039-5.36l1.952.434q-.21.95-.489 1.783h4.513v2H9v4h2.5v2H9.186zm3.838-.07L17.3 17h1.702V7h-4v10h.736zM13.001 5h8v14h-3l-2.5 2l-1-2H13z"/>',
+  // iconfont:coolapk
+  coolapk:
+    '<path transform="scale(0.031, 0.031) translate(-120, -100)" d="M315.2 343.093c53.547-12.8 111.52-1.92 158.72 25.76 34.987 21.12 65.44 48.64 97.493 73.707-17.706 12-35.253 24.16-53.173 35.84-32.747-24.693-62.933-54.88-102.56-68.48-36.373-12.533-78.827-14.4-113.387 4.64-35.413 18.773-59.733 57.333-59.68 97.653-1.066 40.48 22.667 79.734 57.76 99.414 37.814 21.76 86.08 18.88 124.534 0.32 47.626-23.307 80.32-67.147 109.653-109.814 31.52-48.96 59.573-100.053 90.293-149.493 6.72-12.533 22.507-19.253 36-14.133 12.534 4 17.92 16.96 23.894 27.466 47.466 85.6 95.52 170.827 143.573 256.054 7.52 13.653 18.507 27.84 13.867 44.48-3.52 20.533-30.827 27.573-46.4 16-66.24-49.067-132.8-97.814-198.934-147.147 16.374-13.707 34.934-24.533 52.374-36.8 22.933 17.013 45.866 34.08 68.906 50.933-22.026-40.853-45.6-80.8-67.893-121.493-42.613 66.08-77.387 138.773-135.04 193.653-41.387 41.12-98.453 69.227-157.813 65.974-92.054 4.213-175.414-78.774-174.614-170.347-3.84-79.68 55.04-156 132.427-174.187z" fill="currentColor"></path>',
+  // ri:netease-cloud-music-line
+  netease:
+    '<path fill="currentColor" d="M10.422 11.375c-.294 1.028.012 2.065.784 2.653c1.061.81 2.565.3 2.874-.995c.08-.337.103-.722.027-1.056c-.23-1.001-.521-1.988-.792-2.996c-1.33.154-2.543 1.172-2.893 2.394m5.548-.287c.273 1.012.285 2.017-.127 3c-1.128 2.69-4.722 3.14-6.573.826c-1.302-1.627-1.28-3.961.06-5.734c.78-1.032 1.804-1.707 3.048-2.054l.379-.104c-.084-.415-.188-.816-.243-1.224c-.176-1.317.512-2.503 1.744-3.04c1.226-.535 2.708-.216 3.53.76c.406.479.395 1.08-.025 1.464c-.412.377-.997.346-1.435-.09c-.247-.246-.51-.44-.877-.436c-.525.006-.987.418-.945.937c.037.468.172.93.3 1.386c.022.078.216.135.338.153c1.333.197 2.504.731 3.472 1.676c2.558 2.493 2.861 6.531.672 9.44c-1.529 2.032-3.61 3.169-6.127 3.409c-4.621.44-8.664-2.53-9.7-7.058C2.516 10.255 4.84 5.831 8.796 4.25c.586-.234 1.143-.031 1.371.498c.232.537-.019 1.086-.61 1.35c-2.368 1.06-3.817 2.855-4.215 5.424c-.533 3.433 1.656 6.776 5 7.72c2.723.77 5.658-.166 7.308-2.33c1.586-2.08 1.4-5.099-.427-6.873A4 4 0 0 0 15.4 9.026c.198.716.389 1.388.57 2.062"/>',
 
   // === Copyright & share & sponsor ===
   // mingcute:link-2-line
@@ -84,6 +96,13 @@ export const BuiltInIcons = {
   // mingcute:hashtag-line
   hashtag:
     '<g fill="none" fill-rule="evenodd"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M10.124 3.008a1 1 0 0 1 .868 1.116L10.508 8h3.984l.516-4.124a1 1 0 1 1 1.984.248L16.508 8H20a1 1 0 1 1 0 2h-3.742l-.5 4H19.5a1 1 0 1 1 0 2h-3.992l-.516 4.124a1 1 0 1 1-1.984-.248L13.492 16H9.508l-.516 4.124a1 1 0 1 1-1.984-.248L7.492 16H4.5a1 1 0 1 1 0-2h3.242l.5-4H5a1 1 0 0 1 0-2h3.492l.516-4.124a1 1 0 0 1 1.116-.868M13.742 14l.5-4h-3.984l-.5 4z"/></g>',
+  // mingcute:information-line
+  info: '<g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m-.01 6c.558 0 1.01.452 1.01 1.01v5.124A1 1 0 0 1 12.5 18h-.49A1.01 1.01 0 0 1 11 16.99V12a1 1 0 1 1 0-2zM12 7a1 1 0 1 1 0 2a1 1 0 0 1 0-2"/></g>',
+  // mingcute:up-line
+  up: '<g fill="none" fill-rule="evenodd"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M11.293 8.293a1 1 0 0 1 1.414 0l5.657 5.657a1 1 0 0 1-1.414 1.414L12 10.414l-4.95 4.95a1 1 0 0 1-1.414-1.414z"/></g>',
+  // mingcute:tag-2-line
+  'tag-2':
+    '<g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M10.238 4.827a3 3 0 0 1 2.122.878l6.485 6.486a3 3 0 0 1 0 4.242l-4.243 4.243a3 3 0 0 1-4.242 0l-6.486-6.485a3 3 0 0 1-.878-2.122V7.327a2.5 2.5 0 0 1 2.5-2.5zm0 2H5.496a.5.5 0 0 0-.5.5v4.742a1 1 0 0 0 .292.707l6.486 6.486a1 1 0 0 0 1.414 0l4.243-4.243a1 1 0 0 0 0-1.414L10.945 7.12a1 1 0 0 0-.707-.293M7.531 9.362a1.5 1.5 0 1 1 2.121 2.122a1.5 1.5 0 0 1-2.121-2.122M11.652 2a3 3 0 0 1 2.122.878l7.192 7.193a1 1 0 0 1-1.414 1.414L12.36 4.29a1 1 0 0 0-.708-.29H7a1 1 0 0 1 0-2z"/></g>',
 
   // === Project ===
   'github-circle':
@@ -98,7 +117,17 @@ export const BuiltInIcons = {
   // === Home ===
   // mingcute:location-line
   location:
-    '<g fill="none" fill-rule="evenodd"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M12 2a9 9 0 0 1 9 9c0 3.074-1.676 5.59-3.442 7.395a20.4 20.4 0 0 1-2.876 2.416l-.426.29l-.2.133l-.377.24l-.336.205l-.416.242a1.87 1.87 0 0 1-1.854 0l-.416-.242l-.52-.32l-.192-.125l-.41-.273a20.6 20.6 0 0 1-3.093-2.566C4.676 16.589 3 14.074 3 11a9 9 0 0 1 9-9m0 2a7 7 0 0 0-7 7c0 2.322 1.272 4.36 2.871 5.996a18 18 0 0 0 2.222 1.91l.458.326q.222.155.427.288l.39.25l.343.209l.289.169l.455-.269l.367-.23q.293-.186.627-.417l.458-.326a18 18 0 0 0 2.222-1.91C17.728 15.361 19 13.322 19 11a7 7 0 0 0-7-7m0 3a4 4 0 1 1 0 8a4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></g>'
+    '<g fill="none" fill-rule="evenodd"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M12 2a9 9 0 0 1 9 9c0 3.074-1.676 5.59-3.442 7.395a20.4 20.4 0 0 1-2.876 2.416l-.426.29l-.2.133l-.377.24l-.336.205l-.416.242a1.87 1.87 0 0 1-1.854 0l-.416-.242l-.52-.32l-.192-.125l-.41-.273a20.6 20.6 0 0 1-3.093-2.566C4.676 16.589 3 14.074 3 11a9 9 0 0 1 9-9m0 2a7 7 0 0 0-7 7c0 2.322 1.272 4.36 2.871 5.996a18 18 0 0 0 2.222 1.91l.458.326q.222.155.427.288l.39.25l.343.209l.289.169l.455-.269l.367-.23q.293-.186.627-.417l.458-.326a18 18 0 0 0 2.222-1.91C17.728 15.361 19 13.322 19 11a7 7 0 0 0-7-7m0 3a4 4 0 1 1 0 8a4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></g>',
+
+  // === Aside ===
+  // mingcute:bulb-line
+  bulb: '<g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M13 20a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zM12 2c4.41 0 8 3.543 8 7.933c0 3.006-1.522 5.196-2.78 6.494l-.284.283l-.27.252l-.252.22l-.33.27l-.328.244c-.196.138-.34.329-.466.535l-.145.251l-.141.252c-.24.412-.518.766-1.111.766h-3.786c-.593 0-.871-.354-1.11-.766l-.213-.378c-.145-.253-.305-.494-.54-.66l-.232-.171l-.199-.155l-.227-.188l-.252-.22l-.27-.252l-.285-.283C5.522 15.129 4 12.939 4 9.933C4 5.543 7.59 2 12 2m0 2C8.677 4 6 6.665 6 9.933c0 2.624 1.533 4.494 2.593 5.471l.245.218l.22.182l.27.208l.072.052c.315.222.549.531.762.854l.373.582h2.93l.373-.582c.213-.323.447-.632.762-.854l.243-.182l.206-.165l.233-.2C16.342 14.576 18 12.662 18 9.933C18 6.665 15.323 4 12 4m.293 2.293a1 1 0 0 1 1.497 1.32l-.083.094L12.414 9l1.286 1.286c.364.364.392.937.084 1.333l-.084.095l-1.993 1.993a1 1 0 0 1-1.497-1.32l.083-.094L11.586 11L10.3 9.714a1.01 1.01 0 0 1-.084-1.333l.084-.095z"/></g>',
+  // mingcute:alert-line
+  alert:
+    '<g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="m13.299 3.148l8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0M12 4.898L4.232 18.352h15.536zM12 15a1 1 0 1 1 0 2a1 1 0 0 1 0-2m0-7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1"/></g>',
+  // mingcute:alert-octagon-line
+  octangon:
+    '<g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M15.314 2a2 2 0 0 1 1.414.586l4.686 4.686A2 2 0 0 1 22 8.686v6.628a2 2 0 0 1-.586 1.414l-4.686 4.686a2 2 0 0 1-1.414.586H8.686a2 2 0 0 1-1.414-.586l-4.686-4.686A2 2 0 0 1 2 15.314V8.686a2 2 0 0 1 .586-1.414l4.686-4.686A2 2 0 0 1 8.686 2zm0 2H8.686L4 8.686v6.628L8.686 20h6.628L20 15.314V8.686zM12 15a1 1 0 1 1 0 2a1 1 0 0 1 0-2m0-9a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1"/></g>'
 }
 
 export const Icons = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-pure",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "A simple, clean but powerful blog theme build by astro.",
   "type": "module",
   "author": "CWorld",
@@ -35,10 +35,13 @@
     "./libs": "./libs/index.ts"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.0.1",
+    "@astrojs/mdx": "^4.0.3",
     "@astrojs/sitemap": "^3.2.1",
     "@astrojs/tailwind": "^5.1.3",
+    "@pagefind/default-ui": "^1.3.0",
     "astro": "^5.0.3",
+    "hast-util-select": "^6.0.3",
+    "node-html-parser": "^7.0.1",
     "pagefind": "^1.2.0",
     "rehype-external-links": "^3.0.0",
     "tailwind-merge": "^2.5.5"

package/plugins/override-svg-attributes.ts

@@ -0,0 +1,41 @@
+/// <reference types="astro/astro-jsx" />
+
+import { parse, render, type DocumentNode, type Node } from 'ultrahtml'
+
+export type SVGAttributes = Omit<
+  astroHTML.JSX.SVGAttributes,
+  'client:list' | 'set:text' | 'set:html' | 'is:raw'
+>
+
+const EMPTY_STRING_ERR = '`svgSource` must have content'
+const MUST_START_WITH_SVG = '`svgSource` must begin with `<svg`'
+
+export async function overrideSvgAttributes(
+  svgSource: string,
+  attributeOverrides: SVGAttributes = {}
+): Promise<string> {
+  if (!svgSource) {
+    throw new Error(EMPTY_STRING_ERR)
+  }
+  if (!svgSource.trimStart().toLowerCase().startsWith('<svg')) {
+    throw new Error(MUST_START_WITH_SVG)
+  }
+
+  const doc = parse(svgSource) as DocumentNode
+
+  const firstSVGNode = doc.children.find(({ type, name }: Node) => type === 1 && /svg/i.test(name))
+
+  const mergedAttributes = Object.fromEntries(
+    Object.entries({
+      ...firstSVGNode.attributes,
+      ...attributeOverrides
+    }).filter(([, value]) => !!value)
+  )
+
+  const updatedSVG = {
+    ...firstSVGNode,
+    attributes: mergedAttributes
+  }
+
+  return render(updatedSVG)
+}

package/plugins/remark-plugins.ts

@@ -2,6 +2,10 @@ import type { Node, Root } from 'mdast'
 import type { Plugin } from 'unified'
 import { visit } from 'unist-util-visit'
 
+// Cannot use '../utils' for plugin absolute path
+import mdastToString from '../utils/mdast-util-to-string'
+import getReadingTime from '../utils/reading-time'
+
 export const remarkAddZoomable: Plugin<[{ className?: string }], Root> = function ({
   className = 'zoomable'
 }) {
@@ -11,3 +15,16 @@ export const remarkAddZoomable: Plugin<[{ className?: string }], Root> = functio
     })
   }
 }
+
+export const remarkReadingTime: Plugin<[], Root> = function () {
+  return function (tree, { data }) {
+    const textOnPage = mdastToString(tree)
+    const readingTime = getReadingTime(textOnPage)
+    // readingTime.text will give us minutes read as a friendly string,
+    // i.e. "3 min read"
+    if (data.astro && data.astro.frontmatter) {
+      data.astro.frontmatter.minutesRead = readingTime.text
+      data.astro.frontmatter.words = readingTime.words
+    }
+  }
+}

package/schemas/social.ts

@@ -1,20 +1,6 @@
 import { z } from 'astro/zod'
 
-export const socialLinks = [
-  'github',
-  'gitlab',
-  'discord',
-  'youtube',
-  'instagram',
-  'x',
-  'telegram',
-  'rss',
-  'email',
-  'reddit',
-  'bluesky',
-  'tiktok',
-  'steam'
-] as const
+import { socialLinks } from '../types/constants'
 
 export const SocialLinksSchema = () =>
   z
@@ -42,7 +28,12 @@ export const SocialLinksSchema = () =>
           reddit: 'Reddit',
           bluesky: 'BlueSky',
           tiktok: 'TikTok',
-          steam: 'Steam'
+          weibo: 'Weibo',
+          steam: 'Steam',
+          bilibili: 'Bilibili',
+          zhihu: 'Zhihu',
+          coolapk: 'Coolapk',
+          netease: 'NetEase'
         }[key]
         labelledLinks[key] = { label, url }
       }

package/scripts/index.js

@@ -21,9 +21,9 @@ switch (args._[0]) {
     console.log()
     console.log('\x1b[46m%s\x1b[0m', ' Astro Theme Pure ')
     console.log('\nInformation:')
-    console.log(`- Package version: ${packageJson.version}`)
-    console.log(`- Node.js version: ${process.version}`)
-    console.log(`- Platform: ${process.platform}`)
+    console.log(`- Package:\t${packageJson.version}`)
+    console.log(`- Node.js:\t${process.version}`)
+    console.log(`- Platform:\t${process.platform}`)
     break
   case 'help':
     console.log('Usage:')

package/types/constants.ts

@@ -0,0 +1,20 @@
+export const socialLinks = [
+  'github',
+  'gitlab',
+  'discord',
+  'youtube',
+  'instagram',
+  'x',
+  'telegram',
+  'rss',
+  'email',
+  'reddit',
+  'bluesky',
+  'tiktok',
+  'weibo',
+  'steam',
+  'bilibili',
+  'zhihu',
+  'coolapk',
+  'netease'
+] as const

package/types/index.ts

@@ -28,3 +28,5 @@ export type TimelineEvent = {
 }
 
 export type iconsType = keyof typeof Icons
+
+export { socialLinks } from './constants'

package/types/integrations-config.ts

@@ -7,7 +7,7 @@ export const IntegrationConfigSchema = () =>
     links: FriendLinksSchema(),
 
     /**
-     * Define whether Starlight’s default site search provider Pagefind is enabled.
+     * Define whether default site search provider Pagefind is enabled.
      * Set to `false` to disable indexing your site with Pagefind.
      * This will also hide the default search UI if in use.
      */

package/types/theme-config.ts

@@ -117,7 +117,7 @@ export const ThemeConfigSchema = () =>
       menu: HeaderMenuSchema()
     }),
 
-    /** Configure the header of your site. */
+    /** Configure the footer of your site. */
     footer: z.object({
       /** Registration information for ICP (optional) */
       registration: z.object({

package/utils/index.ts

@@ -1,4 +1,9 @@
-// Tailwind
+// Modules
+export { default as clsx } from './clsx'
+export { default as mdastToString } from './mdast-util-to-string'
+export { default as getReadingTime } from './reading-time'
+
+// Tailwind cn
 export { cn } from './tailwind'
 
 // Date

package/utils/mdast-util-to-string.ts

@@ -0,0 +1,36 @@
+type Options = {
+  includeImageAlt?: boolean
+  includeHtml?: boolean
+}
+
+export default function toString(value: unknown, options?: Options): string {
+  const { includeImageAlt = true, includeHtml = true } = options || {}
+  return serialize(value, includeImageAlt, includeHtml)
+}
+
+function serialize(value: unknown, includeImageAlt: boolean, includeHtml: boolean): string {
+  if (isNode(value)) {
+    if ('value' in value) {
+      return value.type === 'html' && !includeHtml ? '' : (value.value as string)
+    }
+    if (includeImageAlt && 'alt' in value && value.alt) {
+      return value.alt as string
+    }
+    if ('children' in value) {
+      return serializeAll(value.children as unknown[], includeImageAlt, includeHtml)
+    }
+  }
+
+  if (Array.isArray(value)) {
+    return serializeAll(value, includeImageAlt, includeHtml)
+  }
+  return ''
+}
+
+function serializeAll(values: unknown[], includeImageAlt: boolean, includeHtml: boolean): string {
+  return values.map((value) => serialize(value, includeImageAlt, includeHtml)).join('')
+}
+
+function isNode(value: unknown): value is Record<string, unknown> {
+  return Boolean(value && typeof value === 'object')
+}

package/utils/reading-time.ts

@@ -0,0 +1,79 @@
+'use strict'
+
+/**
+ * Checks if a character is a CJK character
+ * @param {string} char - The character to check
+ * @returns {boolean} - Returns true if the character is CJK, otherwise false
+ */
+function isCJK(char: string): boolean {
+  const charCode = char.charCodeAt(0)
+  return (
+    (charCode >= 0x4e00 && charCode <= 0x9fff) || // CJK Unified Ideographs
+    (charCode >= 0x3400 && charCode <= 0x4dbf) || // CJK Unified Ideographs Extension A
+    (charCode >= 0x20000 && charCode <= 0x2a6df) || // CJK Unified Ideographs Extension B
+    (charCode >= 0x2a700 && charCode <= 0x2b73f) || // CJK Unified Ideographs Extension C
+    (charCode >= 0x2b740 && charCode <= 0x2b81f) || // CJK Unified Ideographs Extension D
+    (charCode >= 0x2b820 && charCode <= 0x2ceaf) || // CJK Unified Ideographs Extension E
+    (charCode >= 0xf900 && charCode <= 0xfaff) || // CJK Compatibility Ideographs
+    (charCode >= 0x2f800 && charCode <= 0x2fa1f) // CJK Compatibility Ideographs Supplement
+  )
+}
+
+interface ReadingTimeResult {
+  text: string
+  minutes: number
+  time: number
+  words: number
+}
+
+/**
+ * Calculates the reading time of a text
+ * @param {string} text - The text to calculate
+ * @param {number} wordsPerMinute - The number of words read per minute, default is 200
+ * @returns {ReadingTimeResult} - An object containing the reading time
+ */
+export function getReadingTime(text: string, wordsPerMinute: number = 200): ReadingTimeResult {
+  let words = 0
+  const length = text.length
+
+  // Normalize text by adding a space at the end
+  const normalizedText = text + ' '
+
+  for (let i = 0; i < length; i++) {
+    const char = normalizedText[i]
+
+    // If the character is CJK, count it as a word
+    if (isCJK(char)) {
+      words++
+      // Skip subsequent punctuation and whitespace characters
+      while (i < length && (normalizedText[i + 1] === ' ' || isCJK(normalizedText[i + 1]))) {
+        i++
+      }
+    } else if (char === ' ' || char === '\n' || char === '\r') {
+      // Count the end of a word when encountering whitespace characters
+      if (
+        i > 0 &&
+        normalizedText[i - 1] !== ' ' &&
+        normalizedText[i - 1] !== '\n' &&
+        normalizedText[i - 1] !== '\r'
+      ) {
+        words++
+      }
+    }
+  }
+
+  // Calculate reading time
+  const minutes = words / wordsPerMinute
+  const time = Math.round(minutes * 60 * 1000) // Convert to milliseconds
+  const displayed = Math.ceil(minutes)
+
+  return {
+    text: displayed + ' min read',
+    minutes: minutes,
+    time: time,
+    words: words
+  }
+}
+
+// Export module
+export default getReadingTime