feat: fetch rss content without no-cors

src/lib/rss.ts

@@ -1,5 +1,5 @@
 import type { RSSData } from "./types"
-import { parseRSS } from "./utils"
+import { fetchRSSContent, parseRSS } from "./utils"
 
 export async function getPageRSS(data: {
   html: string
@@ -150,9 +150,7 @@ export async function getPageRSS(data: {
   await Promise.all(uncertain.map((feed) => {
     return new Promise<void>(async (resolve) => {
       try {
-        const content = await (await fetch(feed.url, {
-          mode: "no-cors",
-        })).text()
+        const content = await fetchRSSContent(feed.url)
         const result = parseRSS(content)
         if (result) {
           if (result.title) {

src/lib/utils.ts

@@ -26,3 +26,13 @@ export function parseRSS(content: string) {
     return null
   }
 }
+
+export async function fetchRSSContent(url: string) {
+  let content
+  try {
+    content = await (await fetch(url)).text()
+  } catch (error) {
+    // TODO
+  }
+  return content
+}

src/tabs/preview.tsx

@@ -12,6 +12,7 @@ import {
   CardTitle,
 } from "~/lib/components/Card"
 import RSSItem from "~/popup/RSSItem";
+import { fetchRSSContent } from "~/lib/utils"
 
 const parser = new Parser();
 
@@ -24,21 +25,16 @@ function PreviewPage() {
   const [error, setError] = useState<Event>();
 
   useEffect(() => {
-    fetch(url, {
-      mode: "no-cors",
-    }).then(res => {
-      res.text().then(text => {
-        parser.parseString(text).then(result => {
-          setParsed(result);
-        }).catch((e) => {
-          setError(e)
-        })
-      }).catch((e) => {
-        setError(e)
-      })
-    }).catch((e) => {
-      setError(e)
-    })
+    const run = async () => {
+      try {
+        let content = await fetchRSSContent(url)
+        const result = await parser.parseString(content)
+        setParsed(result)
+      } catch (error) {
+        setError(error)
+      }
+    };
+    run();
   }, [])
 
   return (