From ee78d9589dc4c960e12a9752d754478045cc2a7d Mon Sep 17 00:00:00 2001
From: Medicopter117 <oppro.netzwerk@gmail.com>
Date: Fri, 8 May 2026 08:40:26 +0200
Subject: [PATCH] feat: implement CMS changelog generator and post editor with
 markdown support and revision tracking

---
 src/web/dashboard/cms/CMSChangelogTab.tsx | 3 ++-
 src/web/dashboard/cms/CMSPostEditor.tsx   | 3 ++-
 src/web/pages/BlogPage.tsx                | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/web/dashboard/cms/CMSChangelogTab.tsx b/src/web/dashboard/cms/CMSChangelogTab.tsx
index add19f0..907d0da 100644
--- a/src/web/dashboard/cms/CMSChangelogTab.tsx
+++ b/src/web/dashboard/cms/CMSChangelogTab.tsx
@@ -4,6 +4,7 @@ import { toast } from "sonner";
 import { API_URL } from "../../lib/api";
 import { useAuth } from "../../components/core/AuthProvider";
 import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
 import { cn } from "../../lib/utils";
 
 interface ChangelogItem {
@@ -193,7 +194,7 @@ export default function CMSChangelogTab() {
               prose-p:text-muted-foreground prose-p:text-sm
               prose-li:text-muted-foreground prose-li:text-sm
             ">
-              <ReactMarkdown>{generateMarkdown()}</ReactMarkdown>
+              <ReactMarkdown remarkPlugins={[remarkGfm]}>{generateMarkdown()}</ReactMarkdown>
             </div>
           </div>
         </div>
diff --git a/src/web/dashboard/cms/CMSPostEditor.tsx b/src/web/dashboard/cms/CMSPostEditor.tsx
index 3d081b0..822be75 100644
--- a/src/web/dashboard/cms/CMSPostEditor.tsx
+++ b/src/web/dashboard/cms/CMSPostEditor.tsx
@@ -6,6 +6,7 @@ import { useAuth } from "../../components/core/AuthProvider";
 import { cn } from "../../lib/utils";
 import { Post, POST_TYPES, slugify, Revision } from "./cmsTypes";
 import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
 
 interface CMSPostEditorProps {
   post: Partial<Post>;
@@ -441,7 +442,7 @@ export default function CMSPostEditor({ post: initialPost, onClose, onSave }: CM
                     prose-headings:italic prose-headings:font-black
                     prose-code:text-primary prose-code:bg-primary/5 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded
                   ">
-                    <ReactMarkdown>{formData.content || "_Kein Inhalt_"}</ReactMarkdown>
+                    <ReactMarkdown remarkPlugins={[remarkGfm]}>{formData.content || "_Kein Inhalt_"}</ReactMarkdown>
                   </div>
                 </div>
               </div>
diff --git a/src/web/pages/BlogPage.tsx b/src/web/pages/BlogPage.tsx
index e2e7bc2..82c0c59 100644
--- a/src/web/pages/BlogPage.tsx
+++ b/src/web/pages/BlogPage.tsx
@@ -17,6 +17,7 @@ import {
   Terminal
 } from "lucide-react";
 import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
 import { API_URL } from "../lib/api";
 import { cn } from "../lib/utils";
 import { Navbar } from "../components/layout/Navbar";
@@ -364,7 +365,7 @@ export default function BlogPage() {
                     prose-li:text-muted-foreground prose-li:font-medium
                     prose-blockquote:border-l-4 prose-blockquote:border-primary prose-blockquote:bg-primary/5 prose-blockquote:py-2 prose-blockquote:px-6 prose-blockquote:rounded-r-2xl prose-blockquote:italic
                   ">
-                    <ReactMarkdown>{currentPost.content}</ReactMarkdown>
+                    <ReactMarkdown remarkPlugins={[remarkGfm]}>{currentPost.content}</ReactMarkdown>
                   </div>
 
                   {currentPost.tags && (