Can't get CF transform via workers to do anything

Following this guide: https://developers.cloudflare.com/images/transform-images/transform-via-workers/#an-example-worker
Using an unbelievably basic worker:

addEventListener('fetch', (event) => {
    event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
    const url = new URL(request.url);
    const { pathname } = url;
    const imageURL = 'https://pub-d6b4cd812c4c423984abcb97395046d5.r2.dev' + pathname;

    const options = {
        cf: {
            image: {
                width: '100',
                height: '100',
                fit: 'cover',
            },
        },
    };

    const imageRequest = new Request(imageURL, { headers: request.headers });
    return fetch(imageRequest, options);
}

addEventListener('fetch', (event) => {
    event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
    const url = new URL(request.url);
    const { pathname } = url;
    const imageURL = 'https://pub-d6b4cd812c4c423984abcb97395046d5.r2.dev' + pathname;

    const options = {
        cf: {
            image: {
                width: '100',
                height: '100',
                fit: 'cover',
            },
        },
    };

    const imageRequest = new Request(imageURL, { headers: request.headers });
    return fetch(imageRequest, options);
}

addEventListener('fetch', (event) => {
    event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
    const url = new URL(request.url);
    const { pathname } = url;
    const imageURL = 'https://pub-d6b4cd812c4c423984abcb97395046d5.r2.dev' + pathname;

    const options = {
        cf: {
            image: {
                width: '100',
                height: '100',
                fit: 'cover',
            },
        },
    };

    const imageRequest = new Request(imageURL, { headers: request.headers });
    return fetch(imageRequest, options);
}

addEventListener('fetch', (event) => {
    event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
    const url = new URL(request.url);
    const { pathname } = url;
    const imageURL = 'https://pub-d6b4cd812c4c423984abcb97395046d5.r2.dev' + pathname;

    const options = {
        cf: {
            image: {
                width: '100',
                height: '100',
                fit: 'cover',
            },
        },
    };

    const imageRequest = new Request(imageURL, { headers: request.headers });
    return fetch(imageRequest, options);
}

This doesn't seem to do anything, it just sends the full size image through. What am I doing wrong?

Cloudflare Docs

Transform via Workers · Cloudflare Image Optimization docs

Using Cloudflare Workers to transform with a custom URL scheme gives you powerful programmatic control over every image request.

Iian Following this guide: https://developers.cloudflare.com/images/transform-images/...

Chaika•5/28/24, 12:02 AM

Do you have Image Resizing Enabled for the zone the worker is executing on under Image -> Transformations? If it's on workers.dev it'll never work. Also r2.dev urls aren't for production as they are rate-limited, Custom Domains are what you should use

ianOP•5/28/24, 12:04 AM

I have it enabled for all zones

ianOP•5/28/24, 12:05 AM

Sounds like the workers domain is the problem

Iian Sounds like the workers domain is the problem

Chaika•5/28/24, 12:05 AM

are you running it on the workers.dev?

ianOP•5/28/24, 12:06 AM

yeah

ianOP•5/28/24, 12:06 AM

i cant figure out how to bind a domain to a worker

ianOP•5/28/24, 12:06 AM

theres nothing in the worker settins

ianOP•5/28/24, 12:06 AM

and nothing in the main workers config

ianOP•5/28/24, 12:07 AM

where are domains configured? Surprised its this hard to find

ianOP•5/28/24, 12:07 AM

oh its under triggers?

ianOP•5/28/24, 12:08 AM

I find it odd and confusing the CF image behaviors dont work on the workers.dev domain

ianOP•5/28/24, 12:08 AM

that seems like an easy solution

ianOP•5/28/24, 12:09 AM

WOO using custom zone worked

ianOP•5/28/24, 12:09 AM

It would be helpful to mention that you have to use custom zone in the docs

Iian I find it odd and confusing the CF image behaviors dont work on the workers.dev ...

Chaika•5/28/24, 12:11 AM

just because you can't allow it under the Image -> Transformations tab

Chaika•5/28/24, 12:11 AM

You can add a Worker Custom Domain and it'll take care of the DNS, or routes and add a dns record yourself/add it over an existing origin (or on a specific path, etc)

Chaika•5/28/24, 12:11 AM

Settings -> Triggers yea