test2

Author: KukretiShubham

package.json

@@ -18,8 +18,10 @@
 	"dependencies": {
 		"@astrojs/vercel": "^7.8.2",
 		"@devprotocol/util-ts": "^4.0.0",
+		"@sparticuz/chromium-min": "^130.0.0",
 		"astro": "^4.16.3",
 		"chrome-aws-lambda": "^10.1.0",
+		"chrome-launcher": "^1.1.2",
 		"puppeteer-core": "10.1.0",
 		"ramda": "0.30.1"
 	},

src/pages/api/capt.ts

@@ -0,0 +1,78 @@
+/* eslint-disable functional/no-expression-statements */
+import { type APIRoute } from 'astro'
+import puppeteer from 'puppeteer-core'
+import chromium from "@sparticuz/chromium-min";
+
+const exePath =
+	process.platform === 'win32'
+		? 'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe'
+		: process.platform === 'linux'
+			? '/usr/bin/google-chrome'
+			: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome'
+
+
+
+const chromiumPack = "https://github.com/Sparticuz/chromium/releases/download/v121.0.0/chromium-v121.0.0-pack.tar"
+
+
+const Localoptions = {
+	args: [],
+	executablePath: exePath,
+	headless: true,
+}
+const serverOptions = {
+	args: chromium.args,
+	executablePath: await chromium.executablePath(chromiumPack),
+	headless: true,
+}
+
+export const POST: APIRoute = async ({ url }) => {
+	const isDev = url.searchParams.get('dev') === 'true'
+	const options = isDev ? Localoptions : serverOptions
+
+	try {
+		// Extract the "target" query parameter (the URL to capture)
+		const targetUrl = url.searchParams.get('src')
+
+		if (!targetUrl) {
+			return new Response('URL query parameter is required', { status: 400 })
+		}
+
+		// Validate that the URL starts with http or https
+		if (!targetUrl.startsWith('http://') && !targetUrl.startsWith('https://')) {
+			return new Response('Invalid URL format', { status: 400 })
+		}
+
+		const browser = await puppeteer.launch(options)
+		const page = await browser.newPage()
+
+		// set the viewport size
+		await page.setViewport({
+			width: 1920,
+			height: 1080,
+			deviceScaleFactor: 1,
+		})
+
+		// tell the page to visit the url
+		await page.goto(targetUrl)
+
+		// take a screenshot
+		const file = await page.screenshot({
+			type: 'png',
+		})
+
+		// close the browser
+		await browser.close()
+
+		// Return the PNG image as the response
+		return new Response(file, {
+			status: 200,
+			headers: {
+				'Content-Type': 'image/png',
+			},
+		})
+	} catch (error) {
+		console.error('Error capturing screenshot:', error)
+		return new Response('Internal Server Error', { status: 500 })
+	}
+}

yarn.lock

@@ -1117,6 +1117,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sparticuz/chromium-min@npm:^130.0.0":
+  version: 130.0.0
+  resolution: "@sparticuz/chromium-min@npm:130.0.0"
+  dependencies:
+    follow-redirects: "npm:^1.15.9"
+    tar-fs: "npm:^3.0.6"
+  checksum: 10c0/4d52a326b1cf57eef666f1f442fc57a759ce26b9e5198d2c924fd66c466fa6c0096f59cbbc694beee8c1c43057d43a9a5da9cfbd41b5f3c44ba24bc72b386ffa
+  languageName: node
+  linkType: hard
+
 "@types/babel__core@npm:^7.20.5":
   version: 7.20.5
   resolution: "@types/babel__core@npm:7.20.5"
@@ -2291,6 +2301,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chrome-launcher@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "chrome-launcher@npm:1.1.2"
+  dependencies:
+    "@types/node": "npm:*"
+    escape-string-regexp: "npm:^4.0.0"
+    is-wsl: "npm:^2.2.0"
+    lighthouse-logger: "npm:^2.0.1"
+  bin:
+    print-chrome-path: bin/print-chrome-path.js
+  checksum: 10c0/518a6cb846b7187a692c510cc9d3f4d2a87ad3e21cec5eaefb3dcb7ce72ac6ab8b5465cb90510480b9f0b077c8fc340f57e2e078e1d7719aff576595800470b2
+  languageName: node
+  linkType: hard
+
 "ci-info@npm:^4.0.0":
   version: 4.0.0
   resolution: "ci-info@npm:4.0.0"
@@ -2482,6 +2506,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"debug@npm:^2.6.9":
+  version: 2.6.9
+  resolution: "debug@npm:2.6.9"
+  dependencies:
+    ms: "npm:2.0.0"
+  checksum: 10c0/121908fb839f7801180b69a7e218a40b5a0b718813b886b7d6bdb82001b931c938e2941d1e4450f33a1b1df1da653f5f7a0440c197f29fbf8a6e9d45ff6ef589
+  languageName: node
+  linkType: hard
+
 "decode-named-character-reference@npm:^1.0.0":
   version: 1.0.2
   resolution: "decode-named-character-reference@npm:1.0.2"
@@ -3148,6 +3181,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"follow-redirects@npm:^1.15.9":
+  version: 1.15.9
+  resolution: "follow-redirects@npm:1.15.9"
+  peerDependenciesMeta:
+    debug:
+      optional: true
+  checksum: 10c0/5829165bd112c3c0e82be6c15b1a58fa9dcfaede3b3c54697a82fe4a62dd5ae5e8222956b448d2f98e331525f05d00404aba7d696de9e761ef6e42fdc780244f
+  languageName: node
+  linkType: hard
+
 "foreground-child@npm:^3.1.0":
   version: 3.3.0
   resolution: "foreground-child@npm:3.3.0"
@@ -3683,6 +3726,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-docker@npm:^2.0.0":
+  version: 2.2.1
+  resolution: "is-docker@npm:2.2.1"
+  bin:
+    is-docker: cli.js
+  checksum: 10c0/e828365958d155f90c409cdbe958f64051d99e8aedc2c8c4cd7c89dcf35329daed42f7b99346f7828df013e27deb8f721cf9408ba878c76eb9e8290235fbcdcc
+  languageName: node
+  linkType: hard
+
 "is-docker@npm:^3.0.0":
   version: 3.0.0
   resolution: "is-docker@npm:3.0.0"
@@ -3789,6 +3841,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-wsl@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "is-wsl@npm:2.2.0"
+  dependencies:
+    is-docker: "npm:^2.0.0"
+  checksum: 10c0/a6fa2d370d21be487c0165c7a440d567274fbba1a817f2f0bfa41cc5e3af25041d84267baa22df66696956038a43973e72fca117918c91431920bdef490fa25e
+  languageName: node
+  linkType: hard
+
 "is-wsl@npm:^3.0.0":
   version: 3.1.0
   resolution: "is-wsl@npm:3.1.0"
@@ -3961,6 +4022,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lighthouse-logger@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "lighthouse-logger@npm:2.0.1"
+  dependencies:
+    debug: "npm:^2.6.9"
+    marky: "npm:^1.2.2"
+  checksum: 10c0/414743d9b1491ad127c78741edfe88bd1c2411b267274c973036b90f56a268c3b8c3e02498bce04b560083da34a149bc3f81d2c47b6c6ad592202354cf781c43
+  languageName: node
+  linkType: hard
+
 "load-yaml-file@npm:^0.2.0":
   version: 0.2.0
   resolution: "load-yaml-file@npm:0.2.0"
@@ -4101,6 +4172,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"marky@npm:^1.2.2":
+  version: 1.2.5
+  resolution: "marky@npm:1.2.5"
+  checksum: 10c0/ca8a011f287dab1ac3291df720fc32b366c4cd767347b63722966650405ce71ec6566f71d1e22e1768bf6461a7fd689b9038e7df0fcfb62eacf3a5a6dcac249e
+  languageName: node
+  linkType: hard
+
 "mdast-util-definitions@npm:^6.0.0":
   version: 6.0.0
   resolution: "mdast-util-definitions@npm:6.0.0"
@@ -4771,6 +4849,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ms@npm:2.0.0":
+  version: 2.0.0
+  resolution: "ms@npm:2.0.0"
+  checksum: 10c0/f8fda810b39fd7255bbdc451c46286e549794fcc700dc9cd1d25658bbc4dc2563a5de6fe7c60f798a16a60c6ceb53f033cb353f493f0cf63e5199b702943159d
+  languageName: node
+  linkType: hard
+
 "ms@npm:2.1.2":
   version: 2.1.2
   resolution: "ms@npm:2.1.2"
@@ -6054,7 +6139,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar-fs@npm:*":
+"tar-fs@npm:*, tar-fs@npm:^3.0.6":
   version: 3.0.6
   resolution: "tar-fs@npm:3.0.6"
   dependencies:
@@ -6128,13 +6213,15 @@ __metadata:
     "@astrojs/vercel": "npm:^7.8.2"
     "@devprotocol/util-ts": "npm:^4.0.0"
     "@eslint/js": "npm:^9.12.0"
+    "@sparticuz/chromium-min": "npm:^130.0.0"
     "@types/dotenv": "npm:8.2.0"
     "@types/eslint-config-prettier": "npm:^6.11.3"
     "@types/eslint__js": "npm:^8.42.3"
     "@types/node": "npm:22.7.8"
     "@types/ramda": "npm:0.30.2"
     astro: "npm:^4.16.3"
     chrome-aws-lambda: "npm:^10.1.0"
+    chrome-launcher: "npm:^1.1.2"
     dotenv: "npm:16.4.5"
     eslint: "npm:^9.12.0"
     eslint-config-prettier: "npm:^9.1.0"