Something went wrong

\n        {message}\n

\n \n ← Try again\n \n \n );\n}\n\n// --- Redirect old GET /screenshot to homepage ---\nscreenshot.get(\"/screenshot\", (c) => c.redirect(\"/\"));\n\n// --- Screenshot action ---\nscreenshot.post(\"/screenshot\", async (c) => {\n const body = await c.req.parseBody();\n const targetUrl = (body.url as string) || \"https://val.town\";\n const wallet = (body.wallet as WalletKey) || \"1\";\n\n try {\n // Step 1: Create a paid Browserbase session via x402\n const { response, session } = await createBrowserbaseSession(5, wallet);\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Session creation failed (${response.status}): ${errorText}`);\n }\n\n // Record the transaction\n await insertTransaction({\n txHash: session!.txHash ?? session!.transactionHash ?? null,\n url: targetUrl,\n amount: \"0.01\",\n currency: \"USDC\",\n network: \"base\",\n });\n\n // Step 2: Connect to the browser and take a screenshot\n const wsUrl = getWsUrl(session!);\n if (!wsUrl) {\n throw new Error(`No WebSocket URL returned. Session: ${JSON.stringify(session, null, 2)}`);\n }\n\n const screenshotBuffer = await captureScreenshot(wsUrl, targetUrl);\n\n // Convert to base64 data URL to embed in the result page\n // Process in chunks to avoid \"Maximum call stack size exceeded\" with large buffers\n let binary = \"\";\n const chunkSize = 8192;\n for (let i = 0; i < screenshotBuffer.length; i += chunkSize) {\n const chunk = screenshotBuffer.subarray(i, i + chunkSize);\n binary += String.fromCharCode(...chunk);\n }\n const base64 = btoa(binary);\n const dataUrl = `data:image/png;base64,${base64}`;\n\n return c.html(\n \n

Screenshot Result

\n \n \n Paid 0.01 USDC\n \n

\n\n

\n URL:{\" \"}\n \n {targetUrl}\n \n

\n Paid from Wallet {wallet}\n

\n \n

\n\n

\n \n \n Download PNG\n \n \n 📸 Take Another\n \n \n View Transactions →\n \n

\n ,\n );\n } catch (err: any) {\n return c.html();\n }\n});\n\nexport default screenshot;\n","deleted","label",[179,160],"routes","permalink","https://www.val.town/x/stevekrouse/x402-playground/code/routes/screenshot.tsx","extension","actionData","errors"]