Which you can definitely do, since Pages lets you have separate preview/production variables.

What are these build-time variables?

So would something like this work?

ts
    // IF DEV ENV
    if (!process.env["CF_PAGES"] && !userid && email == "admin@a") {
        userid = crypto.randomUUID();
        let user: User = {
            password,
            createdAt: new Date().toISOString()
        }
        await userEmailKV.put(userid, email);
        await usersKV.put(userid, JSON.stringify(user));
    }

to have sort of build-time conditional code

So that wouldn't work, build-time variables aren't accessible at runtime. Instead: - Open your Pages dashboard, go to Variables, and add a variable called DEVELOPMENT under Production with a value of

false

. - Then add one under Preview with a value of

true

- Then, in your code, you can check the variable called DEVELOPMENT at runtime.

ok was just wondering, thank you for the thorough help

where are these env vars used then?

In Functions you can access them on the context input to your handler (not process.env).

Are KVs for production and preview separate? And how do I access the preview btw? Right now im running the Pages functions locally.

The bindings are, if you bind the same KV Namespace to both Production and Preview then it will share data, otherwise you can bind different Namespaces to keep data seperate.

Preview variables are any time you create a commit on a non-master/main branch. How are you simulating locally?

with

npx wrangler pages dev ./svelte-kit -k users

Hmm... I don't think Wrangler2 pulls bindings from the dashboard so you'll need to define with the --binding flag, like:

--binding VARIABLE=value

And the KV that wrangler2 uses is only local, right?

Yeah.

Im adding this to all my responses but im still getting CORS error and 405 on OPTIONS

ts
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': 'GET,HEAD,POST,OPTIONS,PUT,PATCH,DELETE',
'Access-Control-Max-Age': '86400',

Does anyone know why I might be getting 522 Origin Connection Time-out with Cloudflare Images Direct Creator Upload? context: I'm getting the upload url using Functions, and returning that to the frontend, then I'm uploading images from the frontend It works for the most part, but for some reason I keep getting 522 errors intermittently **this is being tested locally with wrangler beta and cf pages/functions/images

What's the specific error?

from the browser

Access to fetch at 'http://localhost:8788/api/v1/login' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

You must either not be hitting the correct Function or are setting your headers incorrectly then. Can you do a

curl -v https://YOUR_URL

with your URL and see what it gives you?

It gives me lots of HTML

some error thing, expecting json

Try scrolling to the top, it'll show you headers beside >

Oh, then that's why.

Can you tell what the error page is from that HTML?

lemme try with postman, its a bit unreadable

it makes sense cause im not sending any json