I made the dev docs: <https://developers.cloudflare.com/pages/platform/branch-build-controls/#previe

WWalshy I made the dev docs: <https://developers.cloudflare.com/pages/platform/branch-bu...

C

Cyb3r-Jak3•6/15/23, 7:48 PM

Yeah so you can copy and paste

W

WalshyOP•6/15/23, 7:49 PM

nah wouldn't copy-paste

W

WalshyOP•6/15/23, 7:49 PM

docs should be source of truth

C

Cyb3r-Jak3•6/15/23, 7:51 PM

Hyperlinks it is

JJames dev mode can often have inconsistencies between actual production builds. If it ...

K

kev-ac•6/15/23, 8:40 PM

Possible. Just wanted to ask here first because it only happens using the edge runtime. Maybe its totally obvious but I just didn't get it.

J

James•6/15/23, 8:45 PM

i would guess it probably depends on reading something in the filesystem that is only a part of nodejs builds to work properly

J

James•6/15/23, 8:45 PM

¯\_(ツ)_/¯

K

kian•6/16/23, 12:28 AM

Not currently, no

WWalshy docs should be source of truth

A

Ashley•6/16/23, 5:09 PM

Sorry didn't see the responses - agreed there should be a source of truth, but the Terraform docs could link to the ones on dev.cloudflare as I did try to look for values for things and couldn't find it easily

S

simpson•6/16/23, 8:03 PM

what is the best place to look for historical product updates for Pages?

S

simpson•6/16/23, 8:05 PM

I've looked at that before, it just feels like there is a lot more than what is documented there

A

Ashley•6/16/23, 8:24 PM

For

pages dev

pages dev

pages dev

pages dev with Wrangler, I can see you can pass KV/R2 etc. but what about service bindings?

In essence, I have a worker that's implementing an API, and a pages project that's using the API, and the API itself will remain private. Currently, I am just hard-coding the URL and making a

fetch

fetch

(server-side, using SvelteKit) but naturally in production I need to use a service binding, any ideas?

A

Ashley•6/16/23, 8:26 PM

I feared that might be the case, any tips on how to handle? I'd like to avoid conditionals that are effectively "if local do this else do that" but guessing that's probably the only way?

A

Ashley•6/16/23, 8:26 PM

I can wrap it in some module that encapsulates this for all service binding calls so it's mostly centered in one place but still

A

Ashley•6/16/23, 8:27 PM

Oh that's pretty neat

A

Ashley•6/16/23, 8:28 PM

Thank you!

A

Ashley•6/16/23, 8:29 PM

I wonder if a little more complex version of that would help with the

platform

platform

platform

platform being empty locally in SvelteKit problem

A

Ashley•6/16/23, 8:35 PM

And if you passed

--kv=FOO

--kv=FOO

--kv=FOO

--kv=FOO when starting

pages dev

pages dev

pages dev

pages dev it'd be set in

platform

platform

platform

platform?

A

Ashley•6/16/23, 8:35 PM

ty!

A

Ashley•6/16/23, 8:39 PM

Yeah I don't think it's awful with the suggestion above, and just going to set platform and steal your polyfill and set it for my service binding locally

Or that's the hope, anyway

AAshley Yeah I don't think it's awful with the suggestion above, and just going to set p...

A

Ashley•6/16/23, 8:52 PM

For anyone curious, this works in SvelteKit:

// /src/hooks.server.ts
import { dev } from '$app/environment';

export const handle = ({ event, resolve }) => {
    if (dev) {
        // We fake the platform for local development.
        event.platform ??= {
            env: {
                PHOTO_SERVICE: {
                    fetch(input, init) {
                        const req = new Request(input, init);
                        return fetch(input, req)
                    }
                } 
            },
        };
    }
    return resolve(event);
};

// /src/hooks.server.ts
import { dev } from '$app/environment';

export const handle = ({ event, resolve }) => {
    if (dev) {
        // We fake the platform for local development.
        event.platform ??= {
            env: {
                PHOTO_SERVICE: {
                    fetch(input, init) {
                        const req = new Request(input, init);
                        return fetch(input, req)
                    }
                } 
            },
        };
    }
    return resolve(event);
};

// /src/hooks.server.ts
import { dev } from '$app/environment';

export const handle = ({ event, resolve }) => {
    if (dev) {
        // We fake the platform for local development.
        event.platform ??= {
            env: {
                PHOTO_SERVICE: {
                    fetch(input, init) {
                        const req = new Request(input, init);
                        return fetch(input, req)
                    }
                } 
            },
        };
    }
    return resolve(event);
};

// /src/hooks.server.ts
import { dev } from '$app/environment';

export const handle = ({ event, resolve }) => {
    if (dev) {
        // We fake the platform for local development.
        event.platform ??= {
            env: {
                PHOTO_SERVICE: {
                    fetch(input, init) {
                        const req = new Request(input, init);
                        return fetch(input, req)
                    }
                } 
            },
        };
    }
    return resolve(event);
};

Naturally if you're mixing Service Bindings and KV for example, you'd lose your KV, but for my case I'm only using Service Bindings atm

A

Ashley•6/16/23, 8:53 PM

And you can use https://github.com/sveltejs/kit/issues/4292#issuecomment-1550596497 to add other deps if you wish from Miniflare

A

Ashley•6/16/23, 9:31 PM

I feel like I am going to facepalm, but in production, using a real service binding, what on earth do you pass as the URL in the request?

All the examples are simply passing or cloning the original request like in a middleware, but in this case, my Pages Function needs to basically make an API call to a Worker.

e.g. my website might get hit on the root domain, triggering a request to a Pages Function that will SSR the page, and in doing so I want to make an API call to my worker (e.g. to

/foo

/foo

/foo

/foo as I'm using IttyRouter to route API requests in the worker). Is that... possible? I find it weird it wouldn't be as you wouldn't be able to have composable "microservices" otherwise

AAshley I feel like I am going to facepalm, but in production, using a real service bind...

H

Hello, I’m Allie!•6/16/23, 9:39 PM

Pass any hostname, along with the path you want, ie

https://rawr.co/foo

https://rawr.co/foo

https://rawr.co/foo

https://rawr.co/foo. The hostname doesn’t matter, unless your Service does something with it

A

Ashley•6/16/23, 9:40 PM

Thanks for confirmation, I er... realised I er... hadn't bound my worker to the pages project

R

Ricardo Viteri•6/17/23, 1:35 AM

is it possible to assign a domain to the preview environment?

R

Ricardo Viteri•6/17/23, 2:20 AM

how can I enable the

nodejs_compat

nodejs_compat

from the cloudflare pages dashboad?

RRicardo Viteri is it possible to assign a domain to the preview environment?

H

Hello, I’m Allie!•6/17/23, 8:02 AM

?pages-branch-alias

F

Flare•6/17/23, 8:02 AM

Pages has a nifty feature to allow you to access the most recently build on any branch, which is called a Branch Alias. To use it, take the branch name, and add your Pages.dev domain to the end. For example, if the branch you want to access is

development

development

, and your Pages.dev domain is

project.pages.dev

project.pages.dev

, your Branch Alias would be

development.project.pages.dev

development.project.pages.dev

development.project.pages.dev

development.project.pages.dev.

0

0x221A•6/17/23, 11:57 AM

Is there anyway to enable wildcard access policy on pages? I want to enable access policy if users entering the website using <app>.pages.dev subdomain instead of the custom domain.

00x221A Is there anyway to enable wildcard access policy on pages? I want to enable acce...

C

Cyb3r-Jak3•6/17/23, 11:59 AM

https://developers.cloudflare.com/pages/platform/known-issues/#enabling-access-on-your-pagesdev-domain ?

0

0x221A•6/17/23, 12:12 PM

Many years have passed but the pages subdomain access policy cannot fit into one access application

00x221A Many years have passed but the pages subdomain access policy cannot fit into one...

I

itsmatteomanf•6/17/23, 12:12 PM

It can...?

I

itsmatteomanf•6/17/23, 12:13 PM

It's recent, but it's doable.

I

itsmatteomanf•6/17/23, 12:13 PM

They tell you to split, but it's docs not being updated.

I

itsmatteomanf•6/17/23, 12:13 PM

(Might also be that the support for multi-hostname Access policies is not 100% rolled out)

0

0x221A•6/17/23, 12:14 PM

I have tried it before reading the doc so I came here with a question why it can't

I

itsmatteomanf•6/17/23, 12:15 PM

I have done one last night, I'm 100% sure it can work. But might not be on 100% of accounts or there might be limits on Access plan types.

I

itsmatteomanf•6/17/23, 12:15 PM

cc @Walshy, you might know...?

0

0x221A•6/17/23, 12:15 PM

Which access plan are u using? I currently on free plan.

W

WalshyOP•6/17/23, 12:15 PM

yeah the new multi-domain should work

I made the dev docs: <https://developers.cloudflare.com/pages/platform/branch-build-controls/#previe

Similar Threads