chore: upgrade dependencies (#8468)

* Upgrade paths

* Update topic rendering

* Fix file names

* Remove courses file

astro.config.mjs

@@ -55,7 +55,7 @@ export default defineConfig({
       ],
     ],
   },
-  output: 'hybrid',
+  output: 'server',
   adapter: node({
     mode: 'standalone',
   }),

package.json

@@ -31,9 +31,9 @@
     "test:e2e": "playwright test"
   },
   "dependencies": {
-    "@astrojs/node": "^8.3.4",
+    "@astrojs/node": "^9.1.3",
     "@astrojs/react": "^4.2.3",
-    "@astrojs/sitemap": "^3.2.0",
+    "@astrojs/sitemap": "^3.3.0",
     "@fingerprintjs/fingerprintjs": "^4.5.0",
     "@microsoft/clarity": "^1.0.0",
     "@nanostores/react": "^0.8.0",
@@ -44,7 +44,7 @@
     "@tanstack/react-query": "^5.59.16",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "astro": "^4.16.1",
+    "astro": "^5.6.1",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
     "dom-to-image": "^2.6.0",
@@ -93,6 +93,7 @@
     "@types/dom-to-image": "^2.6.7",
     "@types/js-cookie": "^3.0.6",
     "@types/luxon": "^3.4.2",
+    "@types/markdown-it": "^14.1.2",
     "@types/prismjs": "^1.26.4",
     "@types/react-calendar-heatmap": "^1.6.7",
     "@types/react-slick": "^0.23.13",

scripts/rename-content.ts

@@ -0,0 +1,58 @@
+import fs from 'fs';
+import path from 'path';
+
+const roadmapDirs = fs.readdirSync(
+  path.join(__dirname, '..', 'src', 'data', 'roadmaps'),
+);
+
+roadmapDirs.forEach((roadmapDir) => {
+  const roadmapDirPath = path.join(
+    __dirname,
+    '..',
+    'src',
+    'data',
+    'roadmaps',
+    roadmapDir,
+    'content',
+  );
+
+  const roadmapDirContent = fs.readdirSync(roadmapDirPath);
+
+  roadmapDirContent.forEach((content) => {
+    const contentPath = path.join(roadmapDirPath, content);
+    const contentStats = fs.statSync(contentPath);
+
+    const oldName = path.basename(contentPath);
+    const newName = oldName.replace(/^(\d+)-/, '');
+
+    fs.renameSync(contentPath, path.join(roadmapDirPath, newName));
+
+    if (contentStats.isDirectory()) {
+      const contentDirContent = fs.readdirSync(contentPath);
+      
+      contentDirContent.forEach((contentDir) => {
+        const contentDirPath = path.join(contentPath, contentDir);
+        const contentDirStats = fs.statSync(contentDirPath);
+
+        const oldName = path.basename(contentDirPath);
+        const newName = oldName.replace(/^(\d+)-/, '');
+
+        fs.renameSync(contentDirPath, path.join(contentPath, newName));
+
+        if (contentDirStats.isDirectory()) {
+          const contentDirContent = fs.readdirSync(contentDirPath);
+
+          contentDirContent.forEach((contentDir) => {
+            const contentDirPath2 = path.join(contentDirPath, contentDir);
+            const contentDirStats2 = fs.statSync(contentDirPath2);
+
+            const oldName2 = path.basename(contentDirPath2);
+            const newName2 = oldName2.replace(/^(\d+)-/, '');
+
+            fs.renameSync(contentDirPath2, path.join(contentDirPath, newName2));
+          });
+        }
+      });
+    }
+  });
+});

src/components/ExploreAIRoadmap/ExploreAISorting.tsx

@@ -1,4 +1,4 @@
-import { ArrowDownWideNarrow, Check, ChevronDown } from 'lucide-react';
+import { Check, ChevronDown } from 'lucide-react';
 import { useRef, useState } from 'react';
 import { useOutsideClick } from '../../hooks/use-outside-click';
 
@@ -41,7 +41,7 @@ export function ExploreAISorting(props: ExploreAISortingProps) {
       ref={dropdownRef}
     >
       <button
-        className="py-15 flex w-full items-center justify-between gap-2 rounded-md border px-2 text-sm"
+        className="flex w-full items-center justify-between gap-2 rounded-md border px-2 py-15 text-sm"
         onClick={() => setIsOpen(!isOpen)}
       >
         <span>{selectedValue?.label}</span>
@@ -52,7 +52,7 @@ export function ExploreAISorting(props: ExploreAISortingProps) {
       </button>
 
       {isOpen && (
-        <div className="absolute right-0 top-10 z-10 min-w-40 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg">
+        <div className="absolute top-10 right-0 z-10 min-w-40 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg">
           {sortingLabels.map((item) => (
             <button
               key={item.value}