fix(changelog): posts pathname to / route instead of /versions

Author: siduck

changelog/astro.config.mjs

@@ -1,6 +1,6 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
-import { urlToVidTag, rehypeFirstH1Link } from './src/utils';
+import { urlToVidTag } from './src/utils';
 import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
@@ -9,7 +9,6 @@ export default defineConfig({
 
 	markdown: {
 		remarkPlugins: [urlToVidTag],
-		rehypePlugins: [rehypeFirstH1Link],
 	},
 
 	vite: {

changelog/src/components/PostList.astro

@@ -19,7 +19,7 @@ const formatDate = (date: Date) => {
   {posts.map((post) => (
     <li class="grid grid-cols-[150px_1fr] gap-10">
       <div class="flex flex-col items-start">
-        <a href={`${baseurl}/version/${post.id}`} class="sticky top-25 w-full">
+        <a href={`${baseurl}/${post.id}`} class="sticky top-25 w-full">
           <span class="text-sm text-surface-gray-5 flex items-center gap-3">
             <div
               class="bg-surface-gray-5 size-2 rounded shrink-0 relative z-10 ring-4 ring-outline-gray-2"
@@ -33,7 +33,7 @@ const formatDate = (date: Date) => {
       <div class="mb-15 -mt-1 flex flex-col">
         <a
           class="w-fit text-2xl font-semibold relative pb-1 after:absolute after:bottom-0 after:left-0 after:h-[1px] after:w-0 after:bg-current after:transition-all after:duration-300 hover:after:w-full"
-          href={`${baseurl}/version/${post.id}`}
+          href={`${baseurl}/${post.id}`}
         >
           {post.data.title}
         </a>

changelog/src/pages/version/[slug].astro changelog/src/pages/[slug].astrochangelog/src/pages/version/[slug].astro renamed to changelog/src/pages/[slug].astro

@@ -1,4 +1,4 @@
-import { visit, EXIT } from 'unist-util-visit';
+import { visit } from 'unist-util-visit';
 
 export const urlToVidTag = () => (tree) => {
 	visit(tree, 'paragraph', (node, index, parent) => {
@@ -19,34 +19,6 @@ export const urlToVidTag = () => (tree) => {
 	});
 };
 
-export const rehypeFirstH1Link = () => {
-	return (tree, file) => {
-		const id = file.history[0]
-			?.split('/')
-			.pop()
-			?.replace(/\.mdx?$/, '');
-
-		if (!id) return;
-
-		visit(tree, 'element', (node) => {
-			if (node.tagName === 'h2') {
-				node.children = [
-					{
-						type: 'element',
-						tagName: 'a',
-						properties: {
-							href: `/releases/version/${id}`,
-							class: 'no-underline font-semibold',
-						},
-						children: node.children,
-					},
-				];
-				return EXIT;
-			}
-		});
-	};
-};
-
 export const getFileFromRoute = (str: string) => {
 	const filename = str?.split('/')?.pop()?.replace('.md', '');
 	return filename?.replace('_', '.');