If you are talking about allowed origins, you need to set up cors

No, not CORS, just the API needs me to whitelist servers that will be making requests to it

I'll try the header as you said

Oh, nice, thanks!

Any idea why importing a typescript file into another typescript file fails? Can you successfully import

ts

files?

No, you can't import

.ts

files because by the time the import happens it's already a

.js

file. The only reason you can sometimes is because your bundler takes care of transforming it (Webpack or

esbuild

etc)

So, even though Cloudflare Functions support Typescript, in reality there an only be a single

.ts

file present because importing other

.ts

files is not possible? I tried importing a

.ts

file as

.js

into the main Typescript file, but this resulted in the same could not resolve… error. Is there a way to use Typescript natively (so to speak) with Cloudflare Pages?

I'm not sure, actually. I think it uses

esbuild

under the hood to bundle your functions, so

.ts

imports should absolutely work...

You might have to ask @User

Hi everyone, I just deployed a SvelteKit app on pages and added a simple API endpoint in functions/api/hello.js but now the site doesn't load anymore at all and returns 404 everywhere. What am I missing?

?sveltekit-functions

SvelteKit doesn't work with functions since it uses them internally (meaning if you try to create functions it overrides theirs). Instead, try: - using SvelteKit endpoints. Anything you can do in Functions you can do in Endpoints. - using

@sveltejs/adapter-static

and normal Functions.

ty

anyone know how to access Cloudflare environment variables through SvelteKit endpoints?

Yup, sec. 🙂

awesome then I was on the right track, ty very much

@User do I need to add the environment variable to interface Platform{} to get the value in app.d.ts as well?

Yup, that's exactly right. 👍

and then I access it with:

export async function post({ request, platform }) {
    const data = await request.formData();
    const SENDGRID_API_KEY = platform.env.SENDGRID_API_KEY;
    ...

can't understand why this value doesn't seem to exist 😦 is there something wrong in app.dt.ts?

declare namespace App {
    // interface Locals {}
    interface Platform {
        env: {
            SENDGRID_API_KEY: SENDGRID_API_KEY
        }
    }
    // interface Session {}
    // interface Stuff {}
}

If you're using

svelte-kit dev

unfortunately it doesn't have it.

You'll have to run

svelte-kit build

and then

svelte-kit preview

(Which are mapped to

npm run build

and

npm run preview

I think)

ok but the env variable would be available in prod then?

everything seems to be correct?

Yeah, everything looks correct 👍

Oh, except that it should be

string

since that type is just the type.

So:

interface Platform {
        env: {
            SENDGRID_API_KEY: string
        }
    }

aha,

${SENDGRID_API_KEY}

would work?