From 39cb194b5b0a138f3f5fe82c0e9123563665b39f Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Fri, 10 Apr 2026 00:56:14 +0200
Subject: [PATCH] fix: extract CodeRenderer as named component, fix external
 link detection

---
 components/markdown-content.tsx | 75 +++++++++++++++++----------------
 1 file changed, 38 insertions(+), 37 deletions(-)

diff --git a/components/markdown-content.tsx b/components/markdown-content.tsx
index d0f47d0..6280a81 100644
--- a/components/markdown-content.tsx
+++ b/components/markdown-content.tsx
@@ -72,6 +72,41 @@ function extractHastText(node: Element): string {
     .trim();
 }
 
+function CodeRenderer({ children }: { children?: React.ReactNode }) {
+  const insidePre = useContext(InsidePreContext);
+
+  if (insidePre) {
+    return (
+      <code
+        style={{
+          fontFamily: "var(--font-mono, 'Geist Mono', monospace)",
+          fontSize: "0.9rem",
+          color: "#e2e8f0",
+          lineHeight: 1.65,
+        }}
+      >
+        {children}
+      </code>
+    );
+  }
+
+  return (
+    <code
+      style={{
+        background: "rgba(250, 204, 21, 0.1)",
+        border: "1px solid rgba(250, 204, 21, 0.3)",
+        borderRadius: 5,
+        padding: "1px 7px",
+        color: "#fde68a",
+        fontFamily: "var(--font-mono, 'Geist Mono', monospace)",
+        fontSize: "0.875em",
+      }}
+    >
+      {children}
+    </code>
+  );
+}
+
 const components: Components = {
   h1: ({ children }) => (
     <h1
@@ -221,8 +256,8 @@ const components: Components = {
   a: ({ href, children }) => (
     <a
       href={href}
-      target={href?.startsWith("http") ? "_blank" : undefined}
-      rel={href?.startsWith("http") ? "noopener noreferrer" : undefined}
+      target={href && /^https?:\/\//.test(href) ? "_blank" : undefined}
+      rel={href && /^https?:\/\//.test(href) ? "noopener noreferrer" : undefined}
       style={{
         background: "linear-gradient(90deg, #facc15, #60a5fa)",
         WebkitBackgroundClip: "text",
@@ -266,41 +301,7 @@ const components: Components = {
     </InsidePreContext.Provider>
   ),
 
-  code: ({ children }) => {
-    const insidePre = useContext(InsidePreContext);
-
-    if (insidePre) {
-      return (
-        <code
-          style={{
-            fontFamily: "var(--font-mono, 'Geist Mono', monospace)",
-            fontSize: "0.9rem",
-            color: "#e2e8f0",
-            lineHeight: 1.65,
-          }}
-        >
-          {children}
-        </code>
-      );
-    }
-
-    // Inline code
-    return (
-      <code
-        style={{
-          background: "rgba(250, 204, 21, 0.1)",
-          border: "1px solid rgba(250, 204, 21, 0.3)",
-          borderRadius: 5,
-          padding: "1px 7px",
-          color: "#fde68a",
-          fontFamily: "var(--font-mono, 'Geist Mono', monospace)",
-          fontSize: "0.875em",
-        }}
-      >
-        {children}
-      </code>
-    );
-  },
+  code: CodeRenderer,
 };
 
 export default function MarkdownContent({ content }: { content: string }) {