feat: add replace banner and attachment download (#2328)

* feat: add replace banner and attachment download

* add pdf preview in mobile app

* fix menu order

* fix comment

3 files changed, 42 insertions, 1 deletions

diff --git a/apps/mobile/components/bookmarks/BookmarkLinkPreview.tsx b/apps/mobile/components/bookmarks/BookmarkLinkPreview.tsx
index e0b592d6..4478bdda 100644
--- a/apps/mobile/components/bookmarks/BookmarkLinkPreview.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkLinkPreview.tsx
@@ -14,6 +14,7 @@ import { BookmarkTypes, ZBookmark } from "@karakeep/shared/types/bookmarks";
 import FullPageError from "../FullPageError";
 import FullPageSpinner from "../ui/FullPageSpinner";
 import BookmarkAssetImage from "./BookmarkAssetImage";
+import { PDFViewer } from "./PDFViewer";
 
 export function BookmarkLinkBrowserPreview({
   bookmark,
@@ -33,6 +34,30 @@ export function BookmarkLinkBrowserPreview({
   );
 }
 
+export function BookmarkLinkPdfPreview({ bookmark }: { bookmark: ZBookmark }) {
+  if (bookmark.content.type !== BookmarkTypes.LINK) {
+    throw new Error("Wrong content type rendered");
+  }
+
+  const asset = bookmark.assets.find((r) => r.assetType == "pdf");
+
+  const assetSource = useAssetUrl(asset?.id ?? "");
+
+  if (!asset) {
+    return (
+      <View className="flex-1 bg-background">
+        <Text>Asset has no PDF</Text>
+      </View>
+    );
+  }
+
+  return (
+    <View className="flex flex-1">
+      <PDFViewer source={assetSource.uri ?? ""} headers={assetSource.headers} />
+    </View>
+  );
+}
+
 export function BookmarkLinkReaderPreview({
   bookmark,
 }: {
diff --git a/apps/mobile/components/bookmarks/BookmarkLinkTypeSelector.tsx b/apps/mobile/components/bookmarks/BookmarkLinkTypeSelector.tsx
index c7fd4be3..5c9955bd 100644
--- a/apps/mobile/components/bookmarks/BookmarkLinkTypeSelector.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkLinkTypeSelector.tsx
@@ -4,7 +4,12 @@ import { ChevronDown } from "lucide-react-native";
 
 import { BookmarkTypes, ZBookmark } from "@karakeep/shared/types/bookmarks";
 
-export type BookmarkLinkType = "browser" | "reader" | "screenshot" | "archive";
+export type BookmarkLinkType =
+  | "browser"
+  | "reader"
+  | "screenshot"
+  | "archive"
+  | "pdf";
 
 function getAvailableViewTypes(bookmark: ZBookmark): BookmarkLinkType[] {
   if (bookmark.content.type !== BookmarkTypes.LINK) {
@@ -26,6 +31,9 @@ function getAvailableViewTypes(bookmark: ZBookmark): BookmarkLinkType[] {
   ) {
     availableTypes.push("archive");
   }
+  if (bookmark.assets.some((asset) => asset.assetType === "pdf")) {
+    availableTypes.push("pdf");
+  }
 
   return availableTypes;
 }
@@ -64,6 +72,11 @@ export default function BookmarkLinkTypeSelector({
       title: "Archived Page",
       state: type === "archive" ? ("on" as const) : undefined,
     },
+    {
+      id: "pdf" as const,
+      title: "PDF",
+      state: type === "pdf" ? ("on" as const) : undefined,
+    },
   ];
 
   const availableViewActions = viewActions.filter((action) =>
diff --git a/apps/mobile/components/bookmarks/BookmarkLinkView.tsx b/apps/mobile/components/bookmarks/BookmarkLinkView.tsx
index e8a78029..ba4d5b0c 100644
--- a/apps/mobile/components/bookmarks/BookmarkLinkView.tsx
+++ b/apps/mobile/components/bookmarks/BookmarkLinkView.tsx
@@ -1,6 +1,7 @@
 import {
   BookmarkLinkArchivePreview,
   BookmarkLinkBrowserPreview,
+  BookmarkLinkPdfPreview,
   BookmarkLinkReaderPreview,
   BookmarkLinkScreenshotPreview,
 } from "@/components/bookmarks/BookmarkLinkPreview";
@@ -31,5 +32,7 @@ export default function BookmarkLinkView({
       return <BookmarkLinkScreenshotPreview bookmark={bookmark} />;
     case "archive":
       return <BookmarkLinkArchivePreview bookmark={bookmark} />;
+    case "pdf":
+      return <BookmarkLinkPdfPreview bookmark={bookmark} />;
   }
 }