feat: add discover feed form from rsshub

.github/workflows/lint.yml

@@ -36,4 +36,5 @@ jobs:
         run: |
           pnpm run typecheck
           npm run lint
-          pnpm run test
+      - name: Run test
+        run: pnpm test

package.json

@@ -76,7 +76,11 @@
     "lodash-es": "4.17.21",
     "lowdb": "7.0.1",
     "lucide-react": "0.396.0",
+    "markdown-it": "14.1.0",
+    "markdown-it-container": "4.0.0",
     "ofetch": "1.3.4",
+    "path-to-regexp": "7.0.0",
+    "react-error-boundary": "4.0.13",
     "react-helmet-async": "2.0.5",
     "react-hook-form": "7.52.0",
     "react-hotkeys-hook": "4.5.0",
@@ -108,6 +112,8 @@
     "@tailwindcss/container-queries": "0.1.1",
     "@tailwindcss/typography": "0.5.13",
     "@types/lodash-es": "4.17.12",
+    "@types/markdown-it": "14.1.1",
+    "@types/markdown-it-container": "2.0.10",
     "@types/node": "^20.14.7",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

src/main/menu.ts

@@ -43,7 +43,7 @@ export const registerAppMenu = () => {
           label: "follow https://rsshub.app/twitter/user/DIYgod",
           click: () => {
             createWindow({
-              extraPath: `/add?url=${encodeURIComponent(
+              extraPath: `#add?url=${encodeURIComponent(
                 "https://rsshub.app/twitter/user/DIYgod",
               )}`,
               width: 800,
@@ -55,7 +55,7 @@ export const registerAppMenu = () => {
           label: "follow https://diygod.me/feed",
           click: () => {
             createWindow({
-              extraPath: `/add?url=${encodeURIComponent(
+              extraPath: `#add?url=${encodeURIComponent(
                 "https://diygod.me/feed",
               )}`,
               width: 800,

src/renderer/src/atoms/sidebar.ts

@@ -0,0 +1,11 @@
+import { createAtomHooks } from "@renderer/lib/jotai"
+import { atom } from "jotai"
+
+export const [
+  ,
+  useSidebarActiveView,
+  useSidebarActiveViewValue,
+  useSetSidebarActiveView,
+  getSidebarActiveView,
+  setSidebarActiveView,
+] = createAtomHooks(atom(0))

src/renderer/src/components/ui/code-highlighter/copy-button.tsx

@@ -36,6 +36,7 @@ export const CopyButton: Component<{
   }, [value])
   return (
     <MotionButtonBase
+      type="button"
       onClick={handleCopy}
       className={cn(
         "center flex text-xs",

src/renderer/src/components/ui/form.tsx

@@ -68,7 +68,7 @@ const FormItem = React.forwardRef<
   const id = React.useId()
 
   return (
-    <FormItemContext.Provider value={{ id }}>
+    <FormItemContext.Provider value={React.useMemo(() => ({ id }), [id])}>
       <div ref={ref} className={cn("space-y-2", className)} {...props} />
     </FormItemContext.Provider>
   )

src/renderer/src/components/ui/markdown/Markdown.tsx

@@ -0,0 +1,28 @@
+/* eslint-disable @eslint-react/dom/no-dangerously-set-innerhtml */
+import { cn } from "@renderer/lib/utils"
+import markdownit from "markdown-it"
+import { useMemo } from "react"
+
+import styles from "./index.module.css"
+import { createContainer } from "./plugins/container"
+
+const md = markdownit()
+  .use(...createContainer("tip", "TIP", () => md))
+  .use(...createContainer("info", "INFO", () => md))
+  .use(...createContainer("warning", "WARNING", () => md))
+  .use(...createContainer("danger", "DANGER", () => md))
+  .use(...createContainer("details", "Details", () => md))
+
+export const Markdown: Component<{
+  children: string
+}> = (props) => (
+  <div
+    className={cn(styles.markdown, props.className, "prose dark:prose-invert prose-th:text-left")}
+    dangerouslySetInnerHTML={useMemo(
+      () => ({
+        __html: md.render(props.children as string),
+      }),
+      [props.children],
+    )}
+  />
+)