add md link

Author: codercatdev

components/block-table.tsx

@@ -1,5 +1,6 @@
 
 import React from 'react';
+import { MarkdownLink } from './markdown-link';
 
 export default function BlockTable({ value }: { value: { rows: { _key: string; cells: string[] }[] } }) {
   const { rows } = value;
@@ -12,7 +13,9 @@ export default function BlockTable({ value }: { value: { rows: { _key: string; c
         {rows.map((row) => (
           <tr key={row._key}>
             {row.cells.map((cell, cellIndex) => (
-              <td key={cellIndex}>{cell}</td>
+              <td key={cellIndex}>
+                <MarkdownLink text={cell} />
+              </td>
             ))}
           </tr>
         ))}

components/markdown-link.tsx

@@ -0,0 +1,28 @@
+
+import React from 'react';
+import Link from 'next/link';
+
+export function MarkdownLink({ text }: { text: string }) {
+  if (!text) return null;
+  const regex = /\[([^\]]+)\]\(([^)]+)\)/g;
+  const parts = text.split(regex);
+
+  return (
+    <>
+      {parts.map((part, i) => {
+        if (i % 3 === 1) {
+          const href = parts[i + 1];
+          return (
+            <Link key={i} href={href} rel="noreferrer noopener" target="_blank">
+              {part}
+            </Link>
+          );
+        }
+        if (i % 3 === 2) {
+          return null;
+        }
+        return part;
+      })}
+    </>
+  );
+}

sanity/components/pastehandler.ts

@@ -154,7 +154,13 @@ function deserializeTableElement(
 	}
 
 	const rows = Array.from(el.querySelectorAll('tr')).map((tr) => {
-		const cells = Array.from(tr.querySelectorAll('th, td')).map((td) => td.textContent);
+		const cells = Array.from(tr.querySelectorAll('th, td')).map((td) => {
+			const link = td.querySelector('a');
+			if (link) {
+				return `[${link.textContent}](${link.href})`;
+			}
+			return td.textContent;
+		});
 		return {
 			_type: 'row',
 			cells,