Take full page screenshots #143

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

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>
  );

apps/workers/crawlerWorker.ts

@@ -231,6 +231,7 @@ 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: true,
  }),
  ]);
  logger.info(