feat: save images to eagle

RSSNext · May 16, 2024 · 5067304 · 5067304
1 parent acb1b0c
commit 5067304
Show file tree

Hide file tree

Showing 7 changed files with 154 additions and 15 deletions.
diff --git a/src/main/index.ts b/src/main/index.ts
@@ -39,6 +39,39 @@ app.whenReady().then(() => {
     }).popup()
   })
 
+  ipcMain.on(
+    "save-to-eagle",
+    async (
+      event,
+      data: {
+        url: string
+        images: string[]
+      },
+    ) => {
+      try {
+        const res = await fetch("http://localhost:41595/api/item/addFromURLs", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({
+            items: data.images?.map((image) => ({
+              url: image,
+              website: data.url,
+              headers: {
+                referer: data.url,
+              },
+            })),
+          }),
+        })
+        const result = await res.json()
+        event.reply("save-to-eagle-reply", result)
+      } catch (error) {
+        event.reply("save-to-eagle-reply", null)
+      }
+    },
+  )
+
   createWindow()
 
   app.on("activate", function () {

diff --git a/src/renderer/public/eagle.svg b/src/renderer/public/eagle.svg
diff --git a/src/renderer/src/components/entry-column/article-item.tsx b/src/renderer/src/components/entry-column/article-item.tsx
@@ -6,7 +6,7 @@ import { EntryContextMenu } from "./context-menu"
 
 export function ArticleItem({ entry }: { entry: EntriesResponse[number] }) {
   return (
-    <EntryContextMenu url={entry.url} view={0}>
+    <EntryContextMenu entry={entry} view={0}>
       <div className="flex my-5 px-2 py-3">
         <FeedIcon feed={entry.feeds} />
         <div className="line-clamp-5 text-sm flex-1 -mt-0.5 leading-tight">

diff --git a/src/renderer/src/components/entry-column/context-menu.tsx b/src/renderer/src/components/entry-column/context-menu.tsx
@@ -5,6 +5,7 @@ import {
   ContextMenuTrigger,
 } from "@renderer/components/ui/context-menu"
 import { useEntryActions } from "@renderer/hooks/useEntryActions"
+import { EntriesResponse } from "@renderer/lib/types"
 
 export const items = [
   [
@@ -18,6 +19,11 @@ export const items = [
       className: "i-mingcute-world-2-line",
       action: "openInBrowser",
     },
+    {
+      name: "Save Images to Eagle",
+      icon: "/eagle.svg",
+      action: "save-to-eagle",
+    },
     {
       name: "Share",
       className: "i-mingcute-share-2-line",
@@ -27,17 +33,20 @@ export const items = [
 ]
 
 export function EntryContextMenu({
+  entry,
   view,
-  url,
   children,
 }: {
+  entry: EntriesResponse[number]
   view: number
-  url?: string
   children: React.ReactNode
 }) {
-  if (!url) return children
+  if (!entry?.url) return children
 
-  const { execAction } = useEntryActions(url)
+  const { execAction } = useEntryActions({
+    url: entry.url,
+    images: entry.images,
+  })
 
   return (
     <ContextMenu>

diff --git a/src/renderer/src/components/entry-content/index.tsx b/src/renderer/src/components/entry-content/index.tsx
@@ -17,7 +17,7 @@ export function EntryContent({ entry }: { entry: ActivedEntry }) {
 
   return (
     <>
-      <EntryShare url={entry?.url} view={0} />
+      <EntryShare entry={entry} view={0} />
       <m.div
         className="px-5 py-5 overflow-y-auto h-full"
         initial={{ opacity: 0.01, y: 100 }}

diff --git a/src/renderer/src/components/entry-content/share.tsx b/src/renderer/src/components/entry-content/share.tsx
@@ -7,22 +7,43 @@ import {
 import { cn } from "@renderer/lib/utils"
 import { useEntryActions } from "@renderer/hooks/useEntryActions"
 import { items } from "@renderer/components/entry-column/context-menu"
+import { ActivedEntry } from "@renderer/lib/types"
 
-export function EntryShare({ view, url }: { view: number; url?: string }) {
-  if (!url) return null
+export function EntryShare({
+  view,
+  entry,
+}: {
+  view: number
+  entry: ActivedEntry
+}) {
+  if (!entry?.url) return null
 
-  const { execAction } = useEntryActions(url)
+  const { execAction } = useEntryActions({
+    url: entry.url,
+    images: entry.images,
+  })
 
   return (
     <div className="px-5 h-14 flex items-center text-lg justify-end text-zinc-500 gap-5">
       <TooltipProvider delayDuration={300}>
         {items[view].map((item) => (
-          <Tooltip>
+          <Tooltip key={item.name}>
             <TooltipTrigger className="flex items-center my-2">
-              <i
-                className={cn(item.className, "cursor-pointer no-drag-region")}
-                onClick={() => execAction(item.action)}
-              />
+              {item.icon ? (
+                <img
+                  className="w-4 h-4 grayscale cursor-pointer no-drag-region"
+                  src={item.icon}
+                  onClick={() => execAction(item.action)}
+                />
+              ) : (
+                <i
+                  className={cn(
+                    item.className,
+                    "cursor-pointer no-drag-region",
+                  )}
+                  onClick={() => execAction(item.action)}
+                />
+              )}
             </TooltipTrigger>
             <TooltipContent side="bottom">{item.name}</TooltipContent>
           </Tooltip>

diff --git a/src/renderer/src/hooks/useEntryActions.tsx b/src/renderer/src/hooks/useEntryActions.tsx
@@ -1,7 +1,13 @@
 import { useToast } from "@renderer/components/ui/use-toast"
 import { useCallback } from "react"
 
-export const useEntryActions = (url: string) => {
+export const useEntryActions = ({
+  url,
+  images,
+}: {
+  url: string
+  images?: string[]
+}) => {
   const { toast } = useToast()
 
   const execAction = useCallback(
@@ -20,6 +26,28 @@ export const useEntryActions = (url: string) => {
         case "share":
           window.electron.ipcRenderer.send("share-url", url)
           break
+        case "save-to-eagle":
+          window.electron.ipcRenderer.once(
+            "save-to-eagle-reply",
+            (_, response) => {
+              if (response?.status === "success") {
+                toast({
+                  duration: 3000,
+                  description: "Saved to Eagle.",
+                })
+              } else {
+                toast({
+                  duration: 3000,
+                  description: "Failed to save to Eagle.",
+                })
+              }
+            },
+          )
+          window.electron.ipcRenderer.send("save-to-eagle", {
+            url,
+            images,
+          })
+          break
       }
     },
     [toast],