chore: support for MathJax

arshad-yaseen · Nov 15, 2023 · d1a3793 · d1a3793 · vercel · Nov 15, 2023
1 parent 3702c2b
commit d1a3793
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/components/editor/parse-markdown.tsx b/components/editor/parse-markdown.tsx
@@ -130,11 +130,20 @@ function ParseMarkdown({
     }: React.ImgHTMLAttributes<HTMLImageElement>) => (
       // eslint-disable-next-line @next/next/no-img-element
       <img
-        className={cn("my-2 inline-flex rounded-md  border", className)}
+        className={cn("my-2 inline-flex rounded-lg  border", className)}
         alt={alt}
         {...props}
       />
     ),
+    iframe: ({ className, ...props }: ComponentTypes) => (
+      <iframe
+        className={cn("my-4 inline-flex max-w-full rounded-lg border", className)}
+        {...props}
+      />
+    ),
+    div: ({ className, ...props }: ComponentTypes) => (
+      <div className={cn("", className)} {...props} />
+    ),
     hr: ({ ...props }: ComponentTypes) => (
       <hr className="my-4 md:my-8" {...props} />
     ),
@@ -176,7 +185,7 @@ function ParseMarkdown({
     video: ({ className, ...props }: ComponentTypes) => (
       <div className="min-h-[300px] w-full">
         <video
-          className={cn("my-4 inline-flex rounded-md border", className)}
+          className={cn("my-4 inline-flex rounded-lg border", className)}
           {...props}
           controls
         />

diff --git a/package.json b/package.json
@@ -79,11 +79,12 @@
     "react-wrap-balancer": "^1.1.0",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-katex": "^7.0.0",
+    "rehype-mathjax": "^5.0.0",
     "rehype-raw": "^6.1.1",
     "rehype-slug": "^5.1.0",
     "remark-emoji": "^3.1.1",
     "remark-gfm": "^3.0.1",
-    "remark-math": "^6.0.0",
+    "remark-math": "^5.0.0",
     "resend": "^1.1.0",
     "server-only": "^0.0.1",
     "sharp": "^0.32.1",