Merge branch 'main' into sec-fix/cross-site-post-url

_content/events/dsa-graphs-intro-part2.md

@@ -1,5 +1,5 @@
 ---
-title: "Introdução a Grafos - Parte 2 - DSA"
+title: "Introdução a Grafos - Parte 2"
 description: "Segundo encontro do grupo de estudos referente a Introdução a grafos. Uma live sobre estrutura de dados e algorítimos, onde vamos explorar o mundo dos grafos."
 date: "2024-08-09"
 time: "21:00-22:30"

package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@tailwindcss/typography": "^0.5.16",
     "@tippyjs/react": "^4.2.6",
+    "escape-html": "^1.0.3",
     "gray-matter": "^4.0.3",
     "next": "15.1.6",
     "next-themes": "^0.4.4",
@@ -23,6 +24,7 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
+    "@types/escape-html": "^1.0.4",
     "@types/node": "^22",
     "@types/react": "^19",
     "@types/react-dom": "^19",

src/app/topics/[topic]/page.tsx

@@ -1,4 +1,5 @@
 import {getSortedPostsData, formatTopicDisplay, getAllTopics} from '@/lib/posts';
+import escapeHtml from 'escape-html';
 import Link from 'next/link';
 import TopicTags from '@/components/TopicTags';
 
@@ -70,14 +71,14 @@ export default async function TopicPage({ params }: Props) {
                       hiddenTopics={hiddenTopics}
                       hasHidden={hasHidden}
                     />
-                    <Link href={`/posts/${post.id}`}>
+                    <Link href={`/posts/${escapeHtml(post.id)}`}>
                       <h2 className="text-xl font-semibold text-gray-900 dark:text-white mb-3 hover:text-blue-600 dark:hover:text-blue-400 transition-colors">
                         {post.title}
                       </h2>
                     </Link>
                     <p className="text-gray-600 dark:text-gray-300 mb-4">{post.description}</p>
                     <Link 
-                      href={`/posts/${post.id}`}
+                      href={`/posts/${escapeHtml(post.id)}`}
                       className="inline-flex items-center text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300"
                     >
                       Ler mais