API Authentication not working

Hey, its me again.

Okay so i followed the sapphire docs and made the authenticated precondition be

export const authenticated = () =>
    createFunctionPrecondition(
        (request: ApiRequest) => Boolean(request.auth?.token),
        (_request: ApiRequest, response: ApiResponse) => response.error(HttpCodes.Unauthorized)
    );

export const authenticated = () =>
    createFunctionPrecondition(
        (request: ApiRequest) => Boolean(request.auth?.token),
        (_request: ApiRequest, response: ApiResponse) => response.error(HttpCodes.Unauthorized)
    );

and i make the api call to refresh/fetch a user from the endpoint users/@me but i get

{ error: "Cannot read properties of null (reading 'id')" }

{ error: "Cannot read properties of null (reading 'id')" }

when i log the response data returned here so that means

auth

auth

is null? i have

credentials: 'include'

credentials: 'include'

in the request tho

Solution

@Oreo ™ Try using the

fetch

fetch

on the

event

event

object from the params. It's SvelteKit's special fetch that can include credentials and such.

import type { Handle } from '@sveltejs/kit';

export const handle: Handle = async ({ event, resolve }) => {
    const { fetch } = event;

    await fetch('https://example.com', {
        method: 'GET'
    });

    return resolve(event);
};

import type { Handle } from '@sveltejs/kit';

export const handle: Handle = async ({ event, resolve }) => {
    const { fetch } = event;

    await fetch('https://example.com', {
        method: 'GET'
    });

    return resolve(event);
};

Jump to solution

Oreo ™OP•12/11/23, 3:05 PM

Oreo ™OP•12/11/23, 3:08 PM

I just struggle with oauth api stuff

OOreo ™Hey, its me again. Okay so i followed the sapphire docs and made the authentica...

Favna•12/12/23, 6:10 AM

Wild shot while being half awake but can you ditch the class with statics and just export functions? If you want to group them still you can use a namespace

namespace ApiClient {
export function aaa() { }
}

Oreo ™OP•12/12/23, 9:07 AM

https://github.com/TheOreoTM/cardinal-web-svelte/blob/main/src/lib/ApiClient.ts#L18

Oreo ™OP•12/12/23, 9:07 AM

Same error

Favna•12/12/23, 9:14 AM

and when you go to the devtools -> application -> cookies you can see your auth cookie there?

Favna•12/12/23, 9:16 AM

also is the domain correct? if you use then should be . Mind that leading

FFavna and when you go to the devtools -> application -> cookies you can see your auth ...

Oreo ™OP•12/12/23, 10:16 AM

yup i see CARDINAL_AUTH and the domain is .oreotm.xyz

Oreo ™OP•12/12/23, 12:21 PM

Oreo ™OP•12/12/23, 12:21 PM

Oreo ™OP•12/12/23, 4:16 PM

https://stackoverflow.com/questions/34558264/fetch-api-with-cookie

This said use but nothing changed

Stack Overflow

Fetch API with Cookie

I am trying out the new Fetch API but is having trouble with Cookies. Specifically, after a successful login, there is a Cookie header in future requests, but Fetch seems to ignore that headers, an...

Oreo ™OP•12/13/23, 5:16 AM

Oreo ™OP•12/13/23, 5:16 AM

the endpoint works fine

Oreo ™OP•12/13/23, 5:16 AM

its just that the cookie isnt sent through

Oreo ™OP•12/13/23, 5:49 AM

ok so i found a "fix"

but aint no way this is acceptable

Oreo ™OP•12/13/23, 5:50 AM

why doesnt credentials: 'include' just work

Favna•12/15/23, 9:45 AM

Didn't get back to you before on this. Is your bot open source? And does it work when running through

127.0.0.1

127.0.0.1

in dev?

FFavna Didn't get back to you before on this. Is your bot open source? And does it work...

Oreo ™OP•12/16/23, 2:33 AM

https://github.com/TheOreoTM/cardinal-bot/blob/e6fcdf38c40eae0672c60387f49084977ad15965/src/config.ts#L70
and no

GitHub

cardinal-bot/src/config.ts at e6fcdf38c40eae0672c60387f49084977ad15...

Contribute to TheOreoTM/cardinal-bot development by creating an account on GitHub.

Favna•12/16/23, 7:10 PM

@Helpers btw if anyoen can help oreo

Solution

KB•12/16/23, 7:39 PM

@Oreo ™ Try using the

fetch

fetch

on the

event

event

object from the params. It's SvelteKit's special fetch that can include credentials and such.

import type { Handle } from '@sveltejs/kit';

export const handle: Handle = async ({ event, resolve }) => {
    const { fetch } = event;

    await fetch('https://example.com', {
        method: 'GET'
    });

    return resolve(event);
};

import type { Handle } from '@sveltejs/kit';

export const handle: Handle = async ({ event, resolve }) => {
    const { fetch } = event;

    await fetch('https://example.com', {
        method: 'GET'
    });

    return resolve(event);
};

KB•12/16/23, 7:44 PM

Relevant docs: https://kit.svelte.dev/docs/load#making-fetch-requests

SvelteKit docs

Loading data • SvelteKit documentation