I use `tsx`: https://www.npmjs.com/package/tsx - `tsx runDevBrowser.ts` But I also just added a ver

I use

tsx

tsx

: https://www.npmjs.com/package/tsx

tsx runDevBrowser.ts

tsx runDevBrowser.ts

ut I also just added a version with the types stripped to the gist that you can run with plain node:

node runDevBrowser.mjs

node runDevBrowser.mjs

npm

tsx

TypeScript Execute (tsx): Node.js enhanced with esbuild to run TypeScript & ESM files. Latest version: 3.12.7, last published: 4 months ago. Start using tsx in your project by running

npm i tsx

npm i tsx

. There are 131 other projects in the npm registry using tsx.

Aalex 🍂I use `tsx`: https://www.npmjs.com/package/tsx - `tsx runDevBrowser.ts` But I a...

Deniz A.•8/25/23, 10:59 AM

thanks!

jivan•8/28/23, 4:00 AM

I want to capture Cloudflare browser rendering & make it available in Cloudflare stream, is there any way to do it now or any plans for the same ? note. audio is also desired

conqr ᯅ•9/5/23, 1:00 AM

I believe this is a typo? https://www.cloudflare.com/lp/workers-browser-rendering-api/

Cloudflare

Workers Browser Rendering API | Cloudflare

The Workers Browser Rendering API, combines the power of Workers with Browser Isolation (provide link) to simplify the process of running Puppeteer for browser automation.

Cconqr ᯅ I believe this is a typo? https://www.cloudflare.com/lp/workers-browser-renderin...

Vero•9/5/23, 8:19 AM

Thanks, I've raised this internally

GGabb Hi, I was excited about this feature, but trying it locally after 2 or 3 tests I...

yeehow•9/15/23, 8:12 PM

https://blog.cloudflare.com/browser-rendering-open-beta/

The Cloudflare Blog

Workers Browser Rendering API enters open beta

The Workers Browser Rendering API allows developers to programmatically control and interact with a headless browser instance and create automation flows for their applications and products. Today we enter the open beta and start onboarding our customers.

Pedro•9/19/23, 12:51 PM

Hey, I would like access to the browser-rendering-api-beta

PPedro Hey, I would like access to the browser-rendering-api-beta

Chaika•9/19/23, 1:04 PM

Put your account ID in the access thread: Browser Rendering API Beta Access

Chao•9/19/23, 5:46 PM

Any best practices to get around or live with the 2 concurrent browser limitation?

Vikash•9/20/23, 12:15 PM

Hey, I am getting error in deployment. Any suggestion?

wrangler.toml

wrangler.toml

Top-level configuration

name = "puppeteer"
main = "api/server.ts"
node_compat = true
workers_dev = true

browser = { binding = "MYBROWSER" }

kian•9/20/23, 12:21 PM

https://developers.cloudflare.com/browser-rendering/get-started/screenshots/#4-configure-wranglertoml

kian•9/20/23, 12:21 PM

nodejs_compat

nodejs_compat

compatibility flag, not

node_compat

node_compat

Firefox•9/21/23, 7:24 PM

When running the following code I keep getting a type error of

readable is not async iterable

readable is not async iterable

, I narrowed it down to the

const pdf = await page.pdf();

const pdf = await page.pdf();

line but have no clue how I could resolve the issue. Anyone that could help me?

export interface Env {
    MYBROWSER: Fetcher;
}

import puppeteer from '@cloudflare/puppeteer';

export default {
    async fetch(request: Request, env: Env): Promise<Response> {
        const { searchParams } = new URL(request.url);
        let url = searchParams.get('url');

        // skip favicon requests
        if (request.url.includes('/favicon.ico')) return new Response('Not found', { status: 404 });

        if (url) {
            const browser = await puppeteer.launch(env.MYBROWSER);
            const page = await browser.newPage();
            await page.goto(url);

            const pdf = await page.pdf();

            await browser.close();

            if (!pdf) return new Response('No pdf found', { status: 404 });

            return new Response(pdf, {
                headers: {
                    'content-length': pdf.byteLength.toString(),
                    'content-type': 'application/pdf',
                },
            });
        } else {
            return new Response('Please add the ?url=https://example.com/ parameter');
        }
    },
};

export interface Env {
    MYBROWSER: Fetcher;
}

import puppeteer from '@cloudflare/puppeteer';

export default {
    async fetch(request: Request, env: Env): Promise<Response> {
        const { searchParams } = new URL(request.url);
        let url = searchParams.get('url');

        // skip favicon requests
        if (request.url.includes('/favicon.ico')) return new Response('Not found', { status: 404 });

        if (url) {
            const browser = await puppeteer.launch(env.MYBROWSER);
            const page = await browser.newPage();
            await page.goto(url);

            const pdf = await page.pdf();

            await browser.close();

            if (!pdf) return new Response('No pdf found', { status: 404 });

            return new Response(pdf, {
                headers: {
                    'content-length': pdf.byteLength.toString(),
                    'content-type': 'application/pdf',
                },
            });
        } else {
            return new Response('Please add the ?url=https://example.com/ parameter');
        }
    },
};

Jakob Norlin•9/22/23, 1:50 PM

Since a couple of days my DO keeps throwing this error when running

puppeteer.launch(this.env.BROWSER))

puppeteer.launch(this.env.BROWSER))

Unabled to create new browser: code: 429: message: Too many browsers already running

Unabled to create new browser: code: 429: message: Too many browsers already running

I don't seem to be able to reset this. I have tried to force kill the DO with

state.blockConcurrencyWhile(() ={ throw new Error("Intentional crash")) }

state.blockConcurrencyWhile(() ={ throw new Error("Intentional crash")) }

in the constructor, but even that doesn't help.

Is there any way I can take control of the situation and reset the browser state or something?

The browser runs on a 3 minute cron job and has been working flawlessly for several weeks, until it suddenly stopped working a little while back. I don't know exactly when because I don't have good logging set up for this function.

Jakob Norlin•9/22/23, 1:51 PM

Also,

Unable

Unable

is misspelled

Unabled

Unabled

in that error message

Original message was deleted

Jakob Norlin•9/22/23, 5:37 PM

Account ID is 397b462fa783ffd5a2e58c3a8fcd2f0a and worker name is

shopping-bird

shopping-bird

Vero•9/22/23, 5:45 PM

sure

JJakob Norlin Account ID is 397b462fa783ffd5a2e58c3a8fcd2f0a and worker name is `shopping-bird...

Vero•9/22/23, 5:47 PM

raised

JJakob Norlin Account ID is 397b462fa783ffd5a2e58c3a8fcd2f0a and worker name is `shopping-bird...

Vero•9/22/23, 7:29 PM

Have you opened a support ticket? If not, could you please open it so that they can look into it?

VVero Have you opened a support ticket? If not, could you please open it so that they ...

Jakob Norlin•9/22/23, 7:55 PM

How do I open a proper ticket? When writing it up I'm faced with

Customers on our Free plans can only submit tickets for billing, account, and registrar issues.

Customers on our Free plans can only submit tickets for billing, account, and registrar issues.

, even though I'm paying $5 a month for the plan with workers and DO

Vero•9/22/23, 8:59 PM

ok, I'll have to open it for you internally, will give you an update on Monday

Chao•9/23/23, 12:48 AM

can we request for the 2-browser limit to be raised on a per acct basis? if not, will this limit be lifted when you exit beta?

JJakob Norlin How do I open a proper ticket? When writing it up I'm faced with `Customers on o...

Vero•9/25/23, 2:59 PM

DM'd you

nish•9/26/23, 12:08 PM

Hey! I'd love to get access to the browser rendering api. Account: d0128033c48600d1b4c6f7106d4d8e55. Also, is there a tutorial on how to re-use a browser instance by storing it to DO?

Nnish Hey! I'd love to get access to the browser rendering api. Account: d0128033c4860...

Vero•9/27/23, 10:23 AM

enabled

Jürgen B•9/27/23, 1:50 PM

Can you share any plans regarding amount of browser-limitations for free/paid plans when launching?

JJürgen B Can you share any plans regarding amount of browser-limitations for free/paid pl...

tanushree │ Workers PM•9/28/23, 1:47 PM

https://blog.cloudflare.com/running-serverless-puppeteer-workers-durable-objects/

The Cloudflare Blog

Running Serverless Puppeteer with Workers and Durable Objects

We’ve heard from developers that configuring and maintaining their own serverless browser automation systems can be quite painful. The Workers Browser Rendering API solves this

Ttanushree │ Workers PM https://blog.cloudflare.com/running-serverless-puppeteer-workers-durable-objects...

Advany•9/28/23, 2:20 PM

Cool. Saw that my do was used in the post

Ttanushree │ Workers PM https://blog.cloudflare.com/running-serverless-puppeteer-workers-durable-objects...

Unsmart•9/28/23, 2:45 PM

Is the concurrent session pricing based on the peak concurrency during the month or do you have to pre-pay a set concurrency limit (and can you set a concurrency limit if it’s the first option?)

Mackenly•9/28/23, 5:06 PM

And is that $1 each time you spawn a concurrent session or is that per month based on peak?

Mackenly•9/28/23, 6:08 PM

Wouldn't it be more cost effective to just keep a DO with a session alive perpetually? It costs just over $4 to keep a DO alive all month. If you use browser rendering just twice a day you're at $6/m (60*$0.10) in session costs. Setup a queue to process requests handled by that single DO and you never have to worry about having more than one session for an entrire month, correct?

Advany•9/28/23, 6:37 PM

I also dont get the pricing. Would be great to get insights

Hhannes Same question about 10cent session price.. is this per spawned session? How does...

Unsmart•9/28/23, 6:56 PM

The per session would be every time you call

puppeteer.launch()

puppeteer.launch()

. You can reuse the session as explained with DOs in the blogpost which would make it where you can pay per minute with only the initial request warming up the DO costing or anytime the DO gets reset (should mostly code updates / runtime updates)

Advany•9/28/23, 7:07 PM

So then keeping do alive would be cheaper right?

Unsmart•9/28/23, 7:11 PM

depends on your usage levels

DanTheGoodman•9/29/23, 2:13 PM

Does puppeteer stealth work? (ping plz)

Sam•9/29/23, 3:43 PM

Hello. I'd like to get access to the browser rendering api. Account: 1448756027c02d2cb72a056a23538f40

Sam•9/29/23, 3:43 PM

Thank you

Hhannes It's still weird.. does that mean I only pay 10 cents + DO cost for a day (ca. 4...

Mackenly•9/29/23, 5:40 PM

From my understanding it would just be $0.10 every time the DO and browser session is instantiated as long as it's kept alive, so not even every day, as long as the browser instance gets a command at least every 60 seconds. If this is as it seems the pricing really doesn't make sense. Either there's an undocumented time limit on session time or the session pricing should be much lower to incentivize users to create new sessions rather than keep one open. Paying $0.10 once feels like a loophole.

If the best practice is to leave a session open, that should definitely be communicated in the pricing/docs since without considering using a DO, the pricing seems super high (who could justify $0.10 to take a screenshot when you can do the same thing with puppeteer on GCP functions or AWS for much much less).

Unsmart•9/29/23, 8:21 PM

requests != sessions

Unsmart•9/29/23, 8:23 PM

but also 50 sessions would only be $5

export interface Env { MYBROWSER: Fetcher; } import puppeteer from '@cloudflare/puppeteer'; export default { async fetch(request: Request, env: Env): Promise<Response> { const { searchParams } = new URL(request.url); let url = searchParams.get('url'); // skip favicon requests if (request.url.includes('/favicon.ico')) return new Response('Not found', { status: 404 }); if (url) { const browser = await puppeteer.launch(env.MYBROWSER); const page = await browser.newPage(); await page.goto(url); const pdf = await page.pdf(); await browser.close(); if (!pdf) return new Response('No pdf found', { status: 404 }); return new Response(pdf, { headers: { 'content-length': pdf.byteLength.toString(), 'content-type': 'application/pdf', }, }); } else { return new Response('Please add the ?url=https://example.com/ parameter'); } }, };

I use `tsx`: https://www.npmjs.com/package/tsx - `tsx runDevBrowser.ts` But I also just added a ver

Top-level configuration

Similar Threads

Similar Threads

Top-level configuration

Similar Threads