Kinde•2mo ago

SvelteKit KINDE_REDIRECT_URL

Hi all, Just started trying to swap over to Kinde, having followed the "SvelteKit SDK" page in the docs and am seeing

Invalid KINDE_REDIRECT_URL: Invalid URL
code: 'ERR_INVALID_URL',
input: 'undefined/oauth2/auth'

Invalid KINDE_REDIRECT_URL: Invalid URL
code: 'ERR_INVALID_URL',
input: 'undefined/oauth2/auth'

I'm pretty sure my configuration/env just flat-out isn't recognised 😦 I've more or less copied things 1 for 1, and double checked all variables configured in my .env, and within the Kinde dashboard. There's no extra spaces, no missing slashes in the protocol, nada. Two aside notes... 1. I use a PUBLIC_ prefix for my variables and I can't see a way to make that compatible with Kinde (Yes, I have experimented with and without this before raising this thread) 2. Step 1 in the docs say "In Kinde, go to Settings > Applications and then navigate to the relevant frontend app or backend app.", but I couldn't find the secret key for the frontend app, which is needed for the "Configure your app" step. I'm also not entirely sure which is applicable for sveltekit. Either way - I have tried both the front and back-end apps for configuration Kinde and had no luck.

10 Replies

grumpOP•2mo ago

I think I've answered aside-note #2. The front-end app in Kinde doesn't have "SvelteKit" under it's quickstart - only "Svelte". So - I guess backend is the way to go. Having to use a secret is even more reason to have support for aside-note #1: private/public prefix support (or just some way of mapping whatever env keys I want into kinde's sdk)

Oli - Kinde•2mo ago

Hey @grump, Currently we only have an SDK for SvelteKit, not Svelte. However, you can still integrate with Kinde with Svelte using our JavaScript or TypeScript SDKs, or following our Using Kinde without an SDK guide. @grump - Are you wanting to implement Kinde with pure Svelte or SvelteKit

Kinde docs

JavaScript SDK

Our developer tools provide everything you need to get started with Kinde.

Kinde docs

TypeScript SDK

Our developer tools provide everything you need to get started with Kinde.

Kinde docs

Using Kinde without an SDK

Our developer tools provide everything you need to get started with Kinde.

grumpOP•2mo ago

Hey @Oli - Kinde - I'm using sveltekit

Oli - Kinde•2mo ago

Thanks for confirming @grump, Would you be be willing to send over a code snippet that reproduces your issue, so my team can reproduce and investigate your issue?

grumpOP•2mo ago

Like a reproduction repo? I imagine the issue is somewhere in my configuration and if I were to spin up a reproduction it likely wouldn't happen again. But, I can't see anything out of the ordinary either. I'll give it a shot.

Oli - Kinde•2mo ago

Hey @grump, Are you able to try the SvelteKit starter kit and let me know if you are still experiencing issues?

GitHub

GitHub - kinde-starter-kits/sveltekit-starter-kit

Contribute to kinde-starter-kits/sveltekit-starter-kit development by creating an account on GitHub.

grumpOP•2mo ago

Hey @Oli - Kinde I haven't delved into the issue much just yet, but off the bat, after inserting my own environment variables to .env and I get...

{
    "error": "invalid_request",
    "error_description": "The request is missing a required parameter, includes an invalid parameter value, includes a parameter more than once, or is otherwise malformed. Requested audience 'https://your_kinde_domain.kinde.com/api' has not been whitelisted by the OAuth 2.0 Client."
}

{
    "error": "invalid_request",
    "error_description": "The request is missing a required parameter, includes an invalid parameter value, includes a parameter more than once, or is otherwise malformed. Requested audience 'https://your_kinde_domain.kinde.com/api' has not been whitelisted by the OAuth 2.0 Client."
}

wait - yup, didn't replace the domain in the audience param And sure enough - same "invalid_request" error as above, but it just includes my kinde url in the error, and not your_kinde_domain... I'll also note that this is using a kinde env I created shortly after opening my account. The default was production, so I made a dev env. edit: I just tried using the prod environment that existed when I created my kinde account and no luck there either . The debug page at /api/auth/health is showing all the variables (which is not the case when using my own project) @Oli - Kinde happy to DM you any details like client ID or domain name if that helps

Oli - Kinde•2mo ago

Hey @Lauchy (grump), Did you experience the above using the SvelteKit starter kit?

grumpOP•2mo ago

@Oli - Kinde - Yup Cloned repo, pasted in my env vars from my app's quick start page, yarn, yarn dev, click login or signup, get that error

Oli - Kinde•2mo ago

Hey @Lauchy (grump), Sorry to hear you are still experiencing issues. Are you able to send over a recording of your experience? You can send it to my team privately via the #🤫┃confidential-support channel.

Gaming

Programming

SvelteKit KINDE_REDIRECT_URL