feat: ✨ v3.1.4

Merge pull request #22 from cworld1/v3-1-4

.gitignore

@@ -75,5 +75,5 @@ node_modules/
 .DS_Store
 old_blog
 ignore.*
-/scripts/*.sh
 bunfig.toml
+/src/content/post/test.*

astro.config.mjs

@@ -1,39 +1,37 @@
 // @ts-check
 
-import { defineConfig } from 'astro/config'
-
-// Adapter
-// 1. Vercel (serverless)
-import vercelServerless from '@astrojs/vercel/serverless'
-// 2. Vercel (static)
-// import vercelStatic from '@astrojs/vercel/static';
-// 3. Local (standalone)
-// import node from '@astrojs/node'
-// ---
-
-// Integrations
+import { rehypeHeadingIds } from '@astrojs/markdown-remark'
 import mdx from '@astrojs/mdx'
 import sitemap from '@astrojs/sitemap'
 import tailwind from '@astrojs/tailwind'
+// Adapter
+import vercelServerless from '@astrojs/vercel/serverless'
+// Integrations
 import icon from 'astro-icon'
+import { defineConfig } from 'astro/config'
+// Rehype & remark packages
+import rehypeExternalLinks from 'rehype-external-links'
+import rehypeKatex from 'rehype-katex'
+import remarkMath from 'remark-math'
+
+// Local rehype & remark plugins
+import rehypeAutolinkHeadings from './src/plugins/rehypeAutolinkHeadings.ts'
 // Markdown
 import {
-  remarkReadingTime,
   remarkAddZoomable,
-  remarkGithubCards,
-  remarkArxivCards
+  remarkArxivCards,
+  remarkReadingTime
 } from './src/plugins/remarkPlugins.ts'
-import rehypeExternalLinks from 'rehype-external-links'
-import rehypeKatex from 'rehype-katex'
-import remarkMath from 'remark-math'
-import { siteConfig } from './src/site.config.ts'
+// Shiki
 import {
   addCopyButton,
-  addTitle,
   addLanguage,
-  updateStyle,
-  transformerNotationDiff
+  addTitle,
+  transformerNotationDiff,
+  transformerNotationHighlight,
+  updateStyle
 } from './src/plugins/shikiTransformers.ts'
+import { integrationConfig, siteConfig } from './src/site.config.ts'
 
 // https://astro.build/config
 export default defineConfig({
@@ -80,10 +78,12 @@ export default defineConfig({
   markdown: {
     remarkPlugins: [
       remarkReadingTime,
-      remarkAddZoomable,
       remarkMath,
-      remarkGithubCards,
-      remarkArxivCards
+      remarkArxivCards,
+      // @ts-ignore
+      ...(integrationConfig.mediumZoom.enable
+        ? [[remarkAddZoomable, integrationConfig.mediumZoom.options]] // Wrap in array to ensure it's iterable
+        : [])
     ],
     rehypePlugins: [
       [rehypeKatex, {}],
@@ -94,9 +94,17 @@ export default defineConfig({
           target: '_blank',
           rel: ['nofollow, noopener, noreferrer']
         }
+      ],
+      rehypeHeadingIds,
+      [
+        rehypeAutolinkHeadings,
+        {
+          behavior: 'append',
+          properties: { className: ['anchor'] },
+          content: { type: 'text', value: '#' }
+        }
       ]
     ],
-    // remarkRehype: { },
     // https://docs.astro.build/en/guides/syntax-highlighting/
     shikiConfig: {
       themes: {
@@ -105,6 +113,7 @@ export default defineConfig({
       },
       transformers: [
         transformerNotationDiff(),
+        transformerNotationHighlight(),
         updateStyle(),
         addTitle(),
         addLanguage(),

package.json

@@ -8,6 +8,7 @@
     "build": "astro check && astro build",
     "preview": "astro preview",
     "astro": "astro",
+    "new-post": "node scripts/new-post.js",
     "check": "astro check",
     "format": "prettier --write  '**/*.{js,jsx,ts,tsx,md,mdx,astro}'",
     "lint": "eslint --fix 'src/**/*.{js,ts,jsx,tsx,astro}'",
@@ -23,36 +24,32 @@
     "@astrojs/sitemap": "^3.2.1",
     "@astrojs/tailwind": "^5.1.2",
     "@astrojs/vercel": "^7.8.2",
-    "@waline/client": "^3.3.2",
-    "astro": "^4.16.13",
-    "astro-icon": "^1.1.2",
+    "@waline/client": "^3.4.1",
+    "astro": "^4.16.16",
+    "astro-icon": "^1.1.4",
     "fuse.js": "^7.0.0",
     "hast-util-select": "^6.0.3",
     "katex": "^0.16.11",
     "node-html-parser": "^6.1.13",
     "reading-time": "^1.5.0",
     "rehype-external-links": "^3.0.0",
-    "rehype-katex": "^7.0.0",
+    "rehype-katex": "^7.0.1",
     "remark-math": "^6.0.0",
-    "remark-rehype": "^11.1.0",
     "sharp": "^0.33.5",
-    "tailwind-merge": "^2.5.4",
+    "tailwind-merge": "^2.5.5",
     "tailwindcss": "^3.4.15",
-    "typescript": "^5.7.2",
-    "unist-util-visit": "^5.0.0",
-    "xmldom": "^0.6.0"
+    "typescript": "^5.7.2"
   },
   "devDependencies": {
-    "@eslint/js": "^9.15.0",
+    "@eslint/js": "^9.16.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.0",
     "@playform/compress": "^0.1.6",
     "@tailwindcss/typography": "^0.5.15",
-    "@types/xmldom": "^0.1.34",
-    "eslint": "^9.15.0",
+    "eslint": "^9.16.0",
     "eslint-plugin-astro": "^1.3.1",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.1",
     "prettier-plugin-astro": "^0.14.1",
-    "prettier-plugin-tailwindcss": "^0.6.8",
-    "typescript-eslint": "^8.15.0"
+    "prettier-plugin-tailwindcss": "^0.6.9",
+    "typescript-eslint": "^8.17.0"
   }
 }

prettier.config.mjs

@@ -32,7 +32,8 @@ export default {
     '@ianvs/prettier-plugin-sort-imports'
   ],
   importOrder: [
-    '^(astro/(:*)$)|^(astro$)',
+    '^(astro$)|^(astro/(:*)$)',
+    '^@astrojs/.*$',
     '<THIRD_PARTY_MODULES>',
     '',
     '^@/types/(.*)$',