From d33be149e661945fe67a9b6c4ff0d1e47917b8cd Mon Sep 17 00:00:00 2001
From: kamtschatka <sschatka@gmail.com>
Date: Sun, 12 May 2024 14:06:41 +0200
Subject: feature: Take full page screenshots #143 (#148)

Added the fullPage flag to take full screen screenshots
updated the UI accordingly to properly show the screenshots instead of scaling it down

Co-authored-by: kamtschatka <simon.schatka@gmx.at>
---
 apps/web/components/dashboard/preview/LinkContentSection.tsx | 6 ++++--
 apps/workers/crawlerWorker.ts                                | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'apps')

diff --git a/apps/web/components/dashboard/preview/LinkContentSection.tsx b/apps/web/components/dashboard/preview/LinkContentSection.tsx
index 6c51864f..29001c7f 100644
--- a/apps/web/components/dashboard/preview/LinkContentSection.tsx
+++ b/apps/web/components/dashboard/preview/LinkContentSection.tsx
@@ -16,10 +16,12 @@ function ScreenshotSection({ link }: { link: ZBookmarkedLink }) {
   return (
     <div className="relative h-full min-w-full">
       <Image
-        fill={true}
         alt="screenshot"
         src={`/api/assets/${link.screenshotAssetId}`}
-        className="object-contain"
+        width={0}
+        height={0}
+        sizes="100vw"
+        style={{ width: "100%", height: "auto" }}
       />
     </div>
   );
diff --git a/apps/workers/crawlerWorker.ts b/apps/workers/crawlerWorker.ts
index 6b4d39f0..e7ed854b 100644
--- a/apps/workers/crawlerWorker.ts
+++ b/apps/workers/crawlerWorker.ts
@@ -231,10 +231,11 @@ async function crawlPage(jobId: string, url: string) {
         // If you change this, you need to change the asset type in the store function.
         type: "png",
         encoding: "binary",
+        fullPage: serverConfig.crawler.fullPageScreenshot,
       }),
     ]);
     logger.info(
-      `[Crawler][${jobId}] Finished capturing page content and a screenshot.`,
+      `[Crawler][${jobId}] Finished capturing page content and a screenshot. FullPageScreenshot: ${serverConfig.crawler.fullPageScreenshot}`,
     );
     return { htmlContent, screenshot, url: page.url() };
   } finally {
-- 
cgit v1.2.3-70-g09d2