Merge pull request #3 from timelessco/retry-screenshot

Retry screenshot

Author: abhishekmg

src/app/page.js

@@ -25,9 +25,7 @@ export default function Home() {
     const intervalTimer = startDuration();
     try {
       setLoading(true);
-      const res = await fetch(`/try?url=${url}`, {
-        next: { revalidate: 10 },
-      });
+      const res = await fetch(`/try?url=${url}`);
       const data = await res.blob();
       setImgUrl(URL.createObjectURL(data));
     } catch (error) {
@@ -43,8 +41,15 @@ export default function Home() {
 
   function startDuration() {
     return setInterval(() => {
-      setDuration((prev) => Number((prev + 0.2).toFixed(1)));
-    }, 200);
+      setDuration((prev) => {
+        const newDuration = Number((prev + 1).toFixed(1));
+        if (newDuration >= 300) {
+          clearInterval(intervalTimer);
+          return 300;
+        }
+        return newDuration;
+      });
+    }, 1000);
   }
 
   return (
@@ -59,14 +64,8 @@ export default function Home() {
             Try screenshot
           </h3>
           <p className="text-md mt-3">
-            Thursday, May 9th 2024 Vercel Functions for Hobby can now run up to
-            60 seconds{" "}
-            <a
-              href="https://vercel.com/changelog/vercel-functions-for-hobby-can-now-run-up-to-60-seconds"
-              className="text-blue-500 underline"
-            >
-              detail
-            </a>
+           can now run up to
+            300 seconds{" "}
           </p>
         </div>
         <form onSubmit={handleSubmit}>

src/app/try/route.js

@@ -9,7 +9,7 @@ import {
   remoteExecutablePath,
 } from "@/utils/utils.js";
 
-export const maxDuration = 60;
+export const maxDuration = 300;//sec
 export const dynamic = "force-dynamic";
 
 const chromium = require("@sparticuz/chromium-min");
@@ -81,7 +81,7 @@ export async function GET(request) {
       try {
         const response = await page.goto(urlStr, {
           waitUntil: "networkidle2",
-          timeout: 60000,
+          timeout: 300_000,
         });
 
         if (!response || !response.ok()) {
@@ -104,7 +104,7 @@ export async function GET(request) {
           );
         });
 
-        await new Promise((res) => setTimeout(res, 6000));
+        // await new Promise((res) => setTimeout(res, 6000));
         await cfCheck(page);
 
         for (let shotTry = 1; shotTry <= 2; shotTry++) {

src/utils/cfCheck.js

@@ -32,7 +32,7 @@ async function cfCheck(page) {
             const input = document.getElementById(`cf-chl-widget-${widgetId}_response`);
             return input && input.value && input.value !== "";
           },
-          { timeout: 15000 },
+          { timeout: 300_000 },
           id
         );
 

vercel.json

@@ -0,0 +1,7 @@
+{
+  "functions": {
+    "app/try/route.js": {
+      "maxDuration": 300
+    }
+  }
+}