feat: rss render

src/app/feed/route.tsx

@@ -1,7 +1,11 @@
-import Markdown from 'markdown-to-jsx'
+import { compiler } from 'markdown-to-jsx'
 import xss from 'xss'
 import type { AggregateRoot } from '@mx-space/api-client'
 
+import { InsertRule } from '~/components/ui/markdown/parsers/ins'
+import { MarkRule } from '~/components/ui/markdown/parsers/mark'
+import { MentionRule } from '~/components/ui/markdown/parsers/mention'
+import { SpoilderRule } from '~/components/ui/markdown/parsers/spoiler'
 import { escapeXml } from '~/lib/helper.server'
 import { getQueryClient } from '~/lib/query-client.server'
 import { apiClient } from '~/lib/request'
@@ -59,7 +63,27 @@ export async function GET() {
               ${`<blockquote>该渲染由 Shiro API 生成，可能存在排版问题，最佳体验请前往：<a href='${xss(
                 item.link,
               )}'>${xss(item.link)}</a></blockquote>
-${ReactDOM.renderToString(<Markdown>{item.text}</Markdown>)}
+${ReactDOM.renderToString(
+  <div>
+    {compiler(item.text, {
+      overrides: {
+        LinkCard: () => null,
+        Gallery: () => (
+          <div style={{ textAlign: 'center' }}>这个内容只能在原文中查看哦~</div>
+        ),
+      },
+      additionalParserRules: {
+        spoilder: SpoilderRule,
+        mention: MentionRule,
+
+        mark: MarkRule,
+        ins: InsertRule,
+        // kateX: KateXRule,
+        // container: ContainerRule,
+      },
+    })}
+  </div>,
+)}
               <p style='text-align: right'>
               <a href='${`${xss(item.link)}#comments`}'>看完了？说点什么呢</a>
               </p>`}

src/components/ui/gallery/Gallery.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { memo, useCallback, useEffect, useRef, useState } from 'react'
 import { useInView } from 'react-intersection-observer'
 import clsx from 'clsx'

src/components/ui/link-card/LinkCard.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import React, { useCallback, useMemo, useRef, useState } from 'react'
 import { useInView } from 'react-intersection-observer'
 import axios from 'axios'

src/components/ui/markdown/Markdown.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 /* eslint-disable react-hooks/rules-of-hooks */
 import React, { Fragment, memo, Suspense, useMemo, useRef } from 'react'
 import { clsx } from 'clsx'