new parser, faster than before 50%

src/shared/notes/kinds/articleDetail.tsx

@@ -1,13 +1,9 @@
 import { NDKEvent } from '@nostr-dev-kit/ndk';
-import { useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
-import { Link } from 'react-router-dom';
 import remarkGfm from 'remark-gfm';
 
-import { Image } from '@shared/image';
-
 export function ArticleDetailNote({ event }: { event: NDKEvent }) {
-  const metadata = useMemo(() => {
+  /*const metadata = useMemo(() => {
     const title = event.tags.find((tag) => tag[0] === 'title')?.[1];
     const image = event.tags.find((tag) => tag[0] === 'image')?.[1];
     const summary = event.tags.find((tag) => tag[0] === 'summary')?.[1];
@@ -27,7 +23,7 @@ export function ArticleDetailNote({ event }: { event: NDKEvent }) {
       publishedAt,
       summary,
     };
-  }, [event.id]);
+  }, [event.id]);*/
 
   return (
     <ReactMarkdown className="markdown" remarkPlugins={[remarkGfm]}>

src/shared/notes/kinds/repost.tsx

@@ -16,22 +16,22 @@ import { useEvent } from '@utils/hooks/useEvent';
 
 export function Repost({ event }: { event: NDKEvent }) {
   const repostID = event.tags.find((el) => el[0] === 'e')[1] ?? '';
-  const { status, data } = useEvent(repostID, event.content as unknown as string);
+  const { status, data } = useEvent(repostID, event.content);
 
   const renderKind = useCallback(
-    (event: NDKEvent) => {
-      switch (event.kind) {
+    (repostEvent: NDKEvent) => {
+      switch (repostEvent.kind) {
         case NDKKind.Text:
-          return <TextNote event={event} />;
+          return <TextNote content={repostEvent.content} />;
         case NDKKind.Article:
-          return <ArticleNote event={event} />;
+          return <ArticleNote event={repostEvent} />;
         case 1063:
-          return <FileNote event={event} />;
+          return <FileNote event={repostEvent} />;
         default:
-          return <UnknownNote event={event} />;
+          return <UnknownNote event={repostEvent} />;
       }
     },
-    [event]
+    [data]
   );
 
   if (status === 'loading') {

src/shared/notes/kinds/text.tsx

@@ -1,5 +1,3 @@
-import { NDKEvent } from '@nostr-dev-kit/ndk';
-import { useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
@@ -14,8 +12,24 @@ import {
 
 import { parser } from '@utils/parser';
 
-export function TextNote({ event }: { event: NDKEvent }) {
-  const content = useMemo(() => parser(event), [event.id]);
+export function TextNote({ content }: { content: string }) {
+  const richContent = parser(content) ?? null;
+
+  if (!richContent) {
+    return (
+      <div>
+        <ReactMarkdown
+          className="markdown"
+          remarkPlugins={[remarkGfm]}
+          disallowedElements={['h1', 'h2', 'h3', 'h4', 'h5', 'h6']}
+          unwrapDisallowed={true}
+          linkTarget={'_blank'}
+        >
+          {content}
+        </ReactMarkdown>
+      </div>
+    );
+  }
 
   return (
     <div>
@@ -38,13 +52,15 @@ export function TextNote({ event }: { event: NDKEvent }) {
         unwrapDisallowed={true}
         linkTarget={'_blank'}
       >
-        {content?.parsed}
+        {richContent.parsed}
       </ReactMarkdown>
-      {content?.images?.length > 0 && <ImagePreview urls={content.images} />}
-      {content?.videos?.length > 0 && <VideoPreview urls={content.videos} />}
-      {content?.links?.length > 0 && <LinkPreview urls={content.links} />}
-      {content?.notes?.length > 0 &&
-        content?.notes.map((note: string) => <MentionNote key={note} id={note} />)}
+      <div>
+        {richContent.images.length > 0 && <ImagePreview urls={richContent.images} />}
+        {richContent.videos.length > 0 && <VideoPreview urls={richContent.videos} />}
+        {richContent.links.length > 0 && <LinkPreview urls={richContent.links} />}
+        {richContent.notes.length > 0 &&
+          richContent.notes.map((note: string) => <MentionNote key={note} id={note} />)}
+      </div>
     </div>
   );
 }